:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e4eee8;background:#111412;color-scheme:dark;font-synthesis:none;--accent:#c9d9c9;--muted:#91aaa0;--line:#bfd8cd18;--cell:160px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 38%,#343c302b,transparent 62%);min-height:100svh}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-80px;z-index:30;padding:12px;background:var(--accent);color:#10271e}.skip:focus{top:12px}header{position:relative;z-index:10;height:96px;display:flex;align-items:center;justify-content:space-between;margin:0 48px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:650;letter-spacing:-1px}.brand>span:last-child{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted)}.brand-mark{display:grid;grid-template-columns:repeat(2,6px);gap:3px;margin-right:2px}.brand-mark i{width:6px;height:6px;border-radius:2px;background:var(--accent)}.brand-mark i:last-child{opacity:.4}nav{display:flex;align-items:center;gap:26px;font-size:11px;color:#9bb3a8}nav a span{margin-left:9px}.motion-toggle{border:1px solid #779f8a22;background:#17272377;color:#adc8b8;border-radius:20px;padding:9px 12px;font-size:10px;min-height:34px}nav a:hover{color:var(--accent)}.launcher{height:calc(100svh - 96px);min-height:590px;position:relative;overflow:hidden;isolation:isolate}.launcher-caption{position:absolute;top:34px;left:24px;right:24px;text-align:center;pointer-events:none;z-index:3}.eyebrow{font-size:8px;letter-spacing:2.2px;color:#799b8d;font-weight:500;margin:0}.launcher h1{font-weight:400;font-size:20px;letter-spacing:-.4px;margin:12px 0 0;color:#b9ccc2}.honeycomb{position:absolute;inset:100px 0 62px;overflow:hidden;mask-image:radial-gradient(ellipse 65% 85% at 50% 47%,#000 43%,transparent 95%)}.scene,.cells{position:absolute;inset:0}.scene{pointer-events:none;opacity:.85}.scene canvas{display:block;width:100%;height:100%}.cell{position:absolute;left:50%;top:50%;width:var(--cell);height:var(--cell);margin:calc(var(--cell)/-2);transform:translate(var(--x,0px),var(--y,0px)) scale(var(--scale,1));will-change:transform;z-index:1}.cell-surface{display:block;position:relative;width:100%;height:100%;border-radius:23%;background:linear-gradient(145deg,#e4e8dd12,#ffffff03 45%,#d8e3d909);box-shadow:inset 0 1px 0 #f4f5eb55,inset 1px 0 0 #eff3e520,inset 0 -1px 0 #ffffff24,0 10px 20px #0002}.ghost{opacity:var(--opacity,.6)}.webgl-ready .ghost .cell-surface{background:linear-gradient(140deg,#f0f2e808,transparent 52%,#f0f2e805)}.ghost .cell-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,transparent 18%,#fffff00d 34%,transparent 50%);pointer-events:none}.app-tile{z-index:5;outline-offset:12px;border-radius:40%;touch-action:manipulation}.app-tile .cell-surface{background:radial-gradient(ellipse,#c8d7c315,transparent 69%);box-shadow:none;border-radius:30%}.app-tile img{width:100%;height:100%;object-fit:contain;filter:saturate(.28) sepia(.08) drop-shadow(0 12px 14px #0006);position:relative;transform:rotate(-7deg);transition:filter .4s;view-transition-name:none}.app-tile:hover img,.app-tile:focus-visible img{filter:saturate(.28) sepia(.08) drop-shadow(0 14px 20px #d6dfcf20)}.tile-label{position:absolute;left:-40px;right:-40px;top:calc(100% + 7px);text-align:center;font-size:15px;letter-spacing:-.25px;font-weight:500;pointer-events:none;text-shadow:0 2px 10px #0a1911}.tile-label>span{display:block;font-size:9px;font-weight:400;letter-spacing:.5px;color:#739e8a;margin-top:7px}.launcher-footer{position:absolute;bottom:24px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#719383;z-index:3;pointer-events:none}.launcher-footer>span:first-child{text-transform:uppercase;letter-spacing:1.3px}.launcher-footer p{font-size:11px;color:#a0baad}.spark{font-size:18px;color:#a3c6b1;margin-left:10px;display:inline-block;vertical-align:middle;animation:spin 24s linear infinite}.pages{position:relative;z-index:4}.app-page{max-width:1040px;margin:0 auto;padding:35px 32px 28px}.back{display:inline-flex;align-items:center;gap:10px;color:#9cb6a7;font-size:12px;padding:10px 0}.back:hover{color:var(--accent)}kbd{font:8px inherit;letter-spacing:1px;color:#759383;border:1px solid #75938330;padding:3px 5px;border-radius:4px;margin-left:8px}.detail-main{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:42px 0 35px}.detail-copy>.eyebrow{font-size:9px;display:flex;align-items:center;gap:16px}.beta{font-size:8px;letter-spacing:1px;border:1px solid #adc5aa44;border-radius:4px;padding:4px 6px;color:#b0c4ab}.detail-copy h1{font-size:70px;font-weight:450;line-height:1.05;letter-spacing:-3.5px;margin:21px 0}.detail-copy h1:focus{outline:none}.detail-copy h2{font-size:18px;font-weight:400;letter-spacing:-.3px;line-height:1.5;margin:0 0 14px}.description{font-size:13px;color:#93b0a0;line-height:1.85;max-width:375px;margin:0 0 27px}.download{display:inline-flex;gap:13px;align-items:center;background:var(--accent);color:#163729;padding:15px 19px;border-radius:10px;font-weight:600;font-size:13px;box-shadow:inset 0 1px 0 #fff9,0 8px 30px #98ddba11;transition:transform .25s,box-shadow .25s}.download:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff9,0 12px 40px #98ddba22}.download>span{font-size:18px;margin-left:16px;font-weight:400}svg{width:19px;height:19px}.download-meta{display:flex;gap:10px;color:#759787;font-size:10px;margin-top:14px}.download-meta>span{color:#3d6350}.detail-art{position:relative;display:grid;place-items:center;isolation:isolate;min-height:360px;perspective:900px}.detail-icon{width:100%;max-width:330px;height:auto;filter:saturate(.28) sepia(.08) drop-shadow(0 30px 30px #0005);transform:rotate(-7deg);animation:float 7s ease-in-out infinite}.art-halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse,#ccd6c315,transparent 65%)}.wave{position:absolute;bottom:0;display:flex;align-items:center;gap:5px;height:35px;opacity:.6}.wave i{width:2px;height:22px;border-radius:2px;background:#b9cbb5;animation:wave 1.8s ease-in-out infinite alternate}.wave i:nth-child(3n){height:13px;animation-delay:-.6s}.wave i:nth-child(4n){height:30px;animation-delay:-1.2s}.wave i:nth-child(5n){animation-delay:-.3s}.wave i:nth-child(2n){animation-duration:1.3s}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding:30px 0}.features>div{padding-left:27px;position:relative}.features>div>span{position:absolute;left:0;top:3px;font:9px ui-monospace,monospace;color:#608e76}.features h3{font-size:13px;font-weight:500;margin:0 0 8px}.features p{font-size:12px;line-height:1.6;color:#8fae9c;margin:0;max-width:210px}.requirements{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:20px 0;font-size:10px;color:#8ba996}.requirements>span:last-child{color:#b4cbb9}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:20px 0;color:#b6cbbd;font-size:12px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary>span{font-size:17px;line-height:12px}details[open] summary>span{transform:rotate(45deg)}.install{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 0 25px;color:#90b19c;font-size:12px;line-height:1.85}.install ol{padding-left:18px;margin:0}.install p{margin:0}.install strong{font-weight:500;color:#bfd5c5}.detail-footer{display:flex;justify-content:space-between;padding-top:26px;font-size:10px;color:#759785}.detail-footer a{color:#adc8b7}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .download:hover{transform:none}@keyframes float{50%{translate:0 -10px}}@keyframes wave{from{scale:1 .25}to{scale:1 1}}@keyframes spin{to{rotate:360deg}}
@media(max-width:760px){header{margin:0 24px;height:80px}.brand{font-size:24px;gap:10px}.brand>span:last-child{font-size:10px}nav{gap:12px}nav>a{font-size:0}nav>a>span{font-size:17px;margin-left:0}.motion-toggle{font-size:9px;padding:8px 10px}.launcher{height:calc(100svh - 80px);min-height:490px}.launcher-caption{top:30px}.launcher .eyebrow{font-size:7px;letter-spacing:1.4px}.launcher h1{font-size:18px}.honeycomb{inset:88px 0 64px;mask-image:radial-gradient(ellipse 82% 75% at 50% 46%,#000 30%,transparent 98%)}.launcher-footer{bottom:19px;left:24px;right:24px;flex-wrap:wrap;font-size:8px}.launcher-footer p{order:-1;width:100%;text-align:center;margin:0 0 24px;font-size:10px}.launcher-footer>span:last-child{margin-left:auto}.tile-label{font-size:14px}.tile-label>span{font-size:8px}.app-page{padding:20px 26px}.detail-main{grid-template-columns:1fr;gap:10px;padding:30px 0}.detail-copy h1{font-size:58px}.detail-copy h2{font-size:17px}.detail-art{min-height:260px;grid-row:1}.detail-icon{max-width:220px}.wave{bottom:0}.detail-copy{padding-top:20px}.features{gap:15px}.features>div{padding-left:0}.features>div>span{position:static;display:block;margin-bottom:10px}.features p{font-size:11px}.requirements{flex-wrap:wrap;font-size:10px;line-height:1.6}.install{grid-template-columns:1fr;gap:18px}.detail-footer{font-size:9px}.back kbd{display:none}.detail-copy .description{max-width:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

.ghost .cell-surface{backdrop-filter:blur(8px)}.ghost:hover .cell-surface{background:linear-gradient(135deg,#f5f4e918,transparent 55%,#f5f4e908)}

/* Point-up hexagons share one geometry across WebGL and DOM artwork. */
.cell{width:calc(var(--cell)*.8660254);height:var(--cell);margin:calc(var(--cell)/-2) calc(var(--cell)*-.4330127)}
.cell-surface,.app-tile .cell-surface{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);overflow:hidden}
.ghost .cell-surface{box-shadow:none;background:linear-gradient(145deg,#e4e8dd14,#ffffff03 45%,#d8e3d90a)}
.ghost .cell-surface::after{border-radius:0}
.app-tile{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.app-tile .cell-surface{background:#222d28;box-shadow:none}
.app-tile img{object-fit:cover;transform:scale(1.45);filter:saturate(.28) sepia(.08);transition:filter .3s}
.app-tile:hover img,.app-tile:focus-visible img{filter:saturate(.28) sepia(.08) brightness(1.16)}
.app-tile .cell-surface::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff0b,transparent 40%,#0c141533 65%,#0c1415bb);pointer-events:none}
.app-tile:focus-visible{outline:none}.app-tile:focus-visible .cell-surface::after{background:linear-gradient(135deg,#efffea55,transparent 40%,#0c1415aa)}
.tile-label{left:0;right:0;top:75%;font-size:11px;letter-spacing:0;text-shadow:0 1px 5px #000}
.tile-label>span{font-size:7px;letter-spacing:.3px;margin-top:4px;color:#b1bfb3}
.tile-label{top:72%;line-height:14px}.tile-label>span{display:none}
/* Rounded corners in plan; curved glass shoulders in depth. */
.clip-defs{position:absolute;pointer-events:none}
.cell-surface,.app-tile .cell-surface,.app-tile{clip-path:url(#rounded-hex)}
.cell::after{content:"";position:absolute;inset:0;pointer-events:none;clip-path:url(#rounded-hex);background:url('/glass-rim.svg') center/100% 100% no-repeat;z-index:3;opacity:.72}
.app-tile::after{opacity:.92}
.ghost .cell-surface{backdrop-filter:none}

/* One clipped surface travels between the launcher and detail artwork. */
.icon-flight{position:fixed;z-index:100;pointer-events:none;filter:saturate(.28) sepia(.08);will-change:transform,width,height;contain:layout style}
.icon-flight>svg{display:block;width:100%;height:100%;overflow:visible}
.is-navigating .detail-icon{animation-play-state:paused!important}