*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#111315;color:#f0f1e9;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #d6fc75;outline-offset:6px}header,footer,main{max-width:1240px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 40px}.brand{font-size:27px;font-weight:650;letter-spacing:-1px;text-decoration:none}.brand-mark{vertical-align:-4px;margin-right:6px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none;color:#b9bdb4}nav a:hover{color:#d6fc75}.pill{border:1px solid #3b4230;border-radius:30px;padding:8px 14px;color:#d6fc75;font-size:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:720px;padding:45px 40px 100px;gap:25px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#d6fc75;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,6vw,78px);line-height:1.06;letter-spacing:-4px;font-weight:550;margin-bottom:28px}h1 em{font-style:normal;color:#d6fc75}.intro{font-size:19px;color:#b8bcb3;line-height:1.65;margin-bottom:30px}.button{display:inline-flex;justify-content:center;gap:28px;align-items:center;padding:14px 23px;background:#d6fc75;color:#111315;border-radius:9px;text-decoration:none;font-size:15px;font-weight:600;min-height:48px}.button:hover{background:#e4ffa4}.availability{font-size:12px;color:#979d92;margin:18px 0 0}.hero-art{position:relative;background:radial-gradient(ellipse,#32534555 0%,transparent 68%);min-height:500px}.cube-stage{height:390px;display:grid;place-items:center;perspective:1000px}.cube{position:relative;width:225px;height:225px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(-28deg) rotateZ(8deg)}.face{position:absolute;width:225px;height:225px;background:#161b19;padding:5px;backface-visibility:hidden}.front{transform:translateZ(112.5px);outline:2px dashed #47dcad;outline-offset:7px}.right{transform:rotateY(90deg) translateZ(112.5px)}.top{transform:rotateX(90deg) translateZ(112.5px)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;height:100%}.tiles i{display:block;background:var(--tile);border-radius:3px;box-shadow:inset -2px -3px 0 #0002}.target-label{display:flex;align-items:center;gap:20px;justify-content:center;margin-top:32px}.target-label>.tiles{width:55px;height:55px;gap:3px}.target-label .eyebrow{font-size:9px;letter-spacing:1.4px;margin:0 0 4px}.target-label p{margin:0;font-size:16px}.how{border-top:1px solid #30362c;padding:76px 40px 90px}.section-title{max-width:660px}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-1.5px;font-weight:500;margin-bottom:18px}.section-title>p:last-child{color:#aeb5a7;font-size:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.step-number{color:#d6fc75;font-size:12px;display:block;padding-top:17px;border-top:1px solid #424b35;margin-bottom:24px}h3{font-size:21px;font-weight:500;letter-spacing:-.4px;margin-bottom:12px}.steps p,.closing p{color:#abb3a4;font-size:16px}.closing{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#1d251b;border-radius:20px;padding:58px;margin:0 40px 90px}.closing .release-note{font-size:13px;color:#9ca792}.text-link{font-size:14px;color:#d6fc75}footer{display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding:30px 40px 40px;border-top:1px solid #30362c;color:#a5ad9c;font-size:12px}footer .brand{color:#d6fc75;font-size:22px}footer div{display:flex;gap:22px;margin-left:auto}footer a{text-decoration:none}footer small{width:100%;font-size:11px;color:#838d79}.document{max-width:820px;padding:75px 40px 100px}.document h1{font-size:58px}.document section{margin-top:52px}.document h2{font-size:26px;margin-top:40px}.document p{color:#bdc3b8}.document a:not(.button){color:#d6fc75}.document .button{margin-bottom:20px}.draft{padding:20px;border:1px solid #ac9a61;background:#3b3323;border-radius:8px;margin-bottom:32px;color:#f5dea6}.skip{position:absolute;left:10px;top:-100px;background:#d6fc75;color:#111;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){header{padding:22px 24px}nav{gap:18px}nav .pill{display:none}.hero{grid-template-columns:1fr;padding:55px 24px 55px;gap:30px;min-height:0}h1{font-size:clamp(40px,8vw,58px);letter-spacing:-2px}.hero-art{min-height:410px}.cube-stage{height:320px}.cube{width:190px;height:190px}.face{width:190px;height:190px}.front{transform:translateZ(95px)}.right{transform:rotateY(90deg) translateZ(95px)}.top{transform:rotateX(90deg) translateZ(95px)}.target-label{margin-top:22px}.how{padding:55px 24px}.steps{grid-template-columns:1fr;gap:18px;margin-top:35px}.step-number{margin-bottom:14px}.closing{grid-template-columns:1fr;gap:12px;margin:0 24px 55px;padding:30px}.closing h2{font-size:36px}footer{padding:28px 24px;gap:18px}footer>span{width:100%}footer div{margin-left:0}.document{padding:50px 24px 70px}.document h1{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}/* Scroll-linked guided app preview */
.walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;margin-top:60px;position:relative}.demo-sticky{position:sticky;top:32px;display:flex;align-items:center;flex-direction:column;padding:10px 0 24px}.phone{width:294px;padding:7px;background:#070808;border:2px solid #666c64;border-radius:46px;box-shadow:0 28px 65px #0007,0 0 85px #57b47c0d;position:relative}.phone:before,.phone:after{content:"";position:absolute;left:-5px;top:100px;background:#777d75;width:3px;height:34px;border-radius:2px}.phone:after{top:145px;height:50px}.phone-screen{border-radius:37px;overflow:hidden;background:#111315}.phone-status{height:39px;position:relative;display:flex;justify-content:space-between;padding:12px 24px 0;font-size:10px;font-weight:600;line-height:1}.island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:82px;height:23px;background:#000;border-radius:20px}.demo-header{display:flex;gap:10px;padding:14px 14px 12px;align-items:center;font-size:10px;line-height:1.5}.demo-header>.tiles{height:42px;width:42px;gap:2px;flex-shrink:0}.demo-header strong{font-weight:550}.demo-header span{display:block;color:#d6fc75}.demo-play{height:330px;background:radial-gradient(ellipse at center,#354d71,#22304a);position:relative;transition:background .6s}.demo-goal{padding:12px 15px;font-size:10px}.demo-goal strong{display:block;color:#d6fc75;font-size:11px;font-weight:550}.demo-count{color:#a8b2c4}.demo-cube-stage{height:220px;display:grid;place-items:center;perspective:650px;position:relative}.demo-cube{width:142px;height:142px;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-28deg) rotateZ(-8deg);transition:transform 950ms cubic-bezier(.2,.7,.2,1)}.demo-face{position:absolute;width:142px;height:142px;background:#1c2420;padding:3px;backface-visibility:hidden}.demo-face .tiles{gap:3px}.demo-face .tiles i{transition:background .65s,transform .65s}.demo-front{transform:translateZ(71px);outline:2px dashed #47dcad;outline-offset:5px}.demo-right{transform:rotateY(90deg) translateZ(71px)}.demo-top{transform:rotateX(90deg) translateZ(71px)}.demo-tip{text-align:center;font-size:10px;color:#c3cfdf;position:absolute;bottom:18px;width:100%;transition:opacity .4s}.demo-congrats{position:absolute;top:56px;width:100%;text-align:center;z-index:1;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s;pointer-events:none}.demo-congrats strong{display:block;font-size:15px;font-weight:500}.demo-congrats span{font-size:10px;color:#b1cbbd}.demo-toolbar{display:flex;gap:7px;padding:10px 14px 20px}.demo-toolbar>span{flex:1;text-align:center;border-radius:9px;background:#ffffff0b;color:#d6fc75;font-size:18px;line-height:1.4;padding:3px}.demo-toolbar small{display:block;font-size:8px}.demo-controls{display:flex;gap:8px;margin-top:22px;align-items:center}.demo-controls button{font:inherit;font-size:12px;border:1px solid #4b5840;border-radius:25px;background:transparent;color:#b8c1b0;min-width:44px;min-height:44px;cursor:pointer}.demo-controls button[aria-pressed="true"]{background:#d6fc75;color:#111315;border-color:#d6fc75}.demo-controls .demo-next{border:0;color:#d6fc75;padding:0 8px;margin-left:6px}.demo-controls button:focus-visible{outline:2px solid #d6fc75;outline-offset:4px}.demo-caption{font-size:10px;color:#9da991;margin:12px 0 0}.story-step{min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:55px 0;opacity:.45;transform:translateY(18px);transition:opacity .65s,transform .65s}.story-step.is-active{opacity:1;transform:translateY(0)}.story-step h3{font-size:40px;line-height:1.15;letter-spacing:-1.5px}.story-step p{font-size:18px;color:#b3bdae;max-width:360px}.story-step .step-number{padding-top:20px;border-color:#536840;letter-spacing:1.5px;margin-bottom:26px}.story-note{font-size:12px;color:#d6fc75}.swipe-cue{position:absolute;right:25px;top:90px;font-size:32px;color:#d6fc75;opacity:0;transition:opacity .4s,transform .8s;transform:translateY(20px)}.walkthrough[data-step="1"] .demo-cube{transform:rotateX(-12deg) rotateY(-8deg) rotateZ(4deg)}.walkthrough[data-step="1"] .swipe-cue{opacity:1;transform:translateY(-4px)}.walkthrough[data-step="2"] .demo-cube{transform:translateY(25px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}.walkthrough[data-step="2"] .demo-congrats{opacity:1;transform:translateY(0)}.walkthrough[data-step="2"] .demo-play{background:radial-gradient(ellipse,#265c47,#153e32)}.walkthrough[data-step="2"] .demo-goal{opacity:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.walkthrough{display:block;margin-top:32px}.demo-sticky{top:0;padding:15px 0 12px;z-index:2;background:linear-gradient(#111315 92%,#11131500)}.phone{width:222px;border-radius:35px;padding:5px}.phone-screen{border-radius:28px}.phone-status{height:29px;padding:10px 19px 0;font-size:8px}.island{width:65px;height:18px;top:6px}.demo-header{padding:8px 12px;font-size:8px}.demo-header>.tiles{width:33px;height:33px}.demo-play{height:214px}.demo-goal{padding:8px 12px;font-size:8px}.demo-goal strong{font-size:9px}.demo-cube-stage{height:151px}.demo-cube{width:100px;height:100px}.demo-face{width:100px;height:100px;padding:2px}.demo-face .tiles{gap:2px}.demo-front{transform:translateZ(50px);outline-offset:3px}.demo-right{transform:rotateY(90deg) translateZ(50px)}.demo-top{transform:rotateX(90deg) translateZ(50px)}.demo-toolbar{padding:7px 12px 12px;gap:6px}.demo-toolbar>span{font-size:13px}.demo-toolbar small{font-size:7px}.demo-tip{bottom:9px;font-size:8px}.demo-congrats{top:31px}.demo-congrats strong{font-size:12px}.demo-congrats span{font-size:8px}.walkthrough[data-step="2"] .demo-cube{transform:translateY(7px)}.swipe-cue{right:18px;top:55px;font-size:26px}.demo-controls{margin-top:10px}.demo-caption{margin-top:6px}.story-step{min-height:60vh;padding:35px 0}.story-step h3{font-size:32px}.story-step p{font-size:16px}.story-step .step-number{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.demo-cube,.demo-play,.demo-face .tiles i,.story-step,.demo-congrats,.swipe-cue{transition:none}.story-step{transform:none}.swipe-cue{transform:none}}

/* Native app recording fills the handset without re-created UI. */
.phone-screen.recording-screen{aspect-ratio:1206/2622;background:#111315;line-height:0}.app-recording{display:block;width:100%;height:100%;object-fit:contain;background:#111315}.recording-screen video:focus-visible{outline:3px solid #d6fc75;outline-offset:-3px}
@media(max-width:760px){.demo-sticky:has(.recording-screen){padding-top:8px}.phone:has(.recording-screen){width:176px;border-radius:30px}.recording-screen{border-radius:23px}.demo-caption{font-size:9px}}