/* Rola IP homepage styles — 主题色：蓝色 #3B82F6；背景：暗色 #0B0E14 */
:root{--bg: #050A09;--bg2: #0A1311;--surface: rgba(255,255,255,.028);--surface-2: rgba(255,255,255,.05);--border: rgba(255,255,255,.08);--border-soft: rgba(255,255,255,.05);--border-strong: rgba(45,212,191,.35);--ink: #FFFFFF;--ink-2: #C5C8E0;--dim: #82859B;--faint: #5a5d72;--purple: #2DD4BF;--purple-deep: #0D9488;--grad: linear-gradient(90deg, #2DD4BF, #34D399);--grad-strong: linear-gradient(135deg, #2DD4BF 0%, #0D9488 100%);--sans: "Manrope", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--sans);font-weight:800;letter-spacing:-1px;margin:0}p{margin:0}a{color:inherit}ul{margin:0;padding:0;list-style:none}.cnav{position:fixed;left:0;right:0;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;--nav-progress:0;width:100%;max-width:1842px;margin:0 auto;padding:calc(18px - var(--nav-progress) * 6px) clamp(20px,4vw,60px);isolation:isolate}.cnav:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translate(-50%);pointer-events:none;z-index:-1;background:rgba(5,12,10,calc(var(--nav-progress) * .72));border-bottom:1px solid rgba(255,255,255,calc(var(--nav-progress) * .06));-webkit-backdrop-filter:blur(calc(var(--nav-progress) * 20px)) saturate(140%);backdrop-filter:blur(calc(var(--nav-progress) * 20px)) saturate(140%)}.clogo-mark{width:44px;height:44px;flex-shrink:0;object-fit:contain}.clogo{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;color:#fff;letter-spacing:-.6px;text-decoration:none}@media (max-width: 1080px){.clogo{font-size:18px;gap:8px;letter-spacing:-.4px}.clogo-mark{width:28px;height:28px}}.clinks{display:flex;gap:44px;align-items:center}.clinks>a{color:#e7e8f2;font-size:17px;font-weight:500;text-decoration:none;transition:color .2s}.clinks>a:hover{color:#fff}.cget{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:40px;border:1px solid rgba(255,255,255,.16);background:#ffffff08;color:#d9dbec;font-size:15.5px;font-weight:600;text-decoration:none;transition:.2s;white-space:nowrap}.cget:hover{background:#ffffff14;color:#fff}.cget svg{color:var(--purple)}.cnav .navwrap{position:relative}.cnav .navwrap>a{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#e7e8f2;font-size:17px;font-weight:500;text-decoration:none;transition:color .2s}.cnav .navwrap>a:hover{color:#fff}.cnav .navwrap>a .chev{transition:transform .2s;opacity:.7}.cnav .navwrap:hover>a .chev{transform:rotate(180deg);opacity:1}.cnav .navwrap:after{content:"";position:absolute;left:-16px;right:-16px;top:100%;height:28px;pointer-events:none}.cnav .navwrap:hover:after{pointer-events:auto}.cnav .mega{display:block;position:fixed;top:var(--cnav-height, 80px);left:0;right:0;background:#0a1311eb;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #0000008c;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s ease .05s;z-index:99;padding-top:10px}.cnav .navwrap:hover .mega,.cnav .mega:hover{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s,transform .2s,visibility 0s}.cnav .mega .mega-inner{max-width:1180px;margin:0 auto;padding:30px 60px 38px}.cnav .mega .mega-col-h{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--dim);margin:0 0 16px;font-weight:600}.cnav .mega .mega-split{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.cnav .mega .mega-rule{border-left:1px solid var(--border);padding-left:36px}.cnav .mega .mega-products{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.cnav .mega .mega-products.cols-1{grid-template-columns:1fr}.cnav .mega .mega-prod{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid transparent;text-decoration:none;transition:background .15s,border-color .15s}.cnav .mega .mega-prod:hover{background:#2dd4bf0f;border-color:var(--border)}.cnav .mega .mega-prod.disabled{opacity:.55;pointer-events:auto}.cnav .mega .mega-prod.disabled .mp-price .amt{color:var(--dim)}.cnav .mega .mp-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);color:var(--purple)}.cnav .mega .mp-t{display:block;font-size:14px;color:var(--ink);font-weight:600}.cnav .mega .mp-d{display:block;font-size:12px;color:var(--dim);margin-top:2px;line-height:1.4}.cnav .mega .mp-price{text-align:right;min-width:78px}.cnav .mega .mp-price .from{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--faint);display:block;font-weight:600}.cnav .mega .mp-price .amt{font-size:16px;color:var(--ink);font-weight:700;display:block;line-height:1.1}.cnav .mega .mp-price .unit{font-size:11px;color:var(--dim);display:block}.cnav .mega .mp-soon{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--dim);font-weight:600;display:block}.cnav .mega .mega-promo{display:block;border-radius:14px;border:1px solid var(--border);padding:16px 18px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);text-decoration:none;transition:border-color .15s,background .15s}.cnav .mega .mega-promo+.mega-promo{margin-top:12px}.cnav .mega .mega-promo:hover{border-color:#2dd4bf40;background:linear-gradient(180deg,#2dd4bf0f,#ffffff03)}.cnav .mega .mega-promo .mp-tag{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--purple);font-weight:600;display:block;margin-bottom:8px}.cnav .mega .mega-promo h5{font-size:17px;margin:0 0 6px;color:var(--ink);font-weight:700;letter-spacing:-.2px}.cnav .mega .mega-promo p{font-size:12.5px;color:var(--dim);margin:0;line-height:1.5}.cnav .mega .mega-link{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background .15s}.cnav .mega .mega-link:hover{background:#2dd4bf0f}.cnav .mega .ml-ico{width:32px;height:32px;border-radius:9px;background:#2dd4bf1a;border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--purple);flex-shrink:0}.cnav .mega .ml-t{display:block;font-size:13.5px;color:var(--ink);font-weight:500}.cnav .mega .ml-d{display:block;font-size:11.5px;color:var(--dim);margin-top:2px;line-height:1.4}.cnav .mega .mega-flat{display:grid;gap:2px}.cnav .mega .mega-flat a{display:block;padding:7px 12px;border-radius:8px;font-size:13px;color:var(--ink-2);text-decoration:none}.cnav .mega .mega-flat a:hover{background:#2dd4bf0f;color:var(--purple)}@media (max-width: 1099px){.cnav .mega .mega-inner{padding:26px 32px 32px}}.cnav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer;color:#e7e8f2;z-index:101;position:relative}.cnav-toggle svg{width:28px;height:28px}.cnav-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);z-index:98;opacity:0;pointer-events:none;transition:opacity .25s ease}.cnav-backdrop.open{opacity:1;pointer-events:auto}.cnav-mobile{position:fixed;top:0;right:0;bottom:0;width:100%;background:#0a1311;border-left:1px solid rgba(255,255,255,.08);padding:84px 24px 32px;z-index:99;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;visibility:hidden}.cnav-mobile.open{transform:translate(0);visibility:visible}.cnav-mobile a{display:block;padding:14px 0;color:#e7e8f2;text-decoration:none;font-size:17px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06)}.cnav-mobile a:hover{color:#fff}.cnav-mobile details{border-bottom:1px solid rgba(255,255,255,.06)}.cnav-mobile details summary{list-style:none;cursor:pointer;padding:14px 0;color:#e7e8f2;font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.cnav-mobile details summary::-webkit-details-marker{display:none}.cnav-mobile details summary:after{content:"";width:10px;height:10px;border-right:2px solid #E7E8F2;border-bottom:2px solid #E7E8F2;transform:rotate(-45deg);transition:transform .2s}.cnav-mobile details[open] summary:after{transform:rotate(45deg)}.cnav-mobile details a{padding:10px 0 10px 18px;font-size:15px;color:#c5c8e0;border-bottom:none}.cnav-mobile details a:hover{color:#fff}.cnav-mobile .cget-mobile{display:inline-flex;align-items:center;gap:9px;margin-top:28px;padding:14px 26px;border-radius:40px;background:linear-gradient(180deg,#2DD4BF,#0d9488);color:#fff;font-weight:700;text-decoration:none;border-bottom:none}@media (max-width: 1080px){.cnav-toggle{display:inline-flex}.cnav .clinks,.cnav .cget{display:none}.cnav .mega{display:none!important}}@media (min-width: 1081px){.cnav-mobile,.cnav-backdrop{display:none!important}}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}.sec{padding:96px 0}.sec.tight{padding:48px 0}.sec.compact{padding:64px 0}.pricing-page .hero{padding:60px 0 40px;text-align:center;min-height:auto;display:block}.pricing-page .eb{display:inline-block;padding:6px 14px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--purple);border:1px solid rgba(45,212,191,.3);border-radius:40px;background:#2dd4bf0f;font-weight:600;margin-bottom:24px}.pricing-page .h1{font-size:clamp(40px,6vw,64px);line-height:1.05;margin-bottom:22px;letter-spacing:-1.5px;max-width:880px;margin-left:auto;margin-right:auto}.pricing-page .h1 .gt{background:linear-gradient(96deg,#5EEAD4,#2DD4BF 44%,#34D399);-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-page .lede{font-size:18px;color:var(--ink-2);line-height:1.6;max-width:720px;margin:0 auto 36px}.pricing-page .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.btn{display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 26px;border-radius:40px;font-weight:700;font-size:15.5px;text-decoration:none;transition:.2s;cursor:pointer;border:none;font-family:var(--sans)}.btn.solid{background:linear-gradient(180deg,#2DD4BF,#0d9488);color:#fff;box-shadow:0 16px 34px -10px #0d9488b3}.btn.solid:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}.btn.ghost{background:#ffffff09;color:var(--ink);border:1px solid rgba(255,255,255,.14)}.btn.ghost:hover{background:#ffffff14;color:var(--ink)}.pricing-page .mini-stats{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;padding:18px 0 0;font-size:13px;color:var(--dim)}.pricing-page .mini-stats b{color:var(--ink);font-weight:600}.picker{max-width:1080px;margin:0 auto;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0b,#ffffff03);padding:40px;box-shadow:0 30px 80px -30px #0000008c}.picker-head{margin-bottom:32px}.picker-head h2{font-size:26px;font-weight:700;letter-spacing:-.6px;margin-bottom:6px}.picker-head p{font-size:14px;color:var(--dim)}.picker-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:flex-start}@media (max-width: 920px){.picker-grid{grid-template-columns:1fr}.picker{padding:28px}}.field{margin-bottom:22px}.field:last-child{margin-bottom:0}.field-label{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-end}.field-label .val{color:var(--ink);letter-spacing:-.4px;text-transform:none;font-size:18px;font-weight:700}.field select,.field input[type=number]{width:100%;height:52px;padding:0 18px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;color:var(--ink);font-size:15px;font-family:var(--sans);outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 16' fill='none' stroke='%23C5C8E0' stroke-width='2.5'><polyline points='2 2 12 13 22 2'/></svg>");background-repeat:no-repeat;background-position:right 18px center}.field input[type=number]{background-image:none;padding-right:18px}.field select:focus,.field input:focus{border-color:var(--purple)}.tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:14px;background:#ffffff06}.tab{flex:1;padding:11px 12px;border-radius:10px;text-align:center;font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer;border:1px solid transparent;transition:.15s;background:transparent;font-family:var(--sans)}.tab:hover{color:var(--ink)}.tab.active{background:#2dd4bf1f;color:var(--ink);border-color:#2dd4bf52}.tab .pop{display:block;font-size:9px;color:var(--purple);letter-spacing:1.2px;text-transform:uppercase;margin-top:3px}.slider-wrap{position:relative;padding:4px 0}.slider-wrap input[type=range]{width:100%;-webkit-appearance:none;appearance:none;background:transparent;height:32px;cursor:pointer}.slider-wrap input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--purple) var(--pct,30%),rgba(255,255,255,.1) var(--pct,30%));border-radius:4px}.slider-wrap input[type=range]::-moz-range-track{height:4px;background:#ffffff1a;border-radius:4px}.slider-wrap input[type=range]::-moz-range-progress{height:4px;background:var(--purple);border-radius:4px}.slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;margin-top:-8px;box-shadow:0 0 0 3px #2dd4bf40,0 4px 12px #0d948866;cursor:pointer}.slider-wrap input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 0 3px #2dd4bf40;cursor:pointer}.slider-stops{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}.summary{border-radius:18px;border:1px solid var(--border);background:#ffffff06;padding:28px;display:flex;flex-direction:column;gap:14px}.summary .from{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);font-weight:600}.summary .price{display:flex;align-items:baseline;gap:8px}.summary .price .amt{font-size:48px;font-weight:800;letter-spacing:-1.6px;background:linear-gradient(96deg,#5EEAD4,#34D399);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;font-variant-numeric:tabular-nums}.summary .price .unit{font-size:15px;color:var(--dim);font-weight:600}.summary .equiv{font-size:13px;color:var(--dim);margin-top:-4px}.summary .row{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--ink-2);padding:8px 0;border-bottom:1px solid var(--border)}.summary .row:last-of-type{border-bottom:none;padding-bottom:0}.summary .row b{color:var(--ink);font-weight:600;text-align:right}.summary .checks{display:flex;flex-direction:column;gap:8px;padding-top:6px}.summary .checks li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink-2)}.summary .checks svg{color:var(--purple);flex-shrink:0;margin-top:2px}.summary .cta-btn{display:flex;align-items:center;justify-content:center;gap:9px;height:52px;border-radius:40px;background:linear-gradient(180deg,#2DD4BF,#0d9488);color:#fff;font-weight:700;text-decoration:none;transition:.2s;box-shadow:0 16px 34px -10px #0d9488b3;margin-top:4px;font-size:15.5px}.summary .cta-btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}.shead{text-align:center;margin:0 auto 48px;max-width:720px}.shead h2{font-size:clamp(32px,4.4vw,44px);margin-bottom:14px;letter-spacing:-1.4px}.shead h2 .gt{background:linear-gradient(96deg,#5EEAD4,#2DD4BF 44%,#34D399);-webkit-background-clip:text;background-clip:text;color:transparent}.shead p{font-size:16px;color:var(--ink-2);line-height:1.6}.ctable-wrap{max-width:1080px;margin:0 auto;overflow-x:auto}.ctable{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#ffffff05}.ctable th,.ctable td{padding:16px 20px;text-align:left;font-size:14px}.ctable thead th{background:#ffffff0a;color:var(--dim);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--border)}.ctable thead th.this-plan{color:var(--purple)}.ctable tbody tr+tr td{border-top:1px solid var(--border)}.ctable tbody td:first-child{color:var(--dim);font-weight:500}.ctable tbody td:not(:first-child){color:var(--ink-2)}.ctable .this-plan{background:#2dd4bf0f;color:var(--ink)!important;font-weight:600}.ctable tbody td.this-plan{color:var(--ink)!important}.tier-table{max-width:720px;margin:0 auto;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#ffffff06}.tier-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:14px 22px;font-size:14px}.tier-row+.tier-row{border-top:1px solid var(--border)}.tier-row.head{background:#ffffff08;color:var(--dim);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}.tier-row b{color:var(--ink);font-weight:600}.tier-row .save{color:var(--purple);font-size:12px;font-weight:600}.faq-list{max-width:820px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:14px;margin-bottom:12px;background:#ffffff06;overflow:hidden}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;cursor:pointer;gap:20px;user-select:none}.faq-q h3{font-size:16px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}.faq-q .ico{width:20px;height:20px;display:grid;place-items:center;color:var(--purple);flex-shrink:0;transition:transform .2s;font-size:22px;line-height:1}.faq-item.open .faq-q .ico{transform:rotate(45deg)}.faq-a{display:none;padding:0 26px 24px;font-size:14.5px;line-height:1.65;color:var(--ink-2)}.faq-item.open .faq-a{display:block}.cta-strip{max-width:1080px;margin:0 auto;padding:56px;border-radius:24px;background:linear-gradient(135deg,#2dd4bf1f,#0d94881f);border:1px solid rgba(45,212,191,.2);text-align:center}.cta-strip h2{font-size:clamp(28px,4vw,36px);margin-bottom:12px;letter-spacing:-1px}.cta-strip p{font-size:16px;color:var(--ink-2);margin:0 auto 28px;max-width:560px}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:0 auto}@media (max-width: 920px){.feat-grid{grid-template-columns:1fr}}.feat{padding:26px;border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--border)}.feat .ico-tile{width:44px;height:44px;border-radius:12px;background:#2dd4bf1a;border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--purple);margin-bottom:18px}.feat h3{font-size:17px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.feat p{font-size:14px;color:var(--ink-2);line-height:1.55}.foot-wrap{border-top:1px solid var(--border);margin-top:80px}.foot{padding:72px 40px 24px;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:60px}.foot .fbrand{display:flex;align-items:center;gap:10px;font-size:20px;color:var(--ink);margin-bottom:16px;text-decoration:none;font-weight:800}.foot .fbrand img{width:32px;height:32px;object-fit:contain}.foot p.foot-dim{font-size:13px;line-height:1.6;color:var(--dim);max-width:280px}.foot .col-h{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);margin-bottom:14px;font-weight:600}.foot a{display:block;font-size:13.5px;color:var(--ink-2);text-decoration:none;padding:6px 0;transition:color .15s}.foot a:hover{color:var(--purple)}.foot-bottom{max-width:1180px;margin:0 auto;padding:24px 40px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:12px}.foot-bottom .frow{display:flex;gap:18px}.foot-bottom a{color:var(--dim);text-decoration:none}.foot-bottom a:hover{color:var(--purple)}.trust-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.trust-badge{padding:5px 11px;border-radius:40px;border:1px solid var(--border);background:#ffffff06;font-size:11px;color:var(--dim);letter-spacing:.5px}@media (max-width: 920px){.foot{grid-template-columns:1fr;gap:36px}.foot-bottom{flex-direction:column;gap:12px}}:root{--mono: ui-monospace, SFMono-Regular, Menlo, monospace}.gt{background:linear-gradient(96deg,#5EEAD4,#2DD4BF 44%,#34D399);-webkit-background-clip:text;background-clip:text;color:transparent}.shead .eb{color:var(--purple);font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;display:block;margin-bottom:14px}.pill{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 30px;border-radius:40px;font-weight:700;font-size:16px;text-decoration:none;transition:.2s;cursor:pointer;border:none}.pill.solid{background:linear-gradient(180deg,#2DD4BF,#0d9488);color:#fff;box-shadow:0 16px 34px -10px #0d9488b3}.pill.solid:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}.pill.ghost{background:#ffffff09;color:var(--ink);border:1px solid rgba(255,255,255,.14)}.pill.ghost:hover{background:#ffffff14;color:var(--ink)}.pill.ghost .bolt{color:var(--purple);display:inline-flex}.hero{position:relative;overflow:hidden;margin:90px auto 22px;max-width:1842px;width:calc(100% - 44px);border-radius:28px;padding:0 0 24px 60px;min-height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(820px 560px at 90% 46%,rgba(20,184,166,.22),transparent 56%),radial-gradient(720px 520px at 12% -8%,rgba(10,40,36,.6),transparent 54%),linear-gradient(160deg,#0a161480 0%,transparent 60%),#0a1311}.hero-grid--split{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;position:relative;z-index:3;width:100%}.hero-col-text{max-width:640px;display:flex;flex-direction:column}.hero-col-visual{position:relative;aspect-ratio:1 / 1;width:100%;max-width:520px;margin:0 0 0 auto;border-radius:24px;overflow:hidden;background:radial-gradient(60% 50% at 50% 50%,rgba(13,148,136,.18),transparent 70%)}.hero-col-visual picture{display:block;width:100%;height:100%}.hero-col-visual img{width:100%;height:100%;object-fit:contain;display:block}.hero-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:24px;margin-top:clamp(40px,8vh,100px);border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:3}.hero-stats-row .stat{padding:0 28px;border-right:1px solid rgba(255,255,255,.06)}.hero-stats-row .stat:last-child{border-right:none}.hero-stats-row .stat:first-child{padding-left:0}.hero-stats-row .n{background:linear-gradient(180deg,#34D399,#0d9488 70%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(28px,2.6vw,40px);line-height:1;letter-spacing:-1px;font-weight:800}.hero-stats-row .c{color:var(--ink-2);font-size:13.5px;margin-top:8px}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(130% 120% at 84% 22%,#000 0%,transparent 56%);z-index:1;pointer-events:none}.eyebrow-pill{display:inline-flex;align-items:center;gap:11px;padding:9px 16px;border-radius:30px;background:#ffffff09;border:1px solid rgba(255,255,255,.12);font-size:14px;color:#e7e8f2;font-weight:500;white-space:nowrap;width:fit-content}.eyebrow-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 8px var(--purple)}.eyebrow-pill b{color:var(--purple);font-weight:600}.eyebrow-pill .sep{width:1px;height:15px;background:#fff3}.h-title{font-size:clamp(36px,3.8vw,56px);line-height:1.08;letter-spacing:-1.4px;margin:20px 0 0;font-weight:800}.h-lede{color:#b8bbd0;font-size:18px;line-height:1.6;margin:22px 0 0;max-width:540px}.h-checks{list-style:none;padding:0;margin:20px 0 24px;display:flex;flex-direction:column;gap:10px}.h-checks li{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:var(--ink);line-height:1.45}.h-checks .ck{flex-shrink:0;width:20px;height:20px;color:var(--purple);margin-top:1px}.h-cta{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}.pp-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pp-feat{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--border);border-radius:18px;padding:24px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.pp-feat:hover{transform:translateY(-2px);border-color:#2dd4bf47}.pp-feat .icoTile{width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(45,212,191,.18);display:grid;place-items:center;color:var(--purple);margin-bottom:18px}.pp-feat .icoTile svg{width:22px;height:22px}.pp-feat h3{font-size:17px;margin:0 0 8px;letter-spacing:-.3px;color:var(--ink)}.pp-feat p{color:var(--ink-2);font-size:13.5px;line-height:1.55;margin:0}.pp-how{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.pp-steps{display:flex;flex-direction:column;gap:22px}.pp-step{display:flex;gap:18px;padding:22px;border-radius:16px;background:linear-gradient(180deg,#ffffff09,#ffffff03);border:1px solid var(--border)}.pp-step .nm{flex-shrink:0;width:38px;height:38px;border-radius:12px;background:#2dd4bf1a;border:1px solid var(--border-strong);color:var(--purple);display:grid;place-items:center;font-weight:800;font-size:17px}.pp-step h4{font-size:17px;margin:0 0 6px;letter-spacing:-.3px;color:var(--ink)}.pp-step p{color:var(--ink-2);font-size:13.5px;line-height:1.55;margin:0}.pp-console{background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:0 40px 90px -40px #000c}.pp-console-head{display:flex;align-items:center;gap:8px;padding:4px 6px 14px;border-bottom:1px solid var(--border-soft);margin-bottom:16px}.pp-console-head .pp-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.pp-console-head .pp-dot-r{background:#ff6058}.pp-console-head .pp-dot-y{background:#ffbd2e}.pp-console-head .pp-dot-g{background:#28c840}.pp-console-head .nm{font-size:12px;color:var(--ink-2);font-weight:600;margin-left:4px}.pp-console-head .st{margin-left:auto;font-size:11px;color:#5ee6a8;display:flex;align-items:center;gap:6px}.pp-console-head .st .d{width:7px;height:7px;border-radius:50%;background:#5ee6a8}.pp-codeline{font-family:var(--mono);font-size:12.5px;line-height:1.65;color:var(--ink-2);padding:14px 16px;background:#00000040;border-radius:12px;border:1px solid var(--border-soft);margin:0 0 14px;overflow-x:auto;white-space:pre}.pp-codeline .k{color:#2dd4bf}.pp-codeline .a{color:#5EEAD4}.pp-codeline .s{color:#c5c8e0}.pp-codeline .c{color:#5a5d72}.pp-coderes{display:flex;gap:10px;align-items:center;padding:12px 14px;background:#5ee6a80f;border-radius:12px;border:1px solid rgba(94,230,168,.18)}.pp-coderes svg{color:#5ee6a8;flex-shrink:0}.pp-coderes .t{font-size:13px;color:var(--ink-2)}.pp-coderes .t b{color:var(--ink)}.pp-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pp-cases.three{grid-template-columns:repeat(3,1fr)}.pp-case{display:block;padding:24px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--border);border-radius:18px;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease}.pp-case:hover{transform:translateY(-2px);border-color:#2dd4bf47}.pp-case .icoTile{width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(45,212,191,.18);display:grid;place-items:center;color:var(--purple);margin-bottom:16px}.pp-case .icoTile svg{width:24px;height:24px}.pp-case h3{font-size:16px;margin:0 0 8px;letter-spacing:-.3px;color:var(--ink)}.pp-case p{color:var(--ink-2);font-size:13px;line-height:1.55;margin:0}.pp-cmp{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--border);border-radius:22px;padding:28px;overflow-x:auto}.pp-cmp table{width:100%;border-collapse:collapse;min-width:720px}.pp-cmp th,.pp-cmp td{padding:14px 16px;text-align:left;font-size:13.5px}.pp-cmp th{color:var(--dim);font-weight:600;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border)}.pp-cmp td{color:var(--ink-2);border-bottom:1px solid var(--border-soft)}.pp-cmp tr:last-child td{border-bottom:none}.pp-cmp tr.this td{background:#2dd4bf0d;color:var(--ink)}.pp-cmp tr.this td:first-child{font-weight:700}.pp-cmp td a{color:var(--purple);text-decoration:none}.pp-cmp td a:hover{color:var(--ink)}.pp-cmp-foot{margin-top:18px;text-align:center}.pp-cmp-foot a{color:var(--purple);font-weight:600;font-size:14px;text-decoration:none;display:inline-flex;gap:6px;align-items:center}.pp-cmp-foot a:hover{color:var(--ink)}.pp-faq{max-width:760px;margin:0 auto;display:grid;gap:12px}.pp-q{background:linear-gradient(180deg,#ffffff09,#ffffff03);border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden}.pp-q summary{padding:20px 24px;font-size:15.5px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.pp-q summary::-webkit-details-marker{display:none}.pp-q summary:after{content:"+";color:var(--purple);font-size:22px;font-weight:400;transition:transform .2s;line-height:1;flex-shrink:0}.pp-q[open] summary:after{transform:rotate(45deg)}.pp-q .body{padding:0 24px 22px;color:var(--ink-2);font-size:14px;line-height:1.65}.pp-cta{position:relative;overflow:hidden;margin:60px auto 110px;max-width:1842px;width:calc(100% - 44px);border-radius:28px;padding:80px 60px;text-align:center;background:radial-gradient(620px 380px at 50% 50%,rgba(45,212,191,.18),transparent 60%),linear-gradient(180deg,#0a161450,#0a1311);border:1px solid var(--border)}.pp-cta .pp-cta-inner{position:relative;z-index:2}.pp-cta h2{font-size:clamp(34px,4vw,48px);line-height:1.1;letter-spacing:-1.6px;margin:0 auto;max-width:720px}.pp-cta p{color:var(--ink-2);font-size:16px;margin:18px auto 32px;max-width:480px;line-height:1.6}.pp-cta .h-cta{justify-content:center}.pp-cta-glow{position:absolute;left:50%;bottom:-200px;transform:translate(-50%);width:560px;height:560px;border-radius:50%;background:conic-gradient(from 200deg,#0d9488,#14B8A6,#2dd4bf,#5EEAD4,#0d9488);filter:blur(80px);opacity:.4;pointer-events:none}@media (max-width: 1100px){.hero{padding:12px 40px 48px}.pp-features,.pp-cases{grid-template-columns:repeat(2,1fr)}.pp-how{grid-template-columns:1fr;gap:36px}}@media (max-width: 980px){.hero{margin:80px 14px 14px;padding:12px 26px 32px;min-height:auto}.hero-grid--split{grid-template-columns:1fr;gap:32px;min-height:auto}.hero-col-visual{display:none}.hero-stats-row{grid-template-columns:repeat(2,1fr);gap:24px 0}.hero-stats-row .stat{padding:0 18px;border-right:none}.hero-stats-row .stat:nth-child(odd){padding-left:0;border-right:1px solid rgba(255,255,255,.06)}}@media (max-width: 620px){.sec{padding:64px 0}.pp-features,.pp-cases{grid-template-columns:1fr}.pp-cta{margin:36px 14px 64px;padding:56px 28px}.h-title{font-size:36px;letter-spacing:-1.2px;line-height:1.05}}html,body{overflow-x:hidden;overscroll-behavior-x:none}@media (max-width: 1080px){body{touch-action:pan-y}}.pp-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto}.pp-tier{position:relative;display:flex;flex-direction:column;padding:32px 28px 28px;border-radius:22px;background:linear-gradient(180deg,#ffffff09,#ffffff03);border:1px solid var(--border);transition:border-color .2s,transform .2s,box-shadow .2s}.pp-tier:hover{border-color:#2dd4bf40;transform:translateY(-2px)}.pp-tier.featured{background:linear-gradient(180deg,#2dd4bf1a,#2dd4bf05);border-color:#2dd4bf59;box-shadow:0 30px 70px -25px #0F766E73}.pp-tier .badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:#fff;background:linear-gradient(180deg,#2DD4BF,#0d9488);padding:6px 14px;border-radius:999px}.pp-tier .tname{font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--ink)}.pp-tier .tdesc{color:var(--ink-2);font-size:14px;line-height:1.55;margin:8px 0 22px}.pp-tier .tprice{display:flex;align-items:baseline;gap:6px;margin:0 0 24px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.06)}.pp-tier .tprice .from{font-size:13px;color:var(--dim);font-weight:500}.pp-tier .tprice .amt{font-size:36px;font-weight:800;letter-spacing:-1.4px;color:var(--ink)}.pp-tier .tprice .unit{font-size:14px;color:var(--ink-2);font-weight:500}.pp-tier ul{display:flex;flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;flex:1}.pp-tier li{display:flex;align-items:flex-start;gap:10px;color:var(--ink-2);font-size:14px;line-height:1.5}.pp-tier li svg{flex-shrink:0;color:var(--purple);margin-top:3px}.pp-tier .ttarget{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:40px;font-weight:700;font-size:14.5px;text-decoration:none;transition:.2s;background:#ffffff0d;color:var(--ink);border:1px solid rgba(255,255,255,.1)}.pp-tier .ttarget:hover{background:#ffffff1a;border-color:#ffffff2e}.pp-tier.featured .ttarget{background:linear-gradient(180deg,#2DD4BF,#0d9488);color:#fff;border-color:transparent;box-shadow:0 12px 28px -10px #0d948899}.pp-tier.featured .ttarget:hover{filter:brightness(1.08)}@media (max-width: 900px){.pp-tiers{grid-template-columns:1fr;max-width:480px}}.partners-strip{padding:32px 0 40px}.partners-strip .wrap{max-width:1180px;margin:0 auto;padding:0 40px}.partners-label{text-align:center;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:24px}.partners-marquee{position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}.partners-track{display:flex;align-items:center;width:max-content;animation:partners-scroll 40s linear infinite}.partners-marquee:hover .partners-track{animation-play-state:paused}.partner-logo{height:32px;width:auto;object-fit:contain;opacity:.55;filter:brightness(0) invert(1);transition:opacity .2s;flex-shrink:0;margin-right:56px}.partner-logo:hover{opacity:1}@keyframes partners-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 700px){.partner-logo{height:26px;margin-right:36px}}.cmp-hero{padding:80px 0 60px;text-align:center;position:relative;background:radial-gradient(800px 400px at 50% -20%,rgba(20,184,166,.18),transparent 60%),radial-gradient(600px 300px at 50% 50%,rgba(10,40,36,.4),transparent 60%),#0a1311;border-radius:28px;margin:90px auto 22px;max-width:1842px;width:calc(100% - 44px);overflow:hidden}.cmp-hero .wrap{max-width:880px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.cmp-hero .eyebrow-pill{display:inline-flex;margin-bottom:28px}.cmp-hero .h-title{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 20px;font-weight:800;color:var(--ink)}.cmp-hero .h-lede{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:720px;margin:0 auto 28px}@media (max-width: 620px){.cmp-hero{margin:80px 14px 14px;padding:60px 0 48px}.cmp-hero .h-title{font-size:30px;letter-spacing:-1px}}.cmp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:0 auto}@media (max-width: 999px){.cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 699px){.cmp-grid{grid-template-columns:1fr}}.cmp-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:20px;text-decoration:none;color:var(--ink);background:#ffffff06;border:1px solid var(--border);transition:border-color .15s,background .15s,transform .15s}.cmp-card:hover{border-color:#2dd4bf4d;background:#ffffff0a;transform:translateY(-2px)}.cmp-card-eb{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--purple);font-weight:700}.cmp-card h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}.cmp-card p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2);flex:1}.cmp-card-cta{font-size:13px;font-weight:700;color:var(--purple);display:inline-flex;align-items:center;gap:6px;margin-top:4px}.cmp-verdict{max-width:880px;margin:0 auto;padding:32px 36px;border-radius:22px;background:linear-gradient(180deg,#2dd4bf1a,#2dd4bf05);border:1px solid rgba(45,212,191,.22)}.cmp-verdict .eb{color:var(--purple);font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;margin-bottom:10px;display:block}.cmp-verdict p{color:var(--ink);font-size:17px;line-height:1.6;margin:0}.cmp-pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1080px;margin:0 auto}@media (max-width: 700px){.cmp-pricing{grid-template-columns:1fr}}.cmp-pcol{padding:28px;border-radius:20px;background:#ffffff06;border:1px solid var(--border)}.cmp-pcol.po{background:linear-gradient(180deg,#2dd4bf14,#2dd4bf05);border-color:#2dd4bf38}.cmp-pcol h3{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--ink)}.cmp-pcol .lede{color:var(--ink-2);font-size:14px;line-height:1.55;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--border-soft)}.cmp-pcol dl{margin:0;display:grid;gap:12px}.cmp-pcol dt{color:var(--dim);font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}.cmp-pcol dd{margin:4px 0 0;color:var(--ink);font-size:14.5px;line-height:1.55;font-weight:500}.cmp-pcol .note{margin-top:14px;font-size:12.5px;color:var(--dim);line-height:1.5}.cmp-matrix{max-width:1080px;margin:0 auto;overflow-x:auto}.cmp-matrix table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#ffffff05;min-width:720px}.cmp-matrix th,.cmp-matrix td{padding:14px 18px;text-align:left;font-size:14px;vertical-align:top}.cmp-matrix thead th{background:#ffffff0a;color:var(--dim);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--border)}.cmp-matrix thead th.po{color:var(--purple)}.cmp-matrix tbody tr+tr td{border-top:1px solid var(--border-soft)}.cmp-matrix tbody td:first-child{color:var(--dim);font-weight:500}.cmp-matrix tbody td.po{background:#2dd4bf0d;color:var(--ink);font-weight:600}.cmp-matrix tbody td{color:var(--ink-2)}.cmp-pick{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1080px;margin:0 auto}@media (max-width: 700px){.cmp-pick{grid-template-columns:1fr}}.cmp-pick-col{padding:28px;border-radius:20px;background:#ffffff06;border:1px solid var(--border)}.cmp-pick-col.po{background:linear-gradient(180deg,#2dd4bf14,#2dd4bf05);border-color:#2dd4bf38}.cmp-pick-col h3{margin:0 0 16px;font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.3px}.cmp-pick-col ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.cmp-pick-col li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2);font-size:14px;line-height:1.55}.cmp-pick-col li svg{flex-shrink:0;width:18px;height:18px;color:var(--purple);margin-top:1px}.cmp-body{max-width:760px;margin:0 auto;padding:0 24px;color:var(--ink-2);font-size:16.5px;line-height:1.7}.cmp-body h2{font-size:26px;font-weight:800;letter-spacing:-.4px;color:var(--ink);margin:2em 0 .6em;line-height:1.2}.cmp-body p{margin:0 0 1.2em}.cmp-hero .gt,.h-title .gt{background:linear-gradient(96deg,#5EEAD4,#2DD4BF 44%,#34D399);-webkit-background-clip:text;background-clip:text;color:transparent}.cmp-four-col table{min-width:920px}.cmp-four-col thead th:first-child,.cmp-four-col tbody td:first-child{width:18%}.cmp-pick.cmp-pick-three{grid-template-columns:repeat(3,minmax(0,1fr))}.cmp-pick-col{position:relative}.cmp-badge{display:inline-flex;margin:0 0 12px;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#2DD4BF,#0d9488);color:#fff;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800}.cmp-hub-link{margin-top:28px;display:flex;justify-content:center}@media (max-width: 980px){.cmp-pick.cmp-pick-three{grid-template-columns:1fr}}.region-dropdown{position:relative}.region-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font:inherit;font-size:15px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.region-trigger:hover,.region-trigger[aria-expanded=true]{border-color:#2DD4BF80;background:#ffffff0d}.region-caret{flex-shrink:0;opacity:.6;transition:transform .15s}.region-trigger[aria-expanded=true] .region-caret{transform:rotate(180deg)}.region-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#0e1614fa;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:10px;max-height:320px;overflow-y:auto;z-index:50;box-shadow:0 10px 40px #0009;display:none}.region-dropdown[data-open=true] .region-menu{display:block}.region-option{padding:10px 12px;border-radius:6px;color:#ffffffd9;font-size:14px;cursor:pointer;transition:background .1s,color .1s}.region-option:hover,.region-option[aria-selected=true]{background:#2DD4BF26;color:#fff}.region-option.is-active{background:#2DD4BF40;color:#fff}.region-menu::-webkit-scrollbar{width:8px}.region-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}

:root{--bg: #060B0A;--bg2: #0E1614;--surface: rgba(255,255,255,.028);--surface-2: rgba(255,255,255,.05);--surface-3: rgba(255,255,255,.02);--border: rgba(255,255,255,.08);--border-soft: rgba(255,255,255,.05);--border-strong: rgba(45,212,191,.35);--ink: #FFFFFF;--ink-2: #C5C8E0;--dim: #82859B;--faint: #5a5d72;--purple: #2DD4BF;--purple-deep: #0D9488;--indigo: #5EEAD4;--indigo-deep: #0D9488;--grad: linear-gradient(90deg, #2DD4BF, #34D399);--grad-strong: linear-gradient(135deg, #2DD4BF 0%, #0D9488 100%);--serif: "Manrope", system-ui, sans-serif;--sans: "Manrope", system-ui, sans-serif;--display: "Manrope", system-ui, sans-serif}html,body{background:var(--bg);font-family:var(--sans)}h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-1px}.gt{background:linear-gradient(96deg,#5EEAD4,#2DD4BF 44%,#34D399);-webkit-background-clip:text;background-clip:text;color:transparent}.site-nav{display:none!important}.btn-primary{background:var(--grad-strong);border:none;color:#fff;font-weight:700}.btn-primary:hover{filter:brightness(1.08);color:#fff}footer .brand span:first-child{background:var(--grad-strong)!important}.cnav{position:fixed;left:0;right:0;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;margin:0 auto;--nav-progress: 0;width:100%;max-width:1842px;padding:calc(18px - var(--nav-progress) * 6px) clamp(20px,4vw,60px);background:transparent;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate}.cnav:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translate(-50%);pointer-events:none;z-index:-1;background:rgba(5,12,10,calc(var(--nav-progress) * .72));border-bottom:1px solid rgba(255,255,255,calc(var(--nav-progress) * .06));-webkit-backdrop-filter:blur(calc(var(--nav-progress) * 20px)) saturate(140%);backdrop-filter:blur(calc(var(--nav-progress) * 20px)) saturate(140%)}.clogo-mark{width:44px;height:44px;object-fit:contain;flex-shrink:0}.clogo{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;color:#fff;letter-spacing:-.6px;text-decoration:none;white-space:nowrap}.clinks{display:flex;gap:44px}.clinks a{color:#e7e8f2;font-size:17px;font-weight:500;text-decoration:none;transition:.2s;white-space:nowrap}.clinks a:hover{color:#fff}.cget{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:40px;border:1px solid rgba(255,255,255,.16);background:#ffffff08;color:#d9dbec;font-size:15.5px;font-weight:600;text-decoration:none;transition:.2s;white-space:nowrap}.cget:hover{background:#ffffff14;color:#fff}.cget svg{color:var(--purple)}.cnav .clinks{align-items:center}.cnav .navwrap{position:relative}.cnav .navwrap>a{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#e7e8f2;font-size:17px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s}.cnav .navwrap>a:hover{color:#fff}.cnav .navwrap>a .chev{transition:transform .2s ease;opacity:.7}.cnav .navwrap:hover>a .chev{transform:rotate(180deg);opacity:1}.cnav .navwrap:after{content:"";position:absolute;left:-16px;right:-16px;top:100%;height:28px;pointer-events:none}.cnav .navwrap:hover:after{pointer-events:auto}.cnav .mega{display:block;position:fixed;top:var(--cnav-height, 80px);left:0;right:0;background:#0a1311eb;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #0000008c;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease .05s;z-index:99;padding-top:10px}.cnav .navwrap:hover .mega,.cnav .mega:hover{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s}.cnav .mega .mega-inner{max-width:1180px;margin:0 auto;padding:30px 60px 38px}.cnav .mega .mega-col-h{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--dim);margin:0 0 16px;font-weight:600}.cnav .mega .mega-split{display:grid;grid-template-columns:2fr 1fr;gap:40px}.cnav .mega .mega-rule{border-left:1px solid var(--border);padding-left:36px}.cnav .mega .mega-products{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px 18px}.cnav .mega .mega-prod{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid transparent;text-decoration:none;transition:background .15s,border-color .15s}.cnav .mega .mega-prod:hover{background:#2dd4bf0f;border-color:var(--border)}.cnav .mega .mp-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;flex-shrink:0}.cnav .mega .mp-t{display:block;font-size:14px;color:var(--ink);font-weight:600}.cnav .mega .mp-d{display:block;font-size:12px;color:var(--dim);margin-top:2px;line-height:1.4}.cnav .mega .mp-price{text-align:right}.cnav .mega .mp-price .from{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--faint);display:block;font-weight:600}.cnav .mega .mp-price .amt{font-size:16px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.cnav .mega .mega-link{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background .15s}.cnav .mega .mega-link:hover{background:#2dd4bf0f}.cnav .mega .ml-ico{width:32px;height:32px;border-radius:9px;background:#2dd4bf1a;border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--purple);flex-shrink:0}.cnav .mega .ml-t{display:block;font-size:13.5px;color:var(--ink);font-weight:500}.cnav .mega .ml-d{display:block;font-size:11.5px;color:var(--dim);margin-top:2px;line-height:1.4}.cnav .mega .mega-flat{display:grid;gap:2px}.cnav .mega .mega-flat a{display:block;padding:7px 12px;border-radius:8px;font-size:13px;color:var(--ink-2);text-decoration:none}.cnav .mega .mega-flat a:hover{background:#2dd4bf0f;color:var(--purple)}.cnav .mega .mega-promo{display:block;border-radius:14px;border:1px solid var(--border);padding:16px 18px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);text-decoration:none;transition:border-color .15s,background .15s}.cnav .mega .mega-promo:hover{border-color:#2dd4bf40;background:linear-gradient(180deg,#2dd4bf0f,#ffffff03)}.cnav .mega .mega-promo .mp-tag{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--purple);font-weight:600;display:block;margin-bottom:8px}.cnav .mega .mega-promo h5{font-size:17px;margin:0 0 6px;color:var(--ink);font-weight:700;letter-spacing:-.2px}.cnav .mega .mega-promo p{font-size:12.5px;color:var(--dim);margin:0;line-height:1.5}.cnav .mega .mega-promo,.cnav .mega .mega-promo h5,.cnav .mega .mega-promo .mp-tag,.cnav .mega .mega-promo p,.cnav .mega .mp-price .from,.cnav .mega .mp-price .amt,.cnav .mega .mega-col-h{font-family:inherit;font-style:normal}.cnav .mega .mp-price .amt{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink);font-weight:700;font-size:16px}.cnav .mega .mp-price .from{color:var(--faint);font-weight:600}.cnav .mega .mega-prod .mp-ico{background:linear-gradient(180deg,#ffffff0f,#ffffff05)!important;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:var(--purple)!important}.cnav .mega .mega-prod[style*=dashed]{border:1px dashed rgba(255,255,255,.18)!important;background:transparent}.cnav .mega .mega-prod[style*=dashed]:hover{border-color:#2dd4bf66!important;background:#2dd4bf0a!important}@media (max-width: 1099px){.cnav .mega .mega-inner{padding:26px 32px 32px}.cnav .mega .mega-products{grid-template-columns:1fr 1fr}}@media (max-width: 920px){.cnav .mega{display:none!important}.cnav .navwrap>a .chev{display:none}}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}.sec{padding:110px 0}.sec.tight{padding:64px 0}.pill{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 30px;border-radius:40px;font-weight:700;font-size:16px;text-decoration:none;transition:.2s;cursor:pointer;border:none}.pill.solid{background:linear-gradient(180deg,#2DD4BF,#0d9488);color:#fff;box-shadow:0 16px 34px -10px #0d9488b3}.pill.solid:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff}.pill.ghost{background:#ffffff09;color:var(--ink);border:1px solid rgba(255,255,255,.14)}.pill.ghost:hover{background:#ffffff14;color:var(--ink)}.pill.ghost .bolt{color:var(--purple);display:inline-flex}.hero{position:relative;overflow:hidden;margin:90px auto 22px;max-width:1842px;width:calc(100% - 44px);border-radius:28px;padding:12px 60px 40px;min-height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(820px 560px at 90% 46%,rgba(20,184,166,.22),transparent 56%),radial-gradient(720px 520px at 12% -8%,rgba(10,40,36,.6),transparent 54%),linear-gradient(160deg,#0a161480 0%,transparent 60%),#0a1311}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(130% 120% at 84% 22%,#000 0%,transparent 56%);z-index:1;pointer-events:none}.hero-content{position:relative;z-index:3;max-width:620px}.hero-ribbon{position:absolute;top:0;bottom:0;right:0;width:50%;z-index:2;pointer-events:none}.eyebrow-pill{display:inline-flex;align-items:center;gap:11px;padding:9px 16px;border-radius:30px;background:#ffffff09;border:1px solid rgba(255,255,255,.12);font-size:14px;color:#e7e8f2;font-weight:500;white-space:nowrap}.eyebrow-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 8px var(--purple)}.eyebrow-pill b{color:var(--purple);font-weight:600}.eyebrow-pill .sep{width:1px;height:15px;background:#fff3}.h-title{font-size:clamp(48px,min(5vw,8vh),80px);line-height:1.02;letter-spacing:-2.4px;margin:20px 0 0;font-weight:800}.h-lede{color:#b8bbd0;font-size:19px;line-height:1.6;margin:20px 0 0;max-width:500px}.h-cta{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}.h-stats{display:flex;margin-top:40px}.h-stats .stat{padding:0 36px}.h-stats .stat:first-child{padding-left:0}.h-stats .sdiv{width:1px;align-self:stretch;background:#ffffff21;margin:4px 0}.h-stats .n{font-size:56px;font-weight:800;letter-spacing:-2px;line-height:1;background:linear-gradient(180deg,#5EEAD4,#0d9488 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.h-stats .c{color:#9a9db2;font-size:14px;margin-top:10px;max-width:130px;line-height:1.4}.fluid{position:absolute;top:50%;right:-8%;left:auto;width:115%;aspect-ratio:1/1;transform:translateY(-50%);background:url(../img/proxyomega/hero-orb.webp) center/contain no-repeat;filter:drop-shadow(0 30px 80px rgba(45,212,191,.35));pointer-events:none}.fivenets{padding:96px 0 40px}.fivenets-head{text-align:left;max-width:none;margin:0 0 44px}.fivenets-head .eb{color:var(--purple);font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;margin-bottom:14px;display:block}.fivenets-head h2{font-size:34px;line-height:1.15;letter-spacing:-1.2px;margin:0}.fivenets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.nnet{display:block;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--border);border-radius:18px;padding:22px;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,background .2s ease}.nnet:hover{transform:translateY(-2px);border-color:#2dd4bf47;background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.nnet .nicon{width:24px;height:24px;color:var(--purple);margin-bottom:18px;display:block}.nnet h3{font-size:18px;margin:0 0 6px;letter-spacing:-.4px;color:var(--ink)}.nnet p{font-size:14px;color:var(--ink-2);line-height:1.5;margin:0}.shead{text-align:center;max-width:640px;margin:0 auto 64px}.shead h2{font-size:40px;line-height:1.12;letter-spacing:-1.4px}.shead p{color:var(--ink-2);font-size:15.5px;line-height:1.65;margin:18px auto 0;max-width:520px}.disc{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:11px 22px;border-radius:30px;background:#ffffff0a;border:1px solid var(--border);color:var(--ink);font-size:13.5px;font-weight:600;text-decoration:none}.disc:hover{background:#ffffff14;color:var(--ink)}.fcards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fcard{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--border);border-radius:22px;padding:22px 22px 26px}.fcard .viz{height:168px;border-radius:14px;background:radial-gradient(circle at 50% 0%,#2DD4BF24,#ffffff04);border:1px solid var(--border-soft);overflow:hidden;position:relative;display:flex}.fcard h3{font-size:20px;margin:22px 0 8px;letter-spacing:-.5px}.fcard p{color:var(--ink-2);font-size:14px;line-height:1.6;margin:0}.bars{display:flex;align-items:flex-end;gap:7px;padding:20px;width:100%;height:100%}.bars .bar{flex:1;border-radius:4px 4px 0 0;background:var(--grad-strong);opacity:.85}.viz-lbl{position:absolute;top:14px;left:16px;font-size:11.5px;color:var(--ink-2);font-weight:600}.vchat{flex-direction:column;justify-content:center;gap:10px;padding:22px}.vbub{max-width:78%;padding:11px 14px;border-radius:14px;font-size:12.5px;line-height:1.4}.vbub.req{align-self:flex-end;background:var(--grad-strong);color:#fff;border-bottom-right-radius:5px;font-family:var(--mono)}.vbub.res{align-self:flex-start;background:#ffffff12;color:var(--ink-2);border-bottom-left-radius:5px}.vbub.res b{color:var(--purple)}.vtiles{padding:20px;width:100%;position:relative}.vtile{position:absolute;border-radius:12px;background:#ffffff0d;border:1px solid var(--border);display:grid;place-items:center;color:var(--purple)}.vtile.c{background:var(--grad-strong);border:none;color:#fff;box-shadow:0 14px 30px -8px #0d948880}.vline{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(45,212,191,.5),transparent)}.vshield{width:100%;height:100%;display:grid;place-items:center}.vshield .ring{position:absolute;border-radius:50%;border:1px solid var(--border)}.grow-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.acc-item{border-radius:16px;padding:20px 22px;cursor:pointer;transition:.25s;border:1px solid transparent;display:flex;gap:16px}.acc-item .ai-ico{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#ffffff0d;border:1px solid var(--border);display:grid;place-items:center;color:var(--purple)}.acc-item h4{font-size:17px;letter-spacing:-.4px}.acc-item p{color:var(--ink-2);font-size:13.5px;line-height:1.6;margin:9px 0 0;max-height:0;overflow:hidden;opacity:0;transition:.3s}.acc-item.open{background:linear-gradient(180deg,#ffffff0b,#ffffff03);border-color:var(--border)}.acc-item.open .ai-ico{background:var(--grad-strong);border:none;color:#fff}.acc-item.open p{max-height:120px;opacity:1;margin-top:9px}.console{background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:0 40px 90px -40px #000c}.console-head{display:flex;align-items:center;gap:8px;padding:4px 6px 14px;border-bottom:1px solid var(--border-soft);margin-bottom:16px}.console-head .nm{font-size:12px;color:var(--ink-2);font-weight:600;margin-left:4px}.console-head .st{margin-left:auto;font-size:11px;color:#5ee6a8;display:flex;align-items:center;gap:6px}.console-head .st .d{width:7px;height:7px;border-radius:50%;background:#5ee6a8}.cbub{max-width:82%;padding:12px 15px;border-radius:16px;font-size:13px;line-height:1.45;margin-bottom:12px}.cbub.req{align-self:flex-end;margin-left:auto;background:var(--grad-strong);color:#fff;border-bottom-right-radius:5px}.cbub.res{background:#ffffff0f;color:var(--ink-2);border-bottom-left-radius:5px}.cbub.res .mono,.cbub.req .mono{font-family:var(--mono);font-size:12px}.cbub.res b{color:var(--purple)}.cflex{display:flex;flex-direction:column}.cinput{margin-top:6px;display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid var(--border);border-radius:30px;padding:11px 16px;color:var(--dim);font-size:12.5px}.cinput .mic{margin-left:auto;width:30px;height:30px;border-radius:50%;background:var(--grad-strong);display:grid;place-items:center;color:#fff}.tcols{columns:3;column-gap:20px}.tcard{break-inside:avoid;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--border);border-radius:18px;padding:22px;margin-bottom:20px}.tcard p{font-size:13.5px;line-height:1.65;color:var(--ink-2);margin:0 0 18px}.tcard .who{display:flex;align-items:center;gap:11px}.tcard .av{width:36px;height:36px;border-radius:50%;background:var(--grad-strong);display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}.tcard .nm{font-size:13px;color:var(--ink);font-weight:600}.tcard .rl{font-size:11.5px;color:var(--dim);margin-top:1px}.cta{position:relative;text-align:center;padding:100px 0 220px;overflow:hidden}.cta h2{font-size:48px;line-height:1.12;letter-spacing:-1.8px;max-width:720px;margin:0 auto}.cta p{color:var(--ink-2);font-size:16px;margin:20px auto 34px;max-width:480px}.cta-planet{position:absolute;left:50%;bottom:-340px;transform:translate(-50%);width:760px;height:760px;border-radius:50%;background:conic-gradient(from 200deg,#0d9488,#14B8A6,#2dd4bf,#5EEAD4,#0d9488);filter:blur(8px);opacity:.9}.cta-planet:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 40px 120px #00000080,0 -30px 120px -20px #2DD4BF99}.cta-fade{position:absolute;left:0;right:0;bottom:0;height:240px;background:linear-gradient(180deg,transparent,var(--bg));z-index:2}@media (max-width: 1100px){.hero{padding:12px 40px 60px}.h-title{font-size:58px}.hero-ribbon{width:46%;opacity:.95}.fluid{width:120%;right:-10%}}@media (max-width: 980px){.hero{margin:80px 14px 14px;padding:12px 26px 32px}.clinks{display:none}.hero-content{max-width:none;position:relative;z-index:3}.hero-ribbon{position:absolute;inset:auto -30px -40px auto;width:260px;height:260px;opacity:.55;z-index:1;pointer-events:none}.fluid{left:auto;right:0;top:50%;transform:translateY(-50%);width:100%}.h-title{font-size:46px}.h-lede{max-width:none}.fcards{grid-template-columns:1fr}.grow-grid{grid-template-columns:1fr;gap:36px}.tcols{columns:2}.fivenets-grid{grid-template-columns:repeat(2,1fr)}.nnet:nth-child(5){grid-column:1 / -1}.fivenets-head h2{font-size:28px}}@media (max-width: 620px){.wrap{padding:0 22px}.sec{padding:72px 0}.hero{padding:10px 22px 36px;min-height:auto}.hero-content{display:block}.h-title{font-size:36px;letter-spacing:-1.2px;line-height:1.05}.h-lede{font-size:16px;margin-top:20px}.h-cta{gap:12px;margin-top:28px}.h-cta .pill{height:50px;padding:0 22px;font-size:15px}.h-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin-top:40px}.h-stats .stat{padding:0}.h-stats .sdiv{display:none}.h-stats .n{font-size:34px}.h-stats .c{font-size:12.5px;max-width:none}.hero-ribbon{display:none}.shead h2,.cta h2{font-size:30px}.tcols{columns:1}.fivenets{padding:64px 0 24px}.fivenets-grid{grid-template-columns:1fr;gap:14px}.nnet:nth-child(5){grid-column:auto}.fivenets-head h2{font-size:26px}.clogo{font-size:21px}.cget{padding:11px 18px;font-size:14px}.eyebrow-pill{font-size:13px;padding:8px 14px}}.uc-section{padding:96px 0 64px}.uc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 36px}.uc-eyebrow{color:var(--purple);font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;margin-bottom:14px}.uc-title{font-size:clamp(32px,3.4vw,46px);line-height:1.1;letter-spacing:-1.4px;font-weight:800;margin:0;color:var(--ink)}.uc-nav{display:inline-flex;gap:10px;flex-shrink:0}.uc-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0a,#ffffff03);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,background .2s ease,transform .15s ease;padding:0}.uc-nav button:hover{border-color:#2dd4bf59;background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.uc-nav button:active{transform:scale(.96)}.uc-nav svg{width:16px;height:16px;color:var(--purple)}.uc-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc(33.333% - 14px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 0 24px;scrollbar-width:none;-ms-overflow-style:none}.uc-carousel::-webkit-scrollbar{display:none}.uc-card{scroll-snap-align:start;display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--border);border-radius:20px;padding:28px;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;min-height:286px}.uc-card:hover{transform:translateY(-2px);border-color:#2dd4bf40;background:linear-gradient(180deg,#ffffff0e,#ffffff05);box-shadow:0 18px 38px -22px #2DD4BF73}.uc-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(45,212,191,.18);display:inline-flex;align-items:center;justify-content:center;color:var(--purple)}.uc-icon svg{width:28px;height:28px;display:block}.uc-card h3{font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.2px;margin:18px 0 0;color:var(--ink)}.uc-card p{color:var(--ink-2);font-size:14.5px;line-height:1.55;margin:10px 0 0}.uc-more{margin-top:auto;padding-top:22px;color:var(--purple);font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;gap:6px;transition:gap .2s}.uc-card:hover .uc-more{gap:9px}.uc-more svg{width:14px;height:14px}@media (max-width: 1099px){.uc-section{padding:72px 0 48px}.uc-carousel{grid-auto-columns:calc(50% - 10px);gap:16px;padding:8px 0 24px}}@media (max-width: 619px){.uc-section{padding:56px 0 36px}.uc-carousel{grid-auto-columns:calc(86% - 12px);gap:16px;padding:8px 0 24px}.uc-card{padding:22px;min-height:260px;border-radius:18px}.uc-icon{width:56px;height:56px}.uc-head{margin-bottom:28px}.uc-nav{display:none}}

/* Atelier marketing — public site chrome (no app sidebar).
   Builds on atelier.css tokens. */

html, body { overflow-x: hidden; max-width: 100%; }

.site-nav { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; padding: 16px 48px; background: rgba(8,16,14,0.72); backdrop-filter: blur(14px); border-bottom: 1px solid var(--border); }
.site-nav .brand { display: flex; align-items: center; gap: 10px; font-family: var(--serif); font-size: 20px; color: var(--ink); text-decoration: none; }
.site-nav .brand .mark { width: 28px; height: 28px; border-radius: 8px; background: var(--grad-strong); box-shadow: 0 4px 14px rgba(13,148,136,0.4); }
.site-nav .links { display: flex; gap: 28px; }
.site-nav .links a { font-size: 13.5px; color: var(--ink-2); }
.site-nav .links a:hover { color: var(--purple); }
.site-nav .right { display: flex; gap: 12px; align-items: center; }

.section { max-width: 1200px; margin: 0 auto; padding: 96px 48px; }
.section.tight { padding: 64px 48px; }
.kicker { font-family: var(--mono); font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--purple); }

.hero-ambient { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.hero-ambient .glow1 { position: absolute; top: -200px; left: 10%; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(13,148,136,0.22), transparent 60%); }
.hero-ambient .glow2 { position: absolute; top: 100px; right: -100px; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(20,184,166,0.18), transparent 60%); }

.logo-strip { display: flex; gap: 40px; align-items: center; justify-content: center; flex-wrap: wrap; opacity: 0.6; }
.logo-strip .logo { font-family: var(--serif); font-size: 20px; font-style: italic; color: var(--ink-2); letter-spacing: -0.5px; }

.feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; }
.feat { background: var(--bg); padding: 32px; }
.feat .ico { width: 44px; height: 44px; border-radius: 11px; background: rgba(13,148,136,0.12); border: 1px solid var(--border-strong); display: grid; place-items: center; color: var(--purple); margin-bottom: 18px; }
.feat h3 { font-family: var(--serif); font-size: 22px; font-style: italic; margin-bottom: 8px; }
.feat p { color: var(--ink-2); font-size: 13.5px; line-height: 1.6; margin: 0; }

.price-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.price-card { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 28px 24px; display: flex; flex-direction: column; }
.price-card.featured { border-color: var(--border-strong); background: linear-gradient(160deg, rgba(13,148,136,0.12), rgba(10,22,20,0.85) 50%); box-shadow: 0 20px 60px rgba(13,148,136,0.15); }
.price-card .name { font-family: var(--serif); font-size: 22px; }
.price-card .price { font-family: var(--serif); margin: 14px 0 4px; }
.price-card .price .amt { font-size: 40px; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.price-card .price .unit { font-size: 14px; color: var(--dim); font-family: var(--mono); }
.price-card ul { list-style: none; padding: 0; margin: 20px 0; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.price-card li { display: flex; gap: 8px; font-size: 13px; color: var(--ink-2); align-items: flex-start; }
.price-card li svg { color: var(--purple); flex-shrink: 0; margin-top: 2px; }

.cta-band { max-width: 1200px; margin: 0 auto 96px; padding: 64px 48px; border-radius: 20px; background: linear-gradient(135deg, rgba(13,148,136,0.18), rgba(20,184,166,0.08)); border: 1px solid var(--border-strong); text-align: center; position: relative; overflow: hidden; }

.site-foot { border-top: 1px solid var(--border); padding: 48px; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }
.site-foot .col-h { font-family: var(--mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dim); margin-bottom: 14px; }
.site-foot a { display: block; font-size: 13px; color: var(--ink-2); margin-bottom: 9px; }
.site-foot a:hover { color: var(--purple); }

/* ---- Nav dropdown ---- */
.navwrap { position: static; }
.navwrap > a { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.navwrap > a .chev { transition: transform 0.2s; }
.navwrap:hover > a { color: var(--ink); }
.navwrap:hover > a .chev { transform: rotate(180deg); }

/* full-width mega panel */
.mega { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg2); border-bottom: 1px solid var(--border); box-shadow: 0 40px 90px rgba(0,0,0,0.5); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.2s, transform 0.2s, visibility 0.2s; z-index: 60; }
.navwrap:hover .mega { opacity: 1; visibility: visible; transform: translateY(0); }
.mega-inner { max-width: 1200px; margin: 0 auto; padding: 36px 48px 40px; }
.mega-col-h { font-family: var(--mono); font-size: 10.5px; letter-spacing: 2px; text-transform: uppercase; color: var(--dim); margin-bottom: 18px; }

/* product rows with pricing (Products mega) */
.mega-products { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px 24px; }
.mega-prod { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 14px 16px; border-radius: 12px; border: 1px solid transparent; }
.mega-prod:hover { background: rgba(13,148,136,0.07); border-color: var(--border); }
.mega-prod .mp-ico { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; color: #fff; flex-shrink: 0; }
.mega-prod .mp-t { display: block; font-size: 14px; color: var(--ink); font-weight: 600; }
.mega-prod .mp-d { display: block; font-size: 11.5px; color: var(--dim); margin-top: 2px; }
.mega-prod .mp-price { text-align: right; }
.mega-prod .mp-price .from { font-family: var(--mono); font-size: 9px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--faint); display: block; }
.mega-prod .mp-price .amt { font-family: var(--serif); font-size: 17px; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

.mega-split { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; }
.mega-rule { border-left: 1px solid var(--border); padding-left: 40px; }

/* generic mega link list */
.mega-links { display: grid; gap: 2px; }
.mega-link { display: flex; gap: 12px; align-items: flex-start; padding: 11px 14px; border-radius: 10px; }
.mega-link:hover { background: rgba(13,148,136,0.07); }
.mega-link .ml-ico { width: 30px; height: 30px; border-radius: 8px; background: rgba(13,148,136,0.1); border: 1px solid var(--border-strong); display: grid; place-items: center; color: var(--purple); flex-shrink: 0; }
.mega-link .ml-t { display: block; font-size: 13.5px; color: var(--ink); font-weight: 500; }
.mega-link .ml-d { display: block; font-size: 11px; color: var(--dim); margin-top: 1px; }

/* featured card in mega (Resources) */
.mega-feature { background: linear-gradient(160deg, rgba(13,148,136,0.14), rgba(10,22,20,0.6) 60%); border: 1px solid var(--border-strong); border-radius: 16px; padding: 26px; display: flex; flex-direction: column; }
.mega-feature .mf-ico { width: 42px; height: 42px; border-radius: 11px; background: var(--grad-strong); display: grid; place-items: center; color: #fff; margin-bottom: 16px; }
.mega-feature h4 { font-family: var(--serif); font-size: 24px; font-style: italic; margin-bottom: 8px; }
.mega-feature p { font-size: 12.5px; color: var(--ink-2); line-height: 1.55; margin: 0 0 16px; flex: 1; }
.mega-textlinks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; margin-top: 14px; padding-top: 16px; border-top: 1px solid var(--border); }
.mega-textlinks a { font-size: 12.5px; color: var(--ink-2); }
.mega-textlinks a:hover { color: var(--purple); }
.mega-promo { border-radius: 14px; border: 1px solid var(--border); padding: 18px; background: var(--surface-3); }
.mega-promo:hover { border-color: var(--border-strong); }
.mega-promo .mp-tag { font-family: var(--mono); font-size: 9.5px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--purple); }
.mega-promo h5 { font-family: var(--serif); font-size: 17px; font-style: italic; margin: 6px 0 4px; color: var(--ink); }
.mega-promo p { font-size: 11.5px; color: var(--dim); margin: 0; line-height: 1.45; }
.mega-list-h { font-family: var(--mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--faint); margin: 0 0 10px 14px; }
.mega-flat a { display: block; padding: 8px 14px; border-radius: 8px; font-size: 13px; color: var(--ink-2); }
.mega-flat a:hover { background: rgba(13,148,136,0.07); color: var(--purple); }

/* Resources mega — stacked cards (middle column) */
.mega-cards { display: grid; grid-template-rows: 1.5fr 1fr 1fr; gap: 12px; height: 100%; }
.mega-card { display: flex; flex-direction: column; padding: 18px; border-radius: 14px; border: 1px solid var(--border); background: var(--surface-3); transition: all 0.16s; }
.mega-card:hover { border-color: var(--border-strong); background: var(--surface); }
.mega-card .mc-h { font-family: var(--serif); font-size: 18px; color: var(--ink); display: flex; justify-content: space-between; align-items: center; }
.mega-card .mc-h span { color: var(--purple); }
.mega-card .mc-sub { font-size: 12px; color: var(--dim); margin-top: 5px; line-height: 1.45; }
.mega-card.feature { background: linear-gradient(135deg, rgba(13,148,136,0.22), rgba(20,184,166,0.06) 70%); border-color: var(--border-strong); min-height: 150px; position: relative; overflow: hidden; }
.mega-card.feature::after { content: ''; position: absolute; top: -20px; right: -20px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(13,148,136,0.35), transparent 70%); }
.mega-card .mc-brand { display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 12px; letter-spacing: 1px; color: var(--ink-2); position: relative; z-index: 1; }
.mega-card .mc-logo { width: 16px; height: 16px; border-radius: 5px; background: var(--grad-strong); }
.mega-card .mc-title { font-family: var(--serif); font-size: 19px; position: relative; z-index: 1; }
.mega-card.feature .mc-sub { position: relative; z-index: 1; }

/* ---- Legal / long-form pages ---- */
.legal-head { max-width: 1080px; margin: 0 auto; padding: 56px 48px 0; }
.legal-head h1 { font-size: 48px; margin-top: 14px; }
.legal-wrap { max-width: 1080px; margin: 0 auto; padding: 36px 48px 80px; display: grid; grid-template-columns: 230px 1fr; gap: 56px; align-items: start; }
.legal-toc { position: sticky; top: 88px; }
.legal-toc .toc-h { font-family: var(--mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--faint); margin-bottom: 14px; }
.legal-toc a { display: block; font-size: 12.5px; color: var(--dim); padding: 6px 0 6px 12px; border-left: 1.5px solid var(--border); line-height: 1.4; }
.legal-toc a:hover { color: var(--ink-2); border-left-color: var(--purple); }
.legal-toc a.active { color: var(--purple); border-left-color: var(--purple); }
.legal-body { max-width: 720px; }
.legal-section { padding: 0 0 28px; margin-bottom: 28px; border-bottom: 1px solid var(--border-soft); }
.legal-section:last-child { border-bottom: none; }
.legal-section h2 { font-family: var(--serif); font-size: 26px; font-weight: 400; letter-spacing: -0.4px; margin: 0 0 14px; scroll-margin-top: 90px; }
.legal-section h2 .anchor { opacity: 0; color: var(--dim); margin-left: 8px; font-family: var(--sans); text-decoration: none; font-size: 18px; }
.legal-section h2:hover .anchor { opacity: 1; }
.legal-section h2 .anchor:hover { color: var(--purple); }
.legal-section h3 { font-family: var(--sans); font-size: 15px; font-weight: 600; color: var(--ink); margin: 20px 0 8px; }
.legal-body p, .legal-body li { font-family: var(--serif); font-size: 15.5px; line-height: 1.75; color: var(--ink-2); }
.legal-body p { margin: 0 0 16px; }
.legal-body ul { margin: 0 0 16px; padding-left: 20px; }
.legal-body li { margin-bottom: 8px; }
.legal-body strong { color: var(--ink); font-weight: 600; }
.legal-body a { color: var(--purple); }
@media (max-width: 860px) {
  .legal-wrap { grid-template-columns: 1fr; gap: 20px; }
  .legal-head, .legal-wrap { padding-left: 28px; padding-right: 28px; }
  .legal-toc { position: static; display: flex; flex-wrap: wrap; gap: 4px; }
  .legal-toc .toc-h { width: 100%; }
  .legal-toc a { border-left: none; border: 1px solid var(--border); border-radius: 999px; padding: 5px 12px; }
}

/* ---- About / essay ---- */
.essay { max-width: 660px; margin: 0 auto; padding: 8px 32px 80px; }
.essay p { font-family: var(--serif); font-size: 17px; line-height: 1.8; color: var(--ink-2); margin: 0 0 22px; }
.essay p strong { color: var(--ink); font-weight: 600; }
.essay .pull { font-family: var(--serif); font-size: 30px; line-height: 1.35; letter-spacing: -0.5px; margin: 44px 0; text-align: center; }
.essay h2 { font-family: var(--serif); font-size: 27px; font-weight: 400; letter-spacing: -0.4px; margin: 44px 0 14px; }
.essay .lead { font-size: 19px; color: var(--ink); }

/* ---- Contact ---- */
.contact-split { max-width: 1080px; margin: 0 auto; padding: 36px 48px 80px; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 48px; align-items: start; }
.contact-card { display: flex; gap: 14px; align-items: flex-start; padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); margin-bottom: 12px; }
.contact-card .cc-ico { width: 42px; height: 42px; border-radius: 11px; background: rgba(13,148,136,0.12); border: 1px solid var(--border-strong); display: grid; place-items: center; color: var(--purple); flex-shrink: 0; }
.contact-card h4 { font-family: var(--serif); font-size: 18px; font-style: italic; margin: 0 0 2px; }
.contact-card p { font-size: 12.5px; color: var(--dim); margin: 0 0 6px; line-height: 1.5; }
.contact-card a { font-family: var(--mono); font-size: 13px; color: var(--purple); }
.contact-form { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 32px; }

/* ---- Status ---- */
.status-wrap { max-width: 880px; margin: 0 auto; padding: 36px 48px 80px; }
.status-hero { text-align: center; padding: 40px; border: 1px solid var(--border); border-radius: 18px; background: linear-gradient(160deg, rgba(74,222,128,0.08), var(--surface) 60%); margin-bottom: 28px; }
.status-hero .dot-lg { width: 12px; height: 12px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 5px rgba(74,222,128,0.18); display: inline-block; }
.status-row { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); margin-bottom: 10px; transition: all 0.15s; }
.status-row:hover { transform: translateY(-1px); border-color: var(--border-strong); }
.status-row .sr-name { font-size: 14px; color: var(--ink); }
.status-row .sr-time { font-family: var(--mono); font-size: 11px; color: var(--dim); margin-top: 3px; }
.uptime-strip { display: flex; gap: 2px; align-items: stretch; height: 34px; margin-top: 14px; }
.uptime-strip i { flex: 1; border-radius: 1px; background: var(--good); }
.uptime-strip i.warn { background: var(--warn); }
.uptime-strip i.bad { background: var(--bad); }

/* ---- Error / maintenance pages ---- */
.errpage { min-height: 100vh; display: grid; place-items: center; text-align: center; position: relative; overflow: hidden; padding: 40px; }
.err-brand { position: absolute; top: 28px; left: 32px; display: flex; align-items: center; gap: 10px; font-family: var(--serif); font-size: 20px; color: var(--ink); z-index: 2; }
.err-brand .mark { width: 26px; height: 26px; border-radius: 8px; background: var(--grad-strong); }
.err-num { font-family: var(--serif); font-size: 180px; line-height: 1; letter-spacing: -6px; background: var(--grad-strong); -webkit-background-clip: text; background-clip: text; color: transparent; position: relative; z-index: 1; }
.err-glow { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-62%); width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(13,148,136,0.22), transparent 60%); pointer-events: none; z-index: 0; }
@media (max-width:860px){ .contact-split { grid-template-columns: 1fr; } .err-num { font-size: 110px; letter-spacing: -3px; } }

/* ---- Mobile nav: collapse dropdowns, kill off-screen mega overflow ---- */
@media (max-width: 920px) {
  .site-nav { padding: 14px 20px; }
  .site-nav .links { display: none; }
  .mega { display: none !important; }
  .mega-split, .mega-products { grid-template-columns: 1fr !important; }
}

/* ---- Growth pages (reseller / affiliate) ---- */
.gnum { width: 46px; height: 46px; border-radius: 50%; background: var(--grad-strong); display: grid; place-items: center; font-family: var(--serif); font-size: 21px; color: #fff; box-shadow: 0 6px 18px rgba(13,148,136,0.35); flex-shrink: 0; }
.compare2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; max-width: 760px; margin: 0 auto; }
.compare2 .cc { background: var(--bg); padding: 30px; }
.compare2 .cc.win { background: linear-gradient(160deg, rgba(13,148,136,0.12), var(--surface) 60%); }
.compare2 .cc .h { font-family: var(--mono); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dim); margin-bottom: 14px; }
.compare2 .cc.win .h { color: var(--purple); }
.compare2 .cc ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.compare2 .cc li { display: flex; gap: 10px; font-size: 14px; color: var(--ink-2); align-items: flex-start; }
.compare2 .cc li svg { flex-shrink: 0; margin-top: 2px; }
.earn-widget { background: var(--surface); border: 1px solid var(--border-strong); border-radius: 18px; padding: 26px; box-shadow: 0 30px 80px rgba(0,0,0,0.4); }
.earn-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--border-soft); }
.earn-row:last-child { border-bottom: none; }
@media (max-width: 760px) { .compare2 { grid-template-columns: 1fr; } }

/* ---- API reference (3-pane) ---- */
.api-shell { display: grid; grid-template-columns: 210px 1fr 190px; gap: 40px; max-width: 1240px; margin: 0 auto; padding: 32px 48px 80px; align-items: start; }
.api-nav { position: sticky; top: 88px; }
.api-nav .search { margin-bottom: 16px; }
.api-nav .grp-h { font-family: var(--mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--faint); margin: 18px 0 8px; }
.api-nav a { display: flex; gap: 8px; align-items: center; font-size: 12.5px; color: var(--dim); padding: 6px 10px; border-radius: 7px; }
.api-nav a:hover { background: rgba(13,148,136,0.07); color: var(--ink-2); }
.api-nav a.active { color: var(--purple); background: rgba(13,148,136,0.1); }
.api-nav .m { font-family: var(--mono); font-size: 8.5px; font-weight: 600; letter-spacing: 0.5px; opacity: 0.7; width: 30px; }
.api-toc { position: sticky; top: 88px; }
.api-toc .h { font-family: var(--mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--faint); margin-bottom: 12px; }
.api-toc a { display: block; font-size: 11.5px; color: var(--dim); padding: 5px 0 5px 10px; border-left: 1.5px solid var(--border); line-height: 1.4; }
.api-toc a:hover { color: var(--purple); border-left-color: var(--purple); }
.endpoint { padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid var(--border); scroll-margin-top: 88px; }
.endpoint .ep-head { display: flex; gap: 10px; align-items: center; margin-bottom: 14px; flex-wrap: wrap; }
.endpoint .ep-path { font-family: var(--mono); font-size: 14.5px; color: var(--ink); }
.endpoint h2 { font-family: var(--serif); font-size: 24px; font-weight: 400; letter-spacing: -0.4px; margin: 0 0 8px; }
.endpoint .ep-desc { color: var(--ink-2); font-size: 14.5px; line-height: 1.65; margin: 0 0 18px; }
.ep-sub { font-family: var(--mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dim); margin: 18px 0 8px; }
.reqres { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mbadge { font-family: var(--mono); font-weight: 600; }
@media (max-width: 1080px) { .api-shell { grid-template-columns: 1fr; } .api-nav, .api-toc { position: static; } .api-nav { display: none; } .reqres { grid-template-columns: 1fr; } }

/* ---- Changelog ---- */
.cl-wrap { max-width: 760px; margin: 0 auto; padding: 32px 48px 80px; }
.cl-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; flex-wrap: wrap; gap: 12px; }
.cl-entry { padding: 26px 0; border-bottom: 1px solid var(--border-soft); }
.cl-entry .date { font-family: var(--mono); font-size: 11px; color: var(--dim); letter-spacing: 0.5px; }
.cl-entry h3 { font-family: var(--serif); font-size: 23px; font-style: italic; font-weight: 400; margin: 8px 0 10px; letter-spacing: -0.3px; }
.cl-entry p { font-size: 14.5px; color: var(--ink-2); line-height: 1.7; margin: 0; }
.cl-entry ul { margin: 10px 0 0; padding-left: 20px; }
.cl-entry li { font-size: 14px; color: var(--ink-2); line-height: 1.6; margin-bottom: 6px; }

/* ---- Trust badges row ---- */
.trust-badges { display: flex; gap: 10px; flex-wrap: wrap; }
.trust-badge { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border: 1px solid var(--border); border-radius: 999px; font-size: 11.5px; color: var(--ink-2); background: var(--surface-3); }
.trust-badge svg { color: var(--purple); }

/* ---- Landing bento ---- */
.bento { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 14px; }
.bento .b { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 26px; display: flex; flex-direction: column; }
.bento .b .ico { width: 42px; height: 42px; border-radius: 11px; background: rgba(13,148,136,0.12); border: 1px solid var(--border-strong); display: grid; place-items: center; color: var(--purple); margin-bottom: 16px; }
.bento .b h3 { font-family: var(--serif); font-size: 20px; font-style: italic; margin-bottom: 8px; }
.bento .b p { color: var(--ink-2); font-size: 13px; line-height: 1.6; margin: 0; }
.bento .b.big { grid-column: span 2; grid-row: span 2; justify-content: space-between; background: linear-gradient(160deg, rgba(13,148,136,0.14), var(--surface) 55%); border-color: var(--border-strong); }
.bento .b.big h3 { font-size: 34px; font-style: normal; font-family: var(--display); font-weight: 700; letter-spacing: -1px; line-height: 1.05; }
.bento .b.big p { font-size: 15px; max-width: 420px; }
.bento .b.big .bignum { font-family: var(--serif); font-size: 88px; line-height: 0.9; letter-spacing: -3px; color: var(--purple); }
@media (max-width: 920px) { .bento { grid-template-columns: 1fr 1fr; } .bento .b.big { grid-column: span 2; grid-row: auto; } }
@media (max-width: 560px) { .bento { grid-template-columns: 1fr; } .bento .b.big { grid-column: auto; } }

/* ---- Hero product preview ---- */
.preview { background: linear-gradient(160deg, rgba(10,22,20,0.95), rgba(8,16,14,0.95)); border: 1px solid var(--border-strong); border-radius: 16px; overflow: hidden; box-shadow: 0 40px 100px rgba(0,0,0,0.5), 0 0 0 1px rgba(13,148,136,0.05); }
.preview .pv-head { display: flex; align-items: center; gap: 7px; padding: 12px 16px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,0.02); }
.preview .pv-dot { width: 10px; height: 10px; border-radius: 50%; }
.preview .pv-body { padding: 20px; }
.pv-stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; }
.pv-stat { background: var(--surface-3); border: 1px solid var(--border-soft); border-radius: 10px; padding: 12px; }
.pv-stat .k { font-family: var(--mono); font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: var(--dim); }
.pv-stat .v { font-family: var(--serif); font-size: 22px; margin-top: 4px; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---- Big stats band ---- */
.stats-band { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border); border-block: 1px solid var(--border); }
.stat-cell { background: var(--bg); padding: 40px 32px; text-align: center; }
.stat-cell .big { font-family: var(--serif); font-size: 52px; letter-spacing: -1.5px; line-height: 1; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.stat-cell .cap { font-size: 13px; color: var(--dim); margin-top: 10px; }

/* ---- Product cards ---- */
.products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.product { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 28px; position: relative; overflow: hidden; transition: border-color 0.2s, transform 0.2s; display: flex; flex-direction: column; }
.product:hover { border-color: var(--border-strong); transform: translateY(-2px); }
.product .glow { position: absolute; top: -40px; right: -40px; width: 160px; height: 160px; border-radius: 50%; opacity: 0.18; pointer-events: none; filter: blur(10px); }
.product .ptop { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; position: relative; }
.product .picon { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; color: #fff; }
.product h3 { font-family: var(--serif); font-size: 26px; letter-spacing: -0.4px; }
.product .tagline { color: var(--ink-2); font-size: 14px; line-height: 1.55; margin: 8px 0 18px; }
.product .pmeta { display: flex; gap: 22px; padding: 16px 0; border-top: 1px solid var(--border-soft); margin-top: auto; }
.product .pmeta .pm .k { font-family: var(--mono); font-size: 9.5px; letter-spacing: 1px; text-transform: uppercase; color: var(--dim); }
.product .pmeta .pm .v { font-family: var(--serif); font-size: 18px; margin-top: 3px; }
.product .pfrom { font-family: var(--mono); font-size: 13px; color: var(--purple); }

/* ---- Use cases ---- */
.usecases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.usecase { background: var(--surface-3); border: 1px solid var(--border); border-radius: 14px; padding: 24px; transition: all 0.18s; }
.usecase:hover { border-color: var(--border-strong); background: var(--surface); }
.usecase .uc-ico { width: 38px; height: 38px; border-radius: 10px; background: rgba(13,148,136,0.1); display: grid; place-items: center; color: var(--purple); margin-bottom: 14px; }
.usecase h4 { font-family: var(--serif); font-size: 19px; font-style: italic; margin-bottom: 6px; }
.usecase p { font-size: 12.5px; color: var(--ink-2); line-height: 1.55; margin: 0; }

/* ---- Dev / code section ---- */
.code-tabs { display: flex; gap: 4px; margin-bottom: -1px; }
.code-tab { padding: 8px 16px; font-family: var(--mono); font-size: 12px; color: var(--dim); cursor: pointer; border: 1px solid transparent; border-bottom: none; border-radius: 8px 8px 0 0; }
.code-tab.active { color: var(--ink); background: #050f0d; border-color: var(--border); }
.code-panel { background: #050f0d; border: 1px solid var(--border); border-radius: 0 12px 12px 12px; padding: 22px; font-family: var(--mono); font-size: 13px; line-height: 1.7; overflow-x: auto; }
.code-panel .k { color: var(--purple); } .code-panel .s { color: var(--good); } .code-panel .c { color: var(--faint); font-style: italic; } .code-panel .n { color: #f0b; }

/* ---- World map ---- */
.map-wrap { position: relative; }
.map-pin { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--purple); box-shadow: 0 0 0 4px rgba(13,148,136,0.2); }

/* ---- Testimonial ---- */
.testimonial { max-width: 900px; margin: 0 auto; text-align: center; }
.testimonial blockquote { font-family: var(--serif); font-size: 34px; line-height: 1.35; letter-spacing: -0.6px; margin: 0; }

/* responsive-ish */
@media (max-width: 1080px) {
  .products, .stats-band, .feat-grid, .usecases, .price-grid { grid-template-columns: 1fr 1fr; }
  .section { padding: 64px 32px; }
}

/* ---- Use-case pages ---- */
.uc-hero { border-bottom: 1px solid var(--border); position: relative; overflow: hidden; }
.uc-hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center; }
.uc-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: var(--mono); font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--purple); padding: 7px 14px; border: 1px solid var(--border-strong); border-radius: 999px; }
.uc-h1 { font-size: 64px; line-height: 0.96; letter-spacing: -2.2px; margin-top: 24px; }
.uc-sub { color: var(--ink-2); font-size: 18px; line-height: 1.6; margin-top: 20px; max-width: 480px; }
.uc-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.uc-stat { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 24px; }
.uc-stat .v { font-family: var(--serif); font-size: 40px; letter-spacing: -1px; line-height: 1; }
.uc-stat .k { font-size: 12.5px; color: var(--dim); margin-top: 8px; }
.uc-h2 { font-family: var(--serif); font-size: 40px; font-weight: 400; letter-spacing: -1.2px; line-height: 1.05; }
.uc-p { color: var(--ink-2); font-size: 15.5px; line-height: 1.65; margin-top: 14px; }
.uc-split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.uc-figure { background: var(--surface-3); border: 1px solid var(--border); border-radius: 18px; padding: 28px; aspect-ratio: 4/3; display: grid; place-items: center; overflow: hidden; }
.uc-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.uc-step { background: var(--surface-3); border: 1px solid var(--border); border-radius: 16px; padding: 26px; position: relative; }
.uc-step-n { position: absolute; top: 18px; right: 22px; font-family: var(--serif); font-size: 40px; line-height: 1; }
.uc-step-ico { width: 44px; height: 44px; border-radius: 11px; border: 1px solid; display: grid; place-items: center; margin-bottom: 16px; }
.uc-step h4 { font-family: var(--serif); font-size: 20px; font-style: italic; margin-bottom: 6px; }
.uc-step p { font-size: 13px; color: var(--ink-2); line-height: 1.55; margin: 0; }
.uc-prod { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); transition: all 0.16s; }
.uc-prod:hover { border-color: var(--border-strong); transform: translateY(-1px); }
.uc-prod-ico { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; color: #fff; flex-shrink: 0; }
.uc-prod-t { font-size: 14px; color: var(--ink); font-weight: 600; }
.uc-prod-d { font-size: 11.5px; color: var(--dim); margin-top: 2px; }
.uc-prod-from { font-family: var(--mono); font-size: 12px; color: var(--ink-2); white-space: nowrap; }
.uc-related { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.uc-rel { padding: 18px 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-3); font-family: var(--serif); font-size: 16px; color: var(--ink); transition: all 0.16s; }
.uc-rel:hover { border-color: var(--border-strong); background: var(--surface); color: var(--purple); }
.uc-hero .section-head h2, .section-head h2 { font-size: 40px; }
@media (max-width: 1080px) {
  .uc-hero-grid, .uc-split, .uc-steps { grid-template-columns: 1fr; }
  .uc-related { grid-template-columns: 1fr 1fr; }
  .uc-h1 { font-size: 48px; }
}

/* ---- Use case pages (hero-usecase / uc-networks，源自 proxyomega.com) ---- */
.hero-usecase { padding: 80px 0 60px; position: relative; background: radial-gradient(800px 400px at 50% -20%, rgba(15, 80, 70, .18), transparent 60%), radial-gradient(600px 300px at 50% 50%, rgba(10, 40, 36, .4), transparent 60%), #0a1311; border-radius: 28px; margin: 90px auto 22px; max-width: 1842px; width: calc(100% - 44px); overflow: hidden; }
.hero-usecase .wrap { max-width: 1180px; margin: 0 auto; padding: 0 40px; position: relative; z-index: 2; }
.hero-usecase .uc-card { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr); gap: 32px; align-items: center; padding: 0; border: none; background: none; border-radius: 0; min-height: 0; box-shadow: none; text-decoration: none; }
.hero-usecase .uc-card-main { display: flex; flex-direction: column; justify-content: center; min-width: 0; position: relative; z-index: 1; }
.hero-usecase .uc-card-main .eyebrow-pill { display: inline-flex; margin-bottom: 24px; }
.hero-usecase .uc-card-main .h-title { font-size: clamp(38px, 4.4vw, 60px); line-height: 1.05; letter-spacing: -1.7px; margin: 0 0 22px; font-weight: 800; }
.hero-usecase .uc-card-main .h-lede { font-size: 18px; line-height: 1.6; color: var(--ink-2); margin: 0 0 32px; max-width: 760px; }
.hero-usecase .uc-card-main .h-cta { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 32px; }
.uc-mini-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; max-width: 520px; }
.uc-mini-stats li { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 12px; background: #ffffff06; border: 1px solid rgba(255, 255, 255, .06); }
.uc-mini-stats b { font-weight: 800; font-size: 18px; color: var(--ink); letter-spacing: -.4px; }
.uc-mini-stats span { font-size: 12px; color: var(--ink-2); letter-spacing: .1px; }
.uc-hero-media { position: relative; z-index: 1; aspect-ratio: 1 / 1; width: 100%; display: grid; place-items: center; border: none; background: none; }
.uc-hero-media picture { display: block; width: 100%; height: 100%; border: none; }
.uc-hero-img { width: 100%; height: 100%; object-fit: contain; display: block; border: none; }
.uc-networks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.uc-net { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 28px; border-radius: 20px; text-decoration: none; color: var(--ink); background: #ffffff06; border: 1px solid rgba(255, 255, 255, .06); transition: border-color .15s, background .15s, transform .15s; }
.uc-net:hover { border-color: #2dd4bf4d; background: #ffffff0a; transform: translateY(-2px); }
.uc-net.is-featured { background: linear-gradient(180deg, #2dd4bf1a, #2dd4bf05); border-color: #2dd4bf4d; box-shadow: 0 20px 50px -20px #0F766E59; }
.uc-net-badge { position: absolute; top: 18px; right: 18px; font-size: 10px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--purple); font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #2dd4bf1a; border: 1px solid rgba(45, 212, 191, .25); }
.uc-net-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: #2dd4bf1a; color: var(--purple); }
.uc-net-icon svg { width: 22px; height: 22px; }
.uc-net h3 { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -.2px; }
.uc-net p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--ink-2); flex: 1; }
.uc-net-cta { font-size: 13px; font-weight: 600; color: var(--purple); display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; }
@media (max-width: 900px) {
  .hero-usecase { margin: 80px 14px 14px; padding: 60px 0 48px; border-radius: 22px; }
  .hero-usecase .wrap { padding: 0 24px; }
  .hero-usecase .uc-card { grid-template-columns: 1fr; gap: 0; }
  .uc-hero-media { display: none; }
  .hero-usecase .uc-card-main .h-title { font-size: 34px; letter-spacing: -1px; }
  .uc-mini-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 100%; gap: 8px; }
  .uc-mini-stats li { padding: 10px 12px; }
  .uc-mini-stats b { font-size: 16px; }
  .uc-networks { grid-template-columns: 1fr; }
}

/* ---- About / Contact pages (simple-hero / 联系表单，源自 proxyomega.com) ---- */
.grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px); background-size: 52px 52px; mask-image: radial-gradient(130% 120% at 84% 22%, #000 0%, transparent 56%); z-index: 1; pointer-events: none; }
.simple-hero { position: relative; overflow: hidden; margin: 90px auto 22px; max-width: 1842px; width: calc(100% - 44px); border-radius: 28px; padding: 96px 60px 76px; text-align: center; background: radial-gradient(820px 560px at 88% 40%, rgba(15, 80, 70, .24), transparent 58%), radial-gradient(720px 520px at 12% -8%, rgba(10, 40, 36, .58), transparent 54%), #0a1311; border: 1px solid rgba(255, 255, 255, .06); }
.simple-hero .inner { position: relative; z-index: 2; max-width: 720px; margin: 0 auto; }
.simple-hero .eyebrow { color: var(--purple); font-size: 12.5px; letter-spacing: .8px; text-transform: uppercase; font-weight: 700; }
.simple-hero h1 { font-size: clamp(38px, 4vw, 58px); margin: 16px 0 0; line-height: 1.05; }
.simple-hero p { color: var(--ink-2); font-size: 18px; line-height: 1.65; margin: 18px auto 0; max-width: 620px; }
.pp-features.three { grid-template-columns: repeat(3, 1fr); }
.field { display: flex; flex-direction: column; gap: 8px; }
.field label { color: var(--ink-2); font-size: 13px; font-weight: 600; }
.field input, .field textarea { width: 100%; border: 1px solid var(--border); border-radius: 14px; background: #ffffff09; color: var(--ink); padding: 15px 16px; font: inherit; outline: none; }
.field textarea { min-height: 140px; resize: vertical; }
.field input:focus, .field textarea:focus { border-color: #2dd4bf73; box-shadow: 0 0 0 4px #2dd4bf14; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field.full { grid-column: 1 / -1; }
.glass-panel { background: linear-gradient(180deg, #ffffff0a, #ffffff03); border: 1px solid var(--border); border-radius: 22px; padding: 30px; box-shadow: 0 34px 80px -50px #000c; }
.two-col { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; align-items: start; }
.contact-stack { display: grid; gap: 16px; }
.contact-card h3 { margin: 0 0 10px; }
.contact-card p { color: var(--ink-2); line-height: 1.65; margin: 0; }
.contact-result { margin-top: 14px; font-size: 14px; line-height: 1.5; color: var(--ink-2); min-height: 1.2em; }
.contact-result.ok { color: #7cffb3; }
.contact-result.err { color: #ff8a8a; }
.text-link { color: var(--purple); text-decoration: none; font-weight: 700; }
@media (max-width: 980px) {
  .two-col { grid-template-columns: 1fr; }
  .simple-hero { padding: 76px 28px; width: calc(100% - 28px); }
  .pp-features.three { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .form-grid { grid-template-columns: 1fr; }
  .pp-features.three { grid-template-columns: 1fr; }
}

/* ---- Active nav link ---- */
.site-nav .links a.active { color: var(--ink); }

/* ---- Product page ---- */
.prod-hero { position: relative; }
.prod-hero-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.prod-badge { width: 56px; height: 56px; border-radius: 15px; display: grid; place-items: center; color: #fff; box-shadow: 0 10px 30px rgba(13,148,136,0.3); }
.hchips { display: flex; gap: 12px; flex-wrap: wrap; }
.hchip { background: var(--surface-3); border: 1px solid var(--border); border-radius: 12px; padding: 12px 16px; min-width: 110px; }
.hchip .k { font-family: var(--mono); font-size: 9.5px; letter-spacing: 1px; text-transform: uppercase; color: var(--dim); }
.hchip .v { font-family: var(--serif); font-size: 20px; margin-top: 3px; }

.prod-hero-aside { display: flex; justify-content: flex-end; }
.price-orb { width: 100%; max-width: 340px; background: linear-gradient(160deg, rgba(13,148,136,0.1), rgba(10,22,20,0.9) 60%); border: 1px solid var(--border-strong); border-radius: 18px; padding: 28px; box-shadow: 0 30px 80px rgba(0,0,0,0.4); }
.price-orb .po-price { display: flex; align-items: baseline; gap: 6px; margin-top: 10px; }
.price-orb .po-amt { font-family: var(--serif); font-size: 52px; letter-spacing: -1.5px; line-height: 1; }
.price-orb .po-unit { font-family: var(--mono); font-size: 15px; color: var(--dim); }

.param-row { display: flex; gap: 14px; align-items: center; padding: 12px 14px; background: var(--surface-3); border: 1px solid var(--border-soft); border-radius: 10px; }
.param-row .param { font-family: var(--mono); font-size: 12px; color: var(--purple); background: rgba(13,148,136,0.1); padding: 4px 8px; border-radius: 5px; white-space: nowrap; }

.faq { border-bottom: 1px solid var(--border); padding: 4px 0; }
.faq summary { list-style: none; cursor: pointer; padding: 20px 0; font-family: var(--serif); font-size: 19px; color: var(--ink); display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.faq summary::-webkit-details-marker { display: none; }
.faq .faq-mark { font-family: var(--sans); font-size: 22px; color: var(--purple); transition: transform 0.2s; flex-shrink: 0; }
.faq[open] .faq-mark { transform: rotate(45deg); }
.faq .faq-body { color: var(--ink-2); font-size: 14px; line-height: 1.65; padding: 0 0 22px; max-width: 90%; }

/* ---- 博客页（版式对齐 cazhi.cn/blog，深色主题适配） ---- */
.rv-blog-hero {
  margin: 90px auto 22px;
  max-width: 1842px;
  width: calc(100% - 44px);
  padding: 72px 40px 56px;
  text-align: center;
  border-radius: 28px;
  background: radial-gradient(800px 400px at 50% -20%, rgba(15, 80, 70, .18), transparent 60%), radial-gradient(600px 300px at 50% 50%, rgba(10, 40, 36, .4), transparent 60%), #0a1311;
  border: 1px solid var(--border);
}
.rv-blog-hero h1 {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  line-height: 1.15;
  letter-spacing: -.02em;
  margin: 0 0 12px;
}
.rv-blog-hero p {
  color: var(--ink-2);
  max-width: 560px;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.7;
}
.rv-blog-hero--post { padding-bottom: 48px; }
.rv-blog-list { padding-top: 48px; padding-bottom: 96px; }
.rv-blog-head { text-align: center; max-width: 640px; margin: 0 auto 32px; }
.rv-blog-head h2 { font-size: clamp(28px, 3vw, 36px); margin: 0 0 10px; letter-spacing: -.8px; }
.rv-blog-head p { color: var(--ink-2); font-size: 15px; line-height: 1.65; margin: 0; }
.rv-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1080px;
  margin: 0 auto;
}
.rv-blog-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.rv-blog-card:hover {
  border-color: rgba(45, 212, 191, .35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
  transform: translateY(-2px);
}
.rv-blog-card__body { padding: 24px; }
.rv-blog-card h3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 0 8px;
  color: var(--ink);
}
.rv-blog-card p {
  font-size: .85rem;
  color: var(--ink-2);
  line-height: 1.6;
  margin: 0;
}
.rv-blog-link,
.rp-link {
  font-size: .85rem;
  font-weight: 600;
  color: var(--purple);
  margin-top: 12px;
  display: inline-block;
  text-decoration: none;
}
.rv-blog-link:hover,
.rp-link:hover { color: var(--ink); }
.rv-blog-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.rv-blog-article { padding-top: 48px; padding-bottom: 96px; }
.rv-blog-article__wrap { max-width: 720px; }
.rv-article {
  color: var(--ink-2);
  line-height: 1.85;
  font-size: 1rem;
}
.rv-article h3 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--ink);
  margin: 2em 0 .75em;
  line-height: 1.35;
  letter-spacing: -.2px;
}
.rv-article p { margin: 0 0 1.2em; }
.rv-article ul {
  margin: 0 0 1.2em;
  padding-left: 1.25em;
  list-style: disc;
}
.rv-article li { margin-bottom: .5em; }
.rv-article a { color: var(--purple); text-decoration: none; }
.rv-article a:hover { color: var(--ink); text-decoration: underline; }
.rv-article code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .9em;
  padding: .1em .35em;
  border-radius: 4px;
  background: rgba(255, 255, 255, .08);
  color: var(--ink);
}
.rv-code {
  margin: 0 0 1.2em;
  padding: 16px 18px;
  border-radius: 12px;
  background: #11141c;
  border: 1px solid var(--border);
  overflow-x: auto;
}
.rv-code code {
  display: block;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .85rem;
  line-height: 1.6;
  color: #e1e4e8;
  white-space: pre-wrap;
  word-break: break-word;
  background: none;
  padding: 0;
}
.rv-article-back { margin-top: 32px; }
@media (max-width: 900px) {
  .rv-blog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .rv-blog-hero { margin: 80px 14px 14px; width: calc(100% - 28px); padding: 56px 24px 44px; }
  .rv-blog-grid { grid-template-columns: 1fr; }
}

/* 首页 hero：无右侧装饰图，文案与数据居中 */
.hero:has(.hero-content) {
  text-align: center;
  align-items: center;
}
.hero:has(.hero-content) .hero-content {
  max-width: 960px;
  margin: 0 auto;
}
.hero:has(.hero-content) .h-lede {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.hero:has(.hero-content) .h-cta {
  justify-content: center;
}
.hero:has(.hero-content) .h-stats {
  justify-content: center;
}
.hero:has(.hero-content) .h-stats .stat:first-child {
  padding-left: 36px;
}

/* 产品子页 hero：无右侧配图，文案与统计居中（同首页） */
.hero:has(.hero-stats-row) {
  text-align: center;
  align-items: center;
}
.hero:has(.hero-stats-row) .hero-grid--split {
  grid-template-columns: 1fr;
  justify-items: center;
}
.hero:has(.hero-stats-row) .hero-col-visual {
  display: none;
}
.hero:has(.hero-stats-row) .hero-col-text {
  max-width: 960px;
  align-items: center;
}
.hero:has(.hero-stats-row) .h-lede {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.hero:has(.hero-stats-row) .h-checks {
  align-items: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.hero:has(.hero-stats-row) .h-cta {
  justify-content: center;
}
.hero:has(.hero-stats-row) .hero-stats-row {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.hero:has(.hero-stats-row) .hero-stats-row .stat:first-child {
  padding-left: 28px;
}

/* 解决方案子页（use-*）hero：无右侧配图，文案居中；去除内层 uc-card 背景板 */
.hero-usecase .uc-card,
.hero-usecase .uc-card:hover {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.hero-usecase .uc-card {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}
.hero-usecase .uc-hero-media {
  display: none;
}
.hero-usecase .uc-card-main {
  align-items: center;
  max-width: 960px;
}
.hero-usecase .uc-card-main .h-lede {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.hero-usecase .uc-card-main .h-cta {
  justify-content: center;
}
.hero-usecase .uc-mini-stats {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* 全站标题：加宽容器 + 中文尽量避免一两个字单独换行 */
.hero-content,
.hero-col-text {
  max-width: 960px;
}
.h-title,
.simple-hero h1,
.hero-slim .h-title,
.cmp-hero .h-title,
.shead h2,
.pp-cta h2,
.pp-cta-inner h2,
.uc-title,
.fivenets-head h2,
.cta h2,
.pricing-page .h1 {
  word-break: keep-all;
  overflow-wrap: break-word;
  text-wrap: balance;
}
.shead {
  max-width: 880px;
}

/* 首页核心功能：四行单列，文案与配图左右排列 */
.fcards--rows {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 1080px;
  margin: 0 auto;
}
.fcards--rows .fcard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 36px;
  align-items: center;
  padding: 28px 32px;
}
.fcards--rows .fcard--reverse {
  direction: rtl;
}
.fcards--rows .fcard--reverse > * {
  direction: ltr;
}
.fcards--rows .fcard-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.fcards--rows .fcard h3 {
  margin: 0;
  font-size: 22px;
  letter-spacing: -0.4px;
}
.fcards--rows .fcard p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-2);
}
.fcards--rows .fcard .viz {
  height: 200px;
  margin: 0;
  border-radius: 14px;
}
@media (max-width: 820px) {
  .fcards--rows .fcard,
  .fcards--rows .fcard--reverse {
    grid-template-columns: 1fr;
    direction: ltr;
    padding: 22px 20px;
    gap: 20px;
  }
  .fcards--rows .fcard .viz {
    order: -1;
    height: 168px;
  }
}

/* 代理产品线：五个产品五行单列，卡片内图标与文案左右排列 */
.fivenets-grid--stack {
  display: flex !important;
  flex-direction: column;
  gap: 16px;
  max-width: 1080px;
  margin: 0 auto;
}
.fivenets-grid--stack .nnet:nth-child(5) {
  grid-column: auto !important;
}
.fivenets-grid--stack .nnet--inline {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  padding: 24px 28px;
}
.fivenets-grid--stack .nnet--inline .nicon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-bottom: 0;
}
.fivenets-grid--stack .nnet-text {
  min-width: 0;
}
.fivenets-grid--stack .nnet-text h3 {
  font-size: 18px;
  line-height: 1.35;
  margin: 0 0 8px;
  letter-spacing: -0.3px;
}
.fivenets-grid--stack .nnet-text p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
  color: var(--ink-2);
}
@media (max-width: 620px) {
  .fivenets-grid--stack .nnet--inline {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 20px 18px;
  }
  .fivenets-grid--stack .nnet--inline .nicon {
    width: 24px;
    height: 24px;
  }
}

/* 产品子页「你将获得」：四行单列，图标与文案左右排列 */
.pp-features--stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px;
  max-width: 1080px;
  margin: 0 auto;
}
.pp-features--stack .pp-feat {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 8px 20px;
  padding: 24px 28px;
}
.pp-features--stack .pp-feat .icoTile {
  grid-row: 1 / 3;
  margin-bottom: 0;
  align-self: center;
}
.pp-features--stack .pp-feat h3 {
  margin: 0;
  font-size: 18px;
  letter-spacing: -0.3px;
  align-self: end;
}
.pp-features--stack .pp-feat p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-2);
  align-self: start;
}
@media (max-width: 620px) {
  .pp-features--stack .pp-feat {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 14px;
    padding: 20px 18px;
  }
  .pp-features--stack .pp-feat .icoTile {
    grid-row: auto;
  }
}

.simple-hero .inner {
  max-width: 960px;
}
.hero-usecase .uc-card-main .h-title {
  max-width: 100%;
}
.hero-slim .wrap {
  max-width: 960px;
}
.hero .h-lede,
.hero-content .h-lede,
.hero-col-text .h-lede {
  max-width: 760px;
}

/* ========== 暗色主题：深蓝灰底 + 蓝色强调 ========== */
:root {
  --bg: #0B0E14;
  --bg2: #111827;
  --surface: rgba(255, 255, 255, 0.03);
  --surface-2: rgba(255, 255, 255, 0.055);
  --surface-3: rgba(59, 130, 246, 0.06);
  --border: rgba(255, 255, 255, 0.08);
  --border-soft: rgba(255, 255, 255, 0.05);
  --border-strong: rgba(59, 130, 246, 0.35);
  --ink: #FFFFFF;
  --ink-2: #C5C8E0;
  --dim: #82859B;
  --faint: #5A5D72;
  --purple: #3B82F6;
  --purple-deep: #2563EB;
  --grad: linear-gradient(90deg, #60A5FA, #3B82F6);
  --grad-strong: linear-gradient(135deg, #60A5FA 0%, #2563EB 100%);
}

html,
body {
  background: var(--bg);
  color: var(--ink);
}

/* 渐变标题与按钮：蓝色系 */
.gt,
.h-title .gt,
.shead h2 .gt,
.pricing-page .h1 .gt,
.cmp-hero .gt {
  background: linear-gradient(96deg, #93C5FD, #3B82F6 44%, #2563EB);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.pill.solid,
.btn.solid,
.cget-mobile,
.summary .cta-btn,
.pp-tier.featured .ttarget,
.pp-tier .badge {
  background: linear-gradient(180deg, #60A5FA, #2563EB) !important;
  box-shadow: 0 16px 34px -10px rgba(37, 99, 235, 0.45);
}
.pill.solid:hover,
.btn.solid:hover,
.cget-mobile:hover,
.summary .cta-btn:hover,
.pp-tier.featured .ttarget:hover {
  filter: brightness(1.08);
  box-shadow: 0 16px 34px -10px rgba(59, 130, 246, 0.55) !important;
}

/* 导航 */
.cnav:before {
  background: rgba(11, 14, 20, calc(var(--nav-progress) * 0.88));
  border-bottom-color: rgba(255, 255, 255, calc(var(--nav-progress) * 0.06));
}
.clogo,
.clinks > a,
.clinks a,
.cnav .navwrap > a {
  color: #E7E8F2;
}
.clinks > a:hover,
.clinks a:hover,
.cnav .navwrap > a:hover {
  color: #60A5FA;
}
.cget {
  border-color: rgba(59, 130, 246, 0.28);
  background: rgba(59, 130, 246, 0.08);
  color: #DBEAFE;
}
.cget:hover {
  background: rgba(59, 130, 246, 0.16);
  border-color: rgba(59, 130, 246, 0.45);
  color: #FFFFFF;
}
.cget svg {
  color: var(--purple);
}
.cnav-toggle {
  color: #E7E8F2;
}
.cnav .mega {
  background: rgba(17, 24, 39, 0.96);
  border-top-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
}
.cnav-mobile {
  background: var(--bg2);
  border-left-color: rgba(255, 255, 255, 0.08);
}
.cnav-mobile a,
.cnav-mobile details summary {
  color: #E7E8F2;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
.cnav-mobile a:hover,
.cnav-mobile details a:hover {
  color: #60A5FA;
}
.cnav-mobile details a {
  color: #C5C8E0;
}
.cnav-mobile details summary:after {
  border-color: #E7E8F2;
}

/* Hero：暗底 + 蓝色光晕 */
.hero,
.simple-hero,
.cmp-hero,
.hero-slim {
  background:
    radial-gradient(900px 520px at 82% 38%, rgba(59, 130, 246, 0.18), transparent 58%),
    radial-gradient(700px 480px at 10% -6%, rgba(37, 99, 235, 0.1), transparent 52%),
    linear-gradient(165deg, rgba(17, 24, 39, 0.7) 0%, transparent 55%),
    #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.07);
}
/* 解决方案子页 hero：与页面主背景同色，无独立渐变底 */
.hero-usecase {
  background: var(--bg) !important;
  border: none !important;
  box-shadow: none !important;
}
.pp-cta {
  background:
    radial-gradient(640px 400px at 50% 48%, rgba(59, 130, 246, 0.14), transparent 62%),
    linear-gradient(180deg, rgba(17, 24, 39, 0.85), var(--bg)) !important;
  border-color: rgba(255, 255, 255, 0.08);
}
.grid-bg {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
}
.h-lede {
  color: #B8BBD0 !important;
}
.eyebrow-pill {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: #E7E8F2;
}
.eyebrow-pill b {
  color: #3B82F6;
}
.eyebrow-pill .dot {
  background: #3B82F6;
  box-shadow: 0 0 8px rgba(59, 130, 246, 0.75);
}
.eyebrow-pill .sep {
  background: rgba(255, 255, 255, 0.2);
}
.hero-stats-row {
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}
.hero-stats-row .stat {
  border-right-color: rgba(255, 255, 255, 0.06) !important;
}
.h-stats .sdiv {
  background: rgba(255, 255, 255, 0.13);
}
.h-stats .c,
.hero-stats-row .c {
  color: var(--ink-2);
}
.hero-stats-row .n,
.h-stats .n {
  background: linear-gradient(180deg, #60A5FA, #2563EB 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* 卡片：暗色半透明浮层 */
.nnet,
.fcard,
.tcard,
.uc-card,
.pp-feat,
.pp-step,
.pp-case,
.pp-tier,
.pp-q,
.picker,
.feat,
.faq-item,
.ctable,
.cmp-card,
.glass-panel,
.acc-item.open {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
  border-color: rgba(255, 255, 255, 0.08);
}
.disc,
.pill.ghost,
.btn.ghost {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ink) !important;
}
.pill.ghost:hover,
.btn.ghost:hover,
.disc:hover {
  background: rgba(59, 130, 246, 0.1) !important;
  border-color: rgba(59, 130, 246, 0.32) !important;
  color: #60A5FA !important;
}

/* 合作伙伴 Logo：暗底反白 */
.partner-logo {
  filter: brightness(0) invert(1);
  opacity: 0.42;
}
.partner-logo:hover {
  opacity: 0.8;
}

.cta-planet {
  opacity: 0.45;
  background: conic-gradient(from 200deg, #2563EB, #60A5FA, #93C5FD, #3B82F6, #2563EB) !important;
}
.cta-fade {
  background: linear-gradient(180deg, transparent, var(--bg));
}

/* 代码演示区 */
.console,
.pp-console {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)) !important;
  box-shadow: 0 40px 90px -40px rgba(0, 0, 0, 0.5);
}

/* 表单控件 */
.field select,
.field input[type="number"],
.field input,
.field textarea,
.region-trigger {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--ink) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.region-menu {
  background: rgba(17, 24, 39, 0.98);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}
.region-option {
  color: rgba(255, 255, 255, 0.85);
}
.region-option:hover,
.region-option.is-active {
  background: rgba(59, 130, 246, 0.18) !important;
  color: #FFFFFF;
}

/* 蓝色 hover：覆盖基础样式中的青绿交互色 */
.shead .eb,
.fivenets-head .eb,
.pricing-page .eb,
.uc-eyebrow {
  color: #3B82F6 !important;
}
.cnav .mega .mega-prod:hover,
.cnav .mega .mega-link:hover,
.cnav .mega .mega-flat a:hover,
.cnav .mega .mega-promo:hover,
.mega-prod:hover,
.mega-link:hover,
.mega-flat a:hover,
.nnet:hover,
.fivenets-grid--stack .nnet--inline:hover,
.pp-feat:hover,
.pp-case:hover,
.uc-card:hover,
.fcard:hover,
.cmp-card:hover,
.acc-item:hover {
  border-color: rgba(59, 130, 246, 0.32) !important;
}
.cnav .mega .mega-prod:hover,
.cnav .mega .mega-link:hover,
.cnav .mega .mega-flat a:hover,
.mega-prod:hover,
.mega-link:hover,
.mega-flat a:hover,
.nnet:hover,
.pp-feat:hover,
.pp-case:hover,
.uc-card:hover {
  background: rgba(59, 130, 246, 0.08) !important;
}
.foot a:hover,
.site-foot a:hover,
.text-link:hover,
.legal-body a:hover,
.rv-blog-link:hover,
.mega-textlinks a:hover {
  color: #60A5FA !important;
}
.field input:focus,
.field textarea:focus,
.field select:focus,
.region-trigger:hover,
.region-trigger[aria-expanded="true"] {
  border-color: rgba(59, 130, 246, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12) !important;
}
.tab.active,
.pp-tier:hover,
.pp-tier.featured {
  border-color: rgba(59, 130, 246, 0.35) !important;
}
.tab.active {
  background: rgba(59, 130, 246, 0.14) !important;
  color: #FFFFFF !important;
}
.uc-net:hover,
.uc-more,
.pp-cmp td a,
.pp-cmp-foot a {
  color: #3B82F6;
}
.uc-net:hover {
  border-color: rgba(59, 130, 246, 0.35) !important;
}
.uc-card:hover .uc-more {
  color: #60A5FA;
}

/* 产品 Mega：仅代理网络网格，无右侧工具栏 */
.cnav .mega[data-mega="products"] .mega-products--solo {
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 900px;
}
@media (max-width: 1099px) {
  .cnav .mega[data-mega="products"] .mega-products--solo {
    grid-template-columns: 1fr 1fr;
  }
}

/* 清除青绿残留：卡片 hover 与首页图示区统一为蓝色 */
.hero-usecase .uc-card:hover {
  border-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
}
.uc-card:hover {
  border-color: rgba(59, 130, 246, 0.35) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04)) !important;
  box-shadow: 0 18px 38px -22px rgba(59, 130, 246, 0.45) !important;
}
.fcards--rows .fcard:hover,
.fcard:hover {
  border-color: rgba(59, 130, 246, 0.32) !important;
  box-shadow: 0 16px 40px -24px rgba(59, 130, 246, 0.35) !important;
}
.nnet:hover,
.pp-feat:hover,
.pp-case:hover,
.cmp-card:hover {
  border-color: rgba(59, 130, 246, 0.32) !important;
}
.pp-feat:hover,
.pp-case:hover {
  box-shadow: none !important;
}
/* 首页核心功能图示区（图二） */
.fcard .viz {
  background: radial-gradient(circle at 50% 0%, rgba(59, 130, 246, 0.14), rgba(255, 255, 255, 0.02)) !important;
}
.fcard .bar {
  background: linear-gradient(180deg, #60A5FA, #2563EB) !important;
}
.fcard .vbub.req {
  background: linear-gradient(180deg, #60A5FA, #2563EB) !important;
}
.fcard .vbub.res b {
  color: #60A5FA !important;
}
.fcard .vtile.c {
  background: linear-gradient(180deg, #60A5FA, #2563EB) !important;
  box-shadow: 0 14px 30px -8px rgba(37, 99, 235, 0.5) !important;
}
.fcard .vline {
  background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.45), transparent) !important;
}
.uc-icon,
.pp-feat .icoTile,
.pp-case .icoTile {
  border-color: rgba(59, 130, 246, 0.22) !important;
}
.uc-net:hover,
.uc-net.is-featured {
  border-color: rgba(59, 130, 246, 0.32) !important;
  box-shadow: 0 20px 50px -20px rgba(37, 99, 235, 0.35) !important;
}
.uc-net.is-featured {
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.03)) !important;
}
.uc-net-badge,
.uc-net-icon {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.25) !important;
}
.rv-blog-card:hover {
  border-color: rgba(59, 130, 246, 0.35) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 12px 32px -16px rgba(59, 130, 246, 0.25) !important;
}