/* VOIP / GUIDE · self-hosted stylesheet · no external dependencies */
:root{--bg:#08131b;--bg-2:#0c1b25;--panel:#10232d;--panel-2:#132a35;--line:#27404a;--line-soft:#1e343e;--ink:#edf5ef;--muted:#9cb0b4;--muted-2:#718c94;--accent:#c4f970;--aqua:#80e6ce;--black:#09131b;--radius:6px;--max:1260px;--font:Inter,"Segoe UI",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a,button{outline-offset:4px}::selection{background:var(--accent);color:var(--black)}img,svg{max-width:100%}[hidden]{display:none!important}.container{max-width:var(--max);margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}.site-shell{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-100px;padding:12px 18px;background:var(--accent);color:var(--black);z-index:60;font-weight:700}.skip-link:focus{top:16px}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line-soft);background:rgba(8,19,27,.92)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{display:grid;place-items:center;background:var(--accent);height:39px;width:39px;color:var(--bg);border-radius:5px}.brand-icon svg{width:25px;height:25px}.brand-name{font-size:18px;font-weight:900;letter-spacing:-.065em;white-space:nowrap}.brand-slash{color:var(--accent);padding:0 2px}.primary-nav{display:flex;align-items:center;gap:clamp(13px,2.15vw,29px)}.nav-link{font-size:12px;font-weight:700;color:var(--muted);transition:color .2s;position:relative;padding:30px 0;white-space:nowrap}.nav-link:hover,.nav-link.is-active{color:var(--ink)}.nav-link.is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.menu-toggle{display:none;color:var(--ink);border:1px solid var(--line);background:var(--panel);width:46px;height:43px;border-radius:4px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:19px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.eyebrow{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.095em;color:var(--accent);display:flex;align-items:center;gap:12px;text-transform:uppercase}.tiny-mark{width:7px;height:7px;background:var(--accent);flex-shrink:0}.live-dot{width:7px;height:7px;border-radius:100%;background:var(--accent);box-shadow:0 0 0 5px rgba(196,249,112,.13);animation:blink 2.3s ease-in-out infinite}.text-accent{color:var(--accent)}.period{color:var(--ink)}.text-outline{-webkit-text-stroke:1.5px var(--muted);color:transparent}.hero{min-height:695px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.85fr);align-items:center;gap:5%;padding-top:72px;padding-bottom:74px}.hero-copy{position:relative;z-index:2}.hero-eyebrow{margin-bottom:33px;gap:13px}.eyebrow-index{margin-left:10px;color:var(--muted-2)}.hero h1{font-size:clamp(70px,8.5vw,123px);font-weight:900;line-height:.91;letter-spacing:-.088em;margin:0 0 31px}.hero-lead{max-width:490px;font-size:17px;color:#b8c9ca;line-height:1.75;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.btn-primary,.btn-outline{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:0 22px;font-size:13px;font-weight:800;transition:background .2s,transform .2s,border-color .2s;border-radius:3px}.btn-primary{color:var(--bg);background:var(--accent)}.btn-primary:hover{background:#d6ff9a;transform:translateY(-2px)}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:transparent}.btn-outline:hover{background:rgba(196,249,112,.09)}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:6px;transition:color .2s}.text-link:hover{color:var(--accent)}.text-link span{margin-left:8px}.hero-bottom{display:flex;justify-content:space-between;gap:12px;max-width:550px;margin-top:95px;font-family:var(--mono);font-size:10px;color:var(--muted-2);letter-spacing:.07em}.hero-scroll{color:var(--ink)}.hero-scroll span{margin-right:10px;color:var(--accent)}.hero-visual{height:560px;min-width:0;position:relative;border:1px solid #32505b;border-radius:6px;background:radial-gradient(circle at 50% 40%,#1b3540 0,#10232d 45%,#0b1a23 74%);overflow:hidden;box-shadow:0 35px 85px #030b11a1;isolation:isolate}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(to right,#27424b58 1px,transparent 1px),linear-gradient(to bottom,#27424b58 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 90%);opacity:.6}.visual-topline{position:absolute;top:23px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:var(--muted);letter-spacing:.08em}.signal-active{color:var(--accent);display:inline-flex;align-items:center;gap:8px}.signal-active i{display:block;background:var(--accent);height:7px;width:7px;border-radius:50%}.visual-center{position:absolute;inset:68px 0 127px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(136,221,203,.17);border-radius:50%;aspect-ratio:1}.orbit-one{width:205px}.orbit-two{width:314px}.orbit-three{width:425px;border-style:dashed;border-color:rgba(136,221,203,.13)}.pulse-ring{position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgba(196,249,112,.15),transparent 68%);border-radius:50%;animation:pulse 5s ease-in-out infinite}.audio-core{position:relative;z-index:1;width:119px;height:119px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--bg);box-shadow:0 0 0 10px #a7f66d19,0 0 45px #c4f9703f}.audio-core svg{width:68px}.floating-chip{position:absolute;z-index:3;background:#132b35f2;border:1px solid #42626a;border-radius:3px;padding:11px 14px;display:flex;align-items:flex-start;flex-direction:column;box-shadow:0 14px 25px #07151ba1;gap:3px}.chip-label{font:9px var(--mono);color:var(--muted);letter-spacing:.07em}.floating-chip strong{font:800 15px var(--mono);color:var(--ink)}.chip-one{left:10%;top:14%}.chip-two{right:4%;top:61%}.chip-three{left:5%;bottom:10%}.pixel-stream{color:var(--accent);letter-spacing:5px;font-size:13px}.chip-indicator{position:absolute;right:11px;bottom:13px;width:6px;height:6px;background:var(--accent);border-radius:50%}.visual-wave{position:absolute;bottom:20px;left:24px;right:24px;border-top:1px solid #3d535b;padding-top:22px}.wave-bars{display:flex;justify-content:space-between;align-items:center;height:72px;gap:5px}.wave-bars span{background:var(--accent);height:var(--h);min-width:3px;flex:1;max-width:9px;opacity:.84;animation:wave 1.25s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -51ms)}.wave-footer{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:12px}.ticker{background:var(--accent);color:var(--bg);min-height:77px}.ticker-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:77px;font-size:15px;font-weight:900;letter-spacing:-.02em}.ticker-star{font-size:20px;font-weight:400;opacity:.55}.section{padding-top:112px;padding-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:44px}.section-heading h2{font-size:clamp(39px,5.2vw,70px);line-height:1.06;letter-spacing:-.065em;font-weight:850;margin:23px 0 0}.section-heading h2 em{font-style:normal;color:var(--accent)}.section-heading>p{max-width:350px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 6px}.three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.feature-card{min-height:321px;background:var(--panel);border:1px solid var(--line-soft);padding:27px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-5px);border-color:#50735b}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.card-num,.component-code{font:11px var(--mono);color:var(--accent)}.card-symbol{font-size:35px;color:var(--accent);line-height:1}.feature-card h3{font-size:22px;letter-spacing:-.04em;line-height:1.2;margin:0 0 13px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 22px}.small-link{margin-top:auto;color:var(--accent);font-size:12px;font-weight:800}.small-link span{margin-left:5px}.route-section{padding-bottom:15px}.route-strip{border:1px solid #35505b;background:linear-gradient(130deg,#122a34,#0c1c25);display:flex;justify-content:space-around;align-items:center;padding:41px 24px;gap:12px}.route-node{flex:1;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center}.route-node-icon{width:72px;height:72px;border:1px solid #426064;background:#203b43;color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:26px;margin-bottom:19px;font-weight:700}.route-node strong{font-size:16px;margin-bottom:5px}.route-node>span{font-size:12px;color:var(--muted)}.route-connector{flex:0 1 42px;position:relative;color:var(--accent);text-align:center;font-size:30px;padding-bottom:20px}.route-connector:before{content:"";position:absolute;left:-35px;right:18px;top:23px;border-top:1px dashed #56776c;z-index:0}.route-connector span{position:relative;z-index:2;background:#122a34;padding-left:5px}.knowledge-section{padding-bottom:70px}.knowledge-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.knowledge-main{padding:45px;background:var(--accent);color:var(--bg);min-height:440px;display:flex;flex-direction:column;align-items:flex-start}.knowledge-main .eyebrow{color:#315c3a}.knowledge-main h3{font-size:clamp(32px,3.8vw,54px);letter-spacing:-.065em;line-height:1.05;margin:35px 0 20px}.knowledge-main p{font-size:15px;line-height:1.75;max-width:440px;margin:0 0 26px;color:#2a4238}.knowledge-main .btn-outline{margin-top:auto;border-color:#182a24;color:#112b26}.knowledge-main .btn-outline:hover{background:#08131b16}.knowledge-list{border-top:1px solid var(--line)}.knowledge-item{padding:36px 12px 37px 5px;display:flex;gap:23px;align-items:flex-start;border-bottom:1px solid var(--line);transition:background .2s}.knowledge-item:hover{background:#10232d}.knowledge-item>span:first-child{font:12px var(--mono);color:var(--accent);padding-top:4px}.knowledge-item>div{flex:1}.knowledge-item h4{font-size:20px;letter-spacing:-.04em;margin:0 0 7px}.knowledge-item p{font-size:13px;color:var(--muted);margin:0}.knowledge-arrow{font-size:22px;color:var(--accent);line-height:1}.next-section{padding-top:88px;padding-bottom:110px}.next-card{padding:39px 49px;min-height:217px;border:1px solid #496b61;background:linear-gradient(108deg,#123029,#0d2228 75%);display:flex;justify-content:space-between;gap:30px;align-items:center;transition:border-color .2s,background .2s}.next-card:hover{border-color:var(--accent);background:linear-gradient(108deg,#1a3c2c,#0d2228 75%)}.next-card .eyebrow{font-size:10px}.next-card h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.055em;margin:14px 0 5px;line-height:1.1}.next-card p{color:var(--muted);font-size:14px;margin:0}.next-arrow{height:63px;width:63px;flex-shrink:0;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;border-radius:50%;font-size:28px;transition:transform .2s}.next-card:hover .next-arrow{transform:rotate(45deg)}.site-footer{border-top:1px solid var(--line-soft);background:#071119}.footer-inner{padding-top:52px;padding-bottom:24px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:68px}.footer-top p{color:var(--muted);max-width:280px;font-size:13px;margin:0}.footer-bottom{border-top:1px solid var(--line-soft);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);color:var(--muted-2);letter-spacing:.03em}.footer-bottom span span{color:var(--accent)}
/* Interior page layout */
.page-hero{padding-top:92px;padding-bottom:70px;position:relative}.page-hero:after{content:"";position:absolute;width:300px;height:300px;right:4%;top:55px;background:radial-gradient(circle,#c4f97015,transparent 70%);pointer-events:none}.page-hero h1{font-size:clamp(68px,9.5vw,130px);font-weight:900;letter-spacing:-.085em;line-height:.97;margin:36px 0 28px;max-width:1120px}.page-lead{font-size:clamp(17px,2vw,21px);line-height:1.7;color:var(--muted);max-width:690px;margin:0 0 52px}.page-hero-rule{height:1px;background:var(--line);width:100%}body:not([data-page=home]) .section{padding-top:62px}body:not([data-page=home]) .section-heading h2{font-size:clamp(36px,4.5vw,61px)}.section-panel{background:#0c1c25;margin-top:84px;margin-bottom:30px;padding-bottom:90px!important;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
/* How it works */
.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:95px minmax(0,1fr) 205px;gap:30px;border-bottom:1px solid var(--line);padding:34px 0;align-items:center}.timeline-index{font:30px var(--mono);color:var(--accent);align-self:start}.timeline-meta,.timeline-aside>span:last-child{font:10px var(--mono);color:var(--muted-2);letter-spacing:.08em}.timeline-content h3{font-size:25px;letter-spacing:-.04em;margin:8px 0}.timeline-content p{color:var(--muted);font-size:14px;max-width:670px;line-height:1.75;margin:0}.timeline-aside{min-height:94px;background:#122730;border:1px solid var(--line-soft);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:15px;text-align:center}.mini-wave{font-size:28px;letter-spacing:-4px;color:var(--accent);font-family:var(--mono)}.technical-large{font:29px var(--mono);letter-spacing:-.08em;color:var(--accent)}.technical-large span{opacity:.5}.packet-stack{display:flex;gap:2px}.packet-stack i{font:11px var(--mono);font-style:normal;padding:10px 8px;border:1px solid var(--accent);color:var(--accent)}.latency-tool{display:grid;grid-template-columns:1fr .8fr;gap:50px;border:1px solid var(--line);background:var(--panel);padding:38px}.latency-inputs{display:flex;flex-direction:column;gap:35px;justify-content:center}.latency-row-label{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:15px;font-weight:700;margin-bottom:12px}.latency-row-label output{color:var(--accent);font:15px var(--mono);white-space:nowrap}.latency-row input{width:100%;height:5px;appearance:none;background:#31505a;accent-color:var(--accent);border-radius:0;cursor:pointer;display:block}.latency-row input::-webkit-slider-thumb{appearance:none;width:19px;height:19px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #c4f9701c}.latency-row input::-moz-range-thumb{width:19px;height:19px;background:var(--accent);border:0;border-radius:50%}.latency-boundaries{display:flex;justify-content:space-between;margin-top:9px;color:var(--muted-2);font:10px var(--mono)}.latency-result{border:1px solid #416456;background:#173229;padding:33px 30px;display:flex;flex-direction:column;justify-content:center}.latency-result .eyebrow{color:var(--aqua);font-size:10px}.latency-number{display:flex;align-items:baseline;gap:8px;margin:20px 0}.latency-number output{font-size:clamp(72px,9vw,123px);font-weight:900;letter-spacing:-.09em;line-height:1;color:var(--accent)}.latency-number>span{font-size:27px;color:var(--accent)}.latency-meter{height:9px;background:#2a4d43;position:relative;margin-bottom:19px}.latency-meter>div{height:100%;background:var(--accent);transition:width .2s}.latency-target{position:absolute;left:42.85%;top:-5px;height:19px;border-left:2px dashed white}.latency-comment{font-weight:700;margin:0 0 12px;font-size:15px}.latency-note{font-size:12px;line-height:1.65;color:#aac5ba}.table-scroller{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;min-width:700px;width:100%;text-align:left}.data-table thead{background:#1a3339}.data-table th,.data-table td{padding:22px 20px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}.data-table thead th{font:11px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.data-table tbody th{font-size:18px;color:var(--ink)}.data-table td{color:var(--muted)}.small-note{font-size:12px;line-height:1.65;color:var(--muted-2);margin:15px 0 0}
/* Protocols */
.protocol-compare{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:0}.protocol-side{min-height:336px;padding:37px;background:#14302f;border:1px solid #355d53;display:flex;flex-direction:column;align-items:flex-start}.compare-media{background:#122b38;border-color:#325362}.protocol-side-label{font:10px var(--mono);color:var(--aqua);letter-spacing:.09em}.protocol-side h3{font-size:67px;line-height:1;letter-spacing:-.07em;margin:25px 0 17px}.protocol-side-arrow{font-size:32px;color:var(--accent)}.protocol-side p{font-size:14px;line-height:1.65;color:#b1c9c7;max-width:375px;margin:0 0 28px}.compare-vs{font-size:33px;color:var(--accent);text-align:center}.code-chips{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}.code-chips span{border:1px solid #537069;padding:5px 9px;font:10px var(--mono);color:var(--accent)}.protocol-explorer{display:grid;grid-template-columns:280px 1fr;border:1px solid var(--line);background:#10242e;min-height:368px}.protocol-tabs{border-right:1px solid var(--line);display:flex;flex-direction:column}.protocol-tab{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding:23px 25px;gap:4px;position:relative;transition:background .2s}.protocol-tab:last-child{border-bottom:0}.protocol-tab[aria-selected=true]{background:#1a3a35}.protocol-tab[aria-selected=true]:before{content:"";background:var(--accent);position:absolute;left:0;top:0;bottom:0;width:3px}.protocol-tab span{font-size:17px;font-weight:800}.protocol-tab small{font-size:12px;color:var(--muted)}.protocol-panels{padding:44px;display:flex;align-items:center}.protocol-panel{max-width:700px}.panel-kicker{font:11px var(--mono);color:var(--accent);letter-spacing:.07em}.protocol-panel h3{font-size:clamp(30px,4vw,52px);letter-spacing:-.06em;line-height:1.1;margin:21px 0}.protocol-panel>p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 30px}.panel-callout{background:#1d343d;border-left:2px solid var(--accent);font-size:13px;line-height:1.7;padding:16px 20px;color:#bbcaca}.panel-callout strong{color:var(--accent)}.sip-sequence{background:var(--panel);border:1px solid var(--line);padding:25px 34px}.sequence-labels{display:flex;justify-content:space-between;color:var(--accent);font:11px var(--mono);letter-spacing:.07em;border-bottom:1px solid var(--line);padding:9px 0 22px}.sequence-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(150px,1.7fr) minmax(100px,1fr);align-items:center;min-height:70px;gap:12px;border-bottom:1px solid var(--line-soft)}.sequence-row:last-child{border:0}.sequence-row>span{font-size:13px;color:var(--muted)}.sequence-row>span:last-child{text-align:right}.sequence-row.highlighted{background:#18372e;margin:0 -34px;padding:0 34px}.sequence-row.highlighted>span{color:var(--accent);font-weight:700}.sequence-line{height:1px;background:#5d8179;position:relative}.sequence-line.right:after,.sequence-line.left:after,.sequence-line.both:after,.sequence-line.both:before{content:"";border:5px solid transparent;position:absolute;top:-5px}.sequence-line.right:after,.sequence-line.both:after{right:-9px;border-left-color:var(--accent)}.sequence-line.left:after,.sequence-line.both:before{left:-9px;border-right-color:var(--accent)}.sequence-line.both{border-top:1px dashed var(--accent);background:none}.info-band{display:flex;gap:28px;border:1px solid #436859;background:#133127;padding:36px}.info-icon{color:var(--accent);font-size:45px;line-height:1}.info-band h3{font-size:24px;margin:0 0 8px;letter-spacing:-.03em}.info-band p{font-size:14px;color:#aec7bd;line-height:1.85;margin:0;max-width:850px}
/* Architecture */
.architecture-map{background:radial-gradient(circle at 50% 50%,#18382f,#112731 58%,#0c1b24);border:1px solid var(--line);padding:33px;position:relative}.architecture-map-label{font:11px var(--mono);letter-spacing:.08em;color:var(--accent);padding-bottom:30px}.arch-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:5px;align-items:center;min-height:245px}.arch-edge{min-height:145px;border:1px solid #46645b;background:#18352f;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:15px;text-align:center}.arch-icon{font-size:32px;color:var(--accent);height:44px}.arch-edge strong{font-size:16px}.arch-edge span{font-size:12px;color:var(--muted)}.arch-mid{display:flex;align-items:center;justify-content:center;min-width:0;position:relative}.arch-wire{height:1px;min-width:8px;flex:1;background:var(--accent)}.arch-link-label{position:absolute;top:-30px;left:8%;color:var(--accent);font:10px var(--mono)}.arch-link-label:last-child{left:auto;right:8%}.arch-center{border:1px solid var(--accent);min-width:195px;max-width:250px;min-height:150px;padding:20px 12px;background:#23433b;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.arch-center-icon{font-size:30px;line-height:1;color:var(--accent);margin-bottom:12px}.arch-center strong{font-size:14px}.arch-center small{font-size:11px;color:#b0ccc2;margin-top:7px}.arch-media-line{display:flex;gap:14px;align-items:center;justify-content:center;margin:18px 5% 32px;text-align:center}.arch-media-line span:nth-child(2){font:11px var(--mono);color:var(--aqua)}.arch-media-dot{height:8px;width:8px;flex-shrink:0;border-radius:50%;background:var(--aqua)}.arch-media-line:before,.arch-media-line:after{content:"";border-top:1px dashed var(--aqua);height:1px;flex:1}.arch-bottom-nodes{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.arch-bottom-nodes>div{padding:18px;background:#19313b;display:flex;flex-direction:column;gap:6px}.arch-bottom-nodes strong{font-size:14px}.arch-bottom-nodes span{font-size:12px;color:var(--muted)}.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.component-card{background:var(--panel);border:1px solid var(--line);min-height:276px;padding:26px}.component-icon{font-size:37px;line-height:1;margin:28px 0 16px;color:var(--accent)}.component-card h3{font-size:22px;line-height:1.15;letter-spacing:-.04em;margin:0 0 9px}.component-card p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-card{background:var(--panel);padding:38px;border:1px solid var(--line);min-height:340px}.detail-num{font:11px var(--mono);color:var(--accent)}.detail-card h3{font-size:clamp(26px,3.2vw,43px);letter-spacing:-.05em;line-height:1.12;margin:28px 0 24px}.detail-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 15px}
/* Security */
.risk-list{border-top:1px solid var(--line)}.risk-item{display:grid;grid-template-columns:60px 1fr 150px;gap:24px;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}.risk-index{font:18px var(--mono);color:var(--accent)}.risk-item h3{font-size:22px;letter-spacing:-.04em;margin:0 0 8px}.risk-item p{color:var(--muted);font-size:14px;line-height:1.65;max-width:750px;margin:0}.risk-badge{border:1px solid var(--line);color:var(--aqua);font:10px var(--mono);text-align:center;letter-spacing:.05em;padding:9px 7px}.encryption-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.encryption-card{min-height:338px;padding:35px;border:1px solid #3a6150;background:#163228;position:relative;display:flex;align-items:flex-start;flex-direction:column}.encryption-card:nth-child(2){background:#16303c;border-color:#345969}.encryption-symbol{position:absolute;right:35px;top:21px;font-size:56px;color:#c4f9706b}.encryption-card h3{font-size:clamp(38px,5.5vw,66px);letter-spacing:-.065em;line-height:1;margin:32px 0 15px}.encryption-card p{max-width:460px;font-size:14px;line-height:1.8;color:#b8d0c5;margin:0 0 25px}.encryption-footer{width:100%;margin-top:auto;padding-top:15px;border-top:1px solid #496658;display:flex;flex-direction:column;gap:5px}.encryption-footer span{font:10px var(--mono);color:var(--muted-2)}.encryption-footer strong{font-size:13px}.notice{display:flex;gap:21px;align-items:center;border:1px solid #7f7142;background:#2d2b20;margin-top:20px;padding:20px 24px}.notice>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #d8bc58;flex-shrink:0;border-radius:50%;color:#e8cb68;font-weight:900}.notice p{color:#d6d0b5;font-size:13px;line-height:1.8;margin:0}.notice strong{color:#ffe18d}.security-checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-item{background:var(--panel);border:1px solid var(--line);padding:25px;display:flex;gap:18px;align-items:flex-start}.check-icon{width:33px;height:33px;flex-shrink:0;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font-size:18px}.check-item h3{font-size:18px;letter-spacing:-.025em;margin:1px 0 7px}.check-item p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
/* Glossary */
.glossary-section{padding-bottom:30px}.glossary-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between}.glossary-search{max-width:620px;width:100%;position:relative}.glossary-search svg{position:absolute;top:50%;left:20px;transform:translateY(-50%);color:var(--accent)}.glossary-search input{height:61px;width:100%;background:#132832;border:1px solid #3b535e;border-radius:0;color:var(--ink);padding:0 20px 0 56px;outline-offset:0;transition:border-color .2s}.glossary-search input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.glossary-search input::placeholder{color:var(--muted-2)}.glossary-count{font:11px var(--mono);letter-spacing:.08em;color:var(--muted);white-space:nowrap}.glossary-count span{font-size:25px;color:var(--accent);font-weight:900;margin-right:6px}.filter-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0 27px}.filter-button{background:transparent;border:1px solid var(--line);padding:10px 16px;color:var(--muted);font-size:12px;font-weight:700;transition:background .2s,color .2s}.filter-button:hover{color:var(--ink);border-color:var(--aqua)}.filter-button.is-active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.terms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.term-card{min-height:215px;padding:26px;background:var(--panel);border:1px solid var(--line);transition:border-color .2s}.term-card:hover{border-color:#5b8065}.term-category{font:10px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.07em}.term-card h3{font-size:24px;letter-spacing:-.045em;line-height:1.15;margin:18px 0 12px}.term-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.glossary-empty{text-align:center;border:1px dashed var(--line);margin-top:10px;padding:65px}.glossary-empty>span{font-size:55px;color:var(--accent)}.glossary-empty h3{font-size:25px;margin:10px 0}.glossary-empty p{font-size:14px;color:var(--muted)}
@keyframes wave{from{transform:scaleY(.55);opacity:.5}to{transform:scaleY(1.1);opacity:1}}@keyframes pulse{50%{transform:scale(1.22);opacity:.65}}@keyframes blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(max-width:1150px){.header-inner{gap:20px}.primary-nav{gap:13px}.nav-link{font-size:11px}.hero{gap:3%;grid-template-columns:1fr .85fr}.hero h1{font-size:clamp(66px,8.4vw,100px)}.hero-visual{height:500px}.hero-bottom{margin-top:55px}.floating-chip.chip-two{right:1%}.section-heading{gap:25px}.architecture-map{padding:25px}}
@media(max-width:900px){.header-inner{height:74px}.menu-toggle{display:flex}.primary-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#10232d;border-top:1px solid var(--line);border-bottom:1px solid #45615e;padding:14px 5vw 25px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 25px 45px #030b1199}.primary-nav.is-open{display:flex}.nav-link{padding:12px 5px;font-size:15px}.nav-link.is-active:after{left:5px;right:auto;width:32px}.hero{grid-template-columns:1fr;gap:35px;padding-top:60px;padding-bottom:60px}.hero h1{font-size:clamp(76px,14vw,125px)}.hero-visual{height:500px;max-width:650px;width:100%;justify-self:center}.hero-bottom{display:none}.section{padding-top:85px}.section-heading{align-items:start;flex-direction:column;gap:18px}.section-heading>p{max-width:650px}.knowledge-grid{grid-template-columns:1fr}.knowledge-main{min-height:350px}.knowledge-item{padding:27px 12px}.timeline-item{grid-template-columns:70px 1fr}.timeline-aside{display:none}.latency-tool{grid-template-columns:1fr;gap:32px}.protocol-explorer{grid-template-columns:210px 1fr}.protocol-panels{padding:30px}.component-grid,.terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-grid{grid-template-columns:1fr 1.65fr 1fr}.arch-center{min-width:120px}.arch-center strong{font-size:12px}.arch-center small{font-size:10px}.arch-edge strong{font-size:13px}.arch-edge span{font-size:11px}.arch-link-label{display:none}}
@media(max-width:620px){.container{padding-inline:20px}.brand-name{font-size:17px}.hero{padding-top:52px}.hero h1{font-size:clamp(59px,16vw,91px);letter-spacing:-.085em}.hero-eyebrow{font-size:9px;white-space:nowrap;gap:8px}.eyebrow-index{display:none}.hero-lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-visual{height:425px}.visual-center{inset:52px 0 113px}.orbit-one{width:160px}.orbit-two{width:245px}.orbit-three{width:330px}.audio-core{width:90px;height:90px}.audio-core svg{width:55px}.floating-chip{padding:9px}.chip-one{left:4%;top:10%}.chip-two{right:2%;top:60%}.chip-three{left:3%;bottom:9%}.floating-chip strong{font-size:12px}.visual-wave{bottom:15px;left:17px;right:17px;padding-top:15px}.wave-bars{height:52px}.wave-bars span{height:calc(var(--h) * .7)}.wave-footer{font-size:8px}.ticker-inner{overflow-x:auto;justify-content:flex-start;gap:25px;white-space:nowrap;min-height:63px}.ticker{min-height:63px}.ticker-inner span{font-size:12px}.ticker-inner .ticker-star{font-size:16px}.section{padding-top:70px}.section-heading h2{font-size:clamp(33px,9vw,49px);margin-top:16px}.section-heading>p{font-size:14px}.three-cards,.component-grid,.terms-grid{grid-template-columns:1fr}.feature-card{min-height:260px}.card-top{margin-bottom:18px}.route-strip{flex-direction:column;gap:8px;padding:28px 20px}.route-node{padding:5px}.route-node-icon{height:58px;width:58px;margin-bottom:10px}.route-connector{padding:0;height:30px;flex:0 0 30px;transform:rotate(90deg)}.route-connector:before{display:none}.knowledge-main{padding:27px}.knowledge-main h3{font-size:42px}.next-section{padding-top:65px;padding-bottom:75px}.next-card{padding:26px;min-height:190px}.next-card h2{font-size:33px}.next-arrow{height:42px;width:42px;font-size:23px}.footer-top{flex-direction:column;padding-bottom:45px}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding-top:65px;padding-bottom:45px}.page-hero h1{font-size:clamp(52px,12vw,80px);margin:25px 0}.page-lead{font-size:16px;margin-bottom:33px}.timeline-item{grid-template-columns:42px 1fr;gap:16px;padding:28px 0}.timeline-index{font-size:22px}.timeline-content h3{font-size:23px}.timeline-content p{font-size:13px}.section-panel{margin-top:55px;padding-bottom:55px!important}.latency-tool{padding:20px}.latency-result{padding:24px}.latency-number output{font-size:88px}.data-table{min-width:610px}.protocol-compare{grid-template-columns:1fr;gap:8px}.compare-vs{font-size:25px}.protocol-side{min-height:280px;padding:27px}.protocol-side h3{font-size:57px}.protocol-explorer{grid-template-columns:1fr}.protocol-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.protocol-tab{flex:1 0 115px;padding:13px 12px;min-height:71px;border-right:1px solid var(--line);border-bottom:0}.protocol-tab[aria-selected=true]:before{right:0;bottom:auto;width:auto;height:3px}.protocol-tab span{font-size:14px}.protocol-tab small{font-size:10px}.protocol-panels{padding:26px}.protocol-panel h3{font-size:36px}.protocol-panel>p{font-size:14px}.sip-sequence{padding:16px}.sequence-row{grid-template-columns:90px minmax(65px,1fr) 90px;gap:7px;min-height:61px}.sequence-row>span{font-size:10px}.sequence-row.highlighted{margin:0 -16px;padding:0 16px}.info-band{padding:22px;gap:15px}.info-icon{font-size:30px}.arch-grid{grid-template-columns:1fr;gap:10px}.arch-edge{min-height:110px}.arch-mid{flex-direction:column;gap:0}.arch-wire{width:1px;height:29px;min-height:29px;flex:auto}.arch-center{width:100%;max-width:none;min-height:125px}.architecture-map{padding:19px}.arch-bottom-nodes{grid-template-columns:1fr;gap:8px}.arch-bottom-nodes>div{padding:12px}.arch-media-line{margin:23px 0 20px}.arch-media-line span:nth-child(2){font-size:9px}.two-columns,.encryption-grid,.security-checklist{grid-template-columns:1fr}.detail-card{padding:25px;min-height:auto}.risk-item{grid-template-columns:40px 1fr;gap:14px}.risk-index{font-size:15px}.risk-item h3{font-size:19px}.risk-item p{font-size:13px}.risk-badge{grid-column:2;width:max-content;margin-top:-5px}.encryption-card{padding:25px;min-height:300px}.encryption-card h3{font-size:48px}.notice{align-items:flex-start;padding:18px}.glossary-toolbar{gap:15px;align-items:stretch;flex-direction:column}.glossary-count{align-self:flex-end}.term-card{min-height:170px}.filter-button{padding:9px 13px}.glossary-empty{padding:40px 20px}}