:root{--bg:#050608;--panel:#101217;--panel2:#151922;--line:#272c34;--muted:#9298a3;--white:#f5f6f8;--lime:#2f72f5;--cyan:#69a1ff;--pink:#558cff}
body{background:#050608;color:var(--white)}
.home-page.reference-home{overflow:visible;background:#050608}
a,button{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .25s ease}
.announcement-bar{height:42px;position:fixed;z-index:40;inset:0 0 auto;display:flex;align-items:center;justify-content:center;gap:18px;background:#2167eb;color:white;font-size:11px;font-weight:600;letter-spacing:.02em}
.announcement-bar a{color:white;text-decoration:none}.announcement-bar a b{padding-left:4px}
.reference-nav.site-header{position:fixed;z-index:35;top:54px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 44px));height:68px;padding:0 18px 0 22px;border:1px solid #242831;border-radius:11px;background:rgba(20,22,27,.95);box-shadow:0 18px 50px #0008;backdrop-filter:blur(18px);display:flex;align-items:center}
.brand-lockup{display:flex;align-items:center;gap:10px;color:white;font-size:21px;font-weight:650;letter-spacing:-.045em}.brand-lockup img{width:28px;height:28px;object-fit:contain}
.reference-nav nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:34px}.reference-nav nav a{font-size:13px;color:#d7dbe3}.reference-nav nav a:hover,.reference-nav nav .nav-current{color:#fff}
.reference-nav .text-button{height:48px;padding:0 20px;background:#2167eb;color:#fff;border:0;border-radius:5px;font-size:13px}.reference-nav .text-button:hover,.button-blue:hover{background:#4382ff;transform:translateY(-2px)}
.reference-hero{min-height:930px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:180px 24px 140px;overflow:hidden;background:radial-gradient(ellipse at 50% 61%,#0d1e42 0,transparent 48%),#050608}
.hero-matrix{position:absolute;inset:0;opacity:.37;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 37px,#1b2535 38px 40px,transparent 41px 79px);mask-image:linear-gradient(to bottom,#000 0%,#000 53%,transparent 94%)}
.hero-matrix:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 36px,#5b6880 37px 41px,transparent 42px 78px);mask-image:radial-gradient(ellipse at 50% 52%,#000 5%,transparent 70%);animation:rain 8s linear infinite}
@keyframes rain{from{transform:translateY(-26px)}to{transform:translateY(54px)}}
.reference-hero-copy{position:relative;z-index:2;max-width:1050px;margin-top:100px}
.reference-hero .eyebrow{justify-content:center;color:#b6c1d6}
.blue-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3681ff;box-shadow:0 0 18px #337cff}
.reference-hero h1{font-size:clamp(64px,8.6vw,130px);line-height:.92;letter-spacing:-.085em;font-weight:500;margin:28px 0 18px}
.reference-hero h1 em,.system-intro h2 em,.story-copy h2 em,.metrics-heading h2 em,.reference-security h2 em,.reference-final h2 em{font:italic 400 1em Georgia,serif;letter-spacing:-.075em;color:#91b5ff}
.reference-subhead{margin:0 auto;max-width:680px;color:#d4d9e1;font-size:clamp(16px,1.8vw,21px);line-height:1.55}
.reference-actions{display:flex;gap:12px;justify-content:center;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:0 22px;border-radius:5px;font-size:14px;font-weight:600}
.button-blue{background:#2167eb;color:white;border:1px solid #2167eb}.button-white{background:#f1f3f6;color:#11151c;border:1px solid #f1f3f6}.button-white:hover{background:#fff;transform:translateY(-2px)}
.hero-mark-glow{position:absolute;width:440px;height:440px;left:50%;top:54%;transform:translate(-50%,-50%);opacity:.035;filter:drop-shadow(0 0 45px #337cff);pointer-events:none}.hero-mark-glow img{width:100%}
.scroll-cue{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);font:10px var(--mono);letter-spacing:.12em;color:#a4adbc}.scroll-cue span{display:block;color:#4a87ff;font-size:18px;padding-top:8px}
.section{padding:116px max(7vw,28px)}
.reference-system,.reference-story,.reference-metrics{border-top:1px solid #232832;background:#06070a}
.reference-kicker,.story-label{display:flex;justify-content:space-between;color:#8992a0;font:10px var(--mono);letter-spacing:.11em;border-bottom:1px solid #262b34;padding-bottom:17px}
.system-intro{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:60px;margin:66px 0 56px}
.system-intro h2,.story-copy h2,.metrics-heading h2,.reference-security h2,.reference-final h2{font-size:clamp(46px,6.3vw,88px);line-height:.99;letter-spacing:-.078em;font-weight:500;margin:15px 0}
.system-intro>p,.story-copy>p,.reference-security>div>p:not(.eyebrow){color:#aab1bd;font-size:16px;line-height:1.8;max-width:500px;margin:0 0 6px}
.system-cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#262b34;border:1px solid #262b34}
.system-card{position:relative;display:flex;flex-direction:column;min-height:650px;overflow:hidden;background:#080a0e;color:#f4f6f8;padding:24px}
.system-card:hover{background:#0c111b}.system-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.12em;color:#a6afbd}.system-card-top b{font:20px Arial;color:#7ba9ff}
.system-card-art{position:absolute;inset:80px 0 auto;height:300px;overflow:hidden;opacity:.8}
.agent-card-art:before{content:"";position:absolute;left:50%;top:50%;width:260px;height:260px;transform:translate(-50%,-38%);border:1px solid #284577;border-radius:50%;box-shadow:0 0 0 24px #0a111e,0 0 0 25px #1c355a,0 0 100px #1c5dca30}
.agent-card-art span{position:absolute;left:50%;top:38%;width:72px;height:84px;transform:translateX(-50%);border-radius:50% 50% 44% 44%;background:linear-gradient(135deg,#547bb2,#152039);filter:drop-shadow(0 0 45px #2167eb55)}
.agent-card-art i{position:absolute;left:50%;top:59%;width:172px;height:190px;transform:translateX(-50%);border-radius:75px 75px 0 0;background:linear-gradient(135deg,#1b2d4c,#0b0e15);border:1px solid #293b5c}
.agent-card-art b{position:absolute;left:50%;top:45%;width:250px;height:250px;transform:translate(-50%,-50%);border:1px solid #31548c;border-radius:50%}
.stream-card-art{display:flex;align-items:center;justify-content:center;gap:12px;top:95px;height:280px;background:radial-gradient(ellipse,#10244a 0,transparent 65%)}
.stream-card-art i{width:5px;height:var(--h,70px);background:linear-gradient(#2b6fe2,#99b9ff);border-radius:5px;box-shadow:0 0 18px #2167eb70;animation:bars 1.4s ease-in-out infinite alternate}
.stream-card-art i:nth-child(3n){--h:132px;animation-delay:.35s}.stream-card-art i:nth-child(4n){--h:190px;animation-delay:.7s}.stream-card-art i:nth-child(5n){--h:98px;animation-delay:.2s}
@keyframes bars{to{transform:scaleY(.46);opacity:.55}}
.system-card-copy{position:relative;z-index:1;margin-top:auto;max-width:420px}.system-card-copy h3{font-size:clamp(36px,4vw,57px);line-height:1.02;letter-spacing:-.07em;margin:0 0 13px;font-weight:500}.system-card-copy p{color:#a8b0bd;line-height:1.65;font-size:14px;max-width:390px;margin:0}.system-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2c323c;margin-top:28px;padding-top:16px;font:10px var(--mono);letter-spacing:.12em;color:#b6c0cf}.system-link b{font:17px Arial;color:#77a5ff}
.reference-story{padding:100px max(7vw,28px) 126px}.story-layout{display:grid;grid-template-columns:1fr .78fr;gap:8vw;align-items:center;padding-top:70px}.story-visual{position:relative;border:1px solid #2b3039;padding:10px;background:#090b10;box-shadow:0 30px 80px #0008}.story-visual img{display:block;width:100%;height:auto}.visual-caption{position:absolute;bottom:20px;left:22px;padding:7px 10px;background:#10141d;color:#d4dbe7;font:9px var(--mono);letter-spacing:.1em}
.story-copy .eyebrow{color:#aab7cd}.story-copy h2{font-size:clamp(42px,5vw,70px);margin:17px 0 22px}.story-copy ul{list-style:none;padding:18px 0 0;margin:22px 0;border-top:1px solid #252b34}.story-copy li{padding:13px 0;border-bottom:1px solid #252b34;color:#d2d7df;font-size:13px}.story-copy li span{font:10px var(--mono);color:#6b99ef;margin-right:18px}
.text-link{display:inline-flex;gap:26px;align-items:center;padding:8px 0;border-bottom:1px solid #537cc0;font-size:13px;color:#edf3ff}.text-link b{color:#70a0ff}
.reference-metrics{padding:100px max(7vw,28px) 112px;background:#080a0e}.metrics-heading{text-align:center;margin:0 auto 64px}.metrics-heading .eyebrow{justify-content:center}.metrics-heading h2{font-size:clamp(42px,5vw,70px)}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2b3039;border-bottom:1px solid #2b3039}.metrics-grid article{min-height:190px;padding:26px 22px;border-right:1px solid #2b3039}.metrics-grid article:last-child{border:0}.metrics-grid article span{font:10px var(--mono);color:#6f9eF4}.metrics-grid article b{display:block;font-size:22px;font-weight:500;letter-spacing:-.04em;margin-top:28px}.metrics-grid article p{color:#9da6b4;font-size:12px;line-height:1.6;max-width:190px}
.reference-security{position:relative;overflow:hidden;padding:110px max(9vw,28px);display:grid;grid-template-columns:.7fr 1fr;gap:80px;align-items:center;border-top:1px solid #252a33;background:radial-gradient(ellipse at 23% 52%,#0b1c3b 0,transparent 38%),#050608}
.reference-security h2{font-size:clamp(50px,6vw,82px)}.reference-security>div>p:not(.eyebrow){margin-bottom:26px}.security-orbit{width:min(300px,80%);aspect-ratio:1;display:grid;place-items:center;margin:auto;border:1px solid #253d65;border-radius:50%;box-shadow:0 0 0 24px #0a0f19,0 0 0 25px #1b2f50,0 0 100px #2167eb18}.security-orbit img{width:68%;opacity:.85}
.reference-final{text-align:center;padding:112px 24px 124px;border-top:1px solid #252a33;background:radial-gradient(ellipse at 50% 100%,#10234a 0,transparent 58%),#07090d}.reference-final>.eyebrow{justify-content:center}.reference-final h2{font-size:clamp(48px,7vw,92px);margin:22px 0}.reference-footer{min-height:100px;padding:28px max(7vw,28px);border-top:1px solid #252a33;display:flex;align-items:center;justify-content:space-between;background:#050608}.reference-footer div{display:flex;gap:28px;font-size:12px;color:#b9c0cc}.reference-footer>span{font:10px var(--mono);color:#858e9e;letter-spacing:.06em}
.detail-hero{position:relative;display:block;min-height:860px;padding:220px 8vw 115px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#0d1e42 0,transparent 48%),#050608}
.detail-hero:before{content:"";position:absolute;inset:0;opacity:.26;background:repeating-linear-gradient(90deg,transparent 0 38px,#1e2939 39px 41px,transparent 42px 80px);mask-image:linear-gradient(#000,transparent)}
.hero-copy{position:relative;z-index:2;max-width:1000px;margin:10px auto 0}.hero-copy .eyebrow{justify-content:center}.hero-copy h1{font-size:clamp(60px,8vw,112px);line-height:.94;letter-spacing:-.085em}.hero-copy h1 em{font:italic 400 1em Georgia,serif;color:#91b5ff}.hero-deck{max-width:700px;margin:18px auto 28px;color:#d0d5de;font-size:18px;line-height:1.6}.hero-copy .button{background:#2167eb;border-color:#2167eb;color:white}.hero-copy .button:hover{background:#4382ff}.hero-visual{position:absolute;inset:180px 10% 50px;height:auto;opacity:.23;pointer-events:none}.business-visual .agent-rings{border-color:#294a7d}.streamer-visual .stream-wave i,.streamer-visual .stream-orb{background:#2c72ee}
.ticker{border-block:1px solid #292e38;background:#0b0d12;color:#adb6c5}.ticker div{color:#adb6c5}.ticker b{color:#4685ff}
.section-heading h2,.business-quote h2,.pricing-heading h2,.creator-cta h2{color:#f5f6f8}
.feature-grid{gap:1px;background:#252b35}.feature-card,.creator-feature{background:#0a0c11;border:1px solid #252b35;color:#f2f4f7}.feature-card:hover{background:#111722}.feature-card h3,.creator-feature h3{color:#f1f4f8}.feature-card p,.creator-feature p,.feature-note{color:#a7afbb}.feature-index,.feature-foot,.feature-count,.feature-note{color:#8a97ab}.card-glyph,.glyph-loop,.glyph-inbox,.glyph-score,.glyph-pulse,.glyph-shield{color:#75a4ff}
.business-quote,.business-cta,.creator-cta{border-top:1px solid #282e38;background:radial-gradient(ellipse at center,#0d1e42 0,transparent 60%),#07090d}.business-quote h2 em,.creator-cta h2 em{color:#91b5ff}.business-quote .button,.business-cta .button{background:#2167eb;color:#fff;border-color:#2167eb}
.creator-strip{background:#090b10;border-block:1px solid #252b35}.creator-strip>div{color:#bec6d2}.strip-number{color:#75a4ff}
.pricing-section{background:#07090d;border-top:1px solid #292e38}.price-card{background:#0c0f15;border:1px solid #2b303a}.price-featured{border-color:#4c84ed;box-shadow:0 0 35px #2167eb18}.price-level,.popular-tag{color:#89aff8}.price{color:#f5f6f8}.price-card ul li{border-color:#292e38;color:#c2c8d2}.price-description,.pricing-heading>p,.pricing-caveat{color:#a5adba}.trial-badge{border-color:#3b67ac;color:#a7c5ff}.button-bright{background:#2167eb;border-color:#2167eb;color:white}.button-outline{border-color:#465266;color:#eff3fa}.button-outline:hover{border-color:#82aaff;background:#111824}
.site-footer{border-color:#262c36;background:#050608;color:#aeb7c5}.site-footer .wordmark{color:white}.site-footer a:hover,.site-footer button:hover{color:#8cb2ff}
.streamer-page{--pink:#548cff;--lime:#2d70ed;--cyan:#76a6ff}
@media(max-width:800px){.reference-nav.site-header{width:calc(100% - 26px);top:49px;height:61px;padding:0 12px}.reference-nav nav{gap:15px;margin-right:15px}.reference-nav nav a{font-size:11px}.reference-nav .text-button{height:42px;padding:0 12px;font-size:11px}.brand-lockup{font-size:18px}.brand-lockup img{width:24px;height:24px}.reference-hero{min-height:810px}.system-intro{grid-template-columns:1fr;gap:14px;margin:48px 0 34px}.system-cards{grid-template-columns:1fr}.system-card{min-height:560px}.story-layout{grid-template-columns:1fr;gap:44px}.story-copy{max-width:620px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid article:nth-child(2){border-right:0}.metrics-grid article:nth-child(-n+2){border-bottom:1px solid #2b3039}.reference-security{grid-template-columns:1fr;gap:55px}.security-orbit{width:220px}.detail-hero{min-height:760px;padding-top:190px}.hero-visual{inset:240px 4% 30px}.reference-footer{gap:20px;flex-wrap:wrap}.reference-footer div{order:3;width:100%;justify-content:center}}
@media(max-width:520px){.announcement-bar{height:36px;font-size:8px;gap:8px}.reference-nav.site-header{top:44px;width:calc(100% - 18px);height:55px;padding:0 9px}.brand-lockup{gap:6px;font-size:15px}.brand-lockup img{width:20px;height:20px}.reference-nav nav{gap:9px;margin-right:8px}.reference-nav nav a{font-size:9px}.reference-nav .text-button{height:38px;padding:0 8px;font-size:9px}.reference-nav .text-button span{display:none}.reference-hero{min-height:730px;padding:155px 20px 115px}.reference-hero-copy{margin-top:70px}.reference-hero h1{font-size:clamp(58px,15vw,82px)}.reference-subhead{font-size:15px}.reference-actions{flex-direction:column;align-items:stretch;max-width:310px;margin:26px auto 0}.button{min-height:49px}.hero-mark-glow{width:310px}.scroll-cue{font-size:8px}.section,.reference-story,.reference-metrics{padding:75px 21px}.reference-kicker,.story-label{font-size:8px;gap:14px}.system-intro h2,.story-copy h2,.metrics-heading h2,.reference-security h2{font-size:48px}.system-cards{margin:0 -1px}.system-card{min-height:485px;padding:19px}.system-card-art{top:72px;height:260px}.system-card-copy h3{font-size:39px}.story-layout{padding-top:44px}.story-visual{padding:6px}.story-copy>p,.system-intro>p{font-size:14px}.metrics-grid article{min-height:165px;padding:18px 13px}.metrics-grid article b{font-size:18px}.metrics-grid article p{font-size:11px}.reference-security{padding:78px 25px}.reference-final{padding:82px 21px}.reference-final h2{font-size:52px}.reference-footer{justify-content:center;text-align:center;padding:26px 18px}.reference-footer .brand-lockup{width:100%;justify-content:center}.reference-footer div{gap:18px;font-size:11px}.reference-footer>span{width:100%}.detail-hero{min-height:700px;padding:165px 20px 80px}.hero-copy h1{font-size:clamp(52px,13vw,74px)}.hero-deck{font-size:15px}.hero-visual{inset:250px 0 20px}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer div{width:100%;justify-content:center}.site-footer .wordmark{font-size:15px}}