:root{color-scheme:dark;--bg:#080808;--ink:#f7f7f7;--muted:#a1a1a6;--line:#292929;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-synthesis:none;line-height:1.55;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}a:hover{color:#fff}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:5px}img{display:block;max-width:100%;height:auto}p{margin:0 0 24px}h1,h2,h3{line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:650}h1{font-size:clamp(68px,7.8vw,112px)}h2{font-size:clamp(42px,5.1vw,76px)}h3{font-size:48px}h1 span,h2 span{color:#9e9ea3}figure{margin:0}figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:20px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:20px;background:#fff;color:#000;padding:12px;z-index:5}.skip-link:focus{top:10px}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-.04em}.brand img{border-radius:9px}.site-header nav{display:flex;gap:32px;color:#c3c3c6;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:#fff;color:#080808;border-radius:100px;padding:16px 25px;font-size:15px;font-weight:650;min-height:48px;transition:transform .2s,background .2s}.button:hover{color:#080808;background:#e7e7e7;transform:translateY(-2px)}.button.small{padding:10px 18px;gap:18px;min-height:42px;font-size:13px}.button.secondary{background:#292929;color:#fff}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#bdbdc2;font-weight:600;margin-bottom:30px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:50px;padding:72px 0 65px;min-height:820px}.hero-copy{position:relative;z-index:1}.intro{max-width:410px;font-size:19px;color:#b6b6bb;line-height:1.65;margin-top:28px}.availability{font-size:12px;color:var(--muted);margin-top:18px}.hero-device{position:relative;justify-self:center;width:min(100%,305px);z-index:0}.phone{position:relative;background:#000;border:5px solid #303033;border-radius:46px;box-shadow:0 0 0 1px #111,0 28px 65px #0006;width:100%}.orbit{position:absolute;inset:12% -35%;border:1px solid #ffffff13;border-radius:50%;transform:rotate(-25deg);background:radial-gradient(ellipse,#ffffff0c,transparent 66%)}.stars:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 6% 21%,#ddd 80%,transparent),radial-gradient(1px 1px at 87% 13%,#fff 80%,transparent),radial-gradient(2px 2px at 91% 76%,#999 40%,transparent),radial-gradient(1px 1px at 52% 35%,#bbb 80%,transparent),radial-gradient(1px 1px at 35% 88%,#aaa 80%,transparent),radial-gradient(2px 2px at 64% 9%,#ddd 30%,transparent);animation:stars 7s ease-in-out infinite alternate;opacity:.4;z-index:-1}@keyframes stars{to{opacity:.8}}
.statement{padding:100px 0;border-bottom:1px solid var(--line)}.statement>p:last-child{max-width:440px;margin:34px 0 0 auto;color:var(--muted);font-size:18px}.feature{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.feature-visual{position:relative;border:1px solid #222;background:radial-gradient(ellipse at 50% 40%,#28282c,transparent 72%);border-radius:28px;padding:64px 58px 0;overflow:hidden;height:610px}.feature-visual .phone{width:295px;margin:auto}.section-number{position:absolute;top:24px;left:28px;font-size:10px;letter-spacing:.16em;color:#949499}.feature-copy p{font-size:17px;color:var(--muted)}.feature-copy .eyebrow{font-size:11px}.feature-copy h2{font-size:clamp(40px,4.7vw,64px);margin-bottom:28px}.feature-list{list-style:none;padding:0;margin:30px 0}.feature-list li{border-top:1px solid var(--line);padding:13px 0;font-size:14px;color:#ddd}.feature-list li:before{content:"↳";margin-right:14px;color:#777}.fine,.feature-copy .fine{font-size:12px;color:#929298;line-height:1.7}.reverse .feature-visual{order:2}
.activity-section{background:#fff;color:#111;padding:100px 0;margin:20px 0}.activity-layout{display:grid;grid-template-columns:1fr 350px;gap:120px;align-items:center}.activity-layout h2 span{color:#75757b}.activity-layout .eyebrow{color:#666}.activity-layout h2{margin-bottom:28px}.activity-layout p{max-width:430px;font-size:17px;color:#555}.activity-layout .fine{font-size:12px;color:#666}.activity-layout .phone{box-shadow:0 28px 65px #0002}.activity-note{display:flex;gap:16px;margin-top:38px;border-top:1px solid #ddd;padding-top:24px}.activity-note p{font-size:14px}.activity-note>span{font-size:24px}.text-link{border-bottom:1px solid #777;padding-bottom:8px;display:inline-block;font-size:14px}
.pro-section{position:relative;isolation:isolate;padding:100px 0}.pro-section>.intro{max-width:600px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}.plan{padding:38px;border:1px solid #303033;border-radius:26px;background:#111}.plan.premium{background:radial-gradient(ellipse at 80% 0%,#303035,transparent 80%),#141414;border-color:#5c5c62}.plan-label{font-size:10px;letter-spacing:.12em;color:var(--muted)}.plan h3{margin:22px 0 14px}.plan>p{color:var(--muted);font-size:15px}.plan ul{list-style:none;padding:0;margin:28px 0 36px}.plan li{font-size:14px;margin:13px 0;display:flex;gap:12px}.plan li:before{content:"✓";color:#aaa}.plan .button{width:100%}.plan .fine{font-size:11px;margin:16px 0 0}
.faq{padding:80px 0 100px;max-width:840px}.faq h2{margin-bottom:45px}.faq details{border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-size:18px;padding:24px 35px 24px 0;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;font-size:22px;color:#aaa}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);max-width:680px;font-size:15px}.faq details a{text-decoration:underline}.closing{text-align:center;padding:100px 0 130px;border-top:1px solid var(--line)}.closing h2{margin-bottom:35px}.closing .fine{margin-top:18px}.site-footer{border-top:1px solid var(--line);padding:35px 0 40px;display:flex;align-items:center;gap:25px;font-size:12px;color:var(--muted)}.site-footer p{margin:0;flex:1}.site-footer nav{display:flex;gap:20px}.site-footer small{font-size:10px}
.page-main{width:min(820px,calc(100% - 48px));margin:70px auto 100px}.page-main h1{font-size:clamp(45px,7vw,75px);margin-bottom:30px}.page-main h2{font-size:28px;margin:38px 0 16px;letter-spacing:-.03em}.page-main p,.page-main li{color:#b9b9bf}.page-main a{text-decoration:underline}.page-main .eyebrow{font-size:11px}.page-main .lede{font-size:20px}.policy-card,.support-card{border-top:1px solid var(--line);padding:24px 0}.page-main ul,.page-main ol{padding-left:24px}.page-main li{margin:10px 0}
@media(min-width:1500px){.hero{min-height:870px}.hero-device{width:335px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:30px;min-height:auto}.hero h1{font-size:70px}.hero-device{width:260px}.feature{gap:45px}.feature-visual{padding:60px 25px 0;height:520px}.activity-layout{grid-template-columns:1fr 300px;gap:45px}.site-header nav{gap:20px}.site-footer{flex-wrap:wrap}.plan{padding:27px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.site-header{height:80px;gap:12px}.site-header nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding:55px 0 35px;gap:40px}.hero h1{font-size:clamp(60px,15vw,82px)}.hero .eyebrow{font-size:9px}.hero .intro{font-size:17px;margin:24px auto}.hero-device{width:270px}.statement{padding:70px 0}.statement h2{font-size:43px}.statement>p:last-child{font-size:16px;margin-top:25px}.feature{padding:65px 0;grid-template-columns:1fr;gap:35px}.feature-copy{grid-row:1}.feature-copy h2{font-size:45px}.feature-visual,.reverse .feature-visual{order:0;height:510px;padding:55px 45px 0}.feature-visual .phone{max-width:270px}.activity-section{padding:65px 0}.activity-layout{grid-template-columns:1fr;gap:35px}.activity-layout figure{max-width:285px;margin:auto}.activity-layout h2{font-size:45px}.pro-section{padding:70px 0}.plans{grid-template-columns:1fr}.plan{padding:28px}.faq{padding:45px 0 65px}.faq summary{font-size:16px}.closing{padding:70px 0}.closing h2{font-size:48px}.site-footer{gap:18px}.site-footer p{flex-basis:65%}.site-footer nav{flex:1}.phone{border-radius:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stars:before{animation:none}.button{transition:none}}
@media(max-width:640px){.orbit{inset:10% -5%;transform:none}}
/* Complete app captures sit inside a quiet, glass-like rim. */
.phone{border:5px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(140deg,#b9b9bd88,#ffffff12 32%,#ffffff35 68%,#d0d0d064) border-box;box-shadow:0 0 0 1px #ffffff18,0 2px 9px #ffffff12,0 28px 65px #0006}
.feature-visual{height:auto;overflow:visible;padding:64px 48px 36px;background:radial-gradient(ellipse at 50% 35%,#222226,transparent 72%)}
.feature-visual .phone{width:100%;max-width:290px}
.pro-intro{display:grid;grid-template-columns:1fr 300px;gap:100px;align-items:center}.pro-intro .intro{max-width:510px}.pro-device{width:300px;justify-self:center}
.plan{display:flex;flex-direction:column}.plan ul{flex:1}.plan .button{margin-top:auto}
.devices-section{padding:110px 0;display:grid;grid-template-columns:1fr 480px;gap:100px;align-items:center;border-top:1px solid var(--line)}.devices-copy p:last-child{color:var(--muted);font-size:17px;margin-top:30px;max-width:420px}.tablet-device{padding:8px;border-radius:24px;background:linear-gradient(140deg,#ffffff66,#ffffff0b 35%,#ffffff33);box-shadow:0 0 0 1px #ffffff22,0 24px 60px #0007}.tablet-device img{border-radius:17px;width:100%}
.privacy-strip{padding:75px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.privacy-strip h2{font-size:48px}.privacy-strip p:not(.eyebrow){color:var(--muted);max-width:430px;font-size:17px}
.content-card{border-top:1px solid var(--line);margin-top:48px;padding-top:8px}.page-hero{padding-bottom:15px}.support-list li{padding:12px 0 12px 10px}.page-main .content-card p{line-height:1.8}
@media(max-width:900px){.pro-intro{gap:35px;grid-template-columns:1fr 260px}.pro-device{width:260px}.devices-section{gap:40px;grid-template-columns:1fr 360px}.feature-visual{padding:60px 25px 30px}.privacy-strip{gap:35px}}
@media(max-width:640px){.feature-visual,.reverse .feature-visual{height:auto;padding:55px 30px 30px}.pro-intro{grid-template-columns:1fr;gap:40px}.pro-device{width:min(270px,100%)}.devices-section{grid-template-columns:1fr;gap:35px;padding:70px 0}.tablet-device{max-width:400px;width:100%;margin:auto}.privacy-strip{grid-template-columns:1fr;gap:25px;padding:55px 0}.privacy-strip h2{font-size:42px}.site-footer nav{flex-wrap:wrap}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}.page-main{margin-top:40px}}

.activity-section figcaption{color:#666}
@media(min-width:641px) and (max-width:1000px){.orbit{inset:10% -5%;transform:none}}
/* Into the Void: a spatial identity, with a working product stage. */
.site-header{position:relative;z-index:5}.site-header .brand img{width:42px;height:42px}.site-header .button{background:#ffffff12;border:1px solid #ffffff33;color:#fff;backdrop-filter:blur(16px)}
.immersive{display:block;padding:0;min-height:880px;position:relative;isolation:isolate;overflow:hidden;margin-top:-104px;padding-top:104px;background:radial-gradient(ellipse at 50% 55%,#24242966,transparent 60%),#060607}
.starfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.hero-core{position:relative;text-align:center;padding:260px 0 95px}.pyramid-scene{position:absolute;width:360px;height:360px;top:-35px;left:50%;transform:translateX(-50%);animation:levitate 9s ease-in-out infinite;filter:drop-shadow(0 26px 40px #ffffff18)}.pyramid-scene img{width:100%;height:auto}.hero-core .eyebrow{letter-spacing:.25em;font-size:10px;color:#c2c2ca}.hero-core h1{font-size:clamp(84px,11.7vw,172px);letter-spacing:-.075em;line-height:1.05;font-weight:550}.hero-core h1 span{background:linear-gradient(150deg,#fff 20%,#d7d7de 40%,#767680 68%,#fafafa 95%);color:transparent;background-clip:text}.hero-core .intro{margin:30px auto;max-width:540px;font-size:18px;color:#b6b6c1}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px}.hero-core .availability{font-size:11px;letter-spacing:.12em;margin-top:24px}.motion-paused .pyramid-scene,.motion-paused .stars:before{animation:none}
@keyframes levitate{50%{transform:translate(-50%,-14px) rotate(3deg)}}
.statement{display:grid;grid-template-columns:1fr 1fr;gap:25px 70px;padding:90px 0}.statement .eyebrow{grid-column:1/-1;margin:0}.statement h2{font-size:clamp(38px,4vw,58px)}.statement>p:last-child{margin:0;align-self:end;font-size:17px}
.experience{padding:100px 0}.experience-heading{margin-bottom:50px}.experience-heading h2{font-size:clamp(44px,5vw,70px)}
.pro-section{background:radial-gradient(ellipse at 90% 20%,#ffffff06,transparent 55%)}.pro-device{transform:rotate(3deg)}.plan.premium{background:radial-gradient(ellipse at 90% 0%,#4b4b5655,transparent 80%),#141416;box-shadow:inset 0 1px #ffffff30,0 15px 50px #0004}.closing{position:relative;background:radial-gradient(ellipse at 50% 60%,#ffffff06,transparent 70%)}.closing h2{font-size:clamp(60px,7vw,100px)}
@media(max-width:1000px){.hero-core{padding-top:235px}.pyramid-scene{width:330px}.immersive{min-height:0}.statement{gap:25px}}
@media(max-width:640px){.immersive{margin-top:-80px;padding-top:80px}.hero-core{padding:220px 0 70px}.hero-core h1{font-size:clamp(72px,16vw,102px);letter-spacing:-.075em}.pyramid-scene{width:300px;top:-28px}.hero-core .eyebrow{font-size:8px;letter-spacing:.17em}.hero-core .intro{font-size:16px}.hero-actions{flex-direction:column;gap:20px}.hero-core .availability{font-size:10px}.statement{grid-template-columns:1fr;padding:65px 0}.statement .eyebrow{grid-column:auto}.statement>p:last-child{margin-top:0}.experience{padding:65px 0}.experience-heading h2{font-size:42px}.pro-device{transform:none}}
@media(prefers-reduced-motion:reduce){.pyramid-scene{animation:none}}
.pyramid-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.has-webgl .pyramid-canvas{opacity:1}.has-webgl>img{opacity:0}.pyramid-scene.has-webgl{animation:none;filter:drop-shadow(0 25px 35px #ffffff13)}
.pyramid-scene{top:-65px}@media(max-width:640px){.pyramid-scene{top:-50px}}
.pyramid-scene{cursor:grab;user-select:none;animation:none}.pyramid-scene.dragging{cursor:grabbing}.pyramid-scene>img{pointer-events:none}.pyramid-scene:focus-visible{outline:1px solid #ffffff70;outline-offset:-20px;border-radius:40px}


.immersive{--camera-x:0px;--camera-y:0px}
.starfield{transform:translate(calc(var(--camera-x)*.28),calc(var(--camera-y)*.28));inset:-15px;width:calc(100% + 30px);height:calc(100% + 30px)}


.app-store-link{display:block;padding:15px;line-height:0}.app-store-link img{display:block;width:180px;height:auto;border-radius:0}.app-store-link:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:8px}

/* One text layer: a broad reflection travels through the silver lettering. */
.hero-core h1 span{background-image:linear-gradient(112deg,#a2a2ab 0%,#dedee4 16%,#fff 23%,#b4b4be 31%,#92929e 43%,#ececf0 55%,#fff 61%,#acacb7 72%,#e4e4eb 88%,#a2a2ab 100%);-webkit-background-clip:text;background-clip:text;background-size:260% 100%;background-position:0% 50%;animation:silver-shimmer 11s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes silver-shimmer{to{background-position:100% 50%}}
.motion-paused .hero-core h1 span,.scene-dormant .hero-core h1 span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-core h1 span{animation:none;background-position:45% 50%}}
@media(forced-colors:active){.hero-core h1 span{background:none;color:CanvasText;animation:none}}

.hero-core h1 span{display:inline-block;padding-right:.09em;margin-right:-.09em}
.immersive{background:radial-gradient(ellipse at 50% 35%,#24242950,transparent 65%),linear-gradient(#060607 60%,var(--bg) 100%)}
.immersive>.starfield{mask-image:linear-gradient(#000 60%,transparent 100%)}



.closing{position:relative;isolation:isolate;overflow:hidden;padding:225px 0 100px;--camera-x:0px;--camera-y:0px;background:radial-gradient(ellipse at 50% 35%,#24242940,transparent 65%)}
.closing .pyramid-scene{top:20px;width:220px;height:220px}
.closing .app-store-link{width:fit-content;margin:35px auto 0}
.closing>.starfield{mask-image:linear-gradient(transparent,#000 15%,#000 70%,transparent)}
@media(max-width:800px){.devices-section{grid-template-columns:1fr}}
@media(max-width:640px){.hero-core h1{font-size:clamp(56px,15.6vw,96px)}.closing{padding-top:210px}.closing .pyramid-scene{width:200px;height:200px;top:20px}}
.closing .app-store-link img{width:180px;height:auto;margin:0;border-radius:0}
.closing .pyramid-scene>img{width:100%;height:auto;margin:0;border-radius:0}

.mac-device img{display:block;width:100%;height:auto}
.devices-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:65px}
@media(max-width:800px){.devices-section{grid-template-columns:1fr;gap:40px}.mac-device{width:100%;max-width:700px;margin:auto}}

/* Reserve the complete scene height before compact hero copy. */
@media(max-width:1000px){
  .hero-core{padding-top:0}
  .hero-core>.pyramid-scene{position:relative;inset:auto;transform:none;width:min(330px,100%);height:auto;aspect-ratio:1;margin:-25px auto 12px}
}
@media(max-width:640px){.hero-core>.pyramid-scene{width:min(300px,100%)}}