:root{--ink:#0b0c0e;--muted:#70747d;--line:#e6e7e9;--paper:#fff;--wash:#f3f4f6;--blue:#477cff;--yellow:#ffb72b;--green:#45ba67}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Arial,sans-serif}.wrap{width:min(1180px,100% - 48px);margin-inline:auto}.nav{justify-content:space-between;align-items:center;gap:24px;height:88px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:850;text-decoration:none;display:flex}.brandMark{background:var(--ink);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.navLinks{gap:34px;display:flex}.navLinks a,.footer a{color:#35383e;font-size:14px;text-decoration:none}.navLinks a:hover{color:#000}.button{border-radius:15px;justify-content:center;align-items:center;gap:20px;min-height:52px;padding:0 22px;font-size:14px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.buttonDark{background:var(--ink);color:#fff;box-shadow:0 10px 25px #0002}.buttonLight{color:var(--ink);border:1px solid var(--line);background:#fff}.compact{border-radius:13px;min-height:42px;padding:0 19px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;min-height:690px;padding-block:55px 80px;display:grid}.eyebrow{border:1px solid var(--line);color:#464a51;background:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:750;display:inline-flex}.hero h1,.sectionHead h2,.parentCopy h2,.finalCta h2{letter-spacing:-.065em;margin:26px 0 25px;font-size:clamp(46px,5vw,74px);line-height:.98}.heroCopy>p,.sectionHead>p{max-width:580px;color:var(--muted);font-size:19px;line-height:1.55}.actions{gap:10px;margin:34px 0;display:flex}.proof{color:#686c74;flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.heroVisual{justify-content:flex-end;align-items:center;height:570px;display:flex;position:relative}.mascotHalo{background:radial-gradient(circle,#eef2ff 0,#fff 69%);border-radius:50%;width:360px;height:360px;position:absolute;top:120px;left:-5px}.heroMascot{z-index:2;object-fit:contain;filter:drop-shadow(0 24px 30px #0002);position:absolute;bottom:35px;left:-15px}.phone{z-index:3;background:#fff;border:9px solid #111216;border-radius:42px;width:295px;height:570px;padding:18px;transform:rotate(4deg);box-shadow:0 40px 70px #0003}.phoneTop{justify-content:space-between;margin-bottom:28px;font-size:9px;display:flex}.miniHello{align-items:center;gap:10px;font-size:12px;font-weight:750;display:flex}.miniHello img{object-fit:contain}.phoneTabs{background:#f0f1f4;border-radius:12px;grid-template-columns:1fr 1fr;margin:17px 0;padding:4px;display:grid}.phoneTabs>*{text-align:center;padding:9px;font-size:11px}.phoneTabs b{background:#fff;border-radius:9px;box-shadow:0 3px 8px #0001}.phone h3{letter-spacing:-.04em;font-size:22px}.scanCard{text-align:center;border:1px dashed #cdd0d6;border-radius:18px;flex-direction:column;align-items:center;gap:7px;padding:24px 15px;display:flex}.scanCard small{color:var(--muted);font-size:10px;line-height:1.4}.camera{color:var(--blue);font-size:30px}.phone button{color:#fff;background:#111;border:0;border-radius:13px;width:100%;margin-top:16px;padding:14px;font-weight:800}.orbit{z-index:5;background:#fff;border-radius:16px;place-items:center;width:54px;height:54px;font-size:23px;display:grid;position:absolute;box-shadow:0 14px 35px #0002}.orbitOne{color:var(--green);border:2px solid #8dd5a2;top:160px;right:-18px}.orbitTwo{color:var(--yellow);border:2px solid #ffd678;bottom:95px;right:13px}.steps{border:1px solid var(--line);border-radius:26px;grid-template-columns:repeat(3,1fr);margin-bottom:130px;padding:22px;display:grid;box-shadow:0 20px 60px #0000000a}.steps article{grid-template-columns:auto auto 1fr;align-items:start;gap:16px;padding:20px;display:grid}.steps article+article{border-left:1px solid var(--line)}.steps i{color:#999;font-size:11px;font-style:normal;font-weight:850}.steps h3{margin:2px 0 7px;font-size:18px}.steps p,.subjects p,.rewardRow p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.stepIcon,.subjectIcon{color:#fff;place-items:center;font-weight:900;display:grid}.stepIcon{border-radius:50%;width:48px;height:48px}.blue{background:var(--blue)}.yellow{background:var(--yellow)}.green{background:var(--green)}.section{padding-bottom:135px}.sectionHead{grid-template-columns:1.1fr .9fr;align-items:end;margin-bottom:48px;display:grid}.sectionHead .eyebrow{grid-column:1}.sectionHead h2{grid-column:1;margin:22px 0 0;font-size:clamp(42px,5vw,68px)}.sectionHead>p{grid-area:2/2}.sectionHead.narrow{max-width:760px;display:block}.sectionHead.center{text-align:center;margin-inline:auto}.productGrid{background:var(--wash);border-radius:28px;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;display:grid}.productGrid article{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:390px;padding:22px;position:relative;overflow:hidden}.productGrid article>span{font-size:12px;font-weight:850}.productGrid h3{letter-spacing:-.03em;margin-top:52px;font-size:20px}.productGrid ol{color:#52565e;padding-left:20px;font-family:ui-monospace,monospace;line-height:2}.productGrid article>img{object-fit:contain;position:absolute;bottom:6px;right:12px}.paper{background-color:#fafafa;background-image:linear-gradient(#dbe6ff55 1px,#0000 1px),linear-gradient(90deg,#dbe6ff55 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:center;gap:16px;height:270px;margin-top:18px;padding:25px;font-family:cursive;display:flex;transform:rotate(-2deg)}.paper b{color:#38538a;font-size:23px}.paper em{font-size:22px}.answer{border:1px solid var(--line);border-radius:12px;margin:30px 0;padding:18px;font-family:serif;font-size:21px}.fakeButton{color:#fff;text-align:center;background:#111;border-radius:12px;padding:14px;font-size:13px;font-weight:800}.ring{background:conic-gradient(var(--green) 76%,#ebedef 0);border-radius:50%;place-items:center;width:125px;height:125px;margin:45px auto 25px;font-size:28px;font-weight:900;display:grid;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:12px}.ring small,.ring{z-index:1}.ring small{font-size:13px}.ring>*{z-index:2;position:relative}.productGrid article:last-child{text-align:center}.productGrid article:last-child .ring{isolation:isolate}.productGrid article:last-child .ring:before{content:"76%";z-index:2;position:absolute}.subjects{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.subjects article{border:1px solid var(--line);border-radius:24px;min-height:265px;padding:30px;transition:all .25s}.subjects article:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0001}.subjectIcon{border-radius:17px;width:58px;height:58px;font-size:24px}.subjects h3{margin:30px 0 8px;font-size:23px}.subjects a{color:#111;gap:20px;margin-top:23px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.parentSection{background:#f4f5f6;margin-bottom:130px;padding:125px 0}.parentGrid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;display:grid}.parentCopy h2{font-size:clamp(44px,5vw,67px)}.parentCopy ul{color:#565a62;gap:15px;padding:0;list-style:none;display:grid}.parentCopy li:before{content:"✓";margin-right:11px;font-weight:900}.dashboard{background:#fff;border-radius:27px;padding:28px;box-shadow:0 35px 70px #0001}.dashTop{justify-content:space-between;align-items:center;display:flex}.dashTop div{flex-direction:column;gap:8px;display:flex}.dashTop b{font-size:20px}.dashTop>span{border:1px solid var(--line);border-radius:10px;padding:9px;font-size:11px}.metrics{grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0;display:grid}.metrics div{background:#f5f6f7;border-radius:14px;padding:15px}.metrics small,.metrics b{display:block}.metrics b{margin-top:7px;font-size:25px}.skill{border-bottom:5px solid #eceeef;justify-content:space-between;margin:18px 0;padding-bottom:14px;font-size:12px;display:flex;position:relative}.skill i{background:var(--green);border-radius:99px;height:5px;position:absolute;bottom:-5px;left:0}.yellowBar i{background:var(--yellow)}.tip{background:#f6f7f8;border-radius:16px;align-items:center;gap:12px;margin-top:26px;padding:10px 15px;display:flex}.tip img{object-fit:contain}.tip p{font-size:12px;line-height:1.5}.rewardRow{text-align:center;grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.rewardRow article{padding:24px}.rewardRow article>span,.rewardRow article>img{object-fit:contain;background:#f1f3f6;border-radius:50%;place-items:center;width:88px;height:88px;margin:auto;font-size:38px;display:grid}.rewardRow h3{font-size:17px}.finalCta{border:1px solid var(--line);background:linear-gradient(115deg,#fff,#f4f6fa);border-radius:30px;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:250px;margin-bottom:80px;padding:30px 44px;display:grid;overflow:hidden}.finalCta img{object-fit:contain;align-self:end}.finalCta h2{margin:15px 0;font-size:43px}.finalCta p{color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr auto;align-items:start;gap:30px;padding:45px 0 55px;display:grid}.footer p,.footer small{color:var(--muted);font-size:12px;line-height:1.5}.footer div{gap:10px;display:grid}.reveal{animation:.8s both enter}.delay{animation-delay:.15s}@keyframes enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.button,.subjects article{transition:none}}@media (max-width:900px){.navLinks{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.heroVisual{justify-content:center;height:580px}.heroMascot{left:calc(50% - 250px)}.phone{margin-left:180px}.steps,.productGrid{grid-template-columns:1fr 1fr}.steps article+article{border-left:0}.steps article:last-child{grid-column:1/-1}.sectionHead,.parentGrid{grid-template-columns:1fr}.sectionHead>p{grid-area:auto/1}.subjects{grid-template-columns:1fr}.parentGrid{gap:45px}.rewardRow{grid-template-columns:1fr 1fr}.finalCta{grid-template-columns:auto 1fr}.finalCta .button{grid-column:1/-1}.footer{grid-template-columns:1fr 1fr}}@media (max-width:600px){.wrap{width:min(100% - 28px,1180px)}.nav{height:72px}.nav>.button{display:none}.hero{min-height:auto;padding:35px 0 55px}.hero h1{font-size:43px}.heroCopy>p{font-size:17px}.actions{display:grid}.proof{gap:10px}.heroVisual{height:510px}.phone{border-width:7px;width:250px;height:490px;margin-left:82px;padding:14px}.heroMascot{width:210px;height:210px;bottom:35px;left:-25px}.mascotHalo{width:250px;height:250px;left:-30px}.orbit{width:45px;height:45px}.orbitOne{right:0}.orbitTwo{right:10px}.phone h3{font-size:18px}.scanCard{padding:15px 10px}.steps{grid-template-columns:1fr;margin-bottom:90px}.steps article,.steps article:last-child{grid-column:auto}.steps article+article{border-top:1px solid var(--line)}.section{padding-bottom:90px}.sectionHead h2,.parentCopy h2{font-size:43px}.productGrid{grid-template-columns:1fr}.productGrid article{min-height:330px}.subjects article{min-height:230px}.parentSection{margin-bottom:90px;padding:85px 0}.metrics b{font-size:18px}.rewardRow{grid-template-columns:1fr 1fr}.rewardRow article{padding:12px}.rewardRow article>span,.rewardRow article>img{width:66px;height:66px}.finalCta{text-align:center;grid-template-columns:1fr;padding:28px 24px}.finalCta img{margin:auto}.finalCta h2{font-size:36px}.footer{grid-template-columns:1fr}.footer small{margin-top:20px}}
