@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink:#14201d;--muted:#68716d;--cream:#f4f0e8;--paper:#fbfaf6;--orange:#e65f36;--line:#d8d6ce;--green:#2d6b57}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:DM Sans,sans-serif}button,a{color:inherit;font:inherit}button{cursor:pointer}.topbar{height:76px;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#faf8f3}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.16em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:29px;height:29px;color:#fff;background:var(--ink);border-radius:50%;font-family:serif;font-style:italic}.top-meta{display:flex;align-items:center;gap:10px;color:#707771;font-size:10px;font-weight:700;letter-spacing:.14em}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f06b43;box-shadow:0 0 0 4px #f06b4324}.divider{height:13px;border-left:1px solid #c6c7c1;margin:0 8px}main{overflow:hidden}.hero{display:grid;grid-template-columns:1fr auto;gap:60px;max-width:1440px;margin:auto;padding:82px clamp(24px,7vw,105px) 70px}.eyebrow{margin:0 0 18px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.2em}h1{margin:0;font:500 clamp(48px,6.5vw,92px)/.98 "Manrope",sans-serif;letter-spacing:-.065em}h1 em{color:var(--orange);font-style:normal}.intro{margin:30px 0 0;color:#69716e;font-size:14px;line-height:1.8}.experiment-note{width:326px;align-self:end;border-left:1px solid var(--line);padding:5px 0 6px 34px}.experiment-note>span{font-size:9px;font-weight:700;letter-spacing:.19em}.experiment-note p{color:#6c7470;font-size:12px;line-height:1.7}.steps{display:flex;align-items:center;gap:10px;margin-top:20px}.steps b{white-space:nowrap;font-size:10px;font-weight:600}.steps i{width:24px;height:1px;background:#bdbfba}.lab{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.75fr);background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stage{padding:66px clamp(24px,5.5vw,84px) 76px;border-right:1px solid var(--line)}.controls{padding:66px clamp(26px,4vw,58px)}.section-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:30px}.section-heading>span{display:grid;place-items:center;width:27px;height:27px;color:#fff;background:var(--orange);border-radius:50%;font-size:10px;font-weight:700}.section-heading small{display:block;margin-bottom:7px;color:#77807b;font-size:8px;font-weight:700;letter-spacing:.17em}.section-heading h2{margin:0;font:600 18px Manrope}.video-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.video-card{position:relative;overflow:hidden;padding:0 0 15px;text-align:left;border:1px solid #d4d2ca;background:#f8f6f0;transition:.2s}.video-card:hover,.video-card.selected{border-color:var(--orange);transform:translateY(-2px)}.video-card>i{display:none;position:absolute;right:10px;bottom:12px;color:#fff;background:var(--orange);width:18px;height:18px;place-items:center;border-radius:50%;font-size:10px;font-style:normal}.video-card.selected>i{display:grid}.thumb{position:relative;display:block;aspect-ratio:1.75;background-size:cover;background-position:center}.thumb b,.thumb em{position:absolute;top:9px;color:#fff;font-size:9px;font-style:normal}.thumb b{left:10px;letter-spacing:.1em}.thumb em{right:8px;padding:3px 6px;background:#0a0f0e8c}.video-info{display:block;padding:11px 12px 0}.video-info small{display:block;color:var(--orange);font-size:7px;font-weight:700;letter-spacing:.15em}.video-info strong{display:block;margin-top:4px;font:600 12px Manrope}.video-info span{color:#888d89;font-size:9px}.player-frame{position:relative;overflow:hidden;aspect-ratio:1.85;margin-top:30px;background:#10201c;box-shadow:0 20px 42px #111c1824}.player-frame video{width:100%;height:100%;object-fit:cover}.player-cover{position:absolute;inset:0;padding:28px 31px;display:flex;align-items:flex-end;gap:17px;color:#fff;background-size:cover;background-position:center;transition:.3s}.player-cover.hidden{opacity:0;pointer-events:none}.cover-tag{position:absolute;top:25px;left:30px;font-size:8px;font-weight:700;letter-spacing:.16em}.round-play{flex:0 0 auto;width:42px;height:42px;padding-left:4px;color:var(--ink);border:0;border-radius:50%;background:#fff}.player-cover strong,.player-cover small{display:block}.player-cover strong{font:600 16px Manrope}.player-cover small{margin-top:4px;color:#ccd3d0;font-size:9px}.stream-status{position:absolute;top:18px;right:18px;display:none;padding:7px 10px;color:#fff;background:#0a1310bf;font-size:9px;letter-spacing:.07em}.stream-status.show{display:block}.network-list{display:grid;gap:9px}.network-option{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;width:100%;padding:15px;text-align:left;border:1px solid #d5d2ca;background:#f9f7f1}.network-option:hover,.network-option.selected{border-color:var(--orange);background:#fffaf5}.network-icon{display:grid;place-items:center;height:34px;font-size:22px;background:#e9e7e0}.network-option strong,.network-option small{display:block}.network-option strong{font-size:13px}.network-option small{margin-top:3px;color:#8b8f8c;font-size:9px}.network-option>i{width:14px;height:14px;border:1px solid #adb0ad;border-radius:50%;box-shadow:inset 0 0 0 3px #f9f7f1}.network-option.selected>i{background:var(--orange);border-color:var(--orange)}.signal-card{margin:22px 0;padding:16px;border:1px solid #d5d2ca;background:#ebe8df}.signal-card>div{display:flex;justify-content:space-between;align-items:center}.signal-card span,.signal-card p{color:#777e79;font-size:9px}.signal-card strong{color:var(--green);font-size:8px;letter-spacing:.1em}.meter{gap:4px;justify-content:flex-start!important;margin:12px 0 7px}.meter i{flex:1;height:4px;background:var(--green)}.meter i.off{background:#c9c8c2}.signal-card p{margin:0}.start-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 19px;color:#fff;border:0;background:var(--orange);box-shadow:0 10px 22px #ca4f2a33;font-weight:600;transition:.2s}.start-button:hover{background:#ce4d28;transform:translateY(-1px)}.start-button:disabled{cursor:wait;opacity:.65}.start-button b{font-size:19px;font-weight:400}.privacy{text-align:center;color:#858b87;font-size:8px}.dashboard{padding:90px clamp(24px,7vw,105px) 58px;background:#fbfaf6}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;max-width:1240px;margin:auto}.dashboard-head h2{margin:0;font:600 clamp(29px,4vw,43px) "Manrope";letter-spacing:-.04em}.dashboard-head p:last-child{color:#818682;font-size:11px}.live-status{display:grid;grid-template-columns:auto auto;gap:3px 9px;align-items:center}.live-status b{color:var(--orange);font-size:10px;letter-spacing:.18em}.live-status small{grid-column:1/3;color:#949894;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);max-width:1240px;margin:42px auto 0;border:1px solid var(--line)}.metric{padding:22px 29px;border-right:1px solid var(--line);background:#f6f4ee}.metric:last-child{border:0}.metric span{display:block;color:#727975;font-size:9px}.metric strong{margin-right:7px;font:500 31px Manrope}.metric small{color:#969a97;font-size:7px;letter-spacing:.15em}.charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1240px;margin:18px auto 0}.charts article{padding:27px 28px 30px;border:1px solid var(--line)}.chart-title{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e2e0d9}.chart-title span,.chart-title small{display:block}.chart-title span{font-size:11px;font-weight:600}.chart-title small{margin-top:4px;color:#999c99;font-size:8px}.chart-title b{color:#9b9e9b;font-size:7px;letter-spacing:.13em}.bar-chart{display:grid;gap:20px;margin-top:23px}.bar-row{display:grid;grid-template-columns:90px 1fr 45px;gap:12px;align-items:center}.bar-row>span{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:7px;background:#eae8e2}.bar-track i{display:block;height:100%;background:var(--bar);transition:width .5s}.bar-row strong{text-align:right;font-size:9px}.dashboard-foot{max-width:1240px;margin:19px auto 0;text-align:right;color:#999d99;font-size:8px}.dashboard-foot span{color:var(--orange)}footer{display:flex;justify-content:space-between;padding:30px clamp(24px,7vw,105px);color:#a6aaa7;background:#14201d;font-size:8px;letter-spacing:.12em}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.experiment-note{width:auto}.lab{grid-template-columns:1fr}.stage{border-right:0;border-bottom:1px solid var(--line)}.controls{padding-top:48px}}@media(max-width:620px){.top-meta{display:none}.hero{padding-bottom:50px}h1{font-size:47px}.video-list{grid-template-columns:1fr}.video-card{display:grid;grid-template-columns:120px 1fr;padding:0}.thumb{aspect-ratio:1.3}.video-info{padding:18px 15px}.player-frame{aspect-ratio:1.35}.dashboard-head{gap:20px}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.charts{grid-template-columns:1fr}footer{gap:20px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}