:root{color-scheme:dark;--bg:#070b11;--ink:#f3f7fc;--muted:#9daec0;--soft:#6c7e91;--line:rgba(189,217,246,.16);--line-strong:rgba(215,237,255,.36);--ice:#cce5ff;--blue:#88bdf0;--green:#a3e5c5;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}::selection{background:#b7d9f4;color:#10253a}.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}.skip-link{position:fixed;z-index:100;left:12px;top:-70px;padding:13px 16px;background:#e2f1ff;color:#10243a;border-radius:10px}.skip-link:focus{top:12px}.section-wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:100;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7da9d9,#ebf7ff,#9be3c1);box-shadow:0 0 18px #9fc6f7;pointer-events:none}.site-light{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(700px 650px at 82% -8%,#1a3b5a35,transparent 70%)}
.site-header{position:absolute;top:0;left:0;right:0;z-index:20;height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(calc(100% - 80px),var(--max));margin:auto}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:720;letter-spacing:-.075em;line-height:1}.brand-mark{display:grid;place-items:center;flex:none;width:31px;height:31px;padding-bottom:3px;border:1px solid #e7f4ff91;border-radius:10px;background:linear-gradient(140deg,#e8f4ff,#94b9df);color:#1a3652;font-size:25px;font-weight:750;box-shadow:inset 0 1px #fff,0 5px 24px #97c5f53b}.site-nav{display:flex;gap:34px;margin-left:auto;margin-right:45px}.site-nav a{font-size:12px;font-weight:600;color:#98aabd;transition:color .25s}.site-nav a:hover,.site-nav a:focus-visible{color:#f2f9ff}.header-status{display:flex;align-items:center;gap:10px;border:1px solid #d6edff39;background:#cfe7ff0c;border-radius:100px;padding:10px 12px 10px 15px;font-size:10px;letter-spacing:.11em;font-weight:650;text-transform:uppercase;color:#c5d8ed;white-space:nowrap;transition:background .3s,border-color .3s}.header-status:hover{background:#cfe7ff20;border-color:#d6edff77}.header-status svg{width:17px;height:17px;margin-left:5px}.status-light{width:6px;height:6px;border-radius:50%;background:#a9efcd;box-shadow:0 0 0 4px #a9efcd13,0 0 16px #a9efcd}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding-top:110px;padding-bottom:105px;isolation:isolate}.hero-atmosphere,.hero-grid{position:absolute;inset:0;pointer-events:none;z-index:-1}.hero-grid{opacity:.38;background-image:linear-gradient(#bcd8f00c 1px,transparent 1px),linear-gradient(90deg,#bcd8f00c 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 65% 52%,black,transparent 68%)}.hero-aura{position:absolute;border-radius:50%;filter:blur(1px)}.hero-aura-one{width:85vw;height:85vw;max-width:1200px;max-height:1200px;right:-35%;top:-28%;background:radial-gradient(circle,#315b8355 0,#18395425 37%,transparent 67%)}.hero-aura-two{width:700px;height:700px;left:-27%;bottom:-60%;background:radial-gradient(circle,#214d5330,transparent 70%)}.hero-ring{position:absolute;border:1px solid #badbfc18;border-radius:50%;width:650px;height:650px;right:-9%;top:10%;transform:rotateX(58deg) rotate(-22deg)}.hero-ring-two{width:990px;height:990px;right:-21%;top:-10%;border-color:#a8d2fb0c}.hero-content{position:relative;z-index:3;width:min(850px,63%)}.eyebrow,.section-index,.quiet-label,.idea-footnote,.story-preview-label,.device-tag,.closing-prelude{font-size:11px;line-height:1.4;letter-spacing:.19em;font-weight:720;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:#a7c5dd}.eyebrow-line,.index-dash{display:inline-block;width:26px;height:1px;background:#a9d1ee;flex:none}.hero h1{font-size:clamp(82px,10.4vw,172px);font-weight:650;line-height:.84;letter-spacing:-.092em;margin:28px 0 41px}.hero-line{display:block;overflow:hidden;padding:0 .12em .13em 0}.hero-line>span{display:block;animation:hero-rise 1.3s cubic-bezier(.13,.8,.21,1) .12s both}.hero-line-soft>span{color:#a8c3d7;animation-delay:.27s}.hero-description{max-width:550px;font-size:clamp(18px,1.65vw,24px);line-height:1.45;letter-spacing:-.025em;color:#bac9d9;margin:0 0 34px;animation:fade-up 1s .65s both}.hero-actions{display:flex;align-items:center;gap:27px;animation:fade-up 1s .8s both}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;border-radius:15px;padding:12px 17px 12px 20px;font-size:13px;font-weight:680;letter-spacing:-.01em;cursor:pointer;transition:transform .24s cubic-bezier(.2,.75,.2,1),background .24s,border-color .24s,box-shadow .24s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0) scale(.98)}.button svg{width:18px;height:18px}.button-primary{background:#e0f0ff;color:#152b42;border:1px solid #f1f9ff;box-shadow:inset 0 1px #fff,0 10px 35px #79b9f533}.button-primary:hover{background:#fff;box-shadow:0 13px 38px #90c5f75b}.quiet-label{font-size:10px;color:#829bb0}.hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#758ba0;font-size:10px;letter-spacing:.16em;font-weight:680}.hero-bottom a{color:#b9d0e3}.hero-bottom a span{margin-left:15px;display:inline-block;animation:bob 2s ease-in-out infinite}
.hero-sculpture{position:absolute;z-index:1;width:min(43vw,650px);height:min(44vw,650px);right:-5%;top:50%;transform:translateY(-47%) perspective(1000px) rotateX(13deg) rotateY(-12deg);transform-style:preserve-3d;animation:sculpture-arrive 1.5s .35s cubic-bezier(.13,.8,.18,1) both,sculpture-float 8s 1.8s ease-in-out infinite alternate;pointer-events:none}.sculpture-orbit{position:absolute;inset:8%;border:1px solid #d5e9ff42;border-radius:50%;transform:rotateX(67deg) rotate(-20deg);box-shadow:0 0 75px #8abdfb13}.sculpture-orbit-front{inset:18%;transform:rotateX(75deg) rotate(48deg);border-color:#e8f5ff33}.sculpture-glass{position:absolute;top:26%;width:49%;height:48%;border:1px solid #dbedff8a;border-radius:32px;background:linear-gradient(142deg,#ffffff36,#b3d8fc12 29%,#425f8150 72%,#ffffff18);box-shadow:inset 0 1px #ffffffab,inset 0 -1px #ffffff28,0 25px 70px #0009,0 0 80px #8ebffb1a;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);transform-style:preserve-3d;overflow:hidden}.sculpture-glass:before{content:"";position:absolute;inset:-60%;background:linear-gradient(100deg,transparent 43%,#ffffff4c 51%,transparent 58%);transform:translateX(-65%) rotate(-8deg);animation:sculpture-sweep 5.2s 1.5s ease-in-out infinite}.sculpture-glass-left{left:3%;transform:rotateY(26deg) rotateZ(-13deg) translateZ(25px)}.sculpture-glass-right{right:2%;transform:rotateY(-29deg) rotateZ(12deg) translateZ(85px)}.sculpture-corner{position:absolute;top:17px;left:19px;width:15px;height:15px;border-top:1px solid #fff9;border-left:1px solid #fff9}.sculpture-glyph{position:absolute;left:25px;bottom:21px;font-size:clamp(60px,9vw,145px);line-height:.85;font-weight:720;letter-spacing:-.09em;color:#f0f9ffb9}.sculpture-caption{position:absolute;right:22px;top:22px;font-size:9px;letter-spacing:.2em;color:#e7f5ffbb}.sculpture-bridge{position:absolute;z-index:3;left:23%;right:25%;top:49%;height:3px;transform:rotate(-3deg);background:linear-gradient(90deg,transparent,#d4ecff,#b7e5fa,transparent);box-shadow:0 0 25px #c1eaff,0 0 65px #6da6e9;animation:bridge-pulse 3s ease-in-out infinite}.sculpture-bridge span{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:#f5fcff;box-shadow:0 0 15px #e9f9ff;animation:bridge-travel 2.8s linear infinite}.sculpture-bridge span:nth-child(2){animation-delay:-.9s}.sculpture-bridge span:nth-child(3){animation-delay:-1.8s}.sculpture-core{position:absolute;left:45%;top:43%;width:12%;aspect-ratio:1;border:1px solid #eaf7ffbb;border-radius:50%;background:#d1eaff25;box-shadow:0 0 35px #d0edff96,inset 0 0 22px #e9f8ff7a;filter:blur(.2px)}
.idea{padding:150px 0 180px;position:relative}.section-index{display:flex;align-items:center;gap:12px;color:#a4bad0}.idea-layout{display:grid;grid-template-columns:1.25fr .65fr;gap:10%;align-items:end;margin-top:64px}.idea h2,.promise h2{font-size:clamp(62px,8.2vw,133px);line-height:.91;letter-spacing:-.083em;font-weight:610;margin:0}.idea h2 span,.promise h2 span{color:#8faabd}.idea-copy{padding-bottom:9px}.idea-copy p{font-size:clamp(20px,2.1vw,31px);line-height:1.4;letter-spacing:-.025em;margin:0 0 36px;color:#c2d0de}.idea-footnote{font-size:10px;color:#6c879c}.idea-rule{height:1px;background:#e8f5ff1b;margin-top:125px;position:relative}.idea-rule span{display:block;width:15%;height:1px;background:#bedef7;box-shadow:0 0 18px #9bc7ed;transform-origin:left;transform:scaleX(.05);transition:transform 1.5s ease}.idea-rule.active span{transform:scaleX(1)}
.story{height:320svh;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080e17}.story-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.story-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 65% 64% at 50% 52%,#203b59 0,#111f32 39%,#080e17 78%)}.story-grid{position:absolute;inset:0;background-image:linear-gradient(#dcefff0a 1px,transparent 1px),linear-gradient(90deg,#dcefff0a 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 70%)}.story-halo{position:absolute;width:56vw;height:56vw;max-width:870px;max-height:870px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #d2ebff1d;border-radius:50%;box-shadow:inset 0 0 120px #6eadd50c,0 0 100px #6eadd50c}.story-halo:after{content:"";position:absolute;inset:15%;border:1px solid #d2ebff18;border-radius:50%}.story-top{position:absolute;z-index:4;top:7.5vh;left:max(40px,calc((100vw - var(--max))/2));right:max(40px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:25px;align-items:flex-start;pointer-events:none}.story-top h2{font-size:clamp(34px,4.3vw,70px);letter-spacing:-.065em;line-height:.96;font-weight:620;margin:16px 0 0}.story-top h2 em{font-style:normal;color:#a9c6df}.story-preview-label{color:#8399ad;font-size:9px;display:flex;align-items:center;gap:9px;margin-top:4px;white-space:nowrap}.tiny-circle{width:6px;height:6px;border-radius:50%;background:#b9e5d3;box-shadow:0 0 13px #b9e5d3}.scene{position:absolute;left:50%;top:51%;width:min(100%,1510px);height:min(60vh,650px);transform:translate(-50%,-43%);perspective:1400px;transform-style:preserve-3d}.scene-rail{position:absolute;left:10%;right:10%;top:66%;height:1px;background:linear-gradient(90deg,transparent,#c6e8ff2e,transparent);transform:rotateX(77deg) scaleX(1.2)}.scene-rail-two{top:85%;opacity:.5}.mac-device{position:absolute;z-index:2;left:7%;top:17%;width:55%;height:68%;transform:perspective(1300px) rotateY(9deg) rotateX(5deg) translateY(20px);transform-origin:center;filter:drop-shadow(0 45px 45px #0009);will-change:transform}.mac-shell{height:100%;padding:8px;background:linear-gradient(140deg,#7189a3,#27384e 12%,#131e2b 56%,#536d86);border:1px solid #d7ecff72;border-radius:19px;box-shadow:inset 0 1px #f8fcff9e,0 0 0 1px #0009}.mac-topline{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#bccfdf;font-size:10px;font-weight:570}.window-controls{display:flex;gap:5px}.window-controls i{display:block;width:7px;height:7px;border-radius:50%;background:#a4b6c7}.window-controls i:first-child{background:#dba4a2}.window-controls i:nth-child(2){background:#e2cb97}.window-controls i:last-child{background:#99c8ab}.mac-live{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.12em}.mac-live b{width:5px;height:5px;border-radius:50%;background:#a6e7c5}.mac-display{height:calc(100% - 29px);border-radius:10px;background:linear-gradient(142deg,#1b2b40,#0a1523 71%);display:flex;overflow:hidden;border:1px solid #ebf6ff20}.mac-side{width:18%;max-width:100px;flex:none;padding:19px 15px;display:flex;flex-direction:column;gap:13px;border-right:1px solid #d6e9fb16;background:#ffffff08}.mac-side-logo{display:grid;place-items:center;width:24px;height:24px;background:#bad8f226;border-radius:8px;font-weight:750;color:#d3e8fa}.mac-side-line{width:60%;height:3px;border-radius:4px;background:#b9cee35a}.mac-side-line.short{width:40%}.mac-side-dot{margin-top:auto;width:6px;height:6px;border-radius:50%;background:#9eddbb}.mac-content{flex:1;min-width:0;padding:5% 6%;display:flex;flex-direction:column;justify-content:space-between}.mac-desk-copy small{display:block;color:#82a4c0;font-size:9px;letter-spacing:.16em;margin-bottom:11px}.mac-desk-copy strong{display:block;font-weight:590;font-size:clamp(24px,3vw,48px);letter-spacing:-.06em;line-height:1.04}.mac-shelf{display:flex;align-items:center;gap:12px;min-height:70px;border:1px solid #d8efff48;border-radius:15px;background:linear-gradient(125deg,#d7efff30,#accdf121 52%,#cbe8fa11);box-shadow:inset 0 1px #ffffff43,0 12px 28px #0006;padding:10px 13px;opacity:.42;transform:translateY(8px);transition:opacity .4s,transform .4s}.mac-shelf.arrived{opacity:1;transform:none;box-shadow:inset 0 1px #ffffff80,0 12px 28px #0006,0 0 38px #a9d5ff30}.shelf-icon,.phone-card-icon,.transfer-token-icon{display:grid;place-items:center;flex:none;border-radius:11px;color:#15314b;background:linear-gradient(145deg,#eaf7ff,#a9cdea);box-shadow:inset 0 1px #fff}.shelf-icon{width:38px;height:38px}.shelf-icon svg,.phone-card-icon svg,.transfer-token-icon svg{width:20px;height:20px}.mac-shelf b,.mac-shelf span:not(.shelf-check){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac-shelf b{font-size:11px}.mac-shelf span:not(.shelf-check){font-size:9px;color:#b5cadd;margin-top:4px}.shelf-check{width:21px;height:21px;flex:none;margin-left:auto;color:#b7efd1;opacity:0}.shelf-check svg{width:21px;height:21px}.mac-shelf.arrived .shelf-check{opacity:1}.mac-stand{position:absolute;width:33%;height:8px;left:34%;bottom:-12px;border-radius:0 0 10px 10px;background:linear-gradient(#7a8ea5,#273e55);box-shadow:0 15px 20px #0007}
.phone-device{position:absolute;z-index:3;right:10%;top:1%;width:21%;height:90%;transform:perspective(1300px) rotateY(-12deg) rotateX(3deg) translateY(10px);transform-origin:center;filter:drop-shadow(0 40px 40px #000b);will-change:transform}.phone-bezel{height:100%;padding:7px;border-radius:37px;background:linear-gradient(135deg,#718ca5,#202d3e 13%,#0a111a 70%,#7da2bc);border:1px solid #dcf0ff8c;box-shadow:inset 0 1px #fff8,inset 0 0 0 2px #0a1018}.phone-screen{height:100%;border-radius:30px;background:radial-gradient(ellipse at 55% 7%,#314968,#0c1625 55%,#0b1421);overflow:hidden;position:relative;border:1px solid #d5ebff21}.phone-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);height:17px;width:34%;background:#05080c;border-radius:20px;z-index:3}.phone-top{height:42px;padding:13px 22px 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:670}.phone-signal{display:flex;align-items:flex-end;gap:2px}.phone-signal i{width:3px;height:6px;border-radius:1px;background:#f3faff}.phone-signal i:nth-child(2){height:8px}.phone-signal i:nth-child(3){height:10px}.phone-view{padding:15% 9% 7%;height:calc(100% - 42px);display:flex;flex-direction:column}.phone-logo{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#c8e3f8;color:#17334b;font-size:23px;font-weight:700;box-shadow:0 3px 16px #8bbdf850}.phone-view>small{margin-top:16px;color:#9db6cc;font-size:8px;letter-spacing:.15em}.phone-view>strong{margin-top:11px;font-size:clamp(17px,2vw,29px);line-height:1.08;letter-spacing:-.055em;font-weight:620}.phone-card{display:flex;align-items:center;gap:8px;margin-top:auto;margin-bottom:17%;min-height:62px;border-radius:15px;border:1px solid #d9ecff7b;background:linear-gradient(125deg,#ffffff36,#b6d8f624);box-shadow:inset 0 1px #fff7,0 10px 26px #0007;padding:9px;transition:box-shadow .4s}.phone-card.is-sending{box-shadow:inset 0 1px #fff9,0 0 34px #a7d8ff91}.phone-card-icon{width:31px;height:31px;border-radius:9px}.phone-card-icon svg{width:17px;height:17px}.phone-card span{min-width:0}.phone-card b,.phone-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-card b{font-size:10px}.phone-card small{font-size:8px;color:#bdd3e6;margin-top:4px}.phone-arrow{width:17px;height:17px;flex:none;margin-left:auto;color:#e1f3ff}.phone-streak{height:4px;border-radius:3px;width:72%;background:#d9eafa35}.phone-streak.short{width:45%;margin-top:8px;opacity:.55}.phone-home{position:absolute;bottom:7px;left:38%;width:24%;height:3px;border-radius:4px;background:#d2e7fa}.transfer-path{position:absolute;z-index:1;left:31%;top:54%;width:47%;height:2px;background:linear-gradient(90deg,transparent,#aedaff6e,transparent);opacity:0;box-shadow:0 0 24px #b0dfff;transform:rotate(-8deg);transition:opacity .3s}.transfer-path.visible{opacity:1}.transfer-path span{display:block;height:100%;width:30%;background:linear-gradient(90deg,transparent,#fff,transparent);animation:path-shine 1.5s linear infinite}.transfer-token{position:absolute;z-index:5;left:74%;top:59%;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border:1px solid #e4f3ffb8;border-radius:14px;background:linear-gradient(145deg,#c8e8fae6,#668bb6dd);color:#153047;box-shadow:0 14px 35px #0009,0 0 35px #aad7ffb3,inset 0 1px #fff;white-space:nowrap;font-size:11px;font-weight:720;opacity:0;pointer-events:none;will-change:left,top,transform,opacity}.transfer-token-icon{width:29px;height:29px;border-radius:8px;background:#e8f5ff}.transfer-token-icon svg{width:17px;height:17px}.arrival-ring{position:absolute;z-index:0;width:80px;height:80px;left:30%;top:54%;border:2px solid #d0ebffb8;border-radius:50%;box-shadow:0 0 25px #addaff8c;transform:translate(-50%,-50%) scale(.2);opacity:0}.arrival-ring-two{width:140px;height:140px;border-color:#a3d3fb78}.arrival-ring.arrived{animation:arrival .95s ease-out both}.arrival-ring-two.arrived{animation-delay:.12s}.device-tag{position:absolute;bottom:1%;color:#9bb5cd;font-size:9px}.mac-tag{left:12%}.phone-tag{right:13%}.story-bottom{position:absolute;bottom:5vh;left:max(40px,calc((100vw - var(--max))/2));right:max(40px,calc((100vw - var(--max))/2));z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.chapter-list{display:flex;gap:30px}.chapter{min-width:112px;border-top:1px solid #d7eafa41;padding-top:12px;color:#829bb1;transition:color .3s,border-color .3s,transform .3s}.chapter.active{color:#eaf6ff;border-color:#eaf6ff;transform:translateY(-2px)}.chapter span{font-size:9px;letter-spacing:.15em;margin-right:12px}.chapter strong{font-size:13px;font-weight:600}.replay-button{display:flex;align-items:center;gap:9px;border:1px solid #daeaff6c;border-radius:13px;background:#c8e6ff16;color:#e0f1ff;padding:12px 15px;font-size:12px;font-weight:650;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .25s,transform .25s}.replay-button svg{width:17px;height:17px}.replay-button:hover{background:#d9efff30;transform:translateY(-2px)}.replay-button:active{transform:scale(.97)}
.promise{padding:160px 0 170px}.promise-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:52px 0 90px}.promise h2{font-size:clamp(65px,7.6vw,122px)}.promise-head p{color:#acbfd1;font-size:clamp(17px,1.6vw,22px);line-height:1.5;max-width:300px;margin:0 0 8px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{min-height:535px;padding:25px;position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #c3defb35;border-radius:25px;background:linear-gradient(146deg,#24374c6b,#101b29 42%,#0c1520);box-shadow:inset 0 1px #ffffff26;isolation:isolate;transition:transform .45s cubic-bezier(.17,.8,.2,1),border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-8px) rotateX(2deg);border-color:#cde8ff7d;box-shadow:inset 0 1px #ffffff4d,0 20px 60px #0007}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#a5cffb16,transparent 57%);z-index:-1}.feature-card-top{display:flex;align-items:center;justify-content:space-between;color:#b0c8dd;font-size:10px;letter-spacing:.17em;font-weight:700}.feature-card-top svg{width:31px;height:31px;color:#bcd7ee}.feature-art{height:280px;display:grid;place-items:center;position:relative;overflow:hidden}.feature-card-bottom{margin-top:auto}.feature-card h3{font-size:clamp(25px,2.3vw,35px);letter-spacing:-.055em;font-weight:620;margin:0 0 12px}.feature-card p{font-size:15px;line-height:1.5;max-width:310px;margin:0;color:#9eb3c6}.control-orbit{position:absolute;width:200px;height:200px;border:1px solid #cae9ff38;border-radius:50%;box-shadow:0 0 0 35px #a5d2f70b,0 0 0 75px #a5d2f708;transform:rotateX(60deg)}.control-surface{width:195px;height:135px;border:1px solid #e8f6ff8c;border-radius:22px;background:linear-gradient(145deg,#a8ccf95c,#425e8150 70%,#e1f4ff19);box-shadow:inset 0 1px #fff8,0 30px 40px #000a,0 0 35px #9cc7f234;transform:perspective(550px) rotateX(31deg) rotateZ(-18deg);position:relative;transition:transform .5s}.feature-card-control:hover .control-surface{transform:perspective(550px) rotateX(15deg) rotateZ(-8deg)}.control-surface-dot{position:absolute;left:38%;top:40%;width:29px;height:29px;border:1px solid #ecf9ff;border-radius:50%;background:#c5e7ff9a;box-shadow:0 0 0 11px #d8f2ff21,0 0 25px #d8f2ff}.control-surface-line{position:absolute;left:13%;right:13%;bottom:20%;height:3px;border-radius:5px;background:#cde8fa7d}.control-surface-line.second{bottom:13%;right:37%;opacity:.55}.share-art{display:block}.share-beam{position:absolute;left:17%;right:17%;top:51%;height:2px;background:linear-gradient(90deg,#b2d5fb2b,#d6efff,#b2d5fb2b);box-shadow:0 0 26px #b1d9ff}.share-terminal{position:absolute;top:35%;width:70px;height:96px;border:1px solid #d4eafd76;border-radius:17px;background:linear-gradient(145deg,#c5eaff44,#3c5b7d47);box-shadow:inset 0 1px #fff6,0 20px 30px #0008}.share-terminal.left{left:17%;transform:rotate(-13deg)}.share-terminal.right{right:17%;transform:rotate(13deg)}.share-packet{position:absolute;left:calc(50% - 20px);top:calc(51% - 20px);width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#d9efff;color:#244562;font-size:28px;font-weight:700;box-shadow:0 0 25px #c8eaffb8;animation:share-packet 4s ease-in-out infinite}.presence-core{width:64px;height:64px;border-radius:50%;border:1px solid #f0f9ffb8;background:radial-gradient(circle,#d8f1ff,#9ac7f05c 32%,#1a3c6338 65%);box-shadow:0 0 40px #a9d7ff,0 0 90px #73b3ee60;z-index:2}.presence-wave{position:absolute;width:120px;height:120px;border:1px solid #bcdff8a3;border-radius:50%;animation:wave 4s ease-out infinite}.presence-wave.wave-two{animation-delay:1.3s}.presence-wave.wave-three{animation-delay:2.6s}
.closing{min-height:85svh;border-top:1px solid var(--line);position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse 50% 45% at 50% 65%,#1d3c5a55,#080d15 78%)}.closing-ambient{position:absolute;inset:0;pointer-events:none}.closing-ambient span{position:absolute;left:50%;top:50%;width:650px;height:650px;transform:translate(-50%,-50%) rotateX(65deg);border:1px solid #c5e5ff2c;border-radius:50%;box-shadow:0 0 70px #9dcdfa18}.closing-ambient span:last-child{width:950px;height:950px;border-color:#c5e5ff12}.closing-inner{text-align:center;position:relative;z-index:1;padding:120px 0}.closing-inner .section-index{justify-content:center}.closing-prelude{color:#90b1cd;margin:95px 0 20px}.closing h2{font-size:clamp(95px,17vw,270px);line-height:.78;letter-spacing:-.098em;font-weight:650;margin:0 0 40px}.closing h2 span{color:#a8c9e3}.closing-description{font-size:clamp(18px,2vw,25px);color:#b6c9db;letter-spacing:-.02em;margin:0 0 31px}.closing-actions{display:flex;align-items:center;justify-content:center;gap:20px}.target-pill{display:inline-flex;align-items:center;gap:10px;padding:16px 17px;color:#bdd7e9;font-size:10px;letter-spacing:.13em;font-weight:720}.target-pill span{width:6px;height:6px;border-radius:50%;background:#a8e5c8;box-shadow:0 0 13px #a8e5c8}.button-outline{border:1px solid #d6edff65;color:#e4f4ff;background:#c5e5ff18}.button-outline:hover{background:#c5e5ff32}.share-feedback{min-height:20px;color:#c8e4f5;font-size:12px;margin:16px 0 0}.site-footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#72899e;font-size:10px;font-weight:700;letter-spacing:.15em}.site-footer .brand{font-size:21px;color:#eff7ff;letter-spacing:-.07em}.site-footer .brand-mark{width:26px;height:26px;border-radius:8px;font-size:20px}
.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.72,.2,1)}.js .reveal.visible{opacity:1;transform:none}.feature-card.reveal:nth-child(2){transition-delay:.1s}.feature-card.reveal:nth-child(3){transition-delay:.2s}
@keyframes hero-rise{from{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes sculpture-arrive{from{opacity:0;transform:translateY(-37%) perspective(1000px) rotateX(24deg) rotateY(-30deg) scale(.87)}to{opacity:1;transform:translateY(-47%) perspective(1000px) rotateX(13deg) rotateY(-12deg) scale(1)}}@keyframes sculpture-float{to{transform:translateY(-50%) perspective(1000px) rotateX(9deg) rotateY(-8deg) scale(1.012)}}@keyframes sculpture-sweep{0%,32%{transform:translateX(-65%) rotate(-8deg)}58%,100%{transform:translateX(65%) rotate(-8deg)}}@keyframes bridge-pulse{50%{opacity:.55;filter:blur(1px)}}@keyframes bridge-travel{from{left:0;opacity:0}18%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}@keyframes path-shine{from{transform:translateX(-150%)}to{transform:translateX(450%)}}@keyframes arrival{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(2.3)}}@keyframes share-packet{0%,100%{transform:translateX(55px)}50%{transform:translateX(-55px)}}@keyframes wave{0%{opacity:0;transform:scale(.3)}25%{opacity:.7}100%{opacity:0;transform:scale(2.2)}}
@media(max-width:1100px){.hero-content{width:64%}.hero h1{font-size:clamp(72px,10vw,125px)}.hero-sculpture{right:-8%;width:48vw;height:48vw}.story-top,.story-bottom{left:40px;right:40px}.mac-device{left:4%;width:59%}.phone-device{right:6%;width:23%}.feature-card{min-height:480px}.feature-art{height:220px}.feature-card h3{font-size:28px}}
@media(max-width:760px){.section-wrap{width:min(calc(100% - 40px),600px)}.site-header{height:70px;width:calc(100% - 40px)}.site-nav{display:none}.header-status{font-size:9px;padding:8px 9px 8px 11px}.header-status svg{display:none}.brand{font-size:24px}.hero{min-height:100svh;padding-top:120px;padding-bottom:90px;align-items:flex-start}.hero-content{width:100%;z-index:4}.hero h1{font-size:clamp(67px,15vw,112px);margin:24px 0 20px}.hero-description{max-width:460px;font-size:18px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-sculpture{width:min(75vw,440px);height:min(75vw,440px);top:auto;bottom:-11%;right:-11%;opacity:.6;transform:perspective(800px) rotateX(15deg) rotateY(-15deg);animation:none}.hero-ring{width:80vw;height:80vw;top:45%;right:-25%}.hero-ring-two{width:120vw;height:120vw;top:31%;right:-45%}.hero-bottom{bottom:20px}.hero-bottom>span:last-child{display:none}.idea{padding:100px 0 110px}.idea-layout{display:block;margin-top:45px}.idea h2,.promise h2{font-size:clamp(62px,13vw,95px)}.idea-copy{margin-top:40px;max-width:500px}.idea-copy p{font-size:22px}.idea-rule{margin-top:80px}.story{height:250svh}.story-top{top:8vh;left:20px;right:20px}.story-top h2{font-size:clamp(32px,7vw,50px)}.story-preview-label{display:none}.scene{width:100%;height:57vh;top:50%;transform:translate(-50%,-39%)}.mac-device{left:2%;top:17%;width:72%;height:54%}.phone-device{right:3%;top:18%;width:28%;height:68%}.mac-desk-copy strong{font-size:clamp(19px,3.8vw,35px)}.mac-shelf{min-height:55px;gap:7px;padding:6px}.shelf-icon{width:30px;height:30px}.shelf-icon svg{width:17px;height:17px}.mac-shelf b{font-size:9px}.mac-shelf span:not(.shelf-check){font-size:8px}.shelf-check{display:none}.phone-view>strong{font-size:clamp(15px,3vw,25px)}.phone-card{padding:6px;min-height:45px}.phone-card-icon{width:25px;height:25px}.phone-card-icon svg{width:14px;height:14px}.phone-card b{font-size:8px}.phone-card small,.phone-arrow{display:none}.story-bottom{left:20px;right:20px;bottom:5vh;align-items:end}.chapter-list{gap:11px}.chapter{min-width:62px;padding-top:8px}.chapter span{display:block;margin-bottom:4px}.chapter strong{font-size:10px}.replay-button{padding:9px}.replay-button span{display:none}.device-tag{font-size:8px}.promise{padding:110px 0 120px}.promise-head{display:block;margin:42px 0 50px}.promise-head p{margin:34px 0 0;font-size:19px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{min-height:390px;padding:23px}.feature-art{height:205px}.feature-card h3{font-size:29px}.closing{min-height:72svh}.closing-inner{padding:100px 0}.closing-prelude{margin-top:70px}.closing h2{font-size:clamp(86px,16vw,130px)}.closing-actions{flex-direction:column;gap:3px}.site-footer{min-height:100px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.site-footer>span:nth-child(2){display:none}}
@media(max-width:480px){.section-wrap{width:calc(100% - 34px)}.site-header{width:calc(100% - 34px)}.hero{padding-top:105px}.hero h1{font-size:clamp(54px,16vw,84px);line-height:.9}.hero-description{font-size:16px;max-width:330px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.quiet-label{margin-left:2px}.hero-sculpture{bottom:-3%;right:-18%;width:88vw;height:88vw;opacity:.5}.hero-bottom{font-size:8px}.idea h2,.promise h2{font-size:clamp(58px,13.5vw,74px)}.story-top h2{font-size:34px}.scene{height:52vh;top:51%}.mac-device{left:2%;top:14%;width:77%;height:49%}.mac-topline{height:23px;padding:0 6px;font-size:8px}.mac-display{height:calc(100% - 23px)}.mac-side{padding:9px 7px;gap:8px}.mac-side-logo{width:20px;height:20px;font-size:12px}.mac-content{padding:7% 6%}.mac-desk-copy small{font-size:7px;margin-bottom:5px}.mac-desk-copy strong{font-size:20px}.mac-shelf{min-height:41px;border-radius:9px}.mac-shelf b{font-size:7px}.mac-shelf span:not(.shelf-check){font-size:7px;margin-top:1px}.shelf-icon{width:23px;height:23px;border-radius:6px}.shelf-icon svg{width:13px;height:13px}.phone-device{right:2%;top:24%;width:33%;height:68%}.phone-bezel{padding:4px;border-radius:24px}.phone-screen{border-radius:19px}.phone-island{top:5px;height:11px}.phone-top{height:27px;padding:8px 10px 0;font-size:7px}.phone-signal{display:none}.phone-view{padding:11% 8% 7%;height:calc(100% - 27px)}.phone-logo{width:21px;height:21px;border-radius:6px;font-size:16px}.phone-view>small{font-size:6px;margin-top:10px}.phone-view>strong{font-size:15px;margin-top:7px}.phone-card{min-height:36px;border-radius:9px;margin-bottom:15%;gap:5px}.phone-card-icon{width:19px;height:19px;border-radius:5px}.phone-card-icon svg{width:12px;height:12px}.phone-card b{font-size:7px}.phone-streak{height:2px}.phone-streak.short{margin-top:5px}.device-tag{bottom:2%}.story-bottom{bottom:4vh}.chapter-list{gap:7px}.chapter{min-width:52px}.chapter strong{font-size:9px}.replay-button{padding:8px}.replay-button svg{width:17px;height:17px}.transfer-token{padding:5px 8px 5px 5px;font-size:8px;border-radius:9px}.transfer-token-icon{width:21px;height:21px;border-radius:5px}.transfer-token-icon svg{width:12px;height:12px}.closing h2{font-size:clamp(83px,17vw,110px)}}
@media(max-height:680px){.hero{min-height:700px}.story-top{top:5vh}.story-top h2{font-size:clamp(30px,4vw,48px)}.scene{height:58vh;top:52%}.story-bottom{bottom:3vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-line>span,.hero-description,.hero-actions,.hero-sculpture,.hero-bottom a span,.sculpture-glass:before,.sculpture-bridge,.sculpture-bridge span,.transfer-path span,.share-packet,.presence-wave{animation:none!important}.js .reveal{opacity:1;transform:none;transition:none}.feature-card,.button,.replay-button{transition:none}.feature-card:hover{transform:none}.scroll-progress{display:none}.scene *{will-change:auto!important}}