@charset "UTF-8";
:root{color-scheme:dark;--bg:#080e18;--surface:#101a28;--surface-2:#152234;--text:#f0f5fc;--muted:#a8b8ca;--cyan:#60cdff;--red:#ea3d3f;--border:#233145;--max:1184px;font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;font-size:16px;scroll-behavior:smooth;scroll-padding-top:110px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}::selection{background:#174d69;color:#fff}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;background:var(--cyan);color:#07121c;padding:12px 20px;z-index:100}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,14,24,.92);border-bottom:1px solid rgba(35,49,69,.6);backdrop-filter:blur(18px)}.header-inner{height:88px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{height:40px;width:40px}.brand-name{font-size:16px;line-height:1.23;font-weight:650;letter-spacing:-.25px}.brand-name span{display:block;color:var(--muted);font-size:13px;font-weight:450;letter-spacing:0;margin-top:2px}.site-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px}.site-nav>a,.nav-dropdown>summary{color:#b9c6d6;cursor:pointer;padding-block:12px;list-style:none}.site-nav>a:hover,.site-nav>a[aria-current=page],.nav-dropdown>summary:hover{color:#fff}.nav-dropdown{position:relative}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:"⌄";padding-left:6px;color:#7e94ab}.nav-dropdown[open]>summary{color:var(--cyan)}.nav-links{position:absolute;top:50px;left:-24px;width:255px;padding:12px;background:#122030;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 50px #0007}.nav-links a{display:block;padding:10px 12px;border-radius:6px;line-height:1.4;color:#c7d8e8}.nav-links a:hover{background:#1c3045;color:#fff}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:51px;padding:12px 22px;border-radius:8px;background:var(--cyan);color:#041524;font-weight:650;line-height:1.35;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#a0e3ff;transform:translateY(-2px)}.button svg{width:19px;height:19px;flex-shrink:0}.button-small{min-height:42px;font-size:14px;padding:10px 16px}.button-quiet{background:transparent;color:#dbe9f9;border-color:#324355}.button-quiet:hover{background:#152b3b}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--border);border-radius:6px;width:42px;height:42px}.menu-toggle svg{width:20px;height:20px}.eyebrow{display:block;font-size:12px;font-weight:650;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;line-height:1.5;margin-bottom:20px}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-150px;top:-140px;width:780px;height:760px;background:radial-gradient(ellipse,rgba(33,110,171,.17),transparent 66%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:66px;padding:94px 0 80px;position:relative}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.65vw,64px);line-height:1.095;letter-spacing:-2.5px;font-weight:700;margin-bottom:26px}.accent{color:var(--cyan)}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:510px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-link{font-size:15px;border-bottom:1px solid #57718b;padding-bottom:3px;color:#dbe9f7}.text-link:hover{color:var(--cyan);border-color:var(--cyan)}.hero-reassurance{font-size:13px;color:#8fa5bc;margin-top:16px;margin-bottom:0}.hero-reassurance span+span:before{content:"·";margin:0 9px;color:#4b6178}.isolation-demo{position:relative;background:linear-gradient(140deg,#142236,#0e1724);border:1px solid #2b3d55;border-radius:16px;box-shadow:0 28px 70px #0005;padding:24px}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;font-size:13px;color:#99acc2}.demo-heading strong{color:#e5effa;font-weight:550}.demo-heading svg{width:19px;height:19px;color:var(--cyan)}.demo-heading span{display:flex;align-items:center;gap:8px}.demo-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.source-list{display:grid;gap:10px}.source-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;border:1px solid #27364a;border-radius:9px;padding:14px;background:#111d2c;cursor:pointer;position:relative}.source-row:has(input:checked){border-color:#347eaa;background:#112839}.source-row:hover{border-color:#4c6883}.source-row input{width:17px;height:17px;accent-color:var(--cyan);cursor:pointer}.source-icon{height:35px;width:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#283e54;color:#a7d9ff}.source-icon svg{width:20px;height:20px}.source-icon.violet{background:#343457;color:#bfbdff}.source-icon.slate{background:#27303f;color:#9bacbd}.source-info strong{display:block;font-size:15px;font-weight:550;line-height:1.35}.source-info small{display:block;font-size:12px;color:#849eb5;line-height:1.5;margin-top:3px}.included{color:var(--cyan)!important}.demo-output{margin-top:22px;padding-top:19px;border-top:1px solid #2a3a4c}.output-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#92a9bf;gap:12px}.output-file{font-family:Consolas,monospace;color:#d4e7f9;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wave{display:flex;align-items:center;justify-content:space-between;gap:3px;height:78px;overflow:hidden}.wave i{width:3px;max-width:4px;background:var(--cyan);border-radius:3px;height:var(--h);opacity:.8;animation:pulse 2s ease-in-out var(--d) infinite}.wave.is-muted i{height:2px!important;animation:none;opacity:.3}.demo-note{margin:5px 0 0;font-size:12px;color:#8195aa}.demo-bottom{margin-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:10px;color:#91a9bf}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #37465c;border-radius:20px;padding:4px 10px;font-size:12px;line-height:1.4;color:#aec5d9}.pill .dot{height:6px;width:6px;border-radius:50%;background:var(--red)}.feature-strip{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:22px;color:#a9bed2;font-size:14px}.feature-strip span{display:flex;align-items:center;gap:10px}.feature-strip svg{height:18px;width:18px;color:#6e8cac}.section{padding-block:98px}.section+.section{border-top:1px solid #182536}.section-title{font-size:clamp(30px,3.2vw,43px);line-height:1.17;letter-spacing:-1.25px;font-weight:650;margin-bottom:19px}.section-lede{color:var(--muted);max-width:640px;font-size:17px;margin-bottom:0}.section-heading{margin-bottom:42px}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.section-kicker{font-size:12px;font-weight:650;color:#90a6bd;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:15px}.pre-section{background:#0c1421}.pre-copy p{font-size:17px;color:var(--muted)}.pre-copy .text-link{display:inline-block;margin-top:8px}.timeline-card{background:#111d2b;border:1px solid #2a3b4e;border-radius:12px;padding:28px}.timeline-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;font-size:14px}.timeline-top strong{font-weight:550}.buffer-picker{display:flex;gap:5px;background:#0a1420;border-radius:6px;padding:4px}.buffer-picker button{border:0;border-radius:4px;background:none;color:#91a8c0;cursor:pointer;min-height:34px;padding:4px 10px;font-size:13px}.buffer-picker button[aria-pressed=true]{background:#245372;color:#caeeff}.timeline-labels{display:flex;justify-content:space-between;color:#91a8bc;font-size:12px;margin-bottom:10px}.timeline-track{height:100px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#173c53 0,#173c53 79.4%,#242b3c 79.4%,#242b3c 100%);border:1px solid #325066;border-radius:6px;overflow:hidden}.timeline-track .wave{width:100%;padding:10px;height:88px;gap:3px}.timeline-track .wave i{width:3px;animation:none}.record-marker{position:absolute;left:79.4%;height:100%;border-left:2px solid var(--red)}.timeline-legend{display:flex;justify-content:space-between;font-size:12px;gap:15px;color:#a4bcd0;margin-top:14px}.timeline-legend span:first-child{color:var(--cyan)}.timeline-legend span:last-child{color:#ff898a}.shortcut-card{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b3a4d;padding-top:21px;margin-top:23px;gap:18px}.shortcut-copy{font-size:14px;line-height:1.55}.shortcut-copy span{display:block;color:#88a0b8;font-size:12px}kbd{font-family:Consolas,monospace;background:#1d2c3e;border:1px solid #3b4c62;border-bottom-width:3px;padding:4px 7px;border-radius:5px;font-size:13px;color:#d5e7f5;white-space:nowrap}.caveat{font-size:13px!important;color:#8fa4bb!important;margin:17px 0 0!important}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.step{padding-top:22px;border-top:1px solid #34465a}.step-number{font-size:13px;color:var(--cyan);font-family:Consolas,monospace;display:block;margin-bottom:17px}.step h3{font-size:21px;letter-spacing:-.5px;font-weight:550;margin-bottom:11px}.step p{font-size:16px;color:var(--muted);margin-bottom:0}.usecases-heading{display:flex;justify-content:space-between;align-items:end;gap:45px}.usecases-heading .section-lede{max-width:355px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.case-card{display:flex;flex-direction:column;min-height:280px;background:#111c2a;border:1px solid #26364a;border-radius:12px;padding:27px;transition:border-color .2s,background .2s,transform .2s}.case-card:hover{border-color:#4781a7;background:#152437;transform:translateY(-3px)}.case-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#143a50;color:var(--cyan);margin-bottom:27px}.case-icon svg{width:23px;height:23px}.case-card:nth-child(2) .case-icon{background:#323056;color:#bdb1ff}.case-card:nth-child(3) .case-icon{background:#44252e;color:#ff9295}.case-card h3{font-size:23px;font-weight:600;line-height:1.28;letter-spacing:-.6px;margin-bottom:13px}.case-card p{font-size:15px;color:var(--muted);margin-bottom:24px}.case-card .case-link{font-size:13px;color:var(--cyan);margin-top:auto;display:block}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 42px}.capability svg{height:23px;width:23px;color:#72b3d9;margin-bottom:15px}.capability h3{font-size:18px;font-weight:550;line-height:1.4;margin-bottom:10px}.capability p{color:#95aabf;font-size:15px;line-height:1.65;margin-bottom:0}.privacy-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border:1px solid #263b4d;background:linear-gradient(120deg,#102536,#10202d);border-radius:14px;padding:44px}.privacy-panel>.privacy-title>svg{height:32px;width:32px;color:var(--cyan);margin-bottom:20px}.privacy-title .section-title{font-size:34px}.privacy-copy p{font-size:16px;color:#aec4d6;margin-bottom:19px}.privacy-list{display:flex;gap:24px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 18px;font-size:14px}.privacy-list li{display:flex;align-items:center;gap:7px}.privacy-list svg{height:15px;width:15px;color:var(--cyan)}.pricing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.pricing-benefits{padding:0;margin:25px 0;list-style:none;color:#b9cee0;font-size:15px}.pricing-benefits li{display:flex;gap:10px;align-items:center;margin-bottom:10px}.pricing-benefits svg{color:var(--cyan);width:17px;height:17px}.price-card{background:linear-gradient(130deg,#112739,#152032);border:1px solid #3d657f;border-radius:12px;padding:34px;position:relative}.price-card:before{content:"";position:absolute;top:-1px;left:32px;right:32px;height:2px;background:var(--cyan)}.price-top{display:flex;justify-content:space-between;gap:15px;font-size:14px}.price-top span{color:var(--cyan)}.price-amount{font-size:52px;font-weight:650;letter-spacing:-2px;line-height:1.2;margin:24px 0 3px}.price-amount small{font-size:14px;letter-spacing:0;font-weight:400;color:#9eb5ca;margin-left:6px}.price-description{font-size:14px;color:#93abc0;margin:0 0 26px}.price-card .button{width:100%}.trial-note{text-align:center;color:#afc7da;font-size:13px;margin:15px 0 0}.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}.faq-layout .section-lede{font-size:16px}.faq-layout .text-link{display:inline-block;margin-top:24px}.faq-list{border-top:1px solid #2a3d51}.faq-item{border-bottom:1px solid #2a3d51;padding:0}.faq-item summary{padding:21px 30px 21px 0;list-style:none;cursor:pointer;font-size:16px;line-height:1.5;position:relative;font-weight:500}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#84b5d8;position:absolute;right:3px;top:21px;font-size:21px;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item[open] summary{color:var(--cyan)}.faq-item p{color:var(--muted);font-size:15px;line-height:1.8;margin:0;padding-bottom:24px;padding-right:20px}.final-cta{border-top:1px solid #253447;background:linear-gradient(120deg,#142634,#111b2b);padding:54px 0}.final-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta h2{font-size:31px;line-height:1.3;letter-spacing:-.8px;margin:0 0 8px;font-weight:600}.final-cta p{font-size:15px;color:#a4bdd0;margin:0}.site-footer{padding:48px 0 28px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-description{font-size:14px;color:#8199b0;margin:18px 0 0;max-width:320px}.footer-links h3{font-size:13px;font-weight:550;color:#d5e4f4;margin-bottom:15px}.footer-links a{display:block;font-size:13px;color:#90a8c0;margin-bottom:9px;width:fit-content}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #1b2b3e;padding-top:22px;margin-top:35px;color:#738ba4;font-size:12px;line-height:1.8}.footer-bottom p{margin:0}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:13px;color:#8ba2b9;padding-top:28px}.breadcrumbs a:hover{color:var(--cyan)}.breadcrumbs span[aria-hidden]{color:#496078}.sub-hero{padding:63px 0 72px;max-width:870px}.sub-hero h1{font-size:clamp(38px,4.5vw,59px);line-height:1.13;max-width:850px}.sub-hero>p{font-size:19px;color:var(--muted);max-width:730px;margin-bottom:28px}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:85px;padding-bottom:85px}.article-content{max-width:770px}.article-content section{margin-bottom:48px;scroll-margin-top:110px}.article-content h2{font-size:29px;line-height:1.3;font-weight:600;letter-spacing:-.7px;margin-bottom:18px}.article-content h3{font-size:20px;font-weight:550;margin-bottom:12px}.article-content p,.article-content li{font-size:16px;color:var(--muted)}.article-content p{margin-bottom:18px}.article-content strong{font-weight:550;color:#e1edf8}.article-content ol,.article-content ul{padding-left:22px}.article-content li{padding-left:6px;margin-bottom:13px}.article-content a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.article-content .timeline-card{margin:30px 0}.article-content .timeline-card p{font-size:13px}.article-content .section-kicker{font-size:12px;color:var(--cyan)}.article-aside{position:sticky;top:118px;align-self:start}.aside-card{padding:25px;background:#111f2d;border:1px solid #2a3c51;border-radius:10px;margin-bottom:20px}.aside-card h3{font-size:19px;font-weight:550;margin-bottom:10px}.aside-card p{font-size:14px;color:#9fb6ca;margin-bottom:20px}.aside-card .button{font-size:14px;width:100%;padding-inline:12px}.aside-card ul{margin:15px 0 0;padding:0;list-style:none}.aside-card li{margin-top:11px;font-size:13px;line-height:1.5}.aside-card li a{color:#91b5d0}.aside-card li a:hover{color:var(--cyan)}.callout{padding:22px 24px;border-left:3px solid var(--cyan);background:#102536;border-radius:0 7px 7px 0;margin:25px 0}.callout h3{font-size:17px;margin-bottom:9px}.callout p{font-size:15px;margin:0}.callout.warm{background:#291d25;border-color:#e87579}.comparison{border-collapse:collapse;width:100%;font-size:14px;margin:24px 0}.comparison caption{text-align:left;color:#91adc4;margin-bottom:12px}.comparison td,.comparison th{border-bottom:1px solid #26384a;text-align:left;padding:13px 12px;vertical-align:top}.comparison th{font-weight:550;background:#121f2e;color:#d6e7f6}.comparison td{color:#9ab2c8}.comparison td:last-child{color:#c5e9ff}.table-scroll{overflow:auto}.faq-full{max-width:900px;padding-bottom:90px}.faq-group{margin-bottom:45px}.faq-group h2{font-size:22px;letter-spacing:-.5px;color:#c7dfef;margin-bottom:21px;font-weight:550}.related{border-top:1px solid #1e3043;padding-top:32px;margin-top:50px}.related h2{font-size:22px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{font-size:14px;border:1px solid #30495f;padding:10px 14px;border-radius:7px;color:#bce2f8}.related-links a:hover{background:#132b3d}.no-script{font-size:13px;color:#9db4c9}.notfound{padding:120px 0}.notfound h1{max-width:650px}.notfound p{color:var(--muted)}@keyframes pulse{0%,100%{transform:scaleY(.72);opacity:.6}50%{transform:scaleY(1);opacity:1}}
.brand-mark{display:block}.brand-mark svg,.brand-mark img{display:block;width:100%;height:100%;border-radius:9px}.case-card p,.capability p,.faq-item p{font-size:16px}
@media(min-width:1440px){.hero-grid{padding-block:111px 100px;gap:76px}h1{font-size:66px}}
@media(max-width:1000px){.site-nav{gap:20px}.header-inner{gap:22px}.hero-grid{gap:34px;padding:70px 0 60px}h1{font-size:48px;letter-spacing:-1.7px}.hero-actions{gap:16px}.isolation-demo{padding:20px}.section{padding-block:75px}.split{gap:35px}.privacy-panel{gap:35px;padding:30px}.pricing-grid{gap:45px}.faq-layout{gap:40px}.case-card{padding:22px}.article-shell{gap:38px;grid-template-columns:minmax(0,1fr) 265px}.timeline-top{flex-wrap:wrap;gap:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:74px;gap:16px}.brand-mark{height:35px;width:35px}.header-store{display:none}.menu-toggle{display:flex;align-items:center;justify-content:center}.site-nav{display:none;position:absolute;top:74px;left:0;width:100%;background:#0d1927;padding:18px 22px 24px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid #2b3c4f;margin:0}.site-nav.is-open{display:flex}.site-nav>a,.nav-dropdown>summary{padding:10px 0;font-size:16px}.nav-links{position:static;background:#111f2e;box-shadow:none;width:auto;margin:8px 0}.hero-grid{grid-template-columns:1fr;gap:42px;padding:56px 0 44px}.hero-copy{max-width:570px}h1{font-size:clamp(42px,9vw,58px);letter-spacing:-1.8px}.hero-copy>p{font-size:17px;margin-bottom:24px}.hero-reassurance{font-size:12px}.isolation-demo{max-width:590px;width:100%;padding:22px}.eyebrow{margin-bottom:17px}.feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;font-size:13px;padding:20px 0}.feature-strip svg{width:17px;height:17px}.section{padding-block:62px}.split,.pricing-grid,.privacy-panel,.faq-layout{grid-template-columns:1fr;gap:36px}.section-title{font-size:33px;letter-spacing:-1px}.section-lede{font-size:16px}.step-grid{grid-template-columns:1fr;gap:29px}.step{padding-top:16px}.step-number{margin-bottom:10px}.step h3{font-size:21px}.usecases-heading{display:block}.usecases-heading .section-lede{max-width:600px}.case-grid{grid-template-columns:1fr;gap:14px}.case-card{min-height:0;padding:25px}.case-icon{margin-bottom:19px}.case-card p{margin-bottom:18px}.case-card h3{font-size:23px}.capability-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.capability h3{font-size:17px}.capability p{font-size:14px}.privacy-panel{padding:26px;gap:10px}.privacy-title .section-title{font-size:30px}.privacy-title>svg{margin-bottom:13px!important}.privacy-list{gap:12px 18px}.price-card{padding:27px}.faq-layout{gap:29px}.final-cta{padding:39px 0}.final-cta .wrap{display:block}.final-cta h2{font-size:28px}.final-cta .button{margin-top:24px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-description{max-width:450px}.site-footer{padding-top:36px}.sub-hero{padding:42px 0 48px}.sub-hero h1{font-size:42px;letter-spacing:-1.5px}.sub-hero>p{font-size:17px}.article-shell{grid-template-columns:1fr;gap:15px;padding-bottom:45px}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.aside-card{margin:0}.article-content h2{font-size:27px}.article-content section{margin-bottom:36px}.faq-full{padding-bottom:45px}.breadcrumbs{padding-top:22px;flex-wrap:wrap}.timeline-card{padding:22px}.shortcut-card{gap:12px}.timeline-top{gap:15px;margin-bottom:22px}.buffer-picker button{min-height:36px}.faq-layout .text-link{margin-top:16px}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}h1,.sub-hero h1{font-size:37px;letter-spacing:-1.1px}.hero-actions{gap:18px}.hero-reassurance span{display:block}.hero-reassurance span+span:before{display:none}.capability-grid{grid-template-columns:1fr}.article-aside{grid-template-columns:1fr}.timeline-top{display:block}.buffer-picker{width:fit-content;margin-top:15px}.timeline-legend{font-size:11px}.shortcut-card{align-items:start;flex-direction:column}.feature-strip{font-size:12px;gap:13px 12px}.demo-label{font-size:10px}.demo-heading{gap:9px}.isolation-demo{padding:17px}.source-row{padding:12px;gap:10px}.footer-top{gap:22px}.section-title{font-size:30px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.wave i{opacity:.8}}

.concept-diagram{margin:0;min-width:0;padding:28px 0}.diagram-label{display:block;color:#83a4bf;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:17px}.concept-diagram figcaption h2{font-size:29px;font-weight:550;letter-spacing:-.65px;line-height:1.3;margin-bottom:32px}.signal-flow{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:0}.signal-label{display:block;font-size:11px;letter-spacing:1.3px;color:#93acc2;margin-bottom:13px}.selected-signal{display:flex;align-items:center;gap:12px;background:#11394b;color:#b5eaff;border-left:3px solid var(--cyan);padding:23px 17px;min-height:84px;font-size:16px}.selected-signal svg{height:24px;width:24px;flex-shrink:0}.selected-signal strong{font-weight:550}.signal-connection{border-top:2px dashed #497998;width:100%;margin-top:25px}.signal-result{border-block:1px solid #315369;padding:16px 8px;text-align:center}.signal-result .signal-label{margin-bottom:4px}.signal-result .wave{height:55px;gap:3px}.signal-result .wave i{max-height:45px;animation:none}.signal-result>strong{font-size:14px;font-weight:450;font-family:Consolas,monospace;color:#cae7f8}.excluded-signals{border-top:1px solid #27394c;margin-top:32px;padding-top:22px}.excluded-signals>div{display:flex;gap:22px;flex-wrap:wrap;color:#8d9eaf;font-size:14px}.excluded-signals>div>span{display:flex;align-items:center;gap:8px}.excluded-signals svg{height:17px;width:17px}.diagram-caption{font-size:13px;line-height:1.65;color:#8da6bd;margin:19px 0 0}.buffer-concept figcaption h3{font-size:24px;font-weight:550;letter-spacing:-.5px;line-height:1.35;margin-bottom:12px}.buffer-concept figcaption>p{font-size:14px;color:#8ea7bc;margin-bottom:31px}.buffer-concept .timeline-track{border-radius:0;height:91px}.buffer-axis{display:grid;grid-template-columns:1fr auto .255fr;gap:8px;margin-bottom:11px;color:#92b5cb;font-size:12px;line-height:1.4}.buffer-axis span:nth-child(2){color:#ff9395}.buffer-axis span:last-child{text-align:right}.buffer-concept .shortcut-card{border-top:1px solid #2b3a4d}.article-content .concept-diagram{margin-block:30px;padding-block:10px}.article-content .concept-diagram figcaption h3{font-size:24px}
@media(max-width:760px){.concept-diagram{padding-block:10px}.concept-diagram figcaption h2{font-size:27px}.signal-flow{grid-template-columns:1fr 26px 1fr}.selected-signal{padding:21px 14px;font-size:15px}.excluded-signals{margin-top:25px}.buffer-concept figcaption h3{font-size:23px}.buffer-axis{font-size:11px}.buffer-concept .timeline-legend{font-size:12px;gap:12px}}
@media(max-width:420px){.signal-flow{grid-template-columns:1fr 20px 1fr}.selected-signal{padding:18px 9px;gap:8px;font-size:14px}.selected-signal svg{height:19px;width:19px}.signal-label{font-size:10px;letter-spacing:.8px}.excluded-signals>div{gap:14px;font-size:13px}.buffer-axis{grid-template-columns:1fr auto .21fr;font-size:10px}.buffer-concept .timeline-legend{font-size:11px}}

/* Real product screenshots and native image viewer. */
.hero-grid{grid-template-columns:.93fr 1.17fr;gap:40px}.product-screenshot{margin:0;min-width:0}.screenshot-link{display:block;border:1px solid #324355;border-radius:8px;overflow:hidden;line-height:0;cursor:zoom-in;box-shadow:0 22px 65px #0005;background:#212329}.screenshot-link:hover{border-color:#659bbd}.screenshot-link img{display:block;width:100%;height:auto;object-fit:contain}.product-screenshot figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:#90a9bf;font-size:12px;line-height:1.55}.product-screenshot figcaption span:last-child{color:#91cde9}.hero-grid>.product-screenshot{position:relative}.hero-grid>.product-screenshot .screenshot-link{box-shadow:0 25px 75px #0006,0 0 65px #17639318}.screenshot-section{background:linear-gradient(180deg,#0d1724,#0a121e)}.screenshot-tabs{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:30px}.screenshot-tab{background:#111f2e;border:1px solid #2e4359;border-radius:7px;padding:11px 17px;min-height:45px;cursor:pointer;font-size:14px;font-weight:450;color:#afc5d8;line-height:1.4}.screenshot-tab:hover{background:#1c3347;color:#fff}.screenshot-tab[aria-selected=true]{background:#173e55;border-color:#5bb8eb;color:#cbf0ff}.gallery-stage{max-width:960px;margin-inline:auto}.screenshot-panel[hidden]{display:none}.screenshot-description{display:flex;align-items:baseline;justify-content:space-between;gap:35px;margin-top:24px}.screenshot-description h3{font-size:20px;line-height:1.4;letter-spacing:-.4px;font-weight:550;margin-bottom:0;flex:1}.screenshot-description p{font-size:15px;color:#8da8c0;line-height:1.65;max-width:380px;margin-bottom:0;flex:1}.pre-section .product-screenshot{max-width:570px}.article-screenshot{margin-block:30px}.article-content .screenshot-link{color:inherit;text-decoration:none}.article-content .product-screenshot figcaption{font-size:12px}.image-viewer{width:min(1600px,96vw);max-width:96vw;max-height:96vh;margin:auto;padding:18px 20px;background:#0c1622;color:#dceafa;border:1px solid #41607a;border-radius:11px;box-shadow:0 20px 100px #0009}.image-viewer::backdrop{background:rgba(2,6,12,.93);backdrop-filter:blur(7px)}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.viewer-heading h2{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0;margin:0}.viewer-close{background:#203448;border:1px solid #43617c;border-radius:6px;color:#d0eaff;min-height:40px;padding:8px 16px;cursor:pointer;font-size:14px}.viewer-close:hover{background:#2d4e69}.viewer-image{display:block;width:100%;height:auto;max-height:76vh;object-fit:contain}.viewer-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;color:#92adc3;font-size:13px}.viewer-footer .text-link{font-size:13px}body:has(.image-viewer[open]){overflow:hidden}
@media(max-width:1000px){.hero-grid{gap:28px;grid-template-columns:1fr 1.1fr}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-grid>.product-screenshot{max-width:620px}.product-screenshot figcaption{gap:10px;font-size:11px}.screenshot-tabs{justify-content:flex-start;gap:7px;margin-bottom:24px}.screenshot-tab{padding:10px 13px;font-size:13px;min-height:43px}.screenshot-description{display:block;margin-top:19px}.screenshot-description h3{font-size:20px;margin-bottom:9px}.screenshot-description p{max-width:none;font-size:15px}.pre-section .product-screenshot{max-width:none}.image-viewer{padding:13px;width:96vw;max-height:94vh}.viewer-heading{gap:12px}.viewer-heading h2{font-size:14px}.viewer-footer{font-size:12px;gap:12px}.viewer-footer .text-link{font-size:12px}.viewer-image{max-height:75vh}.screenshot-link{box-shadow:0 15px 40px #0004}}

/* Clip the noisy capture edge while retaining the original screenshot pixels. */
.product-screenshot .screenshot-link{border:0;border-radius:8px;background:transparent;box-shadow:0 24px 48px -16px #0009,0 7px 18px -7px #0008;transition:box-shadow .2s ease}
.product-screenshot .screenshot-link img{width:calc(100% + 6px);max-width:none;margin:-3px}
.product-screenshot .screenshot-link:hover{box-shadow:0 28px 55px -16px #000a,0 8px 20px -7px #0008}
.image-viewer .viewer-image{width:auto;height:auto;max-width:100%;max-height:76vh;margin-inline:auto;object-fit:initial;clip-path:inset(3px round 6px)}
.hero-grid>.product-screenshot .screenshot-link{box-shadow:0 30px 60px -18px #000b,0 9px 22px -8px #0008}
.product-screenshot figcaption{margin-top:16px;padding-inline:2px;align-items:center}
.shot-caption-label{color:#b4c9dd;font-size:13px;font-weight:500}
@media(max-width:760px){.product-screenshot .screenshot-link,.hero-grid>.product-screenshot .screenshot-link{box-shadow:0 18px 32px -12px #0009,0 5px 12px -6px #0007}.product-screenshot figcaption{margin-top:13px}.shot-caption-label{font-size:12px}.image-viewer .viewer-image{max-height:75vh}}
