@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/while-youre-out/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/while-youre-out/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/while-youre-out/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/while-youre-out/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/while-youre-out/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/while-youre-out/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/while-youre-out/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/while-youre-out/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/while-youre-out/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/while-youre-out/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/while-youre-out/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/while-youre-out/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}:root{--paper:#f4f1ea;--ink:#16171b;--ink-2:#3d3f45;--muted:#67686d;--line:#16171b24;--live:#1ac3eb;--night:0;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);min-height:100vh}a{color:inherit}.site-head{z-index:30;color:color-mix(in srgb, var(--ink) calc((1 - var(--night)) * 100%), #f1ede4);justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:fixed;inset:0 0 auto}.mark{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;text-decoration:none;display:inline-flex}.mark i{background:currentColor;border-radius:3px;width:22px;height:15px;position:relative}.mark i:after{content:"";background:var(--live);border-radius:1px;height:1.5px;position:absolute;bottom:3px;left:3px;right:3px}.site-head nav{gap:6px;font-size:14px;display:flex}.site-head nav a{border-radius:99px;padding:7px 12px;text-decoration:none}.site-head nav a:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.site-head nav a.live{border:1px solid color-mix(in srgb, currentColor 35%, transparent)}.site-head .lightbar{height:2px;width:calc(var(--read,0) * 100%);background:var(--live);position:absolute;bottom:0;left:0}#scene{opacity:0;width:100vw;height:100vh;transition:opacity .9s;display:block;position:fixed;inset:0}#plan{pointer-events:none;z-index:2;width:100vw;height:100vh;transition:opacity .8s;position:fixed;inset:0}#plan .wall{fill:var(--ink);fill-opacity:0;stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:3000;stroke-dashoffset:3000px;animation:1.1s cubic-bezier(.6,0,.2,1) forwards draw,.5s 1.1s forwards poche}@keyframes poche{to{fill-opacity:1}}#plan .opening{fill:var(--paper);stroke:var(--ink);stroke-width:.8px;stroke-dasharray:600;stroke-dashoffset:600px;animation:.5s forwards draw}#plan .sheet{font-family:var(--mono);fill:var(--muted);stroke:none;opacity:0;font-size:11px;animation:.6s 1.2s forwards fade}#plan .sheet path{stroke:var(--ink);stroke-width:2px;fill:none}#plan .sheet .title{letter-spacing:.04em;font-size:12px}body.rising #scene,body.ready #scene{opacity:1}body.rising #plan,body.ready #plan{opacity:0}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}.clock-chip{z-index:20;font-family:var(--mono);background:color-mix(in srgb, var(--paper) calc((1 - var(--night)) * 85%), #0a0e1cb3);color:color-mix(in srgb, var(--ink) calc((1 - var(--night)) * 100%), #f1ede4);border:1px solid color-mix(in srgb, currentColor 18%, transparent);opacity:0;border-radius:99px;padding:7px 12px;font-size:13px;transition:opacity .6s;position:fixed;bottom:26px;right:28px}body.ready .clock-chip{opacity:1}#story{z-index:10;pointer-events:none;position:relative}.scrim{z-index:5;pointer-events:none;opacity:0;background:linear-gradient(90deg, color-mix(in srgb, var(--paper) calc((1 - var(--night)) * 100%), #070b18) 0%, color-mix(in srgb, var(--paper) calc((1 - var(--night)) * 100%), #070b18) 18%, transparent 52%);transition:opacity .8s;position:fixed;inset:0}body.ready .scrim{opacity:.94}@media (max-width:760px){.scrim{background:linear-gradient(0deg, color-mix(in srgb, var(--paper) calc((1 - var(--night)) * 100%), #070b18) 25%, transparent 70%)}}.beat{opacity:0;flex-direction:column;justify-content:center;max-width:min(560px,46vw);min-height:100vh;padding:96px 0 48px clamp(24px,6vw,96px);transition:opacity .6s,transform .6s;display:flex;transform:translateY(16px)}body.ready .beat.on,body:not(.ready) .beat.hero,body.ready .beat:focus-within,.no-gl .beat{opacity:1;transform:none}.no-gl #scene,.no-gl #plan,.no-gl .clock-chip{display:none}body.home main :focus-visible,body.home .ask input:focus{outline-color:#08708a}.beat>*{pointer-events:auto}.beat .time{font-family:var(--mono);letter-spacing:.04em;color:color-mix(in srgb, var(--muted) calc((1 - var(--night)) * 100%), #b9bfd0);margin:0 0 14px;font-size:13px}.beat h2{font-family:var(--serif);letter-spacing:-.015em;color:color-mix(in srgb, var(--ink) calc((1 - var(--night)) * 100%), #f3efe6);margin:0 0 18px;font-size:clamp(40px,4.6vw,66px);font-weight:400;line-height:1.02}.beat p{color:color-mix(in srgb, var(--ink-2) calc((1 - var(--night)) * 100%), #cfd3df);max-width:44ch;margin:0;font-size:17px;line-height:1.6}.beat{text-shadow:0 0 22px color-mix(in srgb, var(--paper) calc((1 - var(--night)) * 90%), #050812e6)}.hero .kicker{font-family:var(--mono);letter-spacing:.05em;color:var(--muted);margin:0 0 18px;font-size:13px}.hero h1{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 22px;font-size:clamp(44px,min(6.2vw,11vh),92px);font-weight:400;line-height:.98}.hero .lede{max-width:42ch;font-size:18px}.cta{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.btn{background:#f4f1eae0;border:1px solid #16171b40;border-radius:99px;align-items:center;height:46px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn:hover{transform:translateY(-1px)}.moon{font-family:var(--mono);color:var(--muted);font-size:12.5px;margin-top:26px!important}@media (max-width:760px){.beat{justify-content:flex-end;max-width:none;padding:0 22px 14vh}.site-head nav a:not(.live){display:none}}@media (prefers-reduced-motion:reduce){#plan .wall,#plan .opening,#plan .sheet{animation-duration:10ms;animation-delay:0s!important}.beat{transition:none}}.live-layer{z-index:1;pointer-events:none;inset:0;position:fixed!important}.live-holder{opacity:0;background:#05070b}.live-frame{background:#05070b;border:0;display:block}.ask{flex-wrap:wrap;gap:8px;max-width:44ch;margin-top:22px;display:flex}.ask button{height:40px;font:500 14px var(--sans);cursor:pointer;color:var(--ink);background:#f4f1ead9;border:1px solid #16171b40;border-radius:99px;padding:0 16px}.ask button:hover{background:var(--ink);color:var(--paper)}.ask form{flex:100%}.ask input{width:100%;height:44px;font:15px var(--sans);background:#ffffffe6;border:1px solid #16171b40;border-radius:99px;padding:0 18px}.ask input:focus{outline:2px solid var(--live);outline-offset:1px}.caption{z-index:25;color:#f3efe6;max-width:min(720px,86vw);font:16px/1.45 var(--sans);opacity:0;pointer-events:none;text-align:center;background:#0a0e1ce6;border-radius:14px;margin:0;padding:12px 20px;transition:opacity .4s,transform .4s;position:fixed;bottom:30px;left:50%;transform:translate(-50%,12px)}.caption.on{opacity:1;transform:translate(-50%)}.caption:before{content:"Alexa";font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--live);margin-bottom:3px;display:block}.skip{z-index:50;background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}:focus-visible{outline:2px solid var(--live);outline-offset:2px}body.page main,body.page .site-foot,.after{animation:.45s cubic-bezier(.2,.8,.2,1) both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){body.page main,body.page .site-foot,.after{animation:none}}body.page,.after,.site-foot{--bg:#060914;--text:#eef0f6;--text-2:#b7bece;--muted:#838ca2;--hair:#ffffff17;--glass:#0d1223db;--glass-2:#161d34eb;--warm:#ffc98a;--good:#5fe0a8;--amber:#ffb547}body.page{background:var(--bg);color:var(--text);--night:1}.sky-bg{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 70% 0,#14204a 0%,#070b18 55%,#05070f 100%);width:100vw;height:100vh;position:fixed;inset:0}.after .sky-bg{width:100%;height:100%;position:absolute}body.page main,body.page .site-foot{z-index:1;position:relative}body.page .site-head{-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--hair);color:#eef0f6;background:#0609148c}.site-head nav a[aria-current=page]{background:color-mix(in srgb, currentColor 12%, transparent)}.site-head .menu{border:1px solid color-mix(in srgb, currentColor 30%, transparent);height:38px;color:inherit;font:500 14px var(--sans);background:0 0;border-radius:99px;padding:0 14px;display:none}@media (max-width:860px){.site-head .menu{align-items:center;display:inline-flex}.site-head nav{color:#eef0f6;background:#0b1020;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;min-width:200px;padding:8px;display:none;position:absolute;top:100%;right:16px;box-shadow:0 18px 40px #00000073}.site-head nav.open{display:flex}.site-head nav a,.site-head nav a:not(.live){display:block}}.doc{max-width:1180px;margin:0 auto;padding:120px clamp(18px,5vw,48px) 40px}.doc .kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a8ecff;background:#1ac3eb14;border:1px solid #1ac3eb59;border-radius:99px;align-items:center;gap:10px;margin:0 0 22px;padding:7px 14px 7px 12px;font-size:12px;display:inline-flex}.doc .kicker:before{content:"";background:var(--live);width:7px;height:7px;box-shadow:0 0 10px var(--live);border-radius:50%;animation:2s ease-in-out infinite live}@keyframes live{50%{opacity:.35}}.doc h1,.doc h2#after-title{font-family:var(--serif);letter-spacing:-.025em;background:linear-gradient(#fff 0% 45%,#9fb2da 100%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:13ch;margin:0 0 24px;font-size:clamp(48px,6.6vw,104px);font-weight:400;line-height:.94}.doc .lede{color:var(--text-2);max-width:54ch;margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.6}.doc h2{font-family:var(--serif);letter-spacing:-.015em;color:var(--text);margin:0 0 14px;font-size:clamp(34px,3.6vw,52px);font-weight:400;line-height:1.02}.doc h3{color:var(--text);letter-spacing:-.005em;margin:0 0 6px;font-size:18px;font-weight:600}.doc p{color:var(--text-2);line-height:1.7}.doc a{color:#a8ecff;text-underline-offset:3px;text-decoration-thickness:1px}.doc b{color:var(--text)}.doc code{font-family:var(--mono);color:#a8ecff;background:#1ac3eb1a;border-radius:6px;padding:2px 7px;font-size:.88em}.hero-doc{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:40px;min-height:calc(100vh - 160px);padding-bottom:40px;display:grid}.hero-copy{z-index:2;position:relative}.hero-device{perspective:1400px;place-items:center;min-height:360px;display:grid;position:relative;overflow-x:clip}@media (max-width:960px){.hero-doc{grid-template-columns:1fr;min-height:0}.hero-device{min-height:300px}.hero-device .heard{max-width:92%}}.sect{grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:28px 64px;margin-top:40px;padding:88px 0 8px;display:grid;position:relative}.sect:before{content:"";background:linear-gradient(90deg,#0000,#1ac3eb8c 30%,#ffc98a66 70%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.sect>header{align-self:start;position:sticky;top:110px}.sect[style]>header{position:static}.sect>header .label{font-family:var(--mono);letter-spacing:.14em;color:var(--warm);margin:0 0 14px;font-size:11.5px}.sect>header p{margin:0}@media (max-width:860px){.sect{grid-template-columns:1fr;padding-top:56px}.sect>header{position:static}}.stats{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.stat{border:1px solid var(--hair);background:linear-gradient(160deg,#181f38f0,#0b0f1ee6);border-radius:20px;padding:26px 24px 22px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.stat:after{content:"";opacity:.6;background:radial-gradient(closest-side,#1ac3eb40,#0000);border-radius:50%;width:140px;height:140px;transition:opacity .3s;position:absolute;top:-40px;right:-40px}.stat:hover{border-color:#1ac3eb66;transform:translateY(-3px)}.stat:hover:after{opacity:1}.stat b{font-family:var(--serif);letter-spacing:-.02em;background:linear-gradient(#fff 20%,#7fe3ff 120%);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,4.6vw,68px);font-weight:400;line-height:1;display:block;position:relative}.stat span{color:var(--text-2);margin-top:14px;font-size:15px;line-height:1.5;display:block;position:relative}.stat small{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:14px;font-size:11px;display:block;position:relative}.rules{counter-reset:rule;gap:8px;margin:0;padding:0;list-style:none;display:grid}.rules li{color:var(--text-2);counter-increment:rule;background:var(--glass);border:1px solid #0000;border-radius:16px;padding:20px 22px 20px 82px;line-height:1.65;transition:background .25s,border-color .25s,transform .25s;position:relative}.rules li:hover{background:var(--glass-2);border-color:var(--hair);transform:translate(4px)}.rules li:before{content:counter(rule, decimal-leading-zero);font-family:var(--serif);color:#0000;-webkit-text-stroke:1px #7fe3ffb3;font-size:38px;line-height:1;position:absolute;top:14px;left:22px}.rules li:hover:before{color:#1ac3eb40}.rules li b{color:var(--text);font-weight:600}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.card{border:1px solid var(--hair);background:radial-gradient(420px circle at var(--mx,-100px) var(--my,-100px), #1ac3eb24, transparent 45%), linear-gradient(160deg, #181f38f0, #0b0f1ee6);color:var(--text);border-radius:20px;padding:24px 22px 22px;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:radial-gradient(260px circle at var(--mx,-100px) var(--my,-100px), #7fe3ffcc, transparent 60%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card .label{font-family:var(--mono);letter-spacing:.12em;color:var(--warm);margin:0 0 14px;font-size:11px}.card h3{font-family:var(--serif);letter-spacing:-.01em;font-size:26px;font-weight:400;line-height:1.12}.card p{margin:8px 0 0;font-size:15px}a.card{text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:block}a.card:hover{transform:translateY(-4px)}.card .go{font-family:var(--mono);letter-spacing:.04em;color:#a8ecff;align-items:center;gap:6px;margin-top:18px;font-size:12px;display:inline-flex}.honest{background:linear-gradient(90deg,#28201eeb,#0e111ee6);border:1px solid #ffc98a38;border-radius:18px;margin:18px 0 0;padding:20px 22px 20px 24px;position:relative}.honest:before{content:"";background:var(--warm);width:3px;box-shadow:0 0 14px var(--warm);border-radius:3px;position:absolute;top:18px;bottom:18px;left:0}.honest p{margin:0}.tag{font-family:var(--mono);border:1px solid var(--hair);color:var(--text-2);background:var(--glass);border-radius:99px;margin:0 8px 8px 0;padding:4px 10px;font-size:11px;display:inline-block}.tag.real{color:var(--good);border-color:#5fe0a880;box-shadow:0 0 14px #5fe0a826}.tag.stand-in{color:var(--amber);border-color:#ffb54780;box-shadow:0 0 14px #ffb5471f}table.plain{border-collapse:separate;border-spacing:0 6px;width:100%;font-size:15px}table.plain th,table.plain td{text-align:left;vertical-align:top;color:var(--text-2);background:var(--glass);padding:16px;line-height:1.55;transition:background .2s}table.plain td:first-child,table.plain th:first-child{color:var(--text);border-radius:14px 0 0 14px;font-weight:500}table.plain td:last-child,table.plain th:last-child{border-radius:0 14px 14px 0}table.plain tr:hover td{background:var(--glass-2)}table.plain th{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--warm);background:0 0;padding-bottom:6px;font-size:11px;font-weight:400}table.plain td.n{font-family:var(--mono);white-space:nowrap;color:#a8ecff;font-size:13px}.diagram{--ink:#8e9cbb;width:100%;height:auto;display:block;overflow:visible}.diagram .box{fill:#0d1223e6;stroke:#ffffff47;stroke-width:1.2px}.diagram .box.live{fill:#0a1e2eeb;stroke:var(--live);stroke-width:2px;filter:drop-shadow(0 0 14px #1ac3eb8c)}.diagram .stand{fill:#181412e6;stroke:#ffb5478c;stroke-dasharray:5 5}.diagram text{font-family:var(--sans);fill:#c9cfdc;font-size:13px}.diagram text.t{font-family:var(--serif);fill:#fff;font-size:22px}.diagram text.m{font-family:var(--mono);fill:#7d879d;letter-spacing:.04em;font-size:10.5px}.diagram .wire{stroke:var(--ink);stroke-width:1.3px;fill:none;marker-end:url(#arrow)}.diagram .wire.dash{stroke-dasharray:5 4;animation:1.2s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-18px}}.diagram .packet{fill:#7fe3ff;filter:drop-shadow(0 0 6px #1ac3eb)}.diagram .packet.warm{fill:var(--warm);filter:drop-shadow(0 0 6px #ff9a3d)}.cta-row{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}body.page .btn,.after .btn{height:50px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border-color:#fff3;padding:0 24px;transition:transform .2s,background .2s,box-shadow .2s}body.page .btn:hover,.after .btn:hover{background:#ffffff1f}body.page .btn.primary,.after .btn.primary{color:#16171b;background:#f3efe6;border-color:#f3efe6;box-shadow:0 0 40px #ffd28c40}body.page .btn.primary:hover,.after .btn.primary:hover{box-shadow:0 0 60px #ffd28c73}.rv{opacity:0;filter:blur(6px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .8s;transition-delay:var(--d,0s);transform:translateY(26px)}.rv.in{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.rv{opacity:1;filter:none;transition:none;transform:none}}.echo3d{width:min(520px,100%);transform-style:preserve-3d;transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,-16deg));animation:7s ease-in-out infinite float;position:relative}@keyframes float{50%{translate:0 -12px}}.echo3d .bezel{background:linear-gradient(150deg,#34363e,#121318 60%,#0b0c10);border-radius:22px;padding:14px;position:relative;box-shadow:0 40px 80px #0009,inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff1f}.echo3d .bezel:before{content:"";background:#3c3f48;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:5px;left:50%}.echo3d canvas{border-radius:10px;width:100%;height:auto;display:block}.echo3d .shine{pointer-events:none;background:linear-gradient(115deg,#ffffff1f 0%,#0000 30% 70%,#ffffff0a);border-radius:10px;position:absolute;inset:14px}.echo3d .halo{z-index:-1;filter:blur(20px);background:radial-gradient(closest-side,#1ac3eb52,#0000 70%);border-radius:50%;transition:background .6s;position:absolute;inset:-20% -15%;transform:translateZ(-80px)}.echo3d[data-kind=alert] .halo{background:radial-gradient(closest-side,#ff443866,#0000 70%)}.echo3d[data-kind=offline] .halo{background:radial-gradient(closest-side,#ffb02059,#0000 70%)}.echo3d[data-kind=message] .halo{background:radial-gradient(closest-side,#ff8fb159,#0000 70%)}.echo3d .stand{filter:blur(6px);background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;height:40px;position:absolute;bottom:-56px;left:30%;right:30%;transform:translateZ(-40px)}.hero-device .heard{z-index:3;color:#16171b;max-width:78%;font:500 15px/1.4 var(--sans);opacity:0;background:#f3efe6f2;border-radius:16px 16px 16px 4px;margin:0;padding:12px 16px;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:6%;left:0;transform:translateZ(60px)translateY(-70%);box-shadow:0 16px 40px #0006}.hero-device .heard.on{opacity:1;transform:translateZ(60px)translateY(-70%)translateY(-6px)}.hero-device .heard small{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5d5e63;margin-bottom:3px;display:block}.hero-device .heard.mono{font-family:var(--mono);font-size:13.5px}@media (prefers-reduced-motion:reduce){.echo3d{animation:none}}.site-foot{z-index:12;color:#e9e5dc;background:#04060d;padding:72px clamp(18px,5vw,48px) 28px;position:relative;overflow:hidden}.site-foot:before{content:"";background:linear-gradient(90deg, transparent, var(--live), transparent);height:2px;box-shadow:0 0 20px var(--live);background-repeat:no-repeat;background-size:50% 100%;animation:6s ease-in-out infinite alternate bar;position:absolute;top:0;left:0;right:0}@keyframes bar{0%{background-position:-50% 0}to{background-position:150% 0}}.site-foot .foot-in{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;max-width:1180px;margin:0 auto;display:grid;position:relative}.site-foot .mark{color:#f4f1ea;margin:0 0 14px;font-size:30px}.site-foot .mark i:after{background:var(--live)}.site-foot .muted{color:#9aa1b2;max-width:52ch;margin:0;line-height:1.65}.site-foot nav{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 20px;display:grid}.site-foot nav a{color:#d9dde8;font-size:15px;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.site-foot nav a:hover{color:#a8ecff;transform:translate(3px)}.site-foot .fine{max-width:1180px;font-family:var(--mono);color:#737b8e;border-top:1px solid #ffffff14;margin:44px auto 0;padding-top:18px;font-size:11.5px;line-height:1.6;position:relative}@media (max-width:760px){.site-foot .foot-in{grid-template-columns:1fr}}.site-head{transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s}body.past-story .site-head{-webkit-backdrop-filter:blur(14px)saturate(1.3);color:#eef0f6;background:#06091499}body.past-story .clock-chip{pointer-events:none;opacity:0!important}.after{z-index:12;color:var(--text);background:#060914;position:relative;overflow:hidden}.after:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#070b18,#0000);height:180px;position:absolute;top:-1px;left:0;right:0}.after .doc{z-index:2;padding-top:140px;padding-bottom:100px;position:relative}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.doc .kicker:before,.diagram .wire.dash,.site-foot:before{animation:none}.diagram .packet{display:none}}