:root{color-scheme:dark;--bg:#0c100f;--panel:#151c19;--text:#f0f4ef;--muted:#a6b5ad;--mint:#61d7ab;--line:#2b3931;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.skip{position:absolute;left:16px;top:-100px;background:var(--mint);color:var(--bg);padding:10px;z-index:10}.skip:focus{top:12px}header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:30px}.brand{display:flex;align-items:center;min-height:44px;text-decoration:none}.brand img{width:133px;height:auto}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{text-decoration:none;color:var(--muted);padding:12px 0}nav a:hover,nav a[aria-current=page]{color:var(--text)}.tag{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}.dot{height:6px;width:6px;border-radius:100%;background:var(--mint)}.hero{overflow:clip;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:70px;padding-top:76px;padding-bottom:96px}.hero h1{font-size:clamp(54px,6.8vw,91px);font-weight:580;letter-spacing:0;line-height:1.01;margin:26px 0}.hero h1 span{color:var(--mint)}.lead{max-width:470px;color:var(--muted);font-size:19px;line-height:1.65}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--mint);color:#10231a;text-decoration:none;border:0;padding:15px 23px;min-height:52px;border-radius:7px;font-size:15px;font-weight:650}.button:hover{background:#8be7c5}.quiet{font-size:14px;color:var(--muted)}.hero .aside{margin-top:30px;font-size:12px;color:var(--muted)}.phone-stage{position:relative;display:flex;justify-content:center;padding:0 26px}.phone-stage:before{content:"";position:absolute;top:22%;left:0;right:0;height:56%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(-15deg);z-index:-1}.phone{width:300px;border:6px solid #232c27;outline:1px solid #48554d;border-radius:43px;overflow:hidden;box-shadow:0 30px 70px #0308069c;transform:rotate(5deg)}.under-phone{position:absolute;bottom:-42px;right:30px;color:var(--muted);font-size:12px;letter-spacing:.04em}.section{padding:100px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.eyebrow{color:var(--mint);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}h2{font-weight:550;font-size:clamp(34px,4.6vw,58px);line-height:1.1;letter-spacing:0;margin:0;max-width:660px}.section-head>p{color:var(--muted);max-width:310px;margin:0}.explorer{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.tools{display:flex;flex-direction:column}.tool{display:grid;grid-template-columns:44px 1fr;gap:20px;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);padding:30px 0;color:var(--muted);cursor:pointer}.tool:last-child{border-bottom:1px solid var(--line)}.tool .number{font-size:12px;padding-top:8px;color:var(--muted)}.tool h3{font-size:25px;line-height:1.2;font-weight:550;margin:0 0 12px;color:var(--text);letter-spacing:0}.tool p{font-size:15px;margin:0;max-width:365px}.tool[aria-pressed=true] .number,.tool[aria-pressed=true] h3{color:var(--mint)}.tool:hover{color:var(--text)}.demo{background:var(--panel);display:flex;justify-content:center;padding:38px;border-radius:10px;position:relative}.demo img{max-height:540px;width:auto;max-width:100%;border-radius:24px;border:1px solid var(--line)}.demo-note{font-size:12px;color:var(--muted);margin-top:15px}.strip{display:flex;justify-content:space-between;gap:28px;padding:34px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.strip span:before{content:"✓";color:var(--mint);margin-right:12px}.pricing{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.plan{padding:42px}.plan h3{font-size:25px;font-weight:550;margin:0}.price{font-size:58px;line-height:1;letter-spacing:0;margin:28px 0 13px}.price small{font-size:15px;letter-spacing:0;font-weight:400}.plan p{color:var(--muted);font-size:14px}.plan ul{padding:0;list-style:none;margin:30px 0}.plan li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}.plan li:before{content:"+";color:var(--mint);margin-right:12px}.pro{background:#223c30;border-left:1px solid var(--line)}.pro .price{color:var(--mint)}.pricing-note{font-size:12px;max-width:750px;color:var(--muted);margin-top:22px}.closing{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{max-width:680px}.closing>div>p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-inner>div{display:flex;gap:25px}.document{max-width:760px;padding:76px 0 100px}.document h1{font-size:clamp(42px,6vw,64px);font-weight:550;line-height:1.08;letter-spacing:0;margin:18px 0 28px}.document .intro{font-size:20px;color:var(--muted)}.document h2{font-size:26px;letter-spacing:0;margin:42px 0 16px}.document p,.document li{color:var(--muted)}.document a{color:var(--mint)}.document ul{padding-left:22px}.notice{border-left:2px solid var(--mint);padding-left:20px;font-size:14px}.faq{border-top:1px solid var(--line);margin-top:45px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;min-height:44px;display:list-item;font-weight:550;font-size:19px}.faq p{margin:14px 0 0}.support-contact{padding:26px 0;border-top:1px solid var(--line);margin-top:35px}.preview-label{font-size:12px;color:var(--muted)}@media(max-width:900px){.hero{gap:24px}.hero h1{font-size:66px}.phone{width:260px}.explorer{gap:42px}.section-head{align-items:start}.plan{padding:30px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.nav{min-height:82px;gap:18px}.brand img{width:110px}nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:80px;gap:65px}.hero h1{font-size:clamp(52px,13vw,76px);max-width:520px}.lead{font-size:17px}.phone{width:260px;transform:rotate(3deg)}.phone-stage{padding:0}.under-phone{right:16px;bottom:-37px}.section{padding:65px 0}.section-head{display:block;margin-bottom:32px}.section-head>p{margin-top:24px;max-width:100%}.explorer{display:flex;flex-direction:column;gap:30px;align-items:stretch}.tools{flex-direction:column}.tool{padding:23px 0;gap:12px;grid-template-columns:30px 1fr}.tool h3{font-size:23px}.demo img{max-height:520px}.demo{padding:25px}.strip{flex-wrap:wrap;gap:15px 26px}.pricing{grid-template-columns:1fr}.plan{padding:30px}.pro{border-left:0;border-top:1px solid var(--line)}.closing{align-items:start;flex-direction:column;gap:18px}.footer-inner{align-items:start;flex-direction:column}.document{padding-top:45px}.document .intro{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Product presentation and shared iPhone hardware. */
:root{--ease:cubic-bezier(.22,1,.36,1)}
.hero{display:block;text-align:center;overflow:visible;padding-top:58px;padding-bottom:72px}
.hero-copy{position:relative;z-index:4}
.hero h1{font-size:clamp(58px,7vw,98px);letter-spacing:0;line-height:1.02;font-weight:600;margin:26px auto}
.hero .lead{max-width:560px;margin:0 auto;font-size:20px;line-height:1.55;text-wrap:balance}
.hero .actions{justify-content:center;margin-top:28px}
.hero .aside{margin-top:24px;line-height:1.8}
.device-stage{position:relative;isolation:isolate;height:760px;max-width:1020px;margin:58px auto 0;perspective:1400px}
.device-stage:after{content:"";position:absolute;left:8%;right:8%;bottom:10px;height:1px;background:linear-gradient(90deg,transparent,#415048,transparent);opacity:.65;z-index:-1}
.device-orbit{position:absolute;top:0;left:50%;width:314px;transform-origin:center center}
.orbit-center{z-index:3;margin-left:-157px;transform:translate3d(0,var(--front-y,0px),0)}
.orbit-left,.orbit-right{width:263px;top:64px;z-index:1}
.orbit-left{margin-left:-417px;transform:translate3d(0,var(--side-y,0px),0) rotate(-9deg) rotateY(12deg)}
.orbit-right{margin-left:154px;transform:translate3d(0,var(--side-y,0px),0) rotate(9deg) rotateY(-12deg)}
.device{position:relative;width:100%;padding:5px;border-radius:15.2% / 7.1%;background:linear-gradient(125deg,#b4bab7 0%,#535955 13%,#202622 32%,#777f79 52%,#bcc2bd 73%,#414942 91%);box-shadow:0 0 0 1px #949d9673,1px 2px 0 1px #101411,0 26px 45px -18px #000b,inset 0 0 0 1px #d7dfd485}
.device:before{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid #111b14;pointer-events:none;z-index:2}
.device-screen{position:relative;aspect-ratio:1206/2622;border:6px solid #030605;border-radius:14.5% / 6.8%;overflow:hidden;background:#0c100f;transform:translateZ(0)}
.device-screen img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;max-height:none;max-width:none}
.device-keys{position:absolute;inset:0;pointer-events:none}
.device-keys:before,.device-keys:after{content:"";position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#373e39,#9ca59d,#383f39);box-shadow:0 1px 1px #010602}
.device-keys:before{height:13%;left:-3px;top:23%;box-shadow:0 -46px 0 -1px #7f8981}
.device-keys:after{height:10%;right:-3px;top:30%}
.stage-caption{font-size:12px;letter-spacing:.06em;color:var(--muted);margin:16px 0 0}
.demo{background:transparent;padding:30px 34px;perspective:1000px;overflow:visible}
.device-preview{width:276px;transform:rotateY(-7deg) rotate(2deg);transition:transform .8s var(--ease)}
.demo:hover .device-preview{transform:rotateY(0) rotate(0)}
.device-screen .preview-image{position:absolute;inset:0;opacity:0;transition:opacity .42s var(--ease);pointer-events:none}
.device-screen .preview-image.is-active{opacity:1}
.demo-note{max-width:340px;margin:24px auto 0;text-align:center}
.button{border-radius:100px;transition:background .2s,transform .25s var(--ease),box-shadow .25s}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #61d7ab1a}
.button:active{transform:scale(.98)}
.button span{display:inline-block;transition:transform .3s var(--ease)}
.button:hover span{transform:translate(2px,-2px)}
nav a,.quiet,.tool{transition:color .25s,opacity .25s}
.tool{position:relative}
.tool:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.tool[aria-pressed=true]:before{transform:scaleX(1)}
.tool h3{transition:color .25s}
.tool .number{transition:color .25s,transform .35s var(--ease)}
.tool[aria-pressed=true] .number{transform:translateX(4px)}
/* Content is visible by default, including without JavaScript. */
.reveal-pending{opacity:0;transform:translateY(26px)}
.reveal-ready{opacity:1;transform:translateY(0);transition:opacity .8s var(--ease),transform .8s var(--ease)}
@media(min-width:901px){.explorer{gap:110px}.section{padding:112px 0}.demo{position:relative;top:auto}}
@media(max-width:900px){.hero{padding-top:64px}.device-stage{height:650px;margin-top:48px}.device-orbit{width:276px}.orbit-center{margin-left:-138px}.orbit-left,.orbit-right{width:226px}.orbit-left{margin-left:-332px}.orbit-right{margin-left:106px}.device-preview{width:245px}.demo{padding:26px 18px}}
@media(max-width:650px){.hero{width:100%;padding-top:42px;padding-bottom:52px;overflow:clip}.hero-copy{width:calc(100% - 40px);margin:auto}.hero h1{font-size:clamp(48px,12vw,72px);max-width:none;margin:22px auto}.hero .lead{font-size:17px;max-width:360px}.hero .actions{gap:22px}.hero .aside{font-size:11px}.device-stage{height:490px;margin:40px 0 0;max-width:none;perspective:none}.device-orbit{width:218px}.orbit-center{margin-left:-109px}.orbit-left,.orbit-right{width:169px;top:48px}.orbit-left{margin-left:-254px;transform:rotate(-9deg)}.orbit-right{margin-left:85px;transform:rotate(9deg)}.device{padding:3px}.device-screen{border-width:4px}.stage-caption{margin-top:20px;font-size:11px}.device-preview{width:256px;transform:none}.demo{padding:16px 24px}.demo:hover .device-preview{transform:none}.demo-note{margin-top:18px}.section-head h2{text-wrap:balance}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-pending,.reveal-ready{opacity:1;transform:none;transition:none}.device-orbit{--front-y:0px!important;--side-y:0px!important}*,*:before,*:after{animation:none!important;transition:none!important}.device-preview{transform:none}}

/* A pinned, reversible product sequence driven by native scroll progress. */
.device-scroll{margin-top:58px}
.device-scroll .device-stage{margin-top:0}
.scroll-showcase{height:calc(760px + 85svh)}
.scroll-showcase .device-stage{position:sticky;top:calc((100svh - 760px)/2)}
.scroll-showcase .device-orbit{transform:translate3d(var(--device-x,0px),var(--device-y,0px),0) rotateZ(var(--device-rz,0deg)) rotateY(var(--device-ry,0deg)) scale(var(--device-scale,1));will-change:transform}
@media(max-width:900px){.device-scroll{margin-top:48px}.scroll-showcase{height:calc(650px + 75svh)}.scroll-showcase .device-stage{top:calc((100svh - 650px)/2)}}
@media(max-width:650px){.device-scroll{margin-top:40px}.scroll-showcase{height:calc(490px + 55svh)}.scroll-showcase .device-stage{top:calc((100svh - 490px)/2);perspective:1100px}}
@media(prefers-reduced-motion:reduce){.scroll-showcase{height:auto}.scroll-showcase .device-stage{position:relative;top:auto}.scroll-showcase .device-orbit{will-change:auto}.scroll-showcase .orbit-center{transform:none}.scroll-showcase .orbit-left{transform:rotate(-9deg)}.scroll-showcase .orbit-right{transform:rotate(9deg)}}