@font-face{font-family:Poppins;src:url('/home-assets/poppins-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Roboto;src:url('/home-assets/roboto-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--background:#08090b;--surface:#111216;--text:#f5f2eb;--muted:#8e8f97;--line:#ffffff1c;--red:#ff0033;--amber:#ffaa00;--heading-font:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font:Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;font-family:var(--font);background:var(--background);color:var(--text);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;-webkit-font-smoothing:antialiased;background:var(--background);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--red);outline-offset:6px}button:focus-visible{outline-offset:-3px}button,a{touch-action:manipulation}[hidden]{display:none!important}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:12px 18px;background:var(--text);color:var(--background);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-shell{max-width:1800px;margin:auto;padding:0 clamp(24px,4.6vw,88px);position:relative;z-index:1}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff03 50%,transparent 50.1%);background-size:120px 100%}.ambient span{position:absolute;right:-9vw;top:4vh;width:66vw;height:80vh;background:radial-gradient(ellipse,#4a0c191f,transparent 68%);transition:transform 2s ease,opacity 2s}.ambient span+span{left:-20vw;top:40vh;right:auto;width:60vw;background:radial-gradient(ellipse,#30252812,transparent 70%)}.site-header{height:112px;display:flex;align-items:center;gap:55px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:27px;font-weight:760;letter-spacing:-1.4px;white-space:nowrap}.wordmark-light{font-weight:450}.wordmark-dot{color:var(--red)}.wordmark-disc{width:44px;height:44px;display:grid;place-items:center;background:#fff;border-radius:50%;overflow:hidden}.wordmark-disc img{display:block;width:42px;height:42px;object-fit:contain}.header-descriptor{font-size:9px;line-height:1.7;letter-spacing:1.3px;color:#9e9ba0;margin:2px 0 0}.location{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:12px;color:#c7c4c7}.location-dot{width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 14px #ff003388}.location svg{width:21px;height:21px;margin-left:18px;stroke:var(--text);stroke-width:1.3}.introduction{position:relative;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;min-height:clamp(570px,calc(100svh - 345px),850px);gap:0;padding:30px 0 35px}.hero-copy{position:relative;z-index:3;padding:32px 0 35px;min-width:0}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 29px;font-size:10px;font-weight:600;line-height:1.6;letter-spacing:1.7px;color:#aaa5a7}.eyebrow-line{width:30px;height:1px;flex:none;background:var(--red)}h1{margin:0;font-size:clamp(66px,7.8vw,142px);font-weight:650;letter-spacing:-.069em;line-height:.98;max-width:850px;white-space:nowrap}.hero-description{max-width:380px;margin:28px 0 0;font-size:15px;line-height:1.75;color:#9e9ba3;font-weight:400}.hero-signature{display:flex;gap:14px;align-items:center;margin-top:42px;font-size:8px;font-weight:600;letter-spacing:1.35px;line-height:1.7;color:#8e8f97}.signature-star{font-size:31px;line-height:1;font-weight:400;color:var(--red)}.network-stage{isolation:isolate;position:relative;width:112%;max-width:760px;aspect-ratio:1;justify-self:end;margin-right:-5%;min-width:0;perspective:900px}.stage-grid{position:absolute;inset:7%;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 70%);transform:rotate(-10deg)}.stage-coordinate{position:absolute;z-index:2;font-size:8px;letter-spacing:2px;color:#64626c}.coordinate-top{top:5%;left:38%}.coordinate-bottom{bottom:4%;left:36%}.orbit{position:absolute;left:50%;top:50%;width:59%;height:59%;border:1px solid #ffffff0d;border-radius:50%;transform:translate(-50%,-50%);animation:orbit-spin 35s linear infinite}.orbit span{position:absolute;top:19%;left:9%;width:5px;height:5px;background:#d9d5ce;border-radius:50%;box-shadow:0 0 15px #fff5}.orbit-two{width:79%;height:79%;animation-duration:48s;animation-direction:reverse;border-style:dashed;border-color:#ffffff0a}.orbit-two span{width:4px;height:4px;background:var(--red);top:85%;left:16%}.orbit-three{width:95%;height:95%;border-color:#ffffff06;animation:none}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.6;transition:opacity 1s,transform 1.4s}.connection-base{stroke:#ffffff16;stroke-width:1}.connection-pulse{stroke:var(--red);stroke-width:1;stroke-dasharray:8 255;animation:signal 7s linear infinite}.connection-dot{fill:var(--red);animation:node-pulse 3s ease-in-out infinite}.dot-two,.dot-four{animation-delay:-1.5s}.dot-five{fill:#dad5ce}.panda-core{position:absolute;z-index:3;top:50%;left:50%;width:31%;transform:translate(-50%,-50%);transition:transform 1.4s cubic-bezier(.22,1,.36,1),top 1.4s}.panda-disc{position:relative;aspect-ratio:1;background:#fff;border:8px solid #f7f5f0;border-radius:50%;box-shadow:0 0 0 1px #ffffff15,0 0 0 18px #ffffff02,0 30px 65px #0009;display:grid;place-items:center;overflow:hidden;animation:core-breathe 5s ease-in-out infinite}.panda-disc img{display:block;width:100%;height:100%;object-fit:contain}.core-caption{position:absolute;top:calc(100% + 28px);width:200%;left:-50%;text-align:center;color:#b3aeb2;font-size:8px;letter-spacing:2px;white-space:nowrap;transition:opacity .7s}.core-ripple{position:absolute;inset:-14%;border:1px solid #ff003339;border-radius:50%;animation:ripple 5s ease-out infinite}.ripple-two{animation-delay:-2.5s}.format-card{position:absolute;z-index:4;display:flex;flex-direction:column;background:linear-gradient(150deg,#222228,#111216 75%);border:1px solid #ffffff20;border-radius:12px;padding:13px;box-shadow:0 18px 45px #0005;transition:transform 1.4s cubic-bezier(.22,1,.36,1),opacity 1s,border-color 1s,box-shadow 1s;will-change:transform}.card-kicker{font:7px/1.5 var(--font);font-weight:650;letter-spacing:1.1px;color:#8c8895;margin-bottom:12px;white-space:nowrap}.format-card strong{font-size:14px;font-weight:600;letter-spacing:-.3px;margin-top:11px}.card-duration{margin-top:3px;font-size:6px;letter-spacing:1.25px;color:#797680;white-space:nowrap}.format-short{width:23%;left:72%;top:8%;transform:rotate(8deg)}.short-frame{position:relative;width:55%;aspect-ratio:9/13;align-self:center;background:linear-gradient(145deg,#ff1b49,#890622);border:1px solid #ff547866;overflow:hidden;border-radius:5px;display:flex;gap:4px;align-items:flex-end;padding:0 11px}.short-frame i{display:block;background:#ffffff2b;width:10px;height:70%;transform:skew(-17deg);animation:bars-dance 3s ease-in-out infinite alternate}.short-frame i:nth-child(2){height:100%;animation-delay:-1s}.short-frame i:nth-child(3){height:45%;animation-delay:-2s}.play-symbol{position:absolute;top:50%;left:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;transform:translate(-40%,-50%);filter:drop-shadow(0 2px 10px #0005)}.format-long{width:32%;left:66%;top:64%;transform:rotate(-6deg)}.wide-frame{height:60px;border:1px solid #e0b29633;border-radius:5px;position:relative;background:linear-gradient(170deg,#6f4936,#292424 56%,#bd866150);overflow:hidden}.frame-horizon{position:absolute;width:115%;height:90%;background:#a4836350;top:40%;left:-10%;transform:rotate(-15deg);border-top:1px solid #e5bb9750}.frame-horizon:after{content:"";display:block;background:#171b25a0;height:90%;transform:rotate(27deg);margin-top:15px}.frame-timeline{position:absolute;bottom:6px;left:8px;right:8px;height:2px;background:#ffffff30}.frame-timeline:before{content:"";display:block;height:2px;width:45%;background:#fff;animation:timeline-run 6s ease-in-out infinite alternate}.format-ultra{width:31%;left:2%;top:67%;transform:rotate(5deg)}.ultra-wave{position:relative;height:48px;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;background:#0e0f12;border-radius:4px}.ultra-wave i{height:35%;width:3px;background:#69656e;border-radius:2px;animation:bars-dance 2.5s ease-in-out infinite alternate}.ultra-wave i:nth-child(3n){height:80%;background:#e76078;animation-delay:-.8s}.ultra-wave i:nth-child(3n + 1){height:55%;animation-delay:-1.8s}.ultra-wave span{position:absolute;color:#f5f2eb;font-size:42px;line-height:1;text-shadow:0 0 18px #08090b;background:#0e0f1266;left:50%;transform:translateX(-50%);padding:0 5px}.origin-tag{position:absolute;left:10%;top:18%;z-index:2;display:flex;flex-direction:column;gap:8px;transition:opacity .8s,transform 1.2s}.origin-tag>span{font-size:7px;letter-spacing:1.5px;color:#87838d}.origin-tag strong{font-weight:500;font-size:18px;letter-spacing:-.5px}.origin-tag strong span{color:var(--red);margin-left:7px}.network-tag{position:absolute;left:51%;top:89%;display:flex;align-items:center;gap:10px;transition:opacity .8s;color:#6e6972;font-size:7px;line-height:1.7;letter-spacing:1.5px}.tiny-cross{color:var(--red);font-size:28px;font-weight:250}.world-globe{position:absolute;inset:7%;opacity:0;transform:scale(.6) rotate(-24deg);transition:opacity 1.6s,transform 2s cubic-bezier(.22,1,.36,1)}.world-globe svg{width:100%;height:100%;stroke:#ffffff16;stroke-width:.75}.world-globe .globe-outline{stroke:#ffffff35}.world-globe .globe-route{stroke:var(--red);stroke-width:1.5;stroke-dasharray:500;animation:globe-route 7s linear infinite}.world-globe .globe-city{fill:var(--red);stroke:var(--red);animation:node-pulse 2.4s ease-in-out infinite}.city-two,.city-four{animation-delay:-1.2s}.world-label{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1.8px;color:#a3a0a9}.workflow{position:absolute;z-index:5;width:91%;left:4.5%;top:55%;padding:21px 23px;background:linear-gradient(135deg,#232025,#111216);border:1px solid #ffffff25;border-radius:12px;box-shadow:0 25px 80px #0009;opacity:0;transform:translateY(35px) rotateX(12deg);transition:opacity .9s,transform 1.2s cubic-bezier(.22,1,.36,1);pointer-events:none}.workflow-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #ffffff14;font-size:8px;letter-spacing:1.7px;color:#a5a0aa}.workflow-topline>span+span{color:var(--red);font-size:16px}.workflow-steps{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.workflow-steps div{display:flex;flex-direction:column;gap:7px}.workflow-steps div>span{font-size:10px;color:var(--red);font-variant-numeric:tabular-nums}.workflow-steps strong{font-size:20px;font-weight:500;letter-spacing:-.7px}.workflow-steps small{font-size:8px;color:#89838e}.workflow-steps b{font-size:21px;font-weight:400;color:#51464d}.workflow-bottomline{display:block;padding-top:16px;border-top:1px solid #ffffff14;color:#68636e;font-size:7px;letter-spacing:1.5px}.stage-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--red);box-shadow:0 0 9px #ff0033;animation:spark-drift 7s ease-in-out infinite}.spark-one{top:12%;left:53%}.spark-two{top:74%;left:48%;animation-delay:-2s}.spark-three{top:49%;left:12%;background:#e8c6c3;animation-delay:-3s}.spark-four{top:44%;left:89%;animation-delay:-5s}
body[data-scene="0"] .format-card{opacity:.65}body[data-scene="0"] .format-short{transform:translate(10px,-3px) rotate(9deg) scale(.92)}body[data-scene="0"] .format-long{transform:translate(5px,8px) rotate(-7deg) scale(.92)}body[data-scene="0"] .format-ultra{transform:translate(-5px,10px) rotate(6deg) scale(.92)}body[data-scene="1"] .panda-core{transform:translate(-50%,-50%) scale(.8)}body[data-scene="1"] .format-card{opacity:1;border-color:#ffffff40;box-shadow:0 18px 50px #0008}body[data-scene="1"] .format-short{transform:translate(-4px,-4px) rotate(4deg) scale(1.12)}body[data-scene="1"] .format-long{transform:translate(-2px,2px) rotate(-3deg) scale(1.12)}body[data-scene="1"] .format-ultra{transform:translate(-4px,2px) rotate(2deg) scale(1.12)}body[data-scene="1"] .connections{opacity:1}body[data-scene="1"] .origin-tag{transform:translate(-7px,-8px);opacity:.55}body[data-scene="3"] .panda-core{top:32%;transform:translate(-50%,-50%) scale(.72)}body[data-scene="3"] .core-caption{opacity:0}body[data-scene="3"] .format-card{opacity:.12;transform:scale(.65) translateY(30px)}body[data-scene="3"] .connections{opacity:.16;transform:scale(.9)}body[data-scene="3"] .workflow{opacity:1;transform:translateY(0) rotateX(0)}body[data-scene="3"] .origin-tag,body[data-scene="3"] .network-tag{opacity:0}body[data-scene="4"] .world-globe{opacity:1;transform:scale(1) rotate(0deg)}body[data-scene="4"] .panda-core{transform:translate(-50%,-50%) scale(.64)}body[data-scene="4"] .core-caption{opacity:0}body[data-scene="4"] .connections{opacity:.12;transform:rotate(10deg)}body[data-scene="4"] .format-card{opacity:0;transform:translateY(30px) scale(.8)}body[data-scene="4"] .origin-tag{transform:translate(-5px,100px)}body[data-scene="4"] .network-tag{opacity:0}body[data-scene="4"] .ambient span{transform:translate(-8%,-5%);opacity:.75}body[data-scene="0"] .hero-copy{animation:copy-zero 1s both}body[data-scene="1"] .hero-copy{animation:copy-one 1s both}body[data-scene="3"] .hero-copy{animation:copy-two 1s both}body[data-scene="4"] .hero-copy{animation:copy-three 1s both}
.intro-console{position:relative;z-index:5;margin-top:0}.console-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 14px}.console-topline>p{display:flex;align-items:center;gap:9px;font-size:8px;font-weight:600;letter-spacing:1.6px;color:#8e8f97;margin:0}.red-dot{display:block;width:4px;height:4px;background:var(--red);border-radius:50%;animation:node-pulse 2s ease-in-out infinite}.playback-controls{display:flex;align-items:center;gap:20px}.intro-time{font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#969199;margin-right:8px}.playback-controls button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;min-height:36px;padding:8px 0;font-size:10px;color:#aaa6ae;transition:color .2s;white-space:nowrap}.playback-controls button:hover{color:#fff}.motion-icon{display:block;width:9px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor}.playback-controls button[aria-pressed="false"] .motion-icon{border:0;width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}.sound-icon{height:11px;display:flex;gap:2px;align-items:center}.sound-icon i{height:4px;width:2px;background:currentColor}.sound-icon i:nth-child(2){height:10px}.sound-icon i:nth-child(3){height:7px}#soundToggle[aria-pressed="true"] .sound-icon i{animation:bars-dance .8s ease-in-out infinite alternate}#soundToggle[aria-pressed="true"] .sound-icon i:nth-child(2){animation-delay:-.3s}#soundToggle[aria-pressed="true"] .sound-icon i:nth-child(3){animation-delay:-.5s}.replay-icon{font-size:17px;line-height:1}.progress-track{height:1px;background:#ffffff16;position:relative}.progress-track span{display:block;position:absolute;inset:0;background:var(--red);transform:scaleX(0);transform-origin:left;box-shadow:0 0 8px #ff003350}.chapter-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-nav button{position:relative;display:grid;grid-template-columns:25px 1fr auto;grid-template-rows:auto auto;gap:5px 5px;background:none;border:0;border-right:1px solid var(--line);text-align:left;padding:22px 24px 20px;color:#8e8f97;min-height:82px;transition:color .4s,background .4s}.chapter-nav button:first-child{padding-left:0}.chapter-nav button:last-child{border-right:0;padding-right:0}.chapter-number{grid-column:1;grid-row:1;font-size:9px;line-height:1.9;font-variant-numeric:tabular-nums;color:#8e8f97;transition:color .4s}.chapter-name{font-size:13px;font-weight:500;grid-column:2;grid-row:1;white-space:nowrap}.chapter-time{grid-column:2;grid-row:2;font-size:8px;letter-spacing:.8px;font-variant-numeric:tabular-nums}.chapter-arrow{grid-column:3;grid-row:1/3;align-self:center;font-size:19px;opacity:0;transform:translate(-4px,4px);transition:opacity .4s,transform .4s;color:var(--red)}.chapter-nav button:hover{color:#d4ced6}.chapter-nav button[aria-current="step"]{color:var(--text)}.chapter-nav button[aria-current="step"] .chapter-number{color:var(--red)}.chapter-nav button[aria-current="step"] .chapter-arrow{opacity:1;transform:none}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0 30px;border-top:1px solid var(--line);color:#8e8f97;font-size:10px;line-height:1.8}.site-footer p{margin:0}.site-footer p:first-child{color:#cac4cc;font-size:11px}.site-footer p:first-child span{color:#8e8f97}.site-footer p:nth-child(2){margin-left:auto;text-align:right;font-size:9px;line-height:1.6}.footer-break{display:none}.footer-mark{font-size:19px;font-weight:650;letter-spacing:-1px;color:#eee8ee;margin-left:22px}.footer-mark span{font-size:13px;color:var(--red);display:inline-block;vertical-align:top;padding-left:3px}.no-script{max-width:700px;color:#aaa5ae;font-size:14px;line-height:1.7;padding:10px 0 35px;margin:0}body.is-paused *,body.is-paused *:before,body.is-paused *:after{animation-play-state:paused!important}body.is-paused .hero-copy{animation:none!important;opacity:1;transform:none}body.is-complete .red-dot{opacity:.5}
@keyframes orbit-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes signal{to{stroke-dashoffset:-526}}@keyframes node-pulse{0%,100%{opacity:.35}50%{opacity:1}}@keyframes ripple{0%{transform:scale(.9);opacity:0}20%{opacity:.75}100%{transform:scale(1.55);opacity:0}}@keyframes core-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bars-dance{to{transform:scaleY(.35)}}@keyframes timeline-run{to{width:90%}}@keyframes globe-route{0%{stroke-dashoffset:500}60%,100%{stroke-dashoffset:0}}@keyframes spark-drift{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(10px,-17px);opacity:.9}}@keyframes copy-zero{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes copy-one{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes copy-two{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes copy-three{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-description{font-size:17px;max-width:420px}.introduction{min-height:700px}.eyebrow{font-size:11px}.hero-signature{margin-top:48px}.format-card{padding:16px}.format-card strong{font-size:18px}.card-kicker{font-size:9px}.card-duration{font-size:8px}.wide-frame{height:85px}.ultra-wave{height:65px}.workflow{padding:26px}.workflow-steps strong{font-size:27px}.workflow-steps small{font-size:10px}}
@media(max-width:1100px){.site-shell{padding:0 30px}.site-header{height:94px;gap:30px}.header-descriptor{font-size:8px}.introduction{min-height:565px;grid-template-columns:1fr 1fr;padding:30px 0}.hero-copy{padding:20px 0}.hero-description{max-width:310px;font-size:14px}.eyebrow{font-size:9px;letter-spacing:1.1px;max-width:350px;min-height:29px;margin-bottom:22px}h1{font-size:7.8vw}.network-stage{width:114%;margin-right:-5%}.hero-signature{margin-top:30px}.format-card{padding:10px;border-radius:8px}.card-kicker{font-size:5.7px;letter-spacing:.8px;margin-bottom:9px}.format-card strong{font-size:12px}.card-duration{font-size:5.2px;letter-spacing:.8px}.wide-frame{height:49px}.ultra-wave{height:40px}.ultra-wave i{width:2px;gap:3px}.ultra-wave span{font-size:34px}.panda-disc{border-width:6px}.workflow{padding:16px}.workflow-steps strong{font-size:16px}.workflow-steps small{font-size:6.5px}.workflow-steps{padding:19px 0}.workflow-topline,.workflow-bottomline{font-size:6px}.origin-tag strong{font-size:15px}.chapter-nav button{padding-left:18px;padding-right:18px}.chapter-name{font-size:12px}.chapter-nav button{grid-template-columns:19px 1fr auto}.playback-controls{gap:16px}}
@media(max-width:760px){.site-shell{padding:0 22px}.site-header{height:86px;gap:20px}.wordmark{font-size:24px;gap:9px;letter-spacing:-1.1px}.wordmark-disc{height:38px;width:38px}.wordmark-disc img{width:37px;height:37px}.header-descriptor{display:none}.location{font-size:10px;gap:7px}.location svg{display:none}.introduction{grid-template-columns:1fr;min-height:0;padding:42px 0 12px;gap:0}.hero-copy{padding:0}.eyebrow{font-size:8px;min-height:26px;max-width:none;margin-bottom:19px;letter-spacing:1.2px}.eyebrow-line{width:22px}h1{font-size:clamp(53px,12.1vw,90px);letter-spacing:-.065em;line-height:1;white-space:nowrap}.hero-description{font-size:13px;max-width:390px;margin-top:22px;line-height:1.8}.hero-signature{display:none}.network-stage{width:min(108%,520px);margin:6px -3% 0 0;justify-self:center;aspect-ratio:1.05}.stage-coordinate{font-size:6px;letter-spacing:1.4px}.coordinate-top{top:5%;left:36%}.coordinate-bottom{bottom:1.5%;left:32%}.panda-core{width:30%}.format-short{top:9%;left:72%;width:22%}.format-long{top:63%;left:68%;width:29%}.format-ultra{top:66%;left:3%;width:29%}.format-card strong{font-size:12px}.card-kicker{font-size:5.8px;letter-spacing:.6px}.card-duration{font-size:5px;letter-spacing:.6px}.short-frame{width:57%;aspect-ratio:9/12}.wide-frame{height:47px}.ultra-wave{height:39px}.origin-tag{top:20%;left:9%}.origin-tag>span{font-size:6px}.origin-tag strong{font-size:15px}.core-caption{font-size:6px;letter-spacing:1.5px;top:calc(100% + 23px)}.network-tag{font-size:6px;top:87%;left:51%;gap:6px}.tiny-cross{font-size:21px}.intro-console{margin-top:10px}.console-topline{align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:13px}.console-topline>p{font-size:7px;letter-spacing:1.2px;line-height:36px;display:none}.playback-controls{width:100%;justify-content:space-between;gap:12px}.playback-controls button{font-size:10px;min-height:44px;gap:7px}.intro-time{font-size:8px;letter-spacing:.5px;margin-right:auto}.chapter-nav button{grid-template-columns:1fr auto;gap:5px 3px;grid-template-rows:auto auto auto;padding:16px 10px 18px;min-height:98px;align-items:start}.chapter-number{grid-row:1;grid-column:1;font-size:8px}.chapter-name{grid-row:2;grid-column:1/3;font-size:10px;white-space:normal}.chapter-time{grid-row:3;grid-column:1;font-size:7px}.chapter-arrow{grid-column:2;grid-row:1;font-size:14px;align-self:start}.site-footer{align-items:flex-start;flex-wrap:wrap;gap:16px;padding:23px 0 26px}.site-footer p:first-child{font-size:10px;max-width:190px}.site-footer p:first-child span{display:block}.site-footer p:nth-child(2){font-size:8px;max-width:130px}.footer-break{display:block}.footer-mark{display:none}.world-globe{inset:5% 7% 9%}.world-label{font-size:6px;bottom:-2px}.workflow{top:55%;padding:17px;left:5%;width:90%}.workflow-steps strong{font-size:17px}.workflow-steps small{font-size:7px}.workflow-steps{padding:18px 0}.workflow-topline,.workflow-bottomline{font-size:6px}.workflow-topline{padding-bottom:11px}.workflow-bottomline{padding-top:13px}body[data-scene="4"] .origin-tag{transform:translate(-2px,75px)}}
@media(max-width:360px){.site-shell{padding:0 18px}.wordmark{font-size:22px}.location{font-size:9px}.location-dot{width:4px;height:4px}.site-header{gap:12px}h1{font-size:12vw}.hero-description{font-size:12px}.format-card{padding:8px}.card-kicker{font-size:5px}.card-duration{font-size:4.4px}.format-card strong{font-size:10px}.wide-frame{height:39px}.workflow{padding:13px}.workflow-steps strong{font-size:14px}.workflow-steps small{font-size:6px}.workflow-steps b{font-size:15px}.chapter-name{font-size:9px}.playback-controls{gap:9px}.intro-time{font-size:7px}.playback-controls button{font-size:9px}.site-footer p:first-child{max-width:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy{opacity:1!important;transform:none!important}.connection-pulse{stroke-dasharray:none;opacity:.3}.world-globe .globe-route{stroke-dasharray:none}.core-ripple{display:none}}

/* Channel constellation gives the brand film a sense of network scale. */
.channel-field{position:absolute;inset:0;width:100%;height:100%;color:#746b79;stroke:currentColor;stroke-width:.8;opacity:.4;transition:opacity 1.5s,transform 2s;transform:rotate(-7deg)}
.channel-field .tile-tone-1{color:#f04465}.channel-field .tile-tone-3{opacity:.4}
body[data-scene="1"] .channel-field{opacity:.55;transform:rotate(0deg)}
body[data-scene="3"] .channel-field{opacity:.2;transform:rotate(5deg)}
body[data-scene="4"] .channel-field{opacity:.8;transform:rotate(10deg)}
.world-globe svg{stroke:#ffffff32}.world-globe .globe-outline{stroke:#ffffff55}
body:not(.is-ready) .playback-controls,body:not(.is-ready) .chapter-nav{visibility:hidden}
@media(min-width:761px) and (max-height:950px){
 .site-header{height:88px}
 .introduction{min-height:calc(100svh - 272px);padding:12px 0;grid-template-columns:1.12fr 1fr}
 .network-stage{width:min(110%,calc(100svh - 280px));margin-right:0}
 .hero-copy{padding:14px 0}
 h1{font-size:clamp(62px,7.5vw,106px)}
 .eyebrow{margin-bottom:20px}
 .hero-description{margin-top:22px}
 .hero-signature{margin-top:26px}
 .site-footer{padding:17px 0}
 .chapter-nav button{min-height:72px;padding-top:16px;padding-bottom:16px}
}
@media(prefers-reduced-motion:reduce){.channel-field{transition:none}}
@media(max-width:760px){.network-stage{overflow:clip}}

/* Official ViewsPanda identity: the complete supplied transparent brand artwork. */
body{background:radial-gradient(ellipse at 85% 25%,#390a1733,transparent 47%),var(--background)}
.wordmark{gap:0;width:100px;height:96px;flex:none}.official-logo{display:block;width:100px;height:90px;object-fit:contain}.wordmark-disc,.wordmark-light,.wordmark-dot{display:none}.site-header{gap:32px}.header-descriptor{font-family:var(--heading-font);color:#b8a5ac}.location-dot{background:var(--amber);box-shadow:0 0 14px #ffaa0055}.location svg{stroke:var(--amber)}
h1,.chapter-name,.format-card strong,.growth-heading strong,.growth-stats strong{font-family:var(--heading-font)}.eyebrow-line{background:var(--amber)}.eyebrow{color:#c5b7bd}.hero-signature{color:#a99a9f}.youtube-signature,.youtube-badge{display:grid;place-items:center;background:#ff0033;border-radius:6px;width:34px;height:24px;flex:none}.youtube-signature i,.youtube-badge i{width:0;height:0;border-left:9px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}.youtube-signature{animation:youtube-beat 3s ease-in-out infinite}.chapter-nav button[aria-current="step"] .chapter-number,.chapter-arrow{color:var(--amber)}.progress-track span{background:linear-gradient(90deg,var(--red),var(--amber));box-shadow:0 0 8px #ffaa0033}.origin-tag strong span,.tiny-cross{color:var(--amber)}.ambient span{background:radial-gradient(ellipse,#6a0b2340,transparent 68%)}
.panda-core{width:35%}.panda-disc{border:1px solid #9c34443d;border-radius:22px;background:linear-gradient(150deg,#280c16,#100b10);box-shadow:0 15px 65px #0006,0 0 55px #73002318;overflow:visible}.panda-disc img{width:100%;height:100%;object-fit:contain;border-radius:0}.core-ripple{border-color:#ffaa0024}.core-caption{color:#c1a88f}.origin-tag strong{font-size:15px}.growth-card{position:absolute;z-index:6;width:88%;left:6%;top:28%;padding:19px 21px 0;background:linear-gradient(135deg,#26121a,#120d12 72%);border:1px solid #a5545d4a;border-radius:13px;box-shadow:0 25px 70px #0008;opacity:0;transform:translateY(32px) scale(.94);transition:opacity .9s,transform 1.2s cubic-bezier(.22,1,.36,1),top 1.2s,width 1.2s,left 1.2s;pointer-events:none}.growth-heading{display:flex;gap:10px;align-items:center;padding-bottom:16px;border-bottom:1px solid #ffffff12}.youtube-badge{width:27px;height:19px;border-radius:5px}.youtube-badge i{border-left-width:7px;border-top-width:4px;border-bottom-width:4px}.growth-heading strong{font-size:13px;font-weight:600;letter-spacing:-.2px}.sample-badge{font-size:7px;line-height:1;letter-spacing:1.2px;color:var(--amber);background:#ffaa0010;border:1px solid #ffaa0030;padding:5px 6px;border-radius:3px;margin-left:auto}.growth-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:15px}.growth-stats>div{display:flex;flex-direction:column;gap:4px}.growth-stats>div>span{font-size:9px;color:#c2aeb7;letter-spacing:.3px}.growth-stats strong{font-variant-numeric:tabular-nums;font-size:27px;font-weight:500;line-height:1.2;letter-spacing:-1px;white-space:nowrap}.growth-stats>div:nth-child(2) strong{color:var(--amber)}.growth-stats small{font-size:7px;color:#bda9b2;display:flex;align-items:center;gap:5px}.growth-stats small i{display:block;height:3px;width:3px;background:var(--red);border-radius:50%;animation:node-pulse 1.2s ease-in-out infinite}.growth-chart{position:relative;height:96px;margin-top:21px}.growth-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-guide-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:5px 0}.chart-guide-lines i{height:1px;width:100%;background:#ffffff09}.chart-columns{position:absolute;inset:0;display:flex;gap:7px;align-items:flex-end}.chart-columns i{flex:1;background:linear-gradient(to top,#ff003312,#ff003347);height:17%;border-radius:2px 2px 0 0;transform-origin:bottom;animation:chart-bar-rise 3.2s ease-in-out infinite alternate}.chart-columns i:nth-child(2n){height:27%;animation-delay:-.5s}.chart-columns i:nth-child(3n){height:33%;animation-delay:-1.3s}.chart-columns i:nth-child(4n){height:43%;animation-delay:-1.7s}.chart-columns i:nth-child(n+8){height:51%}.chart-columns i:nth-child(n+11){height:65%}.chart-columns i:nth-child(n+15){height:78%}.chart-columns i:nth-child(n+17){height:90%}.growth-trace{stroke:#ff1645;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:480;animation:growth-draw 5s ease-in-out infinite}.growth-endpoint{fill:var(--red);stroke:#ffb1be;stroke-width:1;animation:node-pulse 1.6s ease-in-out infinite}.growth-area{animation:graph-glow 5s ease-in-out infinite}.growth-coin{position:absolute;width:25px;height:25px;display:grid;place-items:center;border:1px solid #ffcb6766;border-radius:50%;background:linear-gradient(130deg,#745018,#24180a);font-size:14px;font-weight:600;color:#ffd18a;box-shadow:inset 0 0 0 3px #ffffff09;animation:coin-rise 4s ease-in-out infinite;right:4%;bottom:20%}.coin-two{right:19%;bottom:4%;width:19px;height:19px;font-size:11px;animation-delay:-1.3s}.coin-three{right:1%;bottom:63%;width:17px;height:17px;font-size:10px;animation-delay:-2.7s}.sample-disclosure{margin:11px 0 13px;font-size:10px;line-height:1.5;color:#c8b7c0;letter-spacing:.05px}.growth-workflow{border-top:1px solid #ffffff12;padding:13px 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:#e3d7dc;font-size:10px;line-height:1.4}.growth-workflow b{font-weight:400;color:var(--amber)}.growth-workflow-label{margin-left:auto;color:#a99ba3;font-size:6px;letter-spacing:.7px}.sound-hint{margin:-2px 0 11px;text-align:right;font-size:10px;color:#d5b26e;line-height:1.6}body[data-scene="3"] .panda-core{top:12%;transform:translate(-50%,-50%) scale(.55)}body[data-scene="3"] .format-card{opacity:0}body[data-scene="3"] .growth-card{opacity:1;transform:none}body[data-scene="3"] .stage-coordinate{opacity:.25}body[data-scene="4"] .panda-core{top:38%;transform:translate(-50%,-50%) scale(.65)}body[data-scene="4"] .growth-card{opacity:1;top:62%;left:30%;width:69%;transform:scale(.9);transform-origin:top right}body[data-scene="4"] .growth-workflow{display:none}body[data-scene="4"] .growth-heading{padding-bottom:10px}body[data-scene="4"] .growth-stats{padding-top:10px;gap:10px}body[data-scene="4"] .growth-stats strong{font-size:24px}body[data-scene="4"] .growth-chart{height:53px;margin-top:15px}body[data-scene="4"] .growth-stats small{display:none}body[data-scene="4"] .world-label{bottom:10%}body[data-scene="4"] .coordinate-bottom{display:none}body[data-scene="4"] .origin-tag{transform:translate(-8px,130px)}
@keyframes growth-draw{0%{stroke-dashoffset:480}65%,100%{stroke-dashoffset:0}}@keyframes chart-bar-rise{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes coin-rise{0%{transform:translateY(12px) rotate(-12deg);opacity:0}25%{opacity:1}75%{opacity:.9}100%{transform:translateY(-26px) rotate(12deg);opacity:0}}@keyframes graph-glow{0%,15%{opacity:.1}70%,100%{opacity:1}}@keyframes youtube-beat{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #ff003322}50%{transform:scale(1.04);box-shadow:0 0 0 6px #ff003300}}
@media(max-width:1100px){.site-header{gap:28px}.official-logo{width:92px;height:84px}.wordmark{width:92px;height:88px}.growth-card{padding:16px 17px 0}.growth-heading{padding-bottom:12px}.growth-heading strong{font-size:12px}.growth-stats strong{font-size:23px}.growth-chart{height:76px;margin-top:16px}.growth-workflow{font-size:9px;gap:5px 9px}.growth-workflow-label{font-size:5.6px;letter-spacing:.3px}.sample-disclosure{font-size:9px}.origin-tag strong{font-size:13px}.growth-coin{width:21px;height:21px;font-size:12px}.coin-two,.coin-three{width:17px;height:17px;font-size:10px}body[data-scene="4"] .growth-stats strong{font-size:19px}}
@media(max-width:760px){.site-header{height:96px;gap:20px}.wordmark,.official-logo{width:94px;height:88px}.location{font-size:11px}.panda-core{width:38%}.panda-disc{border-radius:16px}.origin-tag{left:6%;top:17%}.origin-tag strong{font-size:11px}.origin-tag>span{font-size:5px}.growth-card{left:3%;width:94%;top:29%;padding:13px 14px 0;border-radius:10px}.growth-heading{gap:7px;padding-bottom:11px}.growth-heading strong{font-size:12px}.sample-badge{font-size:6px;letter-spacing:.9px}.growth-stats{gap:14px;padding-top:12px}.growth-stats strong{font-size:23px}.growth-stats>div>span{font-size:8px}.growth-stats small{font-size:6px}.growth-chart{height:70px;margin-top:13px}.chart-columns{gap:5px}.sample-disclosure{font-size:9px;margin:10px 0}.growth-workflow{padding:11px 0;font-size:9px;gap:5px 9px}.growth-workflow-label{font-size:5.5px;letter-spacing:.1px}.growth-coin{width:20px;height:20px;font-size:12px}.coin-two,.coin-three{width:16px;height:16px;font-size:9px}body[data-scene="3"] .panda-core{top:12%;transform:translate(-50%,-50%) scale(.55)}body[data-scene="4"] .growth-card{top:57%;left:18%;width:80%;transform:scale(.91)}body[data-scene="4"] .growth-stats strong{font-size:21px}body[data-scene="4"] .growth-chart{height:44px;margin-top:13px}body[data-scene="4"] .origin-tag{transform:translate(-2px,85px)}body[data-scene="4"] .world-label{bottom:21%}.sound-hint{text-align:center;font-size:10px}}
@media(max-width:360px){.wordmark,.official-logo{width:87px;height:83px}.location{font-size:10px}.growth-card{padding:11px 12px 0}.growth-heading strong{font-size:11px}.growth-stats strong{font-size:20px}.growth-chart{height:56px}.growth-workflow-label{width:100%;margin:2px 0 0}.growth-workflow{padding:8px 0}.growth-stats small{font-size:5.8px}.sample-disclosure{font-size:8px}body[data-scene="4"] .growth-stats strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.growth-trace{stroke-dasharray:none}.growth-coin{opacity:1}.growth-area{opacity:1}.growth-card{transition:none}}

/* Preserve the official file; its transparent margins are contained by the layout. */
.wordmark{width:130px;height:96px;display:flex;align-items:center;justify-content:center;overflow:hidden}.official-logo{width:150px;height:150px;max-width:none;flex:none}.panda-disc img{width:120%;height:120%;max-width:none}
@media(max-width:760px){.wordmark{width:122px;height:92px}.official-logo{width:143px;height:143px}.panda-disc img{width:120%;height:120%}}
@media(max-width:360px){.wordmark{width:114px;height:88px}.official-logo{width:135px;height:135px}}

h1{font-weight:700}.growth-stats strong{font-family:var(--font)}

/* Keep Poppins titles within their grid column, including compact desktops. */
@media(min-width:761px){.hero-copy{container-type:inline-size}h1{font-size:min(7.5vw,14.5cqw,126px)}}
/* The logo's opaque artwork occupies y=152..588 in its unchanged 750px file. */
.wordmark{height:88px;overflow:visible}.official-logo{width:128px;height:128px;transform:translateY(6px)}
@media(max-width:760px){.wordmark{height:88px}.official-logo{width:128px;height:128px}}
@media(max-width:360px){.wordmark{height:88px}.official-logo{width:122px;height:122px}}

/* The markets and age range describe editorial targeting, not measured reach. */
.audience-summary{margin-top:27px;max-width:380px}
.audience-summary p{display:flex;align-items:center;gap:10px;margin:0;font-size:8px;letter-spacing:1.1px;color:#b8a5ac}
.audience-summary .youtube-signature{width:26px;height:19px;border-radius:5px}
.audience-summary .youtube-signature i{border-left-width:7px;border-top-width:4px;border-bottom-width:4px}
.audience-summary strong{margin-left:auto;color:var(--amber);font-size:12px;font-weight:500;letter-spacing:.1px;white-space:nowrap}
.audience-summary ul{display:flex;gap:8px;list-style:none;padding:0;margin:12px 0 0}
.audience-summary li{flex:1;padding:9px 14px;border:1px solid #ffaa0033;border-radius:5px;background:linear-gradient(120deg,#ffaa0008,#ff003305);font-size:12px;color:#ece3e7;text-align:center}
@media(max-width:760px){.audience-summary{margin-top:22px;max-width:350px}.audience-summary p{font-size:7px;letter-spacing:.8px}.audience-summary strong{font-size:11px}.audience-summary li{padding:8px 12px;font-size:11px}}
@media(max-width:760px){body[data-scene="4"] .growth-card{top:auto;bottom:2%;transform-origin:bottom right}body[data-scene="4"] .panda-core{top:32%}}

/* Five chapters: origin, formats, technology, growth, world. */
.chapter-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.technology-panel{--code-green:#63ef9b;position:absolute;z-index:7;left:3%;top:15%;width:94%;border:1px solid #4ca87366;border-radius:13px;background:linear-gradient(150deg,#0b1c14,#070f0c 75%);box-shadow:0 22px 75px #0009,0 0 70px #15a34c0d;overflow:hidden;opacity:0;transform:translateY(27px) scale(.94);transition:opacity .9s,transform 1.1s cubic-bezier(.22,1,.36,1);pointer-events:none}.terminal-chrome{position:relative;z-index:3;height:35px;background:#11251b;border-bottom:1px solid #7dffac17;display:flex;align-items:center;gap:14px;padding:0 15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;letter-spacing:1px;color:#9abcaa}.terminal-window-dots{display:flex;gap:4px;flex:none}.terminal-window-dots i{width:5px;height:5px;border-radius:50%;background:#40624d}.terminal-window-dots i:first-child{background:#bb675b}.terminal-window-dots i:nth-child(2){background:#b29855}.terminal-window-dots i:last-child{background:#68a378}.terminal-status{margin-left:auto;color:var(--code-green);font-size:6px;letter-spacing:1.5px}.terminal-body{position:relative;z-index:2;padding:19px 19px 13px}.terminal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.terminal-heading>div{display:flex;flex-direction:column;gap:5px}.terminal-eyebrow{font:7px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.6px;color:#84b599}.terminal-heading strong{font-family:var(--heading-font);font-size:18px;font-weight:700;letter-spacing:-.4px;line-height:1.3;color:#e5f5ea}.terminal-brackets{font:25px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--code-green)}.browser-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.browser-profile{min-width:0;border:1px solid #79d89935;border-radius:6px;background:#0a1812;box-shadow:0 4px 12px #0002;animation:profile-float 5s ease-in-out infinite}.browser-profile:nth-child(2){animation-delay:-1.7s}.browser-profile:nth-child(3){animation-delay:-3.4s}.browser-chrome{height:21px;border-bottom:1px solid #8ceeaa1c;display:flex;align-items:center;gap:3px;padding:0 8px;background:#14302188}.browser-chrome>span{width:3px;height:3px;border-radius:50%;background:#53745d}.browser-chrome>i{margin-left:auto;font:6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#82aa90;font-style:normal}.profile-content{display:flex;flex-direction:column;padding:10px 8px;min-width:0;gap:7px}.profile-country{font-size:10px;font-weight:600;color:#e0eee5;line-height:1.2}.profile-label{font:5.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#8fac98;margin-top:3px}.demo-ip{font:9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:500;color:#72fda5;white-space:nowrap;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.profile-status{display:flex;align-items:center;gap:4px;font-size:5.8px;color:#9abbA6;white-space:nowrap;margin-top:1px}.profile-status i{width:3px;height:3px;border-radius:50%;background:var(--code-green);animation:node-pulse 2.5s ease-in-out infinite}.terminal-code{padding:14px 1px 11px;font:8px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;color:#a2b6aa;letter-spacing:.1px}.terminal-code p{margin:0}.terminal-code p>span{color:#69d795}.terminal-code b{font-weight:400;color:#c0d491}.code-cursor{display:inline-block;width:4px;height:8px;background:#72e9a0;margin-left:6px;vertical-align:middle;animation:cursor-breathe 2s ease-in-out infinite}.binary-converter{border-top:1px solid #72e9a021;border-bottom:1px solid #72e9a021;padding:12px 0;background:linear-gradient(90deg,#1b3b2618,transparent)}.conversion-label{display:block;font:6px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.5px;color:#87ac94;margin-bottom:7px}.binary-converter>div{display:flex;justify-content:space-between;align-items:center;gap:16px}.binary-converter strong{font:22px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;font-weight:500;white-space:nowrap;color:var(--code-green);font-variant-numeric:tabular-nums}.conversion-arrow{font-size:24px;color:#678d76;font-weight:300}.binary-converter .conversion-output{color:#e4c67b;letter-spacing:2px}.technology-disclosure{margin:10px 0 0;color:#b9cec0;font-size:9px;line-height:1.5;letter-spacing:.1px}.terminal-scanline{position:absolute;z-index:4;left:0;right:0;top:-20%;height:25%;background:linear-gradient(transparent,#6dfa9808,transparent);pointer-events:none;animation:terminal-scan 7s linear infinite}.matrix-field{position:absolute;inset:35px 0 0;z-index:1;display:flex;justify-content:space-around;overflow:hidden;pointer-events:none;opacity:.05}.matrix-field span{writing-mode:vertical-rl;text-orientation:upright;font:11px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#6dffa0;letter-spacing:4px;animation:matrix-drift 9s linear infinite}.matrix-field span:nth-child(2n){animation-delay:-3s}.matrix-field span:nth-child(3n){animation-delay:-6s}body[data-scene="2"] .technology-panel{opacity:1;transform:none}body[data-scene="2"] .format-card,body[data-scene="2"] .panda-core,body[data-scene="2"] .origin-tag,body[data-scene="2"] .network-tag,body[data-scene="2"] .stage-coordinate{opacity:0}body[data-scene="2"] .connections{opacity:.08}body[data-scene="2"] .channel-field{opacity:.13;transform:rotate(5deg)}body[data-scene="2"] .orbit{border-color:#75e79a12}body[data-scene="2"] .ambient span{background:radial-gradient(ellipse,#0d5e2f26,transparent 68%)}body[data-scene="2"] .hero-copy{animation:copy-technology 1s both}body[data-scene="2"] .eyebrow-line{background:#63ef9b}body[data-scene="2"] .chapter-nav button[aria-current="step"] .chapter-number,body[data-scene="2"] .chapter-nav button[aria-current="step"] .chapter-arrow{color:#63ef9b}
@keyframes profile-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes cursor-breathe{0%,100%{opacity:.35}50%{opacity:1}}@keyframes terminal-scan{to{transform:translateY(620%)}}@keyframes matrix-drift{from{transform:translateY(-50%)}to{transform:translateY(140%)}}@keyframes copy-technology{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.technology-panel{top:12%}.terminal-body{padding:16px 15px 12px}.terminal-heading{margin-bottom:14px}.terminal-heading strong{font-size:16px}.browser-profiles{gap:7px}.demo-ip{font-size:8px;letter-spacing:-.35px}.profile-content{padding:9px 7px}.binary-converter strong{font-size:20px;letter-spacing:.7px}.binary-converter .conversion-output{letter-spacing:1.5px}.terminal-code{font-size:7px}.terminal-chrome{font-size:6px;letter-spacing:.7px}.terminal-eyebrow{font-size:6px}}
@media(max-width:760px){.technology-panel{top:7%;left:2%;width:96%;border-radius:10px}.terminal-chrome{height:28px;padding:0 11px;font-size:5.8px;gap:10px;letter-spacing:.5px}.terminal-status{font-size:5px;letter-spacing:1px}.terminal-window-dots i{width:4px;height:4px}.terminal-body{padding:13px 12px 10px}.terminal-heading{margin-bottom:12px;gap:10px}.terminal-eyebrow{font-size:5.5px;letter-spacing:1.25px}.terminal-heading strong{font-size:15px}.terminal-brackets{font-size:23px}.browser-profiles{gap:6px}.browser-chrome{height:18px;padding:0 6px}.profile-content{padding:9px 6px;gap:6px}.profile-country{font-size:9px}.profile-label{font-size:5px;margin-top:2px}.demo-ip{font-size:7.5px;letter-spacing:-.45px}.profile-status{font-size:5px;gap:3px}.terminal-code{font-size:6.7px;padding:11px 0 9px}.binary-converter{padding:10px 0}.binary-converter strong{font-size:19px;letter-spacing:.7px}.binary-converter>div{gap:9px}.binary-converter .conversion-output{letter-spacing:1px}.conversion-arrow{font-size:20px}.conversion-label{font-size:5.5px;letter-spacing:1.2px}.technology-disclosure{font-size:8px;margin-top:8px}.chapter-nav button{padding-left:6px;padding-right:6px;gap:5px 2px}.chapter-name{font-size:clamp(8px,2.2vw,10px);letter-spacing:-.2px}.chapter-nav button:first-child{padding-left:0}.chapter-nav button:last-child{padding-right:0}.chapter-arrow{font-size:12px}.chapter-number,.chapter-time{font-size:7px}}
@media(max-width:360px){.technology-panel{top:7%}.terminal-body{padding:11px 10px 9px}.terminal-heading strong{font-size:13px}.profile-content{padding:8px 5px}.browser-profiles{gap:5px}.demo-ip{font-size:6.7px;letter-spacing:-.4px}.profile-country{font-size:8px}.profile-status{font-size:4.6px}.binary-converter strong{font-size:17px}.binary-converter .conversion-output{letter-spacing:.5px}.terminal-code{font-size:6px}.technology-disclosure{font-size:7px}.chapter-nav button{padding-left:5px;padding-right:5px}.chapter-name{font-size:8px;letter-spacing:-.2px}}
@media(prefers-reduced-motion:reduce){.terminal-scanline,.matrix-field{display:none}.technology-panel{transition:none}.code-cursor{opacity:1}}
#binaryConversion{transition:color .3s ease}#binaryConversion[data-converted="true"]{color:#e4c67b}
@media(prefers-reduced-motion:reduce){#binaryConversion{transition:none}}