@property --sky-top{syntax: "<color>"; inherits: true; initial-value: #1b2a5c;}@property --sky-mid{syntax: "<color>"; inherits: true; initial-value: #6f86d6;}@property --sky-bottom{syntax: "<color>"; inherits: true; initial-value: #f6c9a0;}:root{--brand: #2f6bff;--brand-2: #7c5cff;--gold: #ffb547;--ink: #141a2b;--muted: #5d6578;--card: rgba(255, 255, 255, .76);--line: rgba(20, 26, 43, .1);--radius: 22px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--p: 0;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:#0e1430;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:--sky-top 1.2s ease,--sky-mid 1.2s ease,--sky-bottom 1.2s ease}a{color:inherit}body[data-chapter=hero],body[data-chapter=uses]{--sky-top: #1d2b63;--sky-mid: #7a8fe0;--sky-bottom: #f7c79c}body[data-chapter=scan]{--sky-top: #d9cdb8;--sky-mid: #ece3d3;--sky-bottom: #f4eee4}body[data-chapter=plan]{--sky-top: #cdd8f0;--sky-mid: #e7edf9;--sky-bottom: #f6f8fd}body[data-chapter=walls],body[data-chapter=stories]{--sky-top: #8db5ff;--sky-mid: #dbe8ff;--sky-bottom: #f6f0e7}body[data-chapter=roof],body[data-chapter=furnish]{--sky-top: #5d97ff;--sky-mid: #c7dcff;--sky-bottom: #f3ece1}body[data-chapter=services]{--sky-top: #0c1230;--sky-mid: #1b2552;--sky-bottom: #2b2f5e}body[data-chapter=heat]{--sky-top: #f2c9a8;--sky-mid: #f8e3d2;--sky-bottom: #fbf2ea}body[data-chapter=sun]{--sky-top: #34478f;--sky-mid: #e59a6e;--sky-bottom: #ffd8a6}body[data-chapter=renovate]{--sky-top: #6f9be8;--sky-mid: #cfe0f7;--sky-bottom: #eef3e6}body[data-chapter=visit]{--sky-top: #c9d6c4;--sky-mid: #e8eee2;--sky-bottom: #f5f6ef}body[data-chapter=export]{--sky-top: #0b2d74;--sky-mid: #134bb0;--sky-bottom: #1d5fd0}body[data-chapter=finale]{--sky-top: #0d1230;--sky-mid: #2c2f6b;--sky-bottom: #b56f6a}#stage{position:fixed;inset:0;overflow:hidden;pointer-events:none}#sky{position:absolute;inset:0;background:radial-gradient(120% 70% at 70% 105%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 55%,var(--sky-bottom) 100%)}#sky:after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#three{position:absolute;inset:0;transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}#three canvas{width:100%;height:100%;display:block}@media(min-width:900px){body:not([data-chapter=hero]):not([data-chapter=uses]):not([data-chapter=finale]) #three{transform:translate(14vw)}}body[data-chapter=hero] #three{transform:translateY(16vh)}body[data-chapter=uses] #three{transform:translateY(24vh) scale(.85);opacity:.4}body[data-chapter=finale] #three{transform:translateY(20vh) scale(.9);opacity:.55}body[data-chapter=scan] #three,body[data-chapter=plan] #three,body[data-chapter=services] #three,body[data-chapter=heat] #three,body[data-chapter=visit] #three,body[data-chapter=export] #three{opacity:0}#paper{position:absolute;top:50%;left:50%;width:min(62vw,980px);aspect-ratio:1.42;padding:2.4%;border-radius:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),#fbf8f1;box-shadow:0 40px 80px -30px #281e0a73,0 12px 30px -12px #281e0a4d,inset 0 0 0 1px #0000000a;opacity:0;transform:translate(-50%,-40%) rotate(-4deg) scale(.92);transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.8,.2,1),background-color .8s ease}@media(min-width:900px){#paper{left:62%}}body[data-chapter=scan] #paper{opacity:1;transform:translate(-50%,-50%) rotate(-2.5deg)}body[data-chapter=plan] #paper,body[data-chapter=services] #paper,body[data-chapter=heat] #paper{opacity:1;transform:translate(-50%,-50%) rotate(0);background-color:#fff}#paper svg{position:absolute;inset:2.4%;width:95.2%;height:95.2%;transition:opacity .7s ease}#paper .sketch,#paper .plan{opacity:0}body[data-chapter=scan] #paper .sketch,body[data-chapter=plan] #paper .main,body[data-chapter=services] #paper .main,body[data-chapter=heat] #paper .heatmap{opacity:1}.sketch .pencil{fill:none;stroke:#3d3a35;stroke-width:.035;stroke-linejoin:round;opacity:.78}.sketch .pencil .glass{stroke-width:.08;stroke:#6d6a63}.sketch text{fill:#4a4640;stroke:none;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:.42px;text-anchor:middle}.sketch .found line{stroke:var(--brand);stroke-width:.11;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,(var(--p) * 1.6 - var(--i)) * 5,1));filter:drop-shadow(0 0 .12px rgba(47,107,255,.9))}.sketch .found circle{fill:#fff;stroke:var(--brand);stroke-width:.04;opacity:clamp(0,(var(--p) * 1.6 - var(--i)) * 5,1)}.plan #rooms,.plan #room-labels,.plan #stairs,.plan #chimneys{transition:opacity .5s ease}body[data-chapter=plan] .plan #rooms{opacity:clamp(0,(var(--p) - .1) * 4,1)}body[data-chapter=plan] .plan #room-labels{opacity:clamp(0,(var(--p) - .3) * 4,1)}body[data-chapter=plan] .plan #stairs,body[data-chapter=plan] .plan #chimneys{opacity:clamp(0,(var(--p) - .45) * 4,1)}body[data-chapter=plan] .plan #furniture,body[data-chapter=plan] .plan #services{opacity:0}:root{--ready-good: #39b37a;--ready-fair: #f2b33d;--ready-poor: #e8604f;--ready-none: #d8dce5}.heatmap #rooms polygon{transition:fill .6s ease}.heatmap #rooms .ready-good{fill:color-mix(in srgb,var(--ready-good) clamp(0%,var(--p) * 140%,72%),#f1f2f5)}.heatmap #rooms .ready-fair{fill:color-mix(in srgb,var(--ready-fair) clamp(0%,var(--p) * 140%,72%),#f1f2f5)}.heatmap #rooms .ready-poor{fill:color-mix(in srgb,var(--ready-poor) clamp(0%,var(--p) * 140%,72%),#f1f2f5)}.heatmap #rooms .ready-none{fill:var(--ready-none)}.heatmap #services,.heatmap #furniture,.heatmap #dimensions{opacity:0}#paper .legend{position:absolute;left:3%;bottom:3%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 12px;border-radius:10px;font-size:12.5px;color:var(--ink);background:#ffffffe6;box-shadow:0 4px 14px -6px #281e0a59;opacity:0;transition:opacity .6s ease}body[data-chapter=heat] #paper .legend{opacity:1}.legend strong{width:100%;font-size:12px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:3px}.legend .ready-good{background:var(--ready-good)}.legend .ready-fair{background:var(--ready-fair)}.legend .ready-poor{background:var(--ready-poor)}.legend .ready-none{background:var(--ready-none)}#device{position:absolute;top:50%;left:50%;width:min(50vw,780px);aspect-ratio:4 / 3;padding:18px;border-radius:34px;background:linear-gradient(145deg,#2a2f3d,#12151d);box-shadow:0 50px 90px -40px #141e1499,0 14px 30px -14px #141e1473,inset 0 0 0 2px #ffffff14;opacity:0;transform:translate(-50%,-42%) rotate(3deg) scale(.92);transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}@media(min-width:900px){#device{left:62%}}body[data-chapter=visit] #device{opacity:1;transform:translate(-50%,-50%) rotate(-1deg)}#device .screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:18px;background:#fff}#device .screen svg{position:absolute;inset:4% 34% 4% 3%;width:63%;height:92%}#device .pin circle{fill:#e8604f;stroke:#fff;stroke-width:.08}#device .pin text{fill:#fff;font-size:.5px;font-weight:700;text-anchor:middle;font-family:var(--font)}#device .pin{opacity:clamp(0,(var(--p) * 3 - var(--i) * .6),1)}#device .notes{position:absolute;top:6%;right:3%;width:30%;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}#device .notes li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.35;color:var(--ink);background:#f4f5f8;border:1px solid rgba(20,26,43,.06);opacity:clamp(0,(var(--p) * 3 - var(--i) * .6),1);transform:translateY(calc((1 - clamp(0,(var(--p) * 3 - var(--i) * .6),1))*10px))}#device .notes b{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;color:#fff;background:#e8604f}#compare{position:absolute;right:max(24px,4vw);bottom:6vh;display:grid;gap:8px;width:min(440px,40vw);padding:16px 18px;border-radius:18px;color:var(--ink);background:#ffffffd1;border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(16px);box-shadow:0 24px 50px -28px #0a143c80;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}body[data-chapter=renovate] #compare{opacity:1;transform:none}#compare strong{font-size:13px;margin-bottom:2px}#compare .bar{display:grid;grid-template-columns:9.5em 1fr auto;align-items:center;gap:10px;font-size:13px}#compare .bar span{color:var(--muted)}#compare .bar i{height:10px;border-radius:999px;background:linear-gradient(90deg,#5b8cff,var(--brand-2));transform-origin:left;transform:scaleX(calc(var(--w) * clamp(0,var(--p) * 3 - var(--i) * .25,1)))}#compare .bar:first-of-type i{background:#9aa3b5}#compare .bar b{font-variant-numeric:tabular-nums;font-weight:650}body[data-chapter=services] .plan #rooms,body[data-chapter=services] .plan #room-labels,body[data-chapter=services] .plan #furniture,body[data-chapter=services] .plan #stairs{opacity:.28}body[data-chapter=services] .plan #services{opacity:clamp(.2,var(--p) * 2.5,1);filter:drop-shadow(0 0 .06px currentColor) saturate(1.4)}body[data-chapter=services] .plan #services polyline,body[data-chapter=services] .plan #services path{stroke-dasharray:.25 .12;animation:flow 1.6s linear infinite}@keyframes flow{to{stroke-dashoffset:-.74}}#blueprint{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 8px 8px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 8px 8px}body[data-chapter=export] #blueprint{opacity:1}#blueprint svg{position:absolute;top:50%;left:50%;width:min(58vw,900px);height:auto;filter:invert(1) grayscale(1) contrast(1.6);mix-blend-mode:screen;transform:translate(-50%,-56%) scale(calc(.9 + var(--p) * .06))}@media(min-width:900px){#blueprint svg{left:62%}}#blueprint .chips{position:absolute;left:50%;bottom:3.5vh;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(90vw,900px);transform:translate(-50%)}@media(min-width:900px){#blueprint .chips{left:62%}}#blueprint .chips span{padding:7px 13px;border-radius:999px;color:#dfe9ff;font-size:13px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}#blueprint .chips strong{color:#fff;margin-right:4px}body[data-chapter=export] #blueprint .chips span{opacity:1;transform:none}#blueprint .chips span:nth-child(2){transition-delay:.08s}#blueprint .chips span:nth-child(3){transition-delay:.16s}#blueprint .chips span:nth-child(4){transition-delay:.24s}#blueprint .chips span:nth-child(5){transition-delay:.32s}#blueprint .chips span:nth-child(6){transition-delay:.4s}#blueprint .chips span:nth-child(7){transition-delay:.48s}.topbar{position:fixed;top:14px;left:50%;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 28px));padding:8px 8px 8px 14px;border-radius:999px;transform:translate(-50%);background:#ffffff24;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px) saturate(1.4);color:#fff;transition:background .6s ease,color .6s ease,border-color .6s ease}body:is([data-chapter=scan],[data-chapter=plan],[data-chapter=walls],[data-chapter=stories],[data-chapter=roof],[data-chapter=furnish],[data-chapter=heat],[data-chapter=renovate],[data-chapter=visit]) .topbar{background:#ffffffb8;border-color:#141a2b14;color:var(--ink)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;text-decoration:none}.brand img{border-radius:8px}.topbar-links{display:flex;align-items:center;gap:18px;font-size:15px}.topbar-links>a:not(.button){text-decoration:none;opacity:.85}.topbar-links>a:not(.button):hover{opacity:1}.langs{display:inline-flex;gap:2px;padding:2px;border-radius:999px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 30%,transparent)}.langs a{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:650;letter-spacing:.04em;text-decoration:none;opacity:.75}.langs a:hover{opacity:1}.langs a[aria-current=page]{opacity:1;background:color-mix(in srgb,currentColor 18%,transparent)}.button{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;color:var(--ink);background:#ffffffdb;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 24px -12px #0a143c80;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #0a143c8c}.button.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#3d7bff 0%,var(--brand) 45%,var(--brand-2) 100%);box-shadow:0 10px 30px -10px #2f6bffd9,inset 0 1px #ffffff59}.button.primary:hover{box-shadow:0 16px 40px -10px #2f6bfff2,inset 0 1px #ffffff59}.button.small{padding:8px 16px;font-size:14px}.button.large{padding:17px 30px;font-size:18px}main{position:relative;z-index:1}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:16vh 24px 0;text-align:center;color:#fff}.hero-inner{max-width:760px}.logo-glow{position:relative;display:inline-block;margin-bottom:18px}.logo-glow:before{content:"";position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(120,160,255,.85),transparent 65%);filter:blur(18px);animation:breathe 5s ease-in-out infinite}.logo-glow img{position:relative;border-radius:22px;box-shadow:0 18px 40px -12px #0a1450b3,inset 0 0 0 1px #ffffff4d}@keyframes breathe{50%{transform:scale(1.12);opacity:.7}}.hero h1{margin:0 0 -.12em;font-size:clamp(56px,10vw,112px);font-weight:800;letter-spacing:-.045em;line-height:.95;padding-bottom:.12em;background:linear-gradient(180deg,#fff 30%,#cfdcff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 30px rgba(10,20,80,.35))}.tagline{margin:18px 0 0;font-size:clamp(20px,2.6vw,28px);font-weight:600;color:#ffe2b8;letter-spacing:-.01em}.lead{margin:16px auto 0;max-width:620px;font-size:17px;line-height:1.6;opacity:.88}.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.pills span{padding:5px 12px;border-radius:999px;font-size:13px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px)}.scroll-hint{position:absolute;bottom:3vh;margin:0;padding:8px 16px;border-radius:999px;font-size:13px;color:var(--ink);background:#ffffffb3;backdrop-filter:blur(10px);animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.chapter{position:relative;min-height:210vh;padding:0 0 0 max(24px,5vw)}.card{position:sticky;top:15vh;width:min(430px,calc(100vw - 48px));padding:26px 28px 24px;border-radius:var(--radius);background:var(--card);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 30px 60px -30px #0a143c73,0 2px 6px #0a143c0f;opacity:.35;transform:translateY(12px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.chapter.current .card{opacity:1;transform:none}body[data-chapter=finale] .card{opacity:0;pointer-events:none}.kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.number{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:12px;letter-spacing:0;color:#fff;background:linear-gradient(135deg,#5b8cff,var(--brand-2));box-shadow:0 4px 12px -4px #2f6bffcc}.card h2{margin:12px 0 10px;font-size:clamp(26px,3vw,34px);line-height:1.1;letter-spacing:-.025em}.card p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}.card p.note{margin-top:10px;padding-left:10px;border-left:3px solid var(--gold);font-size:13.5px;line-height:1.45}.readout{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.readout dl{display:grid;gap:6px;margin:0}.readout dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.readout dt{font-size:14px;color:var(--muted)}.readout dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;text-align:right}.readout dl>div:first-child dd{font-size:22px;font-weight:750;letter-spacing:-.01em;background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}body[data-chapter=services] [data-chapter=services] .card,body[data-chapter=export] [data-chapter=export] .card{--card: rgba(16, 22, 50, .72);--muted: #b9c2dc;--line: rgba(255, 255, 255, .14);color:#fff;border-color:#ffffff24}[data-chapter=services] .kicker,[data-chapter=export] .kicker{color:#9db8ff}[data-chapter=services] .readout dl>div:first-child dd,[data-chapter=export] .readout dl>div:first-child dd{background:linear-gradient(135deg,#9db8ff,#ffd28a);-webkit-background-clip:text;background-clip:text}#rail{position:fixed;right:18px;top:50%;z-index:10;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:999px;transform:translateY(-50%);background:#ffffff2e;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(14px);opacity:0;transition:opacity .6s ease}body:not([data-chapter=hero]):not([data-chapter=uses]):not([data-chapter=finale]) #rail{opacity:1}#rail button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;color:var(--ink);background:#ffffffb3;cursor:pointer;transition:transform .2s ease,background .3s ease,color .3s ease,box-shadow .3s ease}#rail button:hover{transform:scale(1.08)}#rail button.active{color:#fff;background:linear-gradient(135deg,#5b8cff,var(--brand-2));box-shadow:0 0 0 4px #5b8cff40,0 6px 18px -4px #2f6bffe6}#rail .icon{width:18px;height:18px}@media(max-height:720px){#rail{gap:4px;padding:6px}#rail button{width:30px;height:30px}#rail .icon{width:15px;height:15px}}.uses{position:relative;padding:14vh 24px 18vh;color:#fff;background:linear-gradient(180deg,transparent 0%,rgba(10,14,40,.45) 18%,rgba(10,14,40,.55) 82%,transparent 100%)}.uses-inner{max-width:1080px;margin:0 auto;text-align:center}.uses .kicker{justify-content:center;color:#ffd28a}.uses h2{margin:14px 0 0;font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.035em}.use-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;margin-top:44px;text-align:left}.use{display:flex;flex-direction:column;gap:8px;padding:22px 22px 18px;border-radius:18px;text-decoration:none;background:#ffffff14;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);transition:transform .2s ease,background .2s ease}.use:hover{transform:translateY(-3px);background:#ffffff24}.use h3{margin:0;font-size:19px;letter-spacing:-.01em}.use p{margin:0;flex:1;font-size:14.5px;line-height:1.55;color:#cdd3e8}.use-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9db8ff}.use-link .number{width:24px;height:24px;font-size:11px}.finale{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:18vh 24px 28px;color:#fff;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(8,10,28,.55) 60%,rgba(8,10,28,.85))}.finale-inner{width:100%;max-width:1080px;margin:0 auto}.finale h2{margin:0 0 -.12em;font-size:clamp(40px,6vw,72px);letter-spacing:-.04em;line-height:1;padding-bottom:.12em;background:linear-gradient(180deg,#fff 30%,#ffd9b0);-webkit-background-clip:text;background-clip:text;color:transparent}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:56px;text-align:left}.facts>div{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}.facts strong{font-size:16px}.facts span{font-size:14px;line-height:1.55;color:#c5cbe0}.credits{margin-top:40px;font-size:13px;color:#aab2cc}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1080px;width:100%;margin:48px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#9aa3bf}footer a{text-decoration:none}footer .langs{color:#c5cbe0}@media(max-width:899px){.chapter{padding:0 16px}.card{top:50svh;margin-top:50svh;width:100%;max-height:48svh;overflow:auto;padding:18px 20px}.card h2{margin:8px 0 6px;font-size:24px}.card p{font-size:14.5px;line-height:1.5}#paper{width:92vw;top:30%}#blueprint svg{width:92vw;top:34%}#blueprint .chips,#compare{display:none}#device{width:94vw;top:31%;padding:10px;border-radius:22px}#device .screen svg{inset:3%;width:94%;height:94%}#device .notes{display:none}#paper .legend{font-size:11px;gap:4px 10px}#rail{display:none}.topbar-links>a:not(.button){display:none}.topbar-links{gap:10px}body:not([data-chapter=hero]):not([data-chapter=uses]):not([data-chapter=finale]) #three{transform:translateY(-24vh)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}