@charset "UTF-8";
:root{--ink:#1c1b28;--muted:#747281;--paper:#f8f8fc;--line:#e5e4ed;--purple:#7454f6;--lavender:#eee8ff;--night:#111119;--green:#6de3b0;--wrap:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,summary,a{touch-action:manipulation}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #987bff;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icons{position:absolute;width:0;height:0;overflow:hidden}.wrap,.nav-wrap{width:min(var(--wrap),calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-90px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:15px}[hidden]{display:none!important}::selection{background:#bda7ff;color:#111}
.site-header{height:88px;position:sticky;top:0;z-index:40;background:rgba(17,17,25,.94);color:#f6f4ff;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}.nav-wrap{height:100%;display:flex;align-items:center;gap:36px}.wordmark{display:flex;align-items:center;gap:11px;flex-shrink:0}.wordmark img{border-radius:10px}.wordmark>span{font-size:23px;font-weight:680;letter-spacing:-.8px;line-height:1.05}.wordmark small{display:block;font-size:8px;font-weight:500;letter-spacing:1.5px;color:#93909f;margin-top:6px}.main-nav{margin-left:auto;display:flex;gap:28px;align-items:center}.main-nav a{font-size:12px;color:#aaa7b7;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:#fff}.presentation-trigger{display:flex;align-items:center;gap:7px;color:#dfd6ff;border:1px solid #655485;background:#292232;border-radius:7px;padding:10px 14px;font-size:12px;white-space:nowrap}.presentation-trigger svg{width:15px;height:15px}.presentation-trigger:hover{background:#392c4d}.menu-button{display:none}.reading-progress{position:absolute;height:2px;bottom:-1px;left:0;right:0;background:linear-gradient(90deg,#7454f6,#bba1ff,#8bf1c1);transform:scaleX(0);transform-origin:left;will-change:transform}
.hero{background:var(--night);color:#f5f4fa;position:relative;overflow:hidden;padding:32px 0 0}.hero .wrap{position:relative;z-index:1}.hero-glow{position:absolute;width:850px;height:780px;right:-130px;top:-160px;border-radius:50%;background:radial-gradient(ellipse,#6e42b935,transparent 68%);pointer-events:none}.hero-eyebrow{display:flex;align-items:center;justify-content:space-between;color:#7c798b;font-size:9px;letter-spacing:1.6px}.hero-eyebrow>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #6de3b080}.hero-content{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;padding:83px 0 84px;align-items:center}.eyebrow{display:block;font-size:10px;letter-spacing:1.6px;line-height:1.7;font-weight:600;color:var(--purple)}.hero-copy>.eyebrow{font-size:12px;letter-spacing:3px;color:#a29aaa;margin-bottom:23px;font-weight:400}.hero h1{font-size:clamp(44px,4.35vw,65px);font-weight:600;letter-spacing:-3px;line-height:1.35;margin:0 0 24px;white-space:nowrap}.gradient-text{background:linear-gradient(100deg,#b8a0ff,#8d7afa 55%,#93bdff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:15px;line-height:2;color:#aaa7b8;max-width:435px;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin:32px 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;border-radius:7px;padding:16px 22px;transition:transform .2s,box-shadow .2s;font-weight:500}.button svg{width:20px;height:20px}.button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7654ff35}.button-primary{background:#8562ff;color:#fff}.quiet-link{font-size:12px;color:#b9b5ca;display:flex;gap:15px}.hero-proof{display:flex;gap:19px;font-size:10px;color:#827e91}.hero-proof span{display:flex;gap:5px;align-items:center}.hero-proof svg{width:13px;height:13px;color:#9481cb}.hero-visual{position:relative;min-width:0;padding-top:20px;isolation:isolate}.hero-orbit{position:absolute;inset:-55px -65px;border:1px solid #ffffff0b;border-radius:50%;transform:rotate(-20deg);z-index:-1}.hero-orbit:after{content:"";position:absolute;inset:35px -25px;border:1px solid #a597d014;border-radius:50%;transform:rotate(35deg)}.browser{overflow:hidden;background:#fff;border:1px solid #d8d7e6;border-radius:10px;color:#646070}.browser-top{height:36px;background:#f4f3f8;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px;color:#9691a4;gap:12px}.browser-dots{display:flex;gap:5px}.browser-dots i{height:5px;width:5px;border-radius:50%;background:#d4d1df}.browser-dots i:first-child{background:#de9c9d}.browser-dots i:nth-child(2){background:#d8c284}.browser-dots i:nth-child(3){background:#96c9b3}.hero-browser{box-shadow:0 28px 90px #0007;border:1px solid #ffffff30;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg) rotateZ(1deg);animation:float 9s ease-in-out infinite}.hero-browser img{display:block;width:100%;height:auto}.floating-chip{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid #66508865;background:linear-gradient(120deg,#393046f5,#211c2ef5);color:#f0eaff;padding:14px 17px;border-radius:10px;box-shadow:0 12px 40px #0004;z-index:2;font-size:11px;backdrop-filter:blur(10px)}.floating-chip small{display:block;font-size:9px;margin-top:6px;color:#a29aaf}.protocol-chip{top:-19px;left:-17px}.chip-icon{display:grid;place-items:center;width:30px;height:30px;background:#7860ae4a;border-radius:8px;color:#c0aaff;font-size:21px}.channel-chip{bottom:15px;right:-14px}.channel-chip svg{width:20px;color:#9987cb;margin-left:7px}.live-pulse{width:7px;height:7px;background:#91e3c3;border-radius:50%;box-shadow:0 0 0 5px #91e3c313;animation:pulse 3s ease-in-out infinite}.visual-label{display:flex;justify-content:space-between;gap:10px;margin-top:24px;font-size:8px;color:#696376;letter-spacing:1px}.hero-foundation{border-top:1px solid #ffffff10;display:flex;gap:65px;padding:30px 0 33px;align-items:center}.hero-foundation>div{display:flex;align-items:center;gap:16px}.hero-foundation b{font-weight:400;letter-spacing:-2px;font-size:34px;color:#b5a3e3;font-variant-numeric:tabular-nums}.hero-foundation span{font-size:12px;color:#d3cedf;line-height:1.5}.hero-foundation small{display:block;font-size:9px;color:#696377;margin-top:4px}.hero-foundation>a{margin-left:auto;font-size:9px;color:#70697e;display:flex;gap:30px;align-items:center}.hero-foundation>a>span{font-size:20px;color:#b6a7cf}.product-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);font-size:10px;color:#9996a4}.product-line>div{display:flex;gap:21px;align-items:center;color:#686472;font-size:11px}.product-line i{font-style:normal;color:#b7adce;font-size:10px}
.section{padding-top:108px;padding-bottom:108px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:43px}.section-heading h2{font-size:39px;line-height:1.45;letter-spacing:-1.8px;margin:16px 0 0;font-weight:560}.section-heading>p{font-size:13px;color:var(--muted);line-height:2;margin:0 0 5px}.capability-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.cap-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:29px 30px;grid-column:span 2;min-width:0;position:relative;overflow:hidden}.automation-card,.routing-card{grid-column:span 3;padding:32px 34px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.feature-icon{display:grid;place-items:center;background:#f2effa;width:40px;height:40px;border-radius:10px;color:#7f65b7}.feature-icon svg{width:21px;height:21px}.card-index{font-size:8px;letter-spacing:1.5px;color:#b2aabc}.cap-card h3{font-size:23px;line-height:1.55;letter-spacing:-.6px;font-weight:550;margin:23px 0 14px}.automation-card h3,.routing-card h3{font-size:29px;line-height:1.5}.cap-card p{color:#827d8e;font-size:13px;line-height:2;margin:0}.credential-flow{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 24px;min-height:126px}.credential-stack{display:grid;gap:7px;min-width:175px}.credential-stack span{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:#b1a3ca;padding:9px 11px;border:1px solid #6c548e36;background:#342740;border-radius:5px;gap:10px}.credential-stack i{font-style:normal;color:#b6a2d0;letter-spacing:1.3px}.flow-connector{color:#8f78ab;text-align:center}.flow-connector>span{display:block;font-size:7px;letter-spacing:1px;margin-bottom:8px}.flow-connector svg{width:25px}.cookie-tile{display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid #9b7acf66;border-radius:10px;background:#8f64c528;padding:18px 16px;color:#e6d3ff;min-width:118px}.cookie-tile svg{height:21px;width:21px;color:#c0a0f0}.cookie-tile b{font-size:12px;font-weight:500;white-space:nowrap}.cookie-tile small{font-size:8px;color:#aa92c8}.automation-card{background:radial-gradient(ellipse at 0 90%,#48305a,transparent 75%),#211b2c;color:#eee5fb;border-color:#45354f}.automation-card .feature-icon{background:#41304f;color:#c9aaed}.automation-card p{color:#a99ab7}.automation-card .card-index{color:#7b678d}.card-bottom{border-top:1px solid #eeeaf4;margin-top:20px;padding-top:18px;display:flex;gap:19px;color:#8b7c9e;font-size:10px}.automation-card .card-bottom{border-color:#6e4e824f;color:#c6b1d7}.feature-note{display:block;color:#aaa2b6;font-size:10px;line-height:1.7;margin-top:15px}.automation-card .feature-note{color:#7d698d}.routing-card{background:#eeedf9;border-color:#e0dcef}.routing-card .feature-icon{background:#e1dbf3}.routing-card p{color:#8b839d}.resource-diagram{display:flex;align-items:center;margin:36px 0 32px;gap:18px;min-height:108px}.resource-diagram>span{padding:14px 16px;border:1px solid #d7d1e7;background:#faf9ff;border-radius:7px;font-size:11px;white-space:nowrap}.diagram-line{height:1px;background:#c5b5ed;flex:1;min-width:20px;position:relative}.diagram-line i{position:absolute;width:5px;height:5px;top:-2px;background:#9679dc;border-radius:50%;animation:travel 3s ease-in-out infinite}.resource-pool>div{display:flex;gap:7px}.resource-pool>div i{width:37px;height:43px;display:grid;place-items:center;font-size:11px;position:relative;border-radius:6px;border:1px solid #d2c9e9;font-style:normal;background:#f8f6ff;color:#a493be}.resource-pool .ready:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#76b29b;right:5px;top:5px}.resource-pool .active{background:#8f76c9;color:white;border-color:#8f76c9;box-shadow:0 6px 18px #a287d53b}.resource-pool .cool{background:#e2dcef;color:#aaa0ba;border-style:dashed}.resource-pool small{display:block;font-size:8px;color:#a99abb;margin-top:13px;text-align:center}.state-row{display:flex;gap:10px;margin-top:24px}.state-row>span{display:flex;align-items:center;gap:5px;font-size:10px;border:1px solid #eeebf3;border-radius:5px;padding:7px 9px;color:#888192}.state-row i,.scene-routing i{width:5px;height:5px;display:inline-block;border-radius:50%}.green{background:#76b899}.amber{background:#d7aa64}.red{background:#d9929f}.purple{background:#a190cb}.modality-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:24px}.modality-tags>span{border:1px solid #ded9ea;background:#f8f7fc;color:#9c8aaf;font-size:8px;letter-spacing:1px;border-radius:5px;padding:8px 9px}.mini-bars{display:flex;align-items:flex-end;gap:8px;height:68px;padding-right:6px;margin-top:20px;position:relative;padding-bottom:18px}.mini-bars i{width:13px;background:#ddd3f1;border-radius:3px 3px 0 0;height:40%;animation:bar 6s ease-in-out infinite}.mini-bars i:nth-child(2n){height:68%;background:#b29cd7;animation-delay:-1s}.mini-bars i:nth-child(3n){height:85%;background:#8e6ebe;animation-delay:-3s}.mini-bars i:nth-child(5){height:54%}.mini-bars>span{font-size:8px;color:#aa9fb7;position:absolute;bottom:0;right:0}
.protocol-section{background:#191622;color:#ede8f6;padding:92px 0 86px}.protocol-section .eyebrow{color:#a58acb}.protocol-section .section-heading>p{color:#91869f}.integration-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.small-label{font-size:9px;letter-spacing:1.4px;color:#9d8daf}.protocol-copy h3,.channel-title h3{font-size:27px;font-weight:500;line-height:1.5;letter-spacing:-.6px;margin:17px 0}.protocol-copy>p{font-size:13px;line-height:2;max-width:390px;color:#a298b0}.protocol-tabs{display:flex;gap:7px;margin-top:25px}.protocol-tabs button{font-size:12px;color:#92849f;border:1px solid #45344f;background:transparent;border-radius:6px;padding:11px 18px;transition:background .2s,color .2s}.protocol-tabs button.active{background:#7a59a7;border-color:#a683cf;color:white}.protocol-tabs button:hover{color:white}.protocol-copy .integration-note{font-size:10px;color:#655a72;margin-top:18px}.code-window{border:1px solid #4e3c60;border-radius:11px;background:#121019;overflow:hidden;min-width:0}.code-top{font-size:8px;color:#665773;letter-spacing:1px;padding:16px 21px;background:#251e30;display:flex;justify-content:space-between;gap:10px}.code-top>span:first-child{display:flex;align-items:center;gap:8px;color:#ac93c7}.code-top i{background:#ac88db;width:5px;height:5px;border-radius:50%}.endpoint{display:flex;align-items:center;gap:13px;padding:24px 24px 0;min-width:0}.endpoint>span{background:#30584450;border:1px solid #58846a50;padding:4px 7px;font-size:9px;color:#97cbb2;border-radius:4px}.endpoint code{font-size:12px;color:#d8c4ed;overflow-wrap:anywhere;min-width:0}.code-window pre{margin:20px 0 0;padding:0 24px 23px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:208px;font-size:12px;line-height:2;color:#aa95bd;font-family:Consolas,"SFMono-Regular",monospace}.code-foot{border-top:1px solid #302339;color:#715f85;font-size:10px;padding:15px 24px;line-height:1.7;overflow-wrap:anywhere;min-height:48px}.channel-layout{margin-top:55px;border-top:1px solid #39303f;padding-top:45px;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}.channel-title h3{font-size:23px;margin-top:13px}.channel-title>p{font-size:12px;line-height:2;color:#8e809c;max-width:340px}.channel-tabs{display:flex;gap:6px}.channel-tabs button{background:#221c2d;color:#8f7c9e;border-radius:7px 7px 0 0;padding:11px 19px;font-size:12px;border:1px solid #3b2e49;border-bottom:0;display:flex;gap:18px;align-items:center}.channel-tabs button.active{background:#34263e;color:#d4b6ef;border-color:#59416a}.channel-tabs button>span{font-size:9px;color:#766080}.channel-panel{position:relative;display:flex;align-items:flex-start;gap:20px;border:1px solid #59416a;background:#34263e;padding:24px;border-radius:0 8px 8px 8px;min-height:176px}.channel-symbol{width:44px;height:44px;display:grid;place-items:center;background:#8160984a;color:#ccacd7;font-size:20px;border:1px solid #8b689b50;border-radius:10px;flex-shrink:0}.channel-panel h4{font-size:15px;font-weight:500;margin:2px 0 10px;color:#d8bedf}.channel-panel p{font-size:11px;color:#a38eaf;line-height:1.9;margin:0 0 12px}.channel-panel code{font-size:10px;color:#c39fd7}.architecture-label{position:absolute;right:15px;top:10px;font-size:7px;color:#715c7d}.channel-note{font-size:9px;line-height:1.9;color:#6e5e7c;margin:13px 0 0}
.workflow-section{padding-bottom:100px}.text-button{background:transparent;display:inline-flex;align-items:center;gap:9px;color:var(--purple);font-size:12px;padding:9px 0;white-space:nowrap}.text-button svg{width:18px;height:18px}.workflow-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:stretch}.workflow-tabs{display:flex;flex-direction:column;justify-content:space-between;gap:9px}.workflow-tab{display:flex;align-items:center;gap:19px;padding:22px 21px;border:1px solid transparent;background:transparent;text-align:left;border-radius:9px;color:#b9afc9;transition:background .2s,border .2s}.workflow-tab.active{background:#ede8f8;border-color:#d9cdee}.workflow-tab:hover{background:#f0ecf8}.step-num{font-size:13px;letter-spacing:.5px;color:#ac99bf;font-family:Consolas,monospace}.workflow-tab b{font-size:15px;font-weight:500;color:#71667e}.workflow-tab.active b{color:#644d82}.workflow-tab small{display:block;font-size:11px;color:#aaa0b5;margin-top:8px}.workflow-tab svg{margin-left:auto;width:18px;height:18px;opacity:0}.workflow-tab.active svg{opacity:1;color:#9879b6}.workflow-panel{background:white;border:1px solid #e3dceb;border-radius:12px;padding:24px 29px;min-width:0;display:flex;flex-direction:column;min-height:390px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;color:#b5a9c0}.panel-heading>span:first-child{display:flex;gap:7px;align-items:center}.panel-heading i{display:block;width:4px;height:4px;border-radius:50%;background:#af9fc5}.scene{padding-top:29px;flex:1;animation:scene-in .4s ease both}.scene-kicker{font-size:9px;letter-spacing:1px;color:#ad99c3}.scene h3{font-size:22px;letter-spacing:-.4px;font-weight:500;color:#6b567e;margin:13px 0 23px;line-height:1.5}.import-lines{display:grid;gap:8px}.import-lines>span{display:flex;align-items:center;gap:15px;padding:10px 13px;border:1px solid #e9e1f1;background:#faf7fe;border-radius:5px;color:#a38bb7;font-size:10px;font-family:Consolas,monospace;white-space:nowrap}.import-lines i{font-style:normal;color:#c1afcf;letter-spacing:1px;margin-left:auto}.import-lines b{font-size:8px;font-weight:400;border:1px solid #dbcee7;border-radius:3px;padding:3px 5px;color:#b29ac4}.scene-description{font-size:11px;color:#b1a4bc;line-height:1.9;margin:22px 0}.panel-footer{display:flex;align-items:center;gap:14px;font-size:7px;letter-spacing:1px;color:#c3b7ce;border-top:1px solid #f0eaf5;padding-top:20px;margin-top:10px}.panel-footer i{height:1px;flex:1;background:#ece3f3}.auth-animation,.operate-loop{display:flex;align-items:center;gap:12px;justify-content:center;padding:20px 0}.auth-animation>span{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:8px;background:#f6f0fc;border:1px solid #e2d4ec;padding:19px 15px;color:#ad91c2;font-size:12px}.auth-animation>i,.operate-loop>i{font-size:14px;font-style:normal;color:#c5b0d6}.auth-animation .auth-success{background:#e9f4ee;border-color:#d3e8dd;color:#8db19c;font-size:10px}.auth-success svg{width:13px}.scene-routing{display:flex;align-items:center;gap:25px;justify-content:center;margin:32px 0}.request-node{background:#8f71ae;color:white;border:1px solid #9374b4;border-radius:7px;padding:21px;font-size:12px}.routing-arrow{color:#b39ec8;font-size:25px}.scene-routing>div{display:grid;gap:10px}.scene-routing>div>span{border:1px solid #e1d4ee;border-radius:6px;padding:10px 14px;color:#ad98bc;font-size:10px;display:flex;align-items:center;gap:9px}.operate-loop>span{display:flex;flex-direction:column;align-items:center;gap:12px;background:#f7f1fc;border:1px solid #e9dff1;border-radius:9px;padding:20px;color:#aa8cbe;font-size:10px}.operate-loop svg{width:21px;height:21px}
.console-section{background:#17151e;color:#ece6f3;padding:98px 0 70px}.console-section .eyebrow{color:#9d86ba}.console-section .section-heading>p{color:#7d738a}.console-tabs{display:flex;align-items:center;gap:5px;margin-bottom:19px;flex-wrap:wrap}.console-tabs button{font-size:12px;color:#8f809f;background:transparent;padding:11px 19px;border:1px solid transparent;border-radius:6px}.console-tabs button.active{background:#3e2d4f;border-color:#614775;color:#d6bfe6}.console-tabs button:hover{color:#e5d6f2}.console-tabs>span{font-size:8px;letter-spacing:1px;color:#51405e;margin-left:auto}.console-stage{padding:16px 16px 0;border:1px solid #3d2f4b;border-radius:14px;background:#211b2c}.console-browser{border-color:#4c3b5f;border-radius:7px}.console-browser .browser-top{height:35px}.browser-top button{padding:4px;background:transparent;color:#a292b2;display:grid;place-items:center}.browser-top button svg{width:15px;height:15px}.screen-image-button{display:block;border:0;padding:0;background:white;width:100%;overflow:hidden;cursor:zoom-in;text-align:center;max-height:665px}.screen-image-button img{display:block;width:100%;height:auto}.batch-view .screen-image-button{height:530px;display:grid;place-items:center}.batch-view .screen-image-button img{width:auto;max-width:100%;max-height:530px;height:auto}.console-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 15px 29px}.console-caption>div{display:flex;gap:23px;align-items:flex-start}.caption-index{font-size:9px;color:#796286;white-space:nowrap;margin-top:6px;letter-spacing:1px}.console-caption h3{font-size:17px;letter-spacing:-.3px;font-weight:500;color:#ccbddc;margin:0 0 10px}.console-caption p{font-size:11px;line-height:1.8;margin:0;color:#7e6c90}.console-caption .text-button{color:#a988c1;font-size:11px}.console-note{display:flex;justify-content:space-between;gap:25px;font-size:9px;line-height:1.8;color:#5d4b6c;margin-top:20px}.console-note>span:first-child{display:flex;gap:7px;align-items:center;white-space:nowrap}.console-note i{height:4px;width:4px;background:#876d9f;border-radius:50%;display:block}
.value-section{padding-bottom:55px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;border-top:1px solid var(--line);padding-top:36px}.value-num{font-size:10px;color:#ad9dbe;letter-spacing:.5px}.value-grid h3{font-size:24px;line-height:1.6;font-weight:500;letter-spacing:-.7px;margin:22px 0 18px}.value-grid p{font-size:13px;color:#9a8fa6;line-height:2;margin:0 0 21px}.value-tag{display:inline-block;border:1px solid #e5dced;padding:7px 10px;border-radius:4px;color:#ac96bd;font-size:9px}.scope-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:43px;padding:20px 0;color:#aaa1b4;font-size:11px}.scope-note summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;font-size:11px}.scope-note summary::-webkit-details-marker{display:none}.scope-note summary>span{font-size:16px;line-height:1}.scope-note[open] summary>span{transform:rotate(45deg)}.scope-note>div{display:grid;grid-template-columns:1fr 1.8fr;gap:45px;margin-top:15px}.scope-note p{font-size:11px;line-height:1.9;color:#aaa0b4;margin:0}.closing{background:radial-gradient(ellipse at 100% 100%,#dac6f3,transparent 70%),#eee5f8;border:1px solid #ded1ed;border-radius:15px;margin-top:0;margin-bottom:50px;padding:49px 55px;display:flex;justify-content:space-between;align-items:center;gap:35px}.closing h2{font-size:40px;line-height:1.4;font-weight:550;letter-spacing:-1.4px;color:#6c4e88;margin:17px 0}.closing p{font-size:12px;color:#ab93bd;line-height:1.9;margin:0}.closing .eyebrow{font-size:8px;color:#b49dc9}.closing-actions{display:flex;flex-direction:column;align-items:center;gap:21px}.share-link{display:flex;align-items:center;gap:7px;font-size:11px;color:#ab8ec0;background:transparent;padding:7px}.share-link svg{width:14px;height:14px}.site-footer{display:flex;align-items:center;gap:24px;padding-bottom:35px;color:#aaa2b4}.site-footer .wordmark>span{font-size:19px;color:#776984}.site-footer .wordmark small{font-size:7px;color:#baaec7;letter-spacing:1px}.site-footer>span{margin-left:auto;font-size:8px;letter-spacing:1px}.site-footer>small{font-size:9px;color:#bcb1c8}
.reveal{transition:opacity .65s ease,transform .65s ease}.reveal.pending{opacity:0;transform:translateY(20px)}.presentation-bar{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:45;background:#211829f5;color:#ceb4e3;border:1px solid #7a5d9160;box-shadow:0 9px 40px #0005;backdrop-filter:blur(15px);border-radius:10px;padding:10px 13px;display:flex;gap:12px;align-items:center;font-size:11px;white-space:nowrap}.presentation-bar button{background:#4a345e;color:#d9c2ed;border:1px solid #684a7c80;border-radius:5px;padding:7px 10px;font-size:11px}.presentation-bar button:disabled{opacity:.3;cursor:default}.presentation-state{font-size:10px;padding:0 9px;display:flex;gap:6px;align-items:center;color:#a689bb}.presentation-state i{height:4px;width:4px;border-radius:50%;background:#bb92d7}.presentation-bar kbd{font:inherit;font-size:8px;color:#836498}.presentation-bar>kbd{margin-right:5px}.presentation-bar #present-exit{display:flex;gap:9px;align-items:center}.presentation .site-header{border-bottom-color:#79569d55}.image-dialog{padding:0;width:min(1500px,94vw);max-width:94vw;max-height:92vh;border:1px solid #7c5b98;background:#21172b;border-radius:12px;color:#c9b4da;box-shadow:0 30px 100px #0007}.image-dialog::backdrop{background:#0f0915c9;backdrop-filter:blur(8px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 19px;font-size:12px;border-bottom:1px solid #513863}.dialog-bar button{background:transparent;color:#c2a9d7;padding:4px;display:grid;place-items:center}.dialog-bar svg{width:18px;height:18px}.dialog-image-wrap{overflow:auto;max-height:calc(92vh - 55px);background:#fff;text-align:center}.dialog-image-wrap img{max-width:100%;height:auto;vertical-align:top}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,12px);z-index:60;background:#3f2b50;color:#d8c2e9;border:1px solid #8e6aa6;border-radius:8px;padding:14px 21px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes float{0%,100%{transform:perspective(1400px) rotateY(-8deg) rotateX(3deg) rotateZ(1deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-6deg) rotateX(2deg) rotateZ(1deg) translateY(-9px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 4px #91e3c313}50%{box-shadow:0 0 0 8px #91e3c305}}@keyframes travel{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:95%;opacity:0}}@keyframes bar{0%,100%{transform:scaleY(1);transform-origin:bottom}50%{transform:scaleY(.7);transform-origin:bottom}}@keyframes scene-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){:root{--wrap:1330px}.hero-content{padding-block:100px}.hero h1{font-size:66px}.hero-visual{padding-top:30px}.hero-proof{font-size:11px}}
@media(max-width:1100px){.wrap,.nav-wrap{width:calc(100% - 64px)}.nav-wrap{gap:24px}.main-nav{gap:19px}.hero-content{gap:34px;padding:68px 0}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-actions{gap:20px}.hero-proof{gap:12px;font-size:9px}.hero-foundation{gap:36px}.hero-foundation small{font-size:8px}.hero-foundation b{font-size:30px}.hero-foundation>a{gap:17px}.protocol-chip{font-size:9px;left:-8px;top:-13px;padding:10px}.floating-chip small{font-size:8px}.channel-chip{font-size:10px;padding:11px 13px}.visual-label{font-size:7px}.cap-card{padding:25px}.automation-card,.routing-card{padding:27px}.card-index{font-size:7px;letter-spacing:1px}.automation-card h3,.routing-card h3{font-size:26px}.credential-stack{min-width:145px}.credential-stack span{font-size:7px;padding:8px}.cookie-tile{min-width:105px;padding:15px 10px}.resource-diagram{gap:10px}.resource-diagram>span{font-size:9px;padding:13px}.resource-pool>div{gap:5px}.resource-pool>div i{width:30px;height:38px}.section-heading h2{font-size:35px}.cap-card h3{font-size:22px}.cap-card p{font-size:12px}.integration-grid,.channel-layout{gap:45px}.workflow-layout{gap:28px}.workflow-tab{padding:20px 15px;gap:15px}.workflow-tab b{font-size:14px}.workflow-tab small{font-size:10px}.workflow-panel{padding:23px}.import-lines>span{font-size:9px;gap:10px}.import-lines i{letter-spacing:0}.value-grid{gap:35px}.value-grid p{font-size:12px}.product-line>div{gap:14px}.console-note{font-size:8px}}
@media(max-width:850px){.site-header{height:76px}.nav-wrap{gap:16px}.wordmark>span{font-size:20px}.wordmark small{font-size:7px;letter-spacing:1px}.main-nav{gap:15px}.main-nav a{font-size:10px}.presentation-trigger{padding:9px 11px;font-size:10px}.hero-eyebrow{font-size:7px}.hero h1{font-size:40px;letter-spacing:-1.8px}.hero-content{gap:27px;padding:65px 0 55px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}.hero-copy>p{font-size:12px}.hero-actions{gap:16px;margin:25px 0}.button{font-size:11px;gap:18px;padding:14px 16px}.quiet-link{font-size:10px;gap:9px}.hero-proof{gap:9px;font-size:8px}.hero-foundation{gap:25px;padding-block:26px}.hero-foundation>div{gap:10px}.hero-foundation span{font-size:10px}.hero-foundation small{font-size:7px}.hero-foundation b{font-size:26px}.hero-foundation>a{font-size:8px;gap:10px}.floating-chip{gap:8px}.chip-icon{width:24px;height:24px;font-size:18px}.protocol-chip{font-size:8px}.floating-chip small{font-size:7px}.channel-chip{font-size:9px;right:-8px;bottom:7px}.channel-chip svg{width:16px}.visual-label{font-size:6px;letter-spacing:.5px}.product-line{font-size:9px}.product-line>div{font-size:9px;gap:10px}.section{padding-block:80px}.section-heading h2{font-size:31px}.section-heading>p{font-size:11px}.capability-grid{gap:13px}.cap-card{padding:22px}.automation-card,.routing-card{padding:25px}.automation-card h3,.routing-card h3{font-size:24px}.card-index{font-size:6px;letter-spacing:.7px}.credential-flow{gap:10px}.credential-stack{min-width:130px}.credential-stack span{font-size:6px;gap:7px}.credential-stack i{letter-spacing:.5px}.flow-connector svg{width:20px}.flow-connector>span{font-size:6px}.cookie-tile{min-width:84px;padding:13px 8px}.cookie-tile b{font-size:9px}.cookie-tile small{font-size:6px}.cap-card p{font-size:12px}.cap-card h3{font-size:19px}.resource-diagram{gap:9px;margin:30px 0}.resource-pool>div i{width:23px;height:34px;font-size:9px}.resource-pool>div{gap:4px}.resource-pool small{font-size:6px}.resource-diagram>span{padding:12px 8px;font-size:8px}.diagram-line{min-width:12px}.card-bottom{font-size:8px;gap:13px}.feature-note{font-size:8px}.state-row{gap:5px}.state-row>span{font-size:8px;padding:6px}.modality-tags{gap:4px}.modality-tags>span{font-size:6px;padding:6px}.mini-bars{gap:5px}.mini-bars>span{font-size:6px}.integration-grid,.channel-layout{gap:30px;grid-template-columns:.9fr 1.1fr}.protocol-copy h3{font-size:24px}.protocol-copy>p{font-size:12px}.protocol-tabs{gap:5px}.protocol-tabs button{padding:10px 12px;font-size:10px}.code-top{padding:14px 17px;font-size:7px}.code-top>span:last-child{display:none}.endpoint{padding:22px 17px 0;gap:10px}.endpoint code{font-size:10px}.code-window pre{padding:0 17px 19px;font-size:10px;min-height:180px}.code-foot{font-size:9px;padding:14px 17px}.channel-panel{padding:21px 18px;gap:14px;min-height:192px}.channel-symbol{width:35px;height:35px;font-size:17px}.channel-panel h4{font-size:13px}.channel-panel p{font-size:10px}.channel-title h3{font-size:22px}.channel-title>p{font-size:11px}.channel-tabs button{font-size:11px;padding:11px 15px;gap:14px}.workflow-layout{gap:23px;grid-template-columns:.9fr 1.1fr}.workflow-tab{padding:19px 13px;gap:11px}.workflow-tab b{font-size:12px}.workflow-tab small{font-size:8px}.workflow-tab svg{width:14px}.step-num{font-size:11px}.workflow-panel{padding:22px;min-height:365px}.panel-heading{font-size:6px;letter-spacing:.7px}.scene h3{font-size:18px}.import-lines>span{font-size:7px;gap:8px;padding:10px}.import-lines b{font-size:6px;padding:2px 3px}.scene-description{font-size:10px}.auth-animation{gap:7px}.auth-animation>span{padding:16px 10px;font-size:10px}.auth-animation .auth-success{font-size:8px}.auth-animation>i{font-size:11px}.scene-routing{gap:15px}.request-node{font-size:10px;padding:16px}.scene-routing>div>span{font-size:8px;padding:9px 11px}.operate-loop{gap:8px}.operate-loop>span{padding:17px 13px}.panel-footer{gap:10px;font-size:6px}.console-section{padding-top:80px}.console-tabs button{font-size:11px;padding:10px 15px}.console-tabs>span{font-size:7px}.console-caption{padding:23px 8px}.console-caption>div{gap:16px}.console-caption h3{font-size:14px}.console-caption p{font-size:10px}.console-caption .text-button{font-size:10px}.console-note{display:block;line-height:2;font-size:8px}.console-note>span{display:block}.console-note>span:first-child{display:flex;margin-bottom:4px}.value-grid{gap:26px}.value-grid h3{font-size:21px}.value-grid p{font-size:12px}.scope-note>div{gap:25px}.closing{padding:40px}.closing h2{font-size:35px}.site-footer>small{font-size:8px}}
@media(max-width:700px){html{scroll-padding-top:90px}.wrap,.nav-wrap{width:calc(100% - 40px)}.site-header{height:72px}.wordmark img{width:30px;height:30px}.wordmark>span{font-size:21px}.wordmark small{font-size:6px;letter-spacing:1.3px}.nav-wrap{gap:14px}.presentation-trigger{margin-left:auto;padding:9px 11px;font-size:10px}.presentation-trigger svg{width:13px;height:13px}.menu-button{width:28px;height:32px;background:transparent;padding:6px 3px;display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-button span{height:1px;background:#b6a7c5;width:21px;display:block}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;background:#1c1724;padding:20px;box-shadow:0 15px 25px #0003;border-bottom:1px solid #4b3a60}.main-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:6px}.main-nav a{padding:13px;font-size:12px;text-align:center}.hero{padding-top:25px}.hero-eyebrow{font-size:6px;letter-spacing:1.1px}.hero-eyebrow>span:last-child{font-size:5px;letter-spacing:.5px}.hero-eyebrow>span:first-child{gap:6px}.status-dot{width:4px;height:4px}.hero-content{display:block;padding:46px 0 34px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:19px}.hero h1{font-size:43px;letter-spacing:-2px;line-height:1.35;margin-bottom:23px}.hero-copy>p{font-size:13px;line-height:2;max-width:370px}.hero-actions{margin:27px 0 24px;gap:25px}.button{font-size:12px;padding:15px 19px;gap:21px}.quiet-link{font-size:11px;gap:13px}.hero-proof{font-size:9px;gap:17px}.hero-proof svg{width:12px;height:12px}.hero-visual{margin:65px 8px 0;padding-top:16px}.hero-browser{transform:perspective(1400px) rotateY(-4deg) rotateX(1deg) rotateZ(1deg)}.hero-orbit{inset:-30px -25px}.hero-browser .browser-top{height:25px;font-size:6px;padding:0 11px}.browser-dots i{width:4px;height:4px}.browser-dots{gap:4px}.protocol-chip{top:-15px;left:0;font-size:9px;padding:10px 12px;border-radius:8px}.chip-icon{height:25px;width:25px}.floating-chip small{font-size:7px;margin-top:5px}.channel-chip{right:-3px;bottom:10px;padding:10px 13px;font-size:9px}.channel-chip .live-pulse{width:5px;height:5px}.visual-label{font-size:6px;margin-top:24px;letter-spacing:.5px}.hero-foundation{padding:24px 0 29px;gap:0;justify-content:space-between;align-items:flex-start}.hero-foundation>div{display:block}.hero-foundation b{font-size:28px;letter-spacing:-1px;display:block;line-height:1;margin-bottom:11px}.hero-foundation span{font-size:10px;line-height:1.5}.hero-foundation small{font-size:6px;max-width:105px;line-height:1.7;margin-top:5px}.hero-foundation>a{display:none}.product-line{padding:24px 0;display:block;font-size:10px}.product-line>div{margin-top:13px;display:flex;justify-content:space-between;font-size:9px;gap:6px}.product-line i{font-size:8px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:29px}.eyebrow{font-size:8px;letter-spacing:1.2px}.section-heading h2{font-size:30px;letter-spacing:-1.2px;line-height:1.5;margin-top:13px}.section-heading>p{font-size:12px;line-height:1.9;margin:20px 0 0}.capability-grid{grid-template-columns:1fr;gap:14px}.cap-card,.automation-card,.routing-card{grid-column:auto;padding:26px;border-radius:12px}.card-index{font-size:7px;letter-spacing:1px}.feature-icon{width:36px;height:36px;border-radius:9px}.feature-icon svg{width:20px;height:20px}.cap-card h3,.automation-card h3,.routing-card h3{font-size:25px;line-height:1.5;margin:22px 0 14px}.cap-card p{font-size:13px;line-height:1.9}.credential-flow{margin:27px 0 22px;gap:15px;min-height:110px}.credential-stack{min-width:140px;gap:7px}.credential-stack span{font-size:7px;padding:9px;gap:8px}.credential-stack i{letter-spacing:1px}.flow-connector>span{font-size:6px}.flow-connector svg{width:20px}.cookie-tile{min-width:91px;padding:14px 9px;gap:8px}.cookie-tile b{font-size:10px}.cookie-tile small{font-size:7px}.cookie-tile svg{width:18px;height:18px}.card-bottom{font-size:10px;gap:18px;padding-top:17px}.feature-note{font-size:10px;line-height:1.8;margin-top:13px}.resource-diagram{margin:28px 0 22px;min-height:100px;gap:15px}.resource-diagram>span{font-size:10px;padding:13px 12px}.resource-pool>div{gap:6px}.resource-pool>div i{width:29px;height:39px;font-size:10px}.resource-pool small{font-size:7px}.diagram-line{min-width:15px}.state-row>span{font-size:10px;padding:7px 10px}.state-row{gap:10px;margin-top:22px}.modality-tags{margin-top:23px;gap:7px}.modality-tags>span{font-size:8px;padding:8px 10px}.mini-bars{gap:9px;height:75px}.mini-bars>span{font-size:7px}.protocol-section{padding:65px 0 55px}.protocol-section .section-heading{margin-bottom:32px}.integration-grid{display:block}.protocol-copy h3{font-size:24px;margin:14px 0}.small-label{font-size:8px}.protocol-copy>p{font-size:12px;max-width:100%}.protocol-tabs{gap:8px;margin-top:23px}.protocol-tabs button{font-size:11px;padding:11px 18px}.protocol-copy .integration-note{font-size:9px;line-height:1.8;margin:15px 0 25px}.code-top{padding:14px 17px;font-size:7px}.code-top>span:last-child{display:block;font-size:6px}.endpoint{padding:22px 18px 0;gap:10px}.endpoint>span{font-size:8px;padding:4px 6px}.endpoint code{font-size:10px;line-height:1.8}.code-window pre{font-size:10px;padding:0 18px 20px;min-height:180px;line-height:2;margin-top:16px}.code-foot{font-size:9px;line-height:1.8;padding:14px 18px;min-height:46px}.channel-layout{display:block;margin-top:35px;padding-top:30px}.channel-title h3{font-size:24px}.channel-title>p{font-size:12px;max-width:100%;margin-bottom:25px}.channel-tabs button{font-size:11px;padding:11px 16px;gap:21px}.channel-tabs button>span{font-size:9px}.channel-panel{padding:24px 20px;gap:16px;min-height:180px}.channel-symbol{width:38px;height:38px;font-size:18px}.channel-panel h4{font-size:14px;margin-top:1px}.channel-panel p{font-size:11px;line-height:1.8}.channel-panel code{font-size:10px}.architecture-label{font-size:6px;top:8px;right:10px}.channel-note{font-size:9px;line-height:1.9;margin-top:15px}.workflow-section .section-heading{position:relative}.workflow-section .text-button{font-size:10px;margin-top:15px}.workflow-layout{display:block}.workflow-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px}.workflow-tab{padding:15px 9px;gap:9px;border-radius:7px}.workflow-tab b{font-size:11px;line-height:1.6}.workflow-tab small{font-size:7px;line-height:1.8;margin-top:5px;letter-spacing:-.1px}.workflow-tab svg{display:none}.step-num{font-size:10px;align-self:flex-start;line-height:1.8}.workflow-panel{padding:22px 20px;min-height:380px}.panel-heading{font-size:6px;letter-spacing:1px}.scene{padding-top:30px}.scene-kicker{font-size:8px}.scene h3{font-size:21px;margin-top:13px;margin-bottom:25px}.import-lines>span{font-size:8px;padding:11px 10px;gap:10px}.import-lines i{letter-spacing:.6px}.import-lines b{font-size:6px;padding:3px 4px}.scene-description{font-size:11px;line-height:1.9;margin-top:23px}.panel-footer{font-size:6px;gap:12px;padding-top:18px}.auth-animation{gap:9px;padding:20px 0}.auth-animation>span{padding:18px 11px;font-size:11px}.auth-animation .auth-success{font-size:9px}.auth-animation>i{font-size:12px}.auth-success svg{width:11px}.scene-routing{margin:30px 0;gap:18px}.request-node{padding:19px 15px;font-size:11px}.scene-routing>div>span{font-size:9px;padding:11px 13px}.operate-loop{gap:9px}.operate-loop>span{padding:20px 17px;font-size:10px}.operate-loop svg{width:22px;height:22px}.console-section{padding:65px 0 45px}.console-tabs{gap:4px;margin-bottom:17px}.console-tabs button{font-size:10px;padding:10px 11px}.console-tabs>span{display:none}.console-stage{padding:9px 9px 0;border-radius:10px}.console-browser{border-radius:5px}.console-browser .browser-top{height:27px;font-size:6px;padding:0 10px}.browser-top button svg{width:11px;height:11px}.screen-image-button{max-height:none}.batch-view .screen-image-button{height:auto;max-height:none}.batch-view .screen-image-button img{width:100%;height:auto;max-height:none}.console-caption{display:block;padding:19px 6px}.console-caption>div{gap:12px}.caption-index{font-size:7px;letter-spacing:.5px;margin-top:5px}.console-caption h3{font-size:13px;line-height:1.7;margin-bottom:7px}.console-caption p{font-size:10px;line-height:1.8}.console-caption .text-button{font-size:9px;margin-left:45px;margin-top:8px;padding:5px 0;gap:6px}.console-caption .text-button svg{width:12px;height:12px}.console-note{font-size:8px;margin-top:15px}.console-note>span:first-child{margin-bottom:5px;font-size:8px}.value-section{padding-bottom:38px}.value-grid{grid-template-columns:1fr;gap:28px;padding-top:28px}.value-grid article{padding-bottom:23px;border-bottom:1px solid #ebe4f2}.value-grid article:last-child{padding-bottom:0;border:0}.value-num{font-size:9px}.value-grid h3{font-size:24px;letter-spacing:-.6px;margin:15px 0}.value-grid p{font-size:13px;line-height:1.9;margin-bottom:17px}.value-tag{font-size:9px;padding:7px 10px}.scope-note{margin-top:30px;padding-block:18px}.scope-note summary{font-size:10px}.scope-note>div{display:block;margin-top:14px}.scope-note p{font-size:10px;line-height:1.9;margin-top:10px}.closing{display:block;padding:34px 28px;margin-bottom:32px;border-radius:12px}.closing .eyebrow{font-size:7px;letter-spacing:.9px}.closing h2{font-size:36px;letter-spacing:-1px;margin:15px 0}.closing p{font-size:11px;line-height:1.9}.closing-actions{align-items:flex-start;margin-top:26px;gap:16px}.closing .button{font-size:12px}.share-link{font-size:10px;padding-left:0}.share-link svg{width:13px;height:13px}.site-footer{flex-wrap:wrap;gap:17px;padding-bottom:28px}.site-footer .wordmark>span{font-size:18px}.site-footer .wordmark small{font-size:6px}.site-footer>span{font-size:6px;letter-spacing:.6px}.site-footer>small{width:100%;font-size:7px;margin-left:41px;margin-top:-5px}.presentation-bar{bottom:15px;padding:9px 10px;gap:8px;border-radius:8px;font-size:10px}.presentation-state{font-size:8px;padding-inline:4px;gap:5px}.presentation-bar button{font-size:10px;padding:7px 9px}.presentation-bar kbd{display:none}.image-dialog{width:96vw;max-width:96vw;border-radius:8px}.dialog-bar{font-size:10px;padding:12px}.dialog-image-wrap{overflow:auto}.dialog-image-wrap img{min-width:800px;width:800px;max-width:none}.toast{font-size:11px;max-width:90vw;width:max-content;white-space:normal;text-align:center;line-height:1.8;padding:12px 18px}}
@media(max-width:370px){.wrap,.nav-wrap{width:calc(100% - 30px)}.hero h1{font-size:37px;letter-spacing:-1.8px}.hero-eyebrow>span:last-child{display:none}.hero-proof{gap:12px;font-size:8px}.hero-actions{gap:18px}.button{font-size:11px;gap:15px;padding:14px 16px}.quiet-link{font-size:10px;gap:10px}.hero-foundation small{font-size:6px;max-width:90px}.cap-card{padding:23px}.credential-flow{gap:9px}.credential-stack{min-width:129px}.credential-stack span{font-size:6px}.cookie-tile{min-width:83px;padding-inline:7px}.cookie-tile b{font-size:9px}.cookie-tile small{font-size:6px}.resource-diagram{gap:10px}.resource-pool>div i{width:27px}.workflow-tab{padding:14px 8px;gap:8px}.workflow-tab b{font-size:10px}.workflow-tab small{font-size:6px}.import-lines>span{font-size:7px;gap:6px}.import-lines i{letter-spacing:.3px}.protocol-tabs button{padding-inline:15px}.console-tabs{gap:3px}.console-tabs button{padding:9px;font-size:9px}.site-footer>span{font-size:5px}.presentation-bar{gap:6px}.presentation-state{font-size:7px}.presentation-bar button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}
/* Keep supporting copy readable on projection screens and small displays. */
.screen-image-button,.batch-view .screen-image-button{position:relative;display:block;height:auto;aspect-ratio:8/5;max-height:665px}
.screen-image-button img,.batch-view .screen-image-button img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;max-width:none;object-fit:contain}
.screen-image-button.is-loading img{opacity:.35}
.screen-image-button.is-loading:after{content:"截图加载中…";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f4effb;color:#6c4e88;border:1px solid #d7c8e7;border-radius:7px;padding:12px 18px;font-size:12px;white-space:nowrap;pointer-events:none}
.cap-card p{color:#736b80}.automation-card p{color:#b8a8c8}.routing-card p{color:#71647f}
.feature-note{color:#82748f}.automation-card .feature-note{color:#a08aad}
.protocol-copy>p,.channel-title>p{color:#b1a2bf}.protocol-copy .integration-note,.channel-note{color:#9582a5}
.protocol-section .section-heading>p,.console-section .section-heading>p{color:#a497b4}
.channel-panel p{color:#bba5c9}.channel-tabs button{color:#b19bc4}.code-foot{color:#a28ab8}
.workflow-tab small,.scene-description{color:#867293}.workflow-tab b{color:#786388}
.workflow-tab.active b{color:#644d82}.import-lines>span{color:#9273a5}
.console-caption p,.console-note{color:#a48bb7}.console-caption h3{color:#ddcce9}
.value-grid p,.scope-note,.scope-note p{color:#82718f}.value-num,.value-tag{color:#8b729c}
.closing p,.share-link{color:#88679f}.closing .eyebrow{color:#9574ac}
@media print{.site-header,.hero-actions,.presentation-bar,.toast,.console-tabs,.share-link,.scope-note{display:none!important}.wrap{width:95%}.hero,.protocol-section,.console-section{print-color-adjust:exact;-webkit-print-color-adjust:exact}.hero-content{padding:30px 0}.hero h1{font-size:34px}.hero-proof{font-size:8px}.hero-copy>p{font-size:10px}.hero-foundation{padding:20px 0}.floating-chip{display:none}.section,.protocol-section,.console-section{padding-block:30px}.section-heading h2{font-size:27px}.reveal.pending{opacity:1;transform:none}.cap-card,.integration-grid,.workflow-layout,.value-grid{break-inside:avoid}.closing{padding:25px;margin-bottom:20px}.closing h2{font-size:30px}.screen-image-button{max-height:none}.hero-browser{animation:none;transform:none}}

/* ===== 配色对齐 ep.huluidc.com（2026-11-02 v3）：墨绿+米白+青柠，全站达 WCAG ===== */
:root{
  --ink:#172019;--muted:#5f6b5a;--paper:#f8f9f5;--line:#e1e5dc;
  --lime:#d3f56a;--dark:#111913;
  --purple:#4a6b2f;--lavender:#eef1e7;--night:#111913;--green:#d3f56a;
}
body{background:var(--paper);color:var(--ink)}

/* —— 页头：浅米白 + 深墨绿字（与 ep 一致）—— */
.site-header{background:#f8f9f5eb!important;border-bottom:1px solid #e5e9dd}
.wordmark>span{color:#172019}
.wordmark small{color:#6f766e}
.main-nav a{color:#656d63}
.main-nav a:hover,.main-nav a.active{color:#192219}
.presentation-trigger{color:#2b352b;border-color:#cdd4c4;background:transparent}
.menu-button span{background:#46554a}
@media(max-width:700px){.main-nav{background:#19241a!important}.main-nav a{color:#e8eee2}.main-nav a:hover,.main-nav a.active{color:#d3f56a}}

/* —— 浅色区正文/说明：统一墨绿灰 —— */
.hero-copy>p,.hero-proof,.hero small{color:#a7b2a1}
.product-line>span{color:#6f766e}
.eyebrow{color:#6f766e}
.scene-kicker{color:#6f766e}
.scene-description{color:#5f6b5a}
.feature-note,small.feature-note{color:#6f766e}
.value-num,.value-tag{color:#5f6b5a}
.value-tag{border-color:#d6dccd}
.value-grid article>p{color:#5f6b5a}
.scope-note summary,.scope-note,.scope-note p{color:#5f6b5a}
.card-index{color:#5f6b5a}
.architecture-label{color:#c3d2bb}
.step-num{color:#5f6b5a}
.import-lines i,.import-lines b{color:#6f766e}
.import-lines>span{color:#4a5648}
.panel-heading,.panel-footer{color:#6f766e}
.auth-animation>span{color:#4a5648}
.code-foot{color:#93a38a}
.code-window pre{color:#c2d0b8}
.browser-top,.browser-top>span{color:#5f6b5a}
.site-footer>span,.site-footer>small{color:#6f766e}
.site-footer .wordmark>span{color:#172019}
.site-footer .wordmark small{color:#6f766e}

/* —— 卡片内浅底小字 —— */
.routing-card .card-bottom>span{color:#5f6b5a}
.protection-card .state-row>span{color:#5f6b5a}
.multimodal-card .modality-tags>span{color:#5f6b5a}
.observability-card .mini-bars>span{color:#5f6b5a}
.resource-pool small{color:#6f766e}
.workflow-tab small{color:#5f6b5a}
.workflow-tab b{color:#3f4c3b}
.workflow-tab.active b{color:#26351a}
.scene-routing>div>span{color:#5f6b5a}
.operate-loop>span{color:#5f6b5a}

/* —— 深色区：保持浅字（不要用墨绿压深底）—— */
.channel-title>p,.channel-note{color:#a7b2a1}
#channel-description,.channel-panel p{color:#c3d2bb}
.channel-tabs button>span{color:#b9c9b0}
.console-tabs button{color:#a6ac9e}
.console-tabs>span{color:#93a38a}
.console-caption p{color:#9aa894}
.console-caption h3{color:#dbe6d4}
.console-note{color:#a6ac9e}
.caption-index{color:#a6ac9e}
kbd{color:#a6ac9e}
.automation-card p{color:#a3b399}
.automation-card .card-index{color:#a3b399}
.automation-card .feature-note{color:#a3b399}
.automation-card .card-bottom{color:#93a38a}
.flow-connector>span{color:#93a38a}
.auth-success{color:#2f5a1e;background:#e2f0e6}
.request-node{background:#2f4520;color:#f2f7ea}
.hero{background:#111913;color:#f4f7ee}
.hero h1,.hero h1 span{color:#f4f7ee}
.hero h1 span{color:#d3f56a}
.automation-card{background:#19241a;color:#edf2e7}
.protocol-section{background:#111913;color:#e8eee2}
.console-section{background:#111913}
.image-dialog{background:#101711}
.toast{background:#24321f;color:#dbe6d4}
.presentation-bar{background:#172119f2;color:#c6d7b5}
.presentation-bar button{background:#2f4520;color:#dbe6d4}

/* —— 收尾浅底容器 —— */
.closing{background:radial-gradient(ellipse at 100% 100%,#dfe9d6,transparent 70%),#eef1e7;border-color:#dfe5d6}
.closing p,.share-link{color:#4f5c4a}
.closing .eyebrow{color:#5f6b5a}
.closing h2{color:#2c3d1e}

/* —— 强调件：EP 青柠 —— */
.button-primary{background:#d3f56a!important;color:#1a2a10!important}
.button-primary:hover{background:#e0ff86!important}
.status-dot,.live-pulse{background:#d3f56a}
.reading-progress{background:#9fbe48}

/* —— v3.1 收口：深底小字与特异性修正 —— */
.hero-eyebrow span{color:#a2b298!important}
.visual-label span{color:#8b9a84!important}
.hero-foundation>a{color:#a2b298!important}
.hero-foundation small{color:#8b9a84!important}
.resource-pool small{color:#5f6b5a!important}
.auth-animation .auth-success{color:#2f5a1e!important;background:#e2f0e6!important}
.presentation-bar kbd{color:#c6d7b5!important}
#presentation-bar kbd{color:#c6d7b5!important}

/* —— v4.1 深色区小标统一为墨绿系（原残留紫色）—— */
.section-heading .eyebrow{color:#6f766e}
.protocol-section .section-heading .eyebrow,
.console-section .section-heading .eyebrow,
.protocol-section .eyebrow,
.console-section .eyebrow{color:#a7b2a1!important}
.hero-copy>span.eyebrow,.hero .eyebrow{color:#a2b298!important}

/* —— v4.2 代码窗口深底小字 —— */
.code-top,.code-top>span:first-child{color:#a6ac9e!important}
.code-top i{color:#c3d2bb}
.code-window pre,.code-window code{color:#c2d0b8}

/* ===== v7：去掉大面积深色（对齐 ep：仅 hero 与单个卡片为深色）===== */
/* --- 协议区：整段改浅色 --- */
.protocol-section{background:transparent!important;color:#172019!important;border-top:1px solid #e5e9dd;border-bottom:1px solid #e5e9dd}
.protocol-section h2,.protocol-section h3,.protocol-copy h3,.channel-title h3{color:#172019!important}
.protocol-section .section-heading>p,.protocol-copy>p,.protocol-copy .integration-note,.channel-title>p,.channel-note{color:#5f6b5a!important}
.protocol-section .eyebrow{color:#6f766e!important}
.protocol-tabs button{color:#5f6b5a!important;background:#eef1e7;border:1px solid #e1e5dc}
.protocol-tabs button.active{color:#26351a!important;background:#e7eddd!important;border-color:#d6e0cc}
.channel-tabs button{color:#5f6b5a!important;background:#eef1e7;border:1px solid #e1e5dc}
.channel-tabs button.active{color:#26351a!important;background:#e7eddd!important;border-color:#d6e0cc}
.channel-tabs button>span{color:#7c8878!important}
/* 局部深色小卡片（代码块/渠道面板）保留对比，EP 同样如此 */
.channel-panel{background:#19241a!important;border:1px solid #243023!important}
.channel-panel h4{color:#e8eee2!important}
.channel-panel p,#channel-description{color:#c3d2bb!important}
.channel-panel code{color:#d3f56a!important}
.channel-symbol{background:#d3f56a1f!important;color:#d3f56a!important;border-color:#d3f56a33!important}
.architecture-label{color:#a7b2a1!important}
.code-window{background:#111913!important}
.code-top{background:#1b2a1d!important;color:#a6ac9e!important}
.code-top>span:first-child,.code-top i{color:#a6ac9e!important}
.code-window pre,.code-window code{color:#c2d0b8!important}
.code-foot{color:#8b9a84!important}

/* --- 控制台区：整段改浅色 --- */
.console-section{background:transparent!important;color:#172019!important;border-top:1px solid #e5e9dd}
.console-section .section-heading>p,.console-section .eyebrow{color:#6f766e!important}
.console-tabs button{color:#5f6b5a!important;background:#eef1e7;border:1px solid #e1e5dc}
.console-tabs button.active{color:#26351a!important;background:#e7eddd!important;border-color:#d6e0cc}
.console-tabs button:hover{color:#26351a!important}
.console-tabs>span{color:#7c8878!important}
.console-tabs>span>i{background:#7a9c4b}
.console-stage{background:#e9ede2!important;border-color:#e0e6d7!important}
.console-browser{border-color:#d9e1cd!important}
.browser-top{background:#eef0eb!important;color:#5f6b5a!important}
.browser-top>span,.browser-top>span#screen-title{color:#5f6b5a!important}
.browser-top button{color:#7c8878!important}
.console-caption h3{color:#172019!important}
.console-caption p,.console-caption .text-button{color:#5f6b5a!important}
.caption-index{color:#7c8878!important}
.console-note,.console-note>span{color:#6f766e!important}
.console-note i{background:#7a9c4b}

/* --- 工作流区保持浅色 --- */
.workflow-section{background:#edf0e7!important;border-top:1px solid #e5e9dd;border-bottom:1px solid #e5e9dd}
.workflow-panel{background:#fff!important;border-color:#dfe6d4!important}
.workflow-tab{color:#5f6b5a!important}
.workflow-tab.active{background:#f8faf3!important;border-color:#e3e9d9!important;color:#2c3d1e!important}
.panel-heading,.panel-footer{color:#7c8878!important}

/* ===== v8：改浅后的灰字收口 ===== */
.section-heading .eyebrow{color:#6f766e!important}
.small-label,.protocol-copy .small-label,.channel-title .small-label{color:#5f6b5a!important}
.protocol-tabs button{color:#4a5648!important}
.protocol-tabs button.active{color:#26351a!important}
.channel-tabs button{color:#4a5648!important}
.channel-tabs button>span{color:#5f6b5a!important}
.panel-heading,.panel-heading>span,.panel-footer,.panel-footer>span{color:#5f6b5a!important}
.console-tabs>span{color:#5f6b5a!important}
#screen-index,.console-caption .caption-index{color:#5f6b5a!important}
.console-caption .text-button{color:#4a5648!important}
.hero-copy>span.eyebrow,.hero .eyebrow{color:#a2b298!important}

/* ===== v9：特异性收口 ===== */
.protocol-section .eyebrow,.console-section .eyebrow,.section-heading .eyebrow,span.eyebrow{color:#6f766e!important}
.hero .eyebrow,.hero-copy>span.eyebrow,.hero span.eyebrow{color:#a2b298!important}
button#protocol-playground,button#protocol-openai,button#protocol-anthropic{color:#4a5648!important;background:#eef1e7!important;border:1px solid #e1e5dc!important}
button#protocol-playground.active,button#protocol-openai.active,button#protocol-anthropic.active{color:#26351a!important;background:#e7eddd!important;border-color:#d6e0cc!important}
button#channel-playground,button#channel-build{color:#4a5648!important}
button#channel-playground>span,button#channel-build>span{color:#5f6b5a!important}

/* ===== v10：终极特异性收口 ===== */
.protocol-section .section-heading .eyebrow,.console-section .section-heading .eyebrow,.section-heading .eyebrow,span.eyebrow,.eyebrow{color:#5f6b5a!important}
.hero .eyebrow,.hero-copy>span.eyebrow,.hero span.eyebrow,.hero-eyebrow span{color:#a2b298!important}
.protocol-copy .protocol-tabs button{color:#4a5648!important;background:#eef1e7!important;border:1px solid #e1e5dc!important}
.protocol-copy .protocol-tabs button.active,.protocol-copy .protocol-tabs button[aria-selected="true"]{color:#26351a!important;background:#e7eddd!important;border-color:#d6e0cc!important}
.channel-tabs button{color:#4a5648!important;background:#eef1e7!important;border:1px solid #e1e5dc!important}
.channel-tabs button.active,.channel-tabs button[aria-selected="true"]{color:#26351a!important;background:#e7eddd!important;border-color:#d6e0cc!important}
.closing .eyebrow{color:#4f5c4a!important}

/* ===== v11：ID 级收口（协议切换按钮）===== */
#protocol-gemini,#protocol-anthropic,#protocol-playground,#protocol-openai{color:#4a5648!important;background:#eef1e7!important;border:1px solid #e1e5dc!important}
#protocol-gemini.active,#protocol-anthropic.active,#protocol-playground.active,#protocol-openai.active,
#protocol-gemini[aria-selected="true"],#protocol-anthropic[aria-selected="true"],#protocol-playground[aria-selected="true"],#protocol-openai[aria-selected="true"]{color:#26351a!important;background:#e7eddd!important;border-color:#d6e0cc!important}

/* ===== v12：协议按钮强制（ID+类组合，最高优先级）===== */
.protocol-copy .protocol-tabs button#protocol-gemini,
.protocol-copy .protocol-tabs button#protocol-anthropic,
.protocol-copy .protocol-tabs button#protocol-playground,
.protocol-copy .protocol-tabs button#protocol-openai{color:#4a5648!important;background:#eef1e7!important;border:1px solid #e1e5dc!important;opacity:1!important}
.protocol-copy .protocol-tabs button#protocol-gemini.active,
.protocol-copy .protocol-tabs button#protocol-anthropic.active,
.protocol-copy .protocol-tabs button#protocol-playground.active,
.protocol-copy .protocol-tabs button#protocol-openai.active{color:#26351a!important;background:#e7eddd!important;border-color:#d6e0cc!important}
.browser-top button#expand-screen{color:#5f6b5a!important}

/* ===== v13：按钮 text-fill-color 收口（transition 导致读数滞后）===== */
.protocol-tabs button{-webkit-text-fill-color:#4a5648!important}
.protocol-tabs button.active,.protocol-tabs button[aria-selected="true"]{background:#e7eddd!important;color:#26351a!important;-webkit-text-fill-color:#26351a!important;border:1px solid #d6e0cc!important}
.channel-tabs button.active,.channel-tabs button[aria-selected="true"]{-webkit-text-fill-color:#26351a!important}

/* Huapi native performance chapter */
.go-chip{font-weight:800;letter-spacing:-1px;font-size:21px}.go-foundation{font-style:italic}.native-layout{display:grid;grid-template-columns:.85fr 1.25fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.native-manifesto{padding:48px;background:linear-gradient(145deg,#f4f0ff,#fbfbff)}.native-go{font-size:104px;line-height:1;font-weight:800;letter-spacing:-8px;color:#6951ce;font-style:italic;margin-bottom:36px}.native-go span{display:block;font-size:10px;font-weight:600;font-style:normal;letter-spacing:3px;margin:18px 0 0 5px;color:#8a7cab}.native-manifesto h3{font-size:29px;letter-spacing:-1px;line-height:1.45;margin:0 0 20px}.native-manifesto p{font-size:14px;line-height:1.9;color:var(--muted);max-width:340px}.native-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.native-tags span{font-size:8px;letter-spacing:.7px;padding:8px 9px;border:1px solid #dcd4ee;border-radius:5px;color:#78668c}.performance-list{padding:10px 36px}.performance-list article{display:flex;gap:23px;align-items:flex-start;padding:30px 0;border-bottom:1px solid var(--line)}.performance-list article:last-child{border:0}.performance-list article>span{font-size:11px;color:#9b8cb5;font-family:monospace;padding-top:5px}.performance-list h3{font-size:19px;margin:0 0 12px;font-weight:650}.performance-list p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}.performance-list svg{width:21px;margin-left:auto;color:#a397ba}.performance-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:22px}.performance-foot>span{white-space:nowrap;display:flex;gap:9px;align-items:center;font-size:11px;color:#7d6f93}.performance-foot p{font-size:10px;color:var(--muted);max-width:600px;line-height:1.8;text-align:right}.hero-foundation>div:nth-child(2) b{font-size:35px;letter-spacing:-1.6px}.console-tabs{flex-wrap:wrap}.console-tabs>span{margin-left:auto}.scope-note a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.native-layout{grid-template-columns:1fr}.native-manifesto{padding:34px}.native-go{font-size:80px;letter-spacing:-5px;margin-bottom:25px}.native-manifesto p{max-width:600px}.performance-list{padding:6px 28px}.performance-foot{align-items:flex-start;flex-direction:column;gap:4px}.performance-foot p{text-align:left}.hero-foundation>div:nth-child(2) b{font-size:27px}}
@media(max-width:600px){.native-manifesto{padding:28px}.performance-list{padding:0 22px}.performance-list article{gap:14px;padding:25px 0}.performance-list svg{display:none}.performance-list h3{font-size:18px}.console-tabs>span{display:none}.hero-foundation>div:nth-child(2) b{font-size:25px}.hero-proof{gap:15px}}

.native-manifesto{background:linear-gradient(145deg,#e6eddc,#f7f9f2)}.native-go{color:#426236}.native-go span{color:#728568}.native-manifesto h3{color:#21331d}.native-tags span{border-color:#d4dfc9;color:#667b5a}.performance-list article>span{color:#82916f}.performance-list svg{color:#87987a}.performance-foot>span{color:#647659}.go-chip{background:#d3f56a!important;color:#24351a!important}.performance-section .section-heading h2{color:#172019}

/* Shared project navigation */
.related-projects{padding-top:42px;padding-bottom:44px;border-top:1px solid #dfe5d6;scroll-margin-top:105px}.related-projects-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}.related-projects-heading h2{font-size:19px;font-weight:650;letter-spacing:-.5px;line-height:1.5;margin:0;color:#24351f}.related-projects-heading>span{font-size:9px;letter-spacing:1.8px;color:#72806a}.related-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-project-link{display:flex;align-items:center;gap:14px;padding:22px 20px;min-height:98px;border:1px solid #dce3d4;border-radius:12px;background:#f3f6ed;transition:background .2s,border-color .2s,transform .2s}.related-project-link:hover{background:#eaf0df;border-color:#aabb92;transform:translateY(-3px)}.related-project-link[aria-current=page]{background:#e9eedf;border-color:#b8c7a5}.related-project-mark{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#23351e;color:#d3f56a;font-size:19px;font-weight:750}.related-project-text{display:block;min-width:0}.related-project-text strong{display:block;font-size:14px;font-weight:650;line-height:1.6;overflow-wrap:anywhere;color:#23351e}.related-project-text small{display:block;font-size:10px;line-height:1.8;margin-top:4px;color:#66765b}.related-project-text em{display:inline-block;vertical-align:middle;font-size:8px;font-style:normal;margin-left:7px;padding:1px 5px;border-radius:4px;border:1px solid #c4cfb8;color:#66765b;white-space:nowrap}.related-project-arrow{margin-left:auto;align-self:flex-start;font-size:16px;color:#718561}.related-project-link:focus-visible{outline:3px solid #8da66b;outline-offset:4px}
@media(max-width:850px){.related-project-link{padding:17px 15px;gap:10px}.related-project-mark{width:30px;height:30px;font-size:16px}.related-project-text strong{font-size:12px}.related-project-text small{font-size:9px}.related-project-text em{display:block;width:max-content;margin:4px 0 0}}
@media(max-width:700px){.related-projects{padding-top:30px;padding-bottom:30px}.related-projects-heading{margin-bottom:16px}.related-projects-heading h2{font-size:18px}.related-projects-heading>span{font-size:7px;letter-spacing:1px}.related-projects-grid{grid-template-columns:1fr;gap:10px}.related-project-link{min-height:83px;padding:17px 18px;gap:14px}.related-project-mark{width:34px;height:34px}.related-project-text strong{font-size:14px}.related-project-text small{font-size:10px}.related-project-text em{display:inline-block;margin:0 0 0 6px}}

/* Compact product overview */
.hero{padding-top:24px!important;padding-bottom:0!important}.hero-content{display:grid!important;grid-template-columns:1fr 1.1fr!important;gap:42px!important;padding:38px 0 48px!important;min-height:0!important}.hero h1{font-size:50px!important;line-height:1.32!important;letter-spacing:-2px!important;margin:18px 0 20px!important}.hero-copy>p{font-size:14px!important;line-height:1.9!important;max-width:490px!important;margin-bottom:0!important}.hero-actions{margin:25px 0 20px!important}.hero-proof{margin:0!important}.hero-visual{margin:0!important;padding-top:20px!important}.hero-foundation,.hero-bottom,.product-line,.related-projects{display:none!important}.hero-eyebrow,.hero-top{margin-bottom:0!important}.hero .floating-chip,.hero .mini-tag{transform:scale(.9)}.hero .visual-label{margin-top:18px!important}.hero .hero-kicker,.hero-copy>.eyebrow{font-size:10px!important;letter-spacing:1.3px!important;margin-bottom:0!important}
.compact-essentials{padding-top:36px;padding-bottom:44px}.compact-essentials-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.compact-essentials-heading h2{font-size:22px;letter-spacing:-.7px;line-height:1.5;color:#24351f;margin:0}.compact-essentials-heading span{font-size:8px;letter-spacing:1.6px;color:#7a8571}.compact-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.compact-pillar{padding:23px 24px 25px;background:#fff;border:1px solid #dfe5d7;border-radius:12px}.compact-pillar>span{font-size:9px;font-family:monospace;color:#8c9e77}.compact-pillar h3{font-size:17px;font-weight:650;line-height:1.6;letter-spacing:-.3px;margin:10px 0 8px;color:#263b22}.compact-pillar p{font-size:12px;line-height:1.85;color:#687260;margin:0}
.console-section{padding-top:42px!important;padding-bottom:40px!important}.console-section .section-heading{margin-bottom:22px!important;align-items:center!important}.console-section .section-heading h2{font-size:30px!important;line-height:1.35!important;letter-spacing:-1px!important;margin-top:9px!important}.console-section .section-heading>p{font-size:11px!important;line-height:1.8!important}.console-section .console-tabs{margin-bottom:18px!important}.console-section .console-stage{max-width:1080px;margin-inline:auto}.console-section .screen-image-button{max-height:580px!important}.console-section .console-caption{padding-top:20px!important;padding-bottom:20px!important}.console-section .console-caption h3{font-size:18px!important}.console-section .console-caption p{font-size:11px!important}.console-section .console-note{margin-top:16px!important;font-size:9px!important}
.technical-fold{margin-top:6px;margin-bottom:32px;border:1px solid #dfe5d7;border-radius:12px;background:#f5f7ef;scroll-margin-top:100px}.technical-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;list-style:none;cursor:pointer;color:#2d3f25}.technical-fold>summary::-webkit-details-marker,.project-switcher>summary::-webkit-details-marker{display:none}.technical-fold>summary strong{display:block;font-size:15px;font-weight:650;line-height:1.7}.technical-fold>summary small{display:block;font-size:10px;line-height:1.8;color:#7a8570;margin-top:3px}.technical-fold>summary>span:last-child{font-size:21px;font-weight:300}.technical-fold[open]>summary>span:last-child{transform:rotate(45deg)}.technical-content{padding:0 26px 24px;border-top:1px solid #dfe5d7}.technical-toolbar{display:flex;justify-content:flex-end;padding-top:18px}.technical-toolbar .presentation-trigger{margin:0!important;color:#536347!important;background:#eef2e6!important;border:1px solid #d3dcc8!important}.technical-content .wrap{width:100%!important;max-width:none!important}.technical-content .section,.technical-content .protocol-section,.technical-content .workflow-section{padding:32px 0!important}.technical-content .section-heading h2{font-size:27px!important}.technical-content .section-heading{margin-bottom:24px!important}.technical-content .performance-foot{flex-wrap:wrap}.technical-fold summary:focus-visible,.project-switcher summary:focus-visible{outline:3px solid #94ad72;outline-offset:4px}.site-footer{padding-top:10px!important;padding-bottom:26px!important;min-height:0!important}
.project-switcher{position:relative;flex-shrink:0;margin-left:4px;color:#273a20}.project-switcher>summary{display:flex;align-items:center;gap:9px;font-size:12px;line-height:20px;padding:10px 13px;list-style:none;cursor:pointer;white-space:nowrap;border:1px solid #d9dfd0;border-radius:8px;background:#f8faf3}.project-switcher>summary:after{content:'⌄';font-size:13px;line-height:1;transition:transform .15s}.project-switcher[open]>summary:after{transform:rotate(180deg)}.project-menu{position:absolute;right:0;top:calc(100% + 10px);width:278px;border:1px solid #dce3d2;border-radius:12px;background:#fff;padding:6px;box-shadow:0 15px 45px #17241120;z-index:100}.project-menu a{display:block;padding:12px 13px;border-radius:7px;color:#2e4326}.project-menu a:hover,.project-menu a[aria-current=page]{background:#eef3e4}.project-menu strong{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:650;line-height:1.5}.project-menu small{display:block;font-size:10px;line-height:1.8;margin-top:3px;color:#78816c}.project-menu em{font-size:8px;font-style:normal;font-weight:400;color:#73865c;white-space:nowrap}.brand-mobile{display:none}.brand-desktop{font-weight:inherit}
@media(max-width:1100px) and (min-width:701px){.hero h1{font-size:40px!important}.hero-content{gap:25px!important}.main-nav{gap:18px!important}.compact-pillar{padding:19px}.compact-pillar h3{font-size:15px}}
@media(max-width:700px){.hero{padding-top:21px!important}.hero-content{display:block!important;padding:28px 0 34px!important}.hero h1{font-size:37px!important;letter-spacing:-1.5px!important;line-height:1.36!important;margin-top:15px!important;margin-bottom:17px!important}.hero-copy>p{font-size:12px!important;line-height:1.9!important;max-width:100%!important}.hero-copy>.eyebrow,.hero .hero-kicker{font-size:9px!important}.hero-actions{margin:23px 0 18px!important}.hero-visual{padding-top:0!important;margin:48px 5px 0!important}.hero .visual-label{margin-top:16px!important}.hero-proof{font-size:8px!important;gap:14px!important}.compact-essentials{padding-top:27px;padding-bottom:28px}.compact-essentials-heading{margin-bottom:14px}.compact-essentials-heading h2{font-size:19px}.compact-pillar-grid{grid-template-columns:1fr;gap:9px}.compact-pillar{padding:16px 18px;display:grid;grid-template-columns:23px 1fr;gap:0 8px}.compact-pillar>span{grid-row:1/3;padding-top:5px}.compact-pillar h3{font-size:15px;margin:0 0 4px}.compact-pillar p{font-size:11px;line-height:1.8}.console-section{padding-top:28px!important;padding-bottom:26px!important}.console-section .section-heading{margin-bottom:18px!important}.console-section .section-heading h2{font-size:25px!important}.console-section .section-heading>p{font-size:10px!important;margin-top:10px!important}.console-section .console-tabs{margin-bottom:13px!important}.console-section .console-caption h3{font-size:15px!important}.console-section .console-caption p{font-size:10px!important}.console-section .console-caption{padding-top:16px!important;padding-bottom:15px!important}.technical-fold{margin-bottom:24px}.technical-fold>summary{padding:18px}.technical-fold>summary strong{font-size:14px}.technical-fold>summary small{font-size:8px}.technical-content{padding:0 16px 18px}.technical-content .section-heading h2{font-size:23px!important}.technical-content .section-heading p{font-size:11px!important}.nav-wrap{gap:10px!important}.project-switcher{margin-left:auto}.project-switcher>summary{font-size:10px;padding:8px 10px;gap:7px}.project-menu{width:min(278px,calc(100vw - 40px));right:-34px}.site-header .wordmark{gap:8px!important}.site-header .wordmark>span{font-size:18px!important}.brand-mobile{display:block;font-size:16px}.brand-desktop{display:none}.menu-button{margin-left:0!important}.main-nav{column-gap:6px!important}.site-footer>span{font-size:6px!important}}
@media(prefers-reduced-motion:reduce){.project-switcher>summary:after{transition:none}}

/* Docker authorization pricing */
.docker-pricing{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#e8eedf;border:1px solid #d3dfc6;border-radius:12px;padding:24px 28px;margin-top:-12px;margin-bottom:24px;scroll-margin-top:105px}.docker-pricing-heading>span{display:block;font-size:8px;letter-spacing:1.7px;color:#798c66;line-height:1.5}.docker-pricing-heading h2{font-size:18px;letter-spacing:-.5px;line-height:1.5;font-weight:650;color:#293e20;margin:7px 0 0}.docker-price-options{display:flex;align-items:center;gap:35px}.docker-price{display:flex;align-items:baseline;gap:8px;white-space:nowrap;color:#2b4220}.docker-price>span{font-size:12px;color:#617351}.docker-price strong{font-size:30px;line-height:1.25;font-weight:720;letter-spacing:-.9px;font-variant-numeric:tabular-nums}.docker-price strong small{font-size:16px;font-weight:500;margin-right:3px;letter-spacing:0}.docker-price>small{font-size:10px;color:#748365}.docker-price-arrow{font-size:17px;color:#9aab89}
@media(max-width:900px) and (min-width:701px){.docker-pricing{padding:22px}.docker-price-options{gap:19px}.docker-price{gap:5px}.docker-price strong{font-size:25px}.docker-price>span{font-size:11px}}
@media(max-width:700px){.docker-pricing{display:block;padding:19px 20px;margin-top:-6px;margin-bottom:18px}.docker-pricing-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.docker-pricing-heading h2{font-size:16px;margin:0}.docker-pricing-heading>span{font-size:7px;letter-spacing:1px}.docker-price-options{justify-content:space-between;gap:10px;margin-top:17px}.docker-price{gap:5px;flex-wrap:wrap}.docker-price>span{font-size:10px}.docker-price strong{font-size:27px}.docker-price strong small{font-size:14px}.docker-price>small{font-size:8px}.docker-price-arrow{font-size:14px}}
@media(max-width:370px){.docker-pricing{padding:18px 15px}.docker-price strong{font-size:23px}.docker-price>small{font-size:7px}.docker-price-options{gap:7px}}