:root{--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fbfe;--ink:#172033;--muted:#657286;--faint:#8c98aa;--line:#dce5ef;--line-strong:#c9d6e4;--blue:#2563eb;--blue-soft:#eaf1ff;--teal:#00a88f;--teal-soft:#e6f8f4;--amber:#d97706;--amber-soft:#fff4df;--red:#d14343;--red-soft:#fff0f0;--shadow:0 18px 42px #1c273b14;--radius:8px;color:var(--ink);background:var(--bg);letter-spacing:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}.user-sidebar{background:linear-gradient(#0a83ff 0%,#006fe6 48%,#0067d7 100%);border-right:1px solid #fff3;padding:18px 14px;overflow-y:auto;box-shadow:18px 0 44px #006fe633}.user-brand{border-bottom:1px solid #ffffff2e;min-height:66px}.brand-mark{color:#fff;background:linear-gradient(135deg,#18c8ff,#05d5c8)}.user-brand span{color:#ffffffad}.user-nav{gap:14px;padding-top:12px}.user-nav-section{gap:5px;display:grid}.user-nav-head{color:#ffffffb8;justify-content:space-between;align-items:center;gap:8px;padding:0 8px 3px;font-size:12px;display:flex}.user-nav-head strong{color:#fff}.user-nav-head span{color:#ffffff85}.user-nav button{color:#ffffffd6;border-color:#0000;min-height:38px;position:relative}.user-workspace{background:radial-gradient(circle at 62% 0,#0a83ff1a,#0000 34%),linear-gradient(#fbfdff 0,#f2f7ff 300px,#f5f8fc 100%)}.user-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfdfff0;border-bottom:1px solid #c9d6e4b3;margin:-20px -24px 22px;padding:14px 24px;position:sticky;top:0}.hero-panel{color:#fff;background:linear-gradient(135deg,#087dfffa,#006fe6e0),#087dff;border:0;box-shadow:0 24px 60px #006fe63d}.hero-panel p,.hero-panel .state-dot{color:#ffffffc2}.panel,.quota-panel,.plan-card{border-color:#d7e4f3;box-shadow:0 14px 34px #19335c14}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:#fff;border:1px solid #d7e4f3;border-radius:8px;gap:6px;min-height:116px;padding:18px;display:grid;box-shadow:0 12px 28px #19335c12}.metric-card span,.metric-card em{color:#657286;font-size:12px;font-style:normal}.metric-card strong{color:#0a57c5;font-size:28px;line-height:1.1}.extract-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.extract-form label,.whitelist-form{gap:6px;display:grid}.extract-form label span{color:#7a8798;font-size:12px;font-weight:800}.extract-form input,.extract-form select,.whitelist-form input{background:#fff;border:1px solid #d7e4f3;border-radius:8px;outline:0;width:100%;min-height:40px;padding:0 12px}.extract-preview{background:#f8fbff;border:1px solid #d7e4f3;border-radius:8px;gap:8px;margin:14px 0;padding:12px;display:grid}.extract-preview span{color:#657286;font-size:12px;font-weight:800}.extract-preview code{color:#0a57c5;overflow-wrap:anywhere}.whitelist-form{grid-template-columns:minmax(0,1fr) auto;margin-bottom:12px}.whitelist-list{gap:8px;display:grid}.whitelist-row{background:#f8fbff;border:1px solid #d7e4f3;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.status-badge{color:#08724f;background:#e6f8f4;border:1px solid #bbebdd;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:850;display:inline-flex}.help-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.help-card{text-align:left;background:#f8fbff;border:1px solid #d7e4f3;border-radius:8px;gap:8px;min-height:120px;padding:16px;display:grid}.help-card strong{color:#172033}.help-card span{color:#657286;font-size:13px}@media (width<=1180px){.metric-strip,.help-grid,.extract-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.user-shell{grid-template-columns:1fr}.user-sidebar{height:auto;position:relative}.metric-strip,.help-grid,.extract-form,.whitelist-form{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg, #ffffffd6, #f4f7fbfa 42%), var(--bg);min-width:320px;overflow-x:hidden}button,select,input{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.is-disabled{pointer-events:none;opacity:.5}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.language-switcher{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(3,minmax(42px,1fr));gap:3px;padding:3px;display:inline-grid}.language-switcher.compact{grid-template-columns:repeat(3,minmax(36px,1fr))}.language-switcher button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:12px;font-weight:860}.language-switcher button.active{background:var(--blue);color:#fff}.user-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.public-site{min-height:100vh;color:var(--ink);background:linear-gradient(#f8fbff 0%,#eef5fb 56%,#f7fbff 100%)}.public-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fbffe0;border-bottom:1px solid #cbd5e1b3;grid-template-columns:minmax(180px,auto) 1fr auto;align-items:center;gap:18px;padding:14px clamp(18px,4vw,54px);display:grid;position:sticky;top:0}.public-brand{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:18px;font-weight:930;display:flex}.public-brand .brand-mark{width:38px;height:38px}.public-header nav{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.public-header nav button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 12px;font-weight:820}.public-actions{align-items:center;gap:10px;display:flex}.public-hero{grid-template-columns:minmax(0,1.08fr) minmax(300px,430px);align-items:center;gap:clamp(28px,6vw,76px);min-height:calc(100vh - 72px);padding:clamp(42px,7vw,88px) clamp(20px,6vw,92px);display:grid}.public-hero-copy{gap:20px;max-width:760px;display:grid}.public-kicker{width:fit-content;color:var(--blue);letter-spacing:.04em;text-transform:uppercase;background:#fff;border:1px solid #2563eb38;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.public-hero h1{letter-spacing:0;max-width:860px;margin:0;font-size:clamp(40px,6vw,74px);line-height:.98}.public-hero p,.public-page-head p,.public-band p{color:var(--muted);margin:0;font-size:clamp(15px,2vw,18px);line-height:1.72}.public-hero-actions,.public-inline-actions{flex-wrap:wrap;gap:12px;display:flex}.public-phone-preview{aspect-ratio:390/760;background:linear-gradient(#f8fbff,#e8f1f8);border:12px solid #132235;border-radius:44px;justify-self:center;width:min(100%,390px);padding:24px;position:relative;box-shadow:0 28px 80px #1122353d}.preview-status{color:#102033;justify-content:space-between;font-size:13px;font-weight:900;display:flex}.preview-card{border:1px solid var(--line);background:#fff;border-radius:18px;gap:12px;margin-top:88px;padding:22px;display:grid;box-shadow:0 18px 38px #0f172a14}.preview-card h2{margin:0;font-size:38px}.preview-card p{color:var(--muted);margin:0}.preview-card button{background:var(--blue);color:#fff;border:0;border-radius:12px;min-height:44px;font-weight:900}.public-band,.public-page{padding:clamp(32px,6vw,80px) clamp(20px,6vw,92px)}.public-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;grid-template-columns:minmax(260px,.8fr) minmax(0,1fr);gap:24px;display:grid}.public-band h2,.public-page h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.06}.public-feature-grid,.public-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.public-feature-grid article,.public-plan-card,.public-form-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 16px 36px #0f172a0f}.public-feature-grid article{gap:10px;min-height:112px;padding:16px;display:grid}.public-feature-grid svg{color:var(--blue)}.public-page{align-content:start;gap:24px;min-height:calc(100vh - 72px);display:grid}.public-page-head{gap:14px;max-width:920px;display:grid}.public-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-plan-card{gap:14px;padding:20px;display:grid}.public-plan-card.featured{border-color:#2563eb66}.public-plan-card>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.public-plan-card>div:first-child strong{font-size:20px}.public-plan-card>div:first-child span{color:var(--blue);background:#eaf2ff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:820}.public-plan-card h3{color:var(--blue);margin:0;font-size:30px}.public-plan-card h3 small{color:var(--muted);font-size:13px}.public-plan-card p{min-height:48px;color:var(--muted);margin:0;line-height:1.55}.public-plan-card ul{color:#172033;gap:8px;margin:0;padding:0;font-weight:780;list-style:none;display:grid}.public-inline-cta{width:fit-content}.public-form-page{justify-items:start}.public-form-card{gap:14px;width:min(520px,100%);padding:18px;display:grid}.public-form-card label{gap:6px;display:grid}.public-form-card input{border:1px solid var(--line);border-radius:var(--radius);height:42px;padding:0 12px}.legal-links{flex-wrap:wrap;gap:10px;display:flex}.legal-links a{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:9px 12px;font-weight:800;text-decoration:none}.legal-links a.active{color:var(--blue);background:#eaf2ff;border-color:#2563eb57}.legal-page .public-page-head h1{font-size:clamp(28px,3vw,40px)}.legal-page .public-page-head p{font-size:15px;line-height:1.68}.legal-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.legal-section-card,.legal-source-panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffdb;box-shadow:0 12px 28px #0f172a0f}.legal-section-card{padding:18px}.legal-section-card h2{color:#0f1f34;margin:0 0 10px;font-size:18px;line-height:1.25}.legal-section-card ul{gap:8px;margin:0;padding-left:18px;display:grid}.legal-section-card li{color:#44536a;font-size:14px;line-height:1.65}.legal-source-panel{gap:10px;padding:16px 18px;display:grid}.legal-source-panel strong{color:#0f1f34;font-size:14px}.legal-source-panel div{flex-wrap:wrap;gap:8px;display:flex}.legal-source-panel a{color:var(--blue);background:#fff;border:1px solid #cfe0f3;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:820;text-decoration:none}.app-preview-page{background:linear-gradient(#ffffffb8,#e8f1f8eb)}.app-preview-grid{grid-template-columns:repeat(4,minmax(260px,1fr));align-items:start;gap:22px;display:grid}.app-preview-shot{gap:12px;min-width:0;display:grid}.app-preview-shot h2{color:#0f1f34;margin:0;font-size:16px;line-height:1.25}.app-phone-shell{aspect-ratio:390/760;background:#132235;border:12px solid #132235;border-radius:42px;justify-self:center;width:min(100%,340px);padding:12px;box-shadow:0 22px 58px #11223538}.app-phone-screen{background:linear-gradient(#f8fbff 0%,#eaf3fb 100%);border-radius:28px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;height:100%;padding:18px 16px 14px;display:grid;position:relative;overflow:hidden}.app-status-bar,.app-header-row,.app-metric-strip,.app-node-list div,.app-order-list div,.app-device-panel div,.app-tabbar{align-items:center;display:flex}.app-status-bar{color:#0f1f34;justify-content:space-between;font-size:12px;font-weight:900}.app-header-row{gap:10px}.app-header-row .brand-mark{border-radius:12px;width:38px;height:38px}.app-header-row>div:nth-child(2){min-width:0}.app-header-row strong,.app-header-row span{display:block}.app-header-row strong{color:#0f1f34;font-size:16px;line-height:1.15}.app-header-row span{color:#66758c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.app-header-row button{color:#0f1f34;background:#fff;border:1px solid #d5e1ef;border-radius:999px;width:34px;height:34px;margin-left:auto;font-weight:900}.app-connect-ring{place-items:center;min-height:230px;margin-top:8px;display:grid}.app-connect-ring>div{border:18px solid #2563eb24;border-top-color:var(--blue);background:#fff;border-radius:50%;place-items:center;width:178px;height:178px;display:grid;box-shadow:0 18px 46px #2563eb2e}.app-connect-ring svg{color:var(--blue)}.app-connect-ring strong{color:#0f1f34;font-size:20px}.app-connect-ring span,.app-note,.app-plan-card small,.app-ad-card small{color:#66758c;font-size:12px}.app-metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.app-metric-strip span,.app-plan-card,.app-search-pill,.app-note,.app-ad-card,.app-device-panel,.app-security-list span{background:#ffffffdb;border:1px solid #d5e1ef;border-radius:14px}.app-metric-strip span{gap:3px;min-width:0;padding:10px 9px;display:grid}.app-metric-strip small{color:#66758c;font-size:10px}.app-metric-strip strong{color:#0f1f34;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.app-primary-action{background:var(--blue);color:#fff;border:0;border-radius:16px;min-height:46px;font-weight:900;box-shadow:0 12px 26px #2563eb40}.app-search-pill{color:#66758c;min-height:42px;padding:11px 13px;font-size:13px}.app-node-list,.app-order-list,.app-security-list,.app-device-panel{gap:10px;display:grid}.app-node-list div,.app-order-list div,.app-device-panel div{background:#fff;border:1px solid #d5e1ef;border-radius:14px;justify-content:space-between;gap:12px;min-height:48px;padding:0 13px}.app-node-list div.active{background:#eaf2ff;border-color:#2563eb61}.app-node-list span,.app-order-list span,.app-device-panel span{color:#0f1f34;font-weight:820}.app-node-list strong,.app-order-list strong,.app-device-panel em{color:var(--blue);font-size:12px;font-style:normal;font-weight:900}.app-note{padding:11px 13px;line-height:1.45}.app-plan-card,.app-ad-card,.app-device-panel{padding:15px}.app-plan-card{background:#fff;gap:8px;display:grid}.app-plan-card strong{color:#0f1f34;font-size:25px}.app-plan-card span{color:var(--blue);font-weight:900}.app-ad-card{color:#fff;background:linear-gradient(135deg,#2563eb,#11b7c8);border-color:#2563eb47;gap:4px;display:grid}.app-ad-card small,.app-ad-card strong{color:#fff}.app-device-panel>strong{color:#0f1f34}.app-security-list span{color:#24324a;align-items:center;gap:8px;padding:11px;font-size:12px;font-weight:760;line-height:1.35}.app-security-list svg{color:var(--blue);flex:none}.app-tabbar{background:#fffffff0;border:1px solid #d5e1ef;border-radius:20px;justify-content:space-between;min-height:58px;padding:6px;position:absolute;bottom:12px;left:14px;right:14px;box-shadow:0 14px 32px #1122351f}.app-tabbar span{color:#66758c;border-radius:14px;place-items:center;min-width:0;min-height:42px;padding:0 8px;font-size:11px;font-weight:900;display:grid}.app-tabbar span.active{color:#fff;background:var(--blue)}.style-lab-page{background:linear-gradient(#f8fbff 0%,#eef5fb 100%);gap:22px}.style-lab-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.style-lab-head>div{gap:12px;max-width:900px;display:grid}.style-lab-head h1{font-size:clamp(32px,4vw,54px)}.style-lab-head p{max-width:880px}.style-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.style-picker button,.style-summary-grid button{color:#203047;cursor:pointer;background:#ffffffd1;border:1px solid #d7e3ef;border-radius:8px}.style-picker button{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 10px;font-size:12px;font-weight:850;display:flex}.style-picker button.active,.style-summary-grid button.active{color:var(--blue);background:#eaf2ff;border-color:#2563eb73}.style-showcase{--style-accent:#2563eb;--style-ink:#111827;--style-muted:#637083;--style-panel:#fff;--style-line:#1122351f;border:1px solid var(--style-line);background:var(--style-bg,#fff);border-radius:8px;grid-template-columns:minmax(280px,.86fr) minmax(360px,1fr);align-items:center;gap:clamp(24px,4vw,58px);min-height:620px;padding:clamp(28px,5vw,58px) clamp(28px,5vw,58px) clamp(96px,8vw,116px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 54px #16233a14}.style-showcase:before{content:"";background:linear-gradient(90deg, transparent, var(--style-accent), transparent);opacity:.42;height:1px;position:absolute;inset:auto 0 0}.style-copy,.style-visual{z-index:1;position:relative}.style-copy{color:var(--style-ink);gap:18px;display:grid}.style-copy>span{color:var(--style-accent);text-transform:uppercase;font-size:12px;font-weight:900}.style-copy h2{max-width:720px;color:var(--style-ink);margin:0;font-size:clamp(34px,5vw,68px);line-height:.98}.style-copy p{max-width:640px;color:var(--style-muted);margin:0;font-size:17px;line-height:1.75}.style-actions{flex-wrap:wrap;gap:10px;display:flex}.style-actions button{cursor:pointer;border-radius:8px;min-height:44px;padding:0 16px;font-weight:900}.style-actions button:first-child{color:#fff;background:var(--style-accent);border:0}.style-actions button:last-child{border:1px solid var(--style-line);color:var(--style-ink);background:#ffffffbd}.style-spec-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 0;display:grid}.style-spec-list div{border:1px solid var(--style-line);background:#ffffffad;border-radius:8px;padding:12px}.style-spec-list dt{color:var(--style-muted);font-size:11px;font-weight:850}.style-spec-list dd{color:var(--style-ink);margin:4px 0 0;font-size:13px;font-weight:820;line-height:1.45}.style-visual{min-width:0}.style-proof-row{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:absolute;bottom:24px;left:clamp(28px,5vw,58px);right:clamp(28px,5vw,58px)}.style-proof-row span{border:1px solid var(--style-line);min-width:0;color:var(--style-ink);text-overflow:ellipsis;white-space:nowrap;background:#ffffffad;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:850;overflow:hidden}.style-phone-duo{grid-template-columns:1fr .82fr;align-items:end;gap:18px;min-height:460px;display:grid;position:relative}.style-phone{background:linear-gradient(#f8fbff,#eaf3fb);border:11px solid #142337;border-radius:40px;gap:16px;min-height:440px;padding:22px 18px;display:grid;box-shadow:0 28px 66px #0f1f3438}.secondary-phone{min-height:380px;transform:translateY(24px)}.phone-top,.phone-brand,.phone-metrics,.phone-list span{align-items:center;display:flex}.phone-top{color:#0f1f34;justify-content:space-between;font-size:12px;font-weight:900}.phone-brand{gap:10px}.phone-brand>span{color:#fff;background:linear-gradient(135deg, var(--style-accent), #12b7c8);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:950;display:grid}.phone-brand strong,.phone-brand small{display:block}.phone-brand strong{color:#0f1f34}.phone-brand small{color:#657286}.phone-ring{border:18px solid #2563eb1f;border-top-color:var(--style-accent);width:166px;height:166px;color:var(--style-accent);background:#fff;border-radius:50%;place-self:center;place-items:center;display:grid}.phone-ring strong{color:#0f1f34;font-size:18px}.phone-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;display:grid}.phone-metrics span,.phone-list span{color:#172033;background:#fff;border:1px solid #d7e3ef;border-radius:8px;justify-content:center;min-height:42px;font-size:12px;font-weight:850}.phone-list{gap:10px;margin-top:34px;display:grid}.style-privacy{--style-bg:#f7fbf8;--style-accent:#08875d;--style-ink:#0d241c;--style-muted:#557166;--style-line:#08875d2e}.style-premium{--style-bg:#071524;--style-accent:#31d5ff;--style-ink:#f6fbff;--style-muted:#9eb4c7;--style-line:#ffffff24}.style-appstore{--style-bg:#fff;--style-accent:#111827;--style-ink:#111827;--style-muted:#657286;--style-line:#1118271f}.style-saas{--style-bg:#f8fafc;--style-accent:#0f766e;--style-ink:#142033;--style-muted:#64748b;--style-line:#0f766e29}.style-hybrid{--style-bg:linear-gradient(135deg, #fff 0%, #edf6ff 56%, #e9fbf7 100%);--style-accent:#1769ff;--style-ink:#0f1f34;--style-muted:#596b83;--style-line:#1769ff29}.style-premium .style-actions button:last-child,.style-premium .style-spec-list div,.style-premium .style-proof-row span{background:#ffffff14}.style-premium .style-actions button:last-child{color:#f6fbff}.style-privacy-visual{color:#08875d;background:linear-gradient(#ffffffd1,#e7f7efc7);border:1px solid #08875d2e;border-radius:8px;place-items:center;gap:12px;min-height:440px;display:grid}.style-privacy-visual strong{color:#0d241c;font-size:30px}.style-privacy-visual span{color:#557166;font-weight:760}.style-privacy-visual div{gap:8px;width:min(320px,78%);display:grid}.style-privacy-visual div span{background:#08875d24;border-radius:999px;height:12px;display:block}.style-privacy-visual div span:nth-child(2){width:78%}.style-privacy-visual div span:nth-child(3){width:56%}.style-map-visual{background:linear-gradient(#0715242e,#071524e0),url(/admin/assets/world-network-map.png) 50%/cover no-repeat,#071524;border:1px solid #ffffff1f;border-radius:8px;min-height:450px;position:relative;overflow:hidden}.map-node,.speed-card{color:#e8fbff;background:#091e30d1;border:1px solid #31d5ff57;border-radius:8px;position:absolute;box-shadow:0 14px 38px #00000038}.map-node{padding:8px 10px;font-size:12px;font-weight:900}.node-a{top:34%;left:18%}.node-b{top:48%;right:28%}.node-c{top:24%;right:14%}.speed-card{gap:4px;min-width:140px;padding:14px;display:grid;bottom:22px;left:22px}.speed-card svg{color:#31d5ff}.speed-card strong{color:#fff;font-size:32px}.speed-card span{color:#9eb4c7;font-size:12px;font-weight:850}.style-saas-visual{background:#fff;border:1px solid #0f766e29;border-radius:8px;grid-template-columns:120px minmax(0,1fr);min-height:430px;display:grid;overflow:hidden}.style-saas-visual aside{background:#0f766e;align-content:start;gap:12px;padding:22px 16px;display:grid}.style-saas-visual aside span{background:#ffffffb8;border-radius:999px;height:12px}.style-saas-visual aside span:first-child{width:70%;height:28px}.style-saas-visual main{align-content:center;gap:18px;padding:24px;display:grid}.saas-chart{border:1px solid #dbe7e5;border-radius:8px;grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;height:170px;padding:12px;display:grid}.saas-chart span{background:linear-gradient(#14b8a6,#0f766e);border-radius:6px 6px 0 0}.saas-chart span:first-child{height:52%}.saas-chart span:nth-child(2){height:76%}.saas-chart span:nth-child(3){height:44%}.saas-chart span:nth-child(4){height:88%}.saas-table{gap:10px;display:grid}.saas-table span{background:#f8fafc;border:1px solid #dbe7e5;border-radius:8px;height:42px}.style-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.style-summary-grid button{text-align:left;gap:8px;min-height:132px;padding:14px;display:grid}.style-summary-grid svg{color:var(--blue)}.style-summary-grid strong{color:#172033;font-size:14px}.style-summary-grid span{color:#657286;font-size:12px;line-height:1.45}.public-site.is-narrow .public-header,.public-site.is-narrow .portal-login,.public-site.is-narrow .portal-login-card,.public-site.is-narrow .login-visual,.public-site.is-narrow .portal-login-form{min-width:0;max-width:100%}.public-site.is-narrow .public-header{grid-template-columns:1fr;align-items:stretch;padding:12px 14px;position:static}.public-site.is-narrow .public-brand{min-width:0}.public-site.is-narrow .public-header nav{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%;max-width:360px;display:grid}.public-site.is-narrow .public-header nav button{min-width:0;padding-inline:8px}.public-site.is-narrow .public-actions{grid-template-columns:1fr;width:100%;max-width:360px;display:grid}.public-site.is-narrow .language-switcher,.public-site.is-narrow .language-switcher.compact{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.public-site.is-narrow .language-switcher button{min-width:0;padding-inline:4px}.public-site.is-narrow .portal-login{place-items:start stretch;padding:16px}.public-site.is-narrow .portal-login-card{width:360px;max-width:100%;margin-inline:auto;display:block}.public-site.is-narrow .login-visual,.public-site.is-narrow .portal-login-form{width:100%;padding:22px}.public-site.is-narrow .login-visual h1{overflow-wrap:anywhere;font-size:30px}.public-site.is-narrow .portal-login-form h2{font-size:26px}.portal-login{background:linear-gradient(135deg,#111827f0,#1d4ed8d1),#111827;place-items:center;min-height:100vh;padding:28px;display:grid}.portal-login-card{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff29;grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);width:min(960px,100%);display:grid;overflow:hidden;box-shadow:0 28px 80px #00000042}.login-visual{color:#fff;background:linear-gradient(160deg,#7ef5e224,#58a6ff1a),#111827;flex-direction:column;justify-content:flex-end;gap:14px;min-height:450px;padding:34px;display:flex}.login-visual h1,.portal-login-form h2{margin:0}.login-visual h1{font-size:36px;line-height:1.08}.login-visual p{color:#eff8ffb8;max-width:360px;margin:0}.portal-login-form{gap:15px;padding:38px;display:grid}.portal-login-form h2{font-size:28px}.portal-login-form label{gap:6px;display:grid}.portal-login-form label span{color:var(--faint);font-size:12px;font-weight:760}.portal-login-form input{border:1px solid var(--line);border-radius:var(--radius);width:100%;height:40px;color:var(--ink);background:#fff;outline:0;padding:0 10px}.login-demo{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);gap:5px;padding:12px;display:grid}.login-error{border-radius:var(--radius);color:#8a2432;background:#fff1f2;border:1px solid #fecdd3;padding:10px 12px;font-size:13px;font-weight:720}.login-error.neutral{color:#075569;background:#ecfeff;border-color:#bae6fd}.login-demo span{color:var(--faint);font-size:12px}.login-demo code{color:var(--blue);overflow-wrap:anywhere}.user-sidebar{color:#eff8ff;background:#111827;border-right:1px solid #ffffff14;min-width:0;height:100vh;padding:22px 16px;position:sticky;top:0}.user-brand{align-items:center;gap:12px;padding:4px 6px 18px;display:flex}.brand-mark{border-radius:var(--radius);color:#06211e;background:linear-gradient(135deg,#7ef5e2,#58a6ff);place-items:center;width:42px;height:42px;display:grid;box-shadow:0 12px 28px #2563eb42}.user-brand strong{font-size:18px;line-height:1.1;display:block}.user-brand span{color:#eff8ff9e;font-size:12px}.user-nav{flex-direction:column;gap:6px;min-width:0;display:flex}.user-nav button{border-radius:var(--radius);color:#eff8ffb8;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;display:flex}.user-nav button:hover,.user-nav button.selected{color:#fff;background:#2563eb2e;border-color:#7ef5e247}.user-workspace{min-width:0;padding:20px 24px 34px}.user-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.user-topbar h1{margin:0;font-size:27px;font-weight:800;line-height:1.15}.user-topbar p{color:var(--muted);margin:4px 0 0}.topbar-actions,.hero-actions,.metric-row,.country-cell,.iphone-actions{align-items:center;gap:10px;display:flex}.account-switch{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);gap:2px;min-width:168px;padding:7px 32px 7px 12px;display:grid;position:relative}.account-switch span{color:var(--faint);font-size:12px}.account-switch select{appearance:none;color:var(--teal);background:0 0;border:0;outline:0;font-weight:750}.account-switch svg{color:var(--faint);position:absolute;bottom:11px;right:10px}.account-display{padding-right:12px}.account-display strong{color:var(--teal)}.portal-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.hero-panel,.panel,.quota-panel,.plan-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.hero-panel{color:#fff;background:linear-gradient(135deg,#14b8a6e0,#2563ebf0),#1d4ed8;justify-content:space-between;align-items:flex-end;gap:20px;min-height:210px;padding:28px;display:flex}.hero-panel h2{margin:12px 0 8px;font-size:42px;line-height:1.04}.hero-panel p{color:#ffffffd1;max-width:620px;margin:0}.state-dot{background:#ffffff24;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:8px;height:28px;padding:0 10px;font-size:13px;font-weight:760;display:inline-flex}.state-dot:before{content:"";background:#7ef5e2;border-radius:50%;width:7px;height:7px}.panel,.quota-panel,.plan-card{padding:18px}.quota-number{margin:10px 0 8px;font-size:38px;font-weight:850;line-height:1}.progress{background:#e9eef5;border-radius:999px;height:9px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--blue));max-width:100%;height:100%;display:block}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-header>div{align-items:center;gap:8px;min-width:0;display:flex}.panel-header svg{color:var(--blue)}.panel-header h2,.page-intro h2{margin:0;font-size:18px;line-height:1.2}.panel-header span{color:var(--muted);white-space:nowrap;font-size:12px}.page-intro{justify-content:space-between;align-items:end;gap:20px;padding:3px 2px;display:flex}.page-intro p{max-width:780px;color:var(--muted);margin:0}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:2px;display:flex}.filter-row select,.filter-row input,.pagination-bar select{border:1px solid var(--line);border-radius:var(--radius);height:38px;color:var(--ink);background:#fff;outline:0;padding:0 10px}.filter-row input{min-width:260px}.pagination-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.pagination-bar>div{flex-wrap:wrap;gap:8px;display:flex}.pagination-bar span{color:var(--muted);font-size:13px;font-weight:720}.metric{flex:1;min-width:0;padding-top:12px}.metric span,.detail span,.feature span{color:var(--faint);font-size:12px;display:block}.metric strong,.detail strong,.feature strong{color:var(--ink);overflow-wrap:anywhere;font-size:14px;display:block}.detail-list{gap:12px;display:grid}.detail,.feature{gap:3px;display:grid}.primary-btn,.ghost-btn,.icon-btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:38px;font-weight:760;text-decoration:none;display:inline-flex}.primary-btn{color:#fff;background:var(--blue);padding:0 14px;box-shadow:0 10px 24px #2563eb33}.ghost-btn{color:var(--ink);background:var(--surface);border-color:var(--line);padding:0 14px}.hero-panel .ghost-btn{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.icon-btn{width:38px;color:var(--ink);background:var(--surface);border-color:var(--line);padding:0}.link-cards,.link-grid,.plans-row{gap:12px;display:grid}.compact-links{max-height:310px;overflow:auto}.link-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.link-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.link-grid.one-col{grid-template-columns:1fr}.link-card,.sub-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2)}.link-card{text-align:left;width:100%;min-height:64px;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.link-card strong,.link-card small{display:block}.link-card small,.sub-card span,.plan-subtitle{color:var(--muted);font-size:12px}.sub-card{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:228px;padding:15px;display:grid;position:relative}.sub-card-main{grid-column:1;gap:10px;min-width:0;display:grid}.sub-card strong{font-size:18px;display:block}.sub-card code,.token-line code{text-overflow:ellipsis;white-space:nowrap;color:#075985;background:#eef8ff;border:1px solid #cfeeff;border-radius:6px;max-width:100%;padding:9px;display:block;overflow:hidden}.sub-card-note{border-radius:var(--radius);border:1px solid var(--line);background:#fff;grid-column:1;align-content:start;gap:5px;padding:10px;display:grid}.sub-card-note strong{font-size:13px}.sub-card-note span{line-height:1.45}.sub-card>.qr-box{grid-area:1/2/span 2}.sub-card-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.v2box-master{background:#eefaff;border-color:#9bd8ef;grid-template-columns:minmax(0,1fr) 168px;align-items:center;gap:18px;display:grid}.v2box-master-main{gap:10px;min-width:0;display:grid}.v2box-master-main>span{color:var(--teal);font-size:13px;font-weight:800}.v2box-master-main strong{color:var(--ink);font-size:28px;line-height:1.1}.v2box-master-main code{text-overflow:ellipsis;white-space:nowrap;color:#075985;background:#fff;border:1px solid #cfeeff;border-radius:6px;max-width:100%;padding:10px 11px;display:block;overflow:hidden}.v2box-master-actions{flex-wrap:wrap;gap:8px;display:flex}.v2box-master>.qr-box{width:168px}.qr-box{width:132px;color:var(--muted);align-content:start;justify-items:center;gap:6px;font-size:11px;font-weight:720;display:grid}.qr-box img,.qr-box>span{border:1px solid var(--line);background:#fff;border-radius:6px;width:96px;height:96px}.qr-box img{display:block}.qr-box>span{place-items:center;display:grid}.qr-box.disabled{opacity:.5}.sub-card.disabled{background:#f7f9fb}.sub-card.disabled strong,.sub-card.disabled span,.sub-card.disabled code{color:var(--faint)}.token-line{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.token-line span{color:var(--muted);font-size:13px}.iphone-actions{flex-direction:column;align-items:stretch}.inline-actions{flex-flow:wrap;margin-top:14px}.qr-strip{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.iphone-actions button{width:100%}.inline-actions button{width:auto}.ikev2-phone-card{border-radius:var(--radius);border:1px solid var(--line);background:#f7f9fc;display:grid;overflow:hidden}.ikev2-field{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:120px minmax(0,1fr);align-items:center;gap:14px;min-height:48px;padding:0 16px;display:grid}.ikev2-field span{color:var(--ink);font-weight:720}.ikev2-field strong{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-weight:680}.mono-text{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.ikev2-section-label{color:var(--faint);background:#f7f9fc;padding:14px 16px 8px;font-size:12px}.iphone-note{border-radius:var(--radius);color:#065f46;background:var(--teal-soft);border:1px solid #c5efe6;gap:9px;margin-top:14px;padding:12px;display:flex}.iphone-note span{font-size:13px}.iphone-note.warning{color:#854d0e;background:#fff7ed;border-color:#fed7aa}.ikev2-guide{border-radius:var(--radius);border:1px solid var(--line);background:#fbfdff;gap:10px;margin-top:14px;padding:14px;display:grid}.ikev2-guide strong{color:var(--ink);font-size:14px}.ikev2-guide ol{gap:8px;margin:0;padding-left:20px;display:grid}.ikev2-guide li{color:#334155;font-size:13px;line-height:1.55}.table-shell{overflow-x:auto}.empty-state{min-height:180px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);place-items:center;gap:8px;padding:24px;display:grid}.empty-state strong{color:var(--ink)}.empty-state span{max-width:420px;font-size:13px}.mini-empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface-2);padding:12px;font-size:13px}.proxy-code-btn{color:#075985;background:#eaf7ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 7px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:740}.proxy-code-btn:hover{border-color:var(--blue);background:#dbeafe}.modal-backdrop{z-index:80;background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.usage-modal{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:min(1120px,100%);max-height:min(760px,100vh - 40px);padding:18px;overflow:auto;box-shadow:0 28px 80px #0f172a3d}.modal-head,.usage-snippet-head,.usage-ok{align-items:center;display:flex}.modal-head{justify-content:space-between;gap:14px;margin-bottom:14px}.modal-head span{color:var(--faint);font-size:12px;font-weight:760}.modal-head strong{font-size:22px;display:block}.usage-ok{color:#065f46;background:var(--teal-soft);border-radius:var(--radius);border:1px solid #c5efe6;gap:9px;margin-bottom:14px;padding:10px 12px;font-size:13px}.usage-snippets{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-top:14px;display:grid}.usage-snippet{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-width:0;overflow:hidden}.usage-snippet.primary{background:#eefaff;border-color:#9bd8ef}.usage-snippet-head,.usage-snippet-head>div{align-items:center;display:flex}.usage-snippet-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:9px 10px}.usage-snippet-head>div{gap:8px;min-width:0}.usage-snippet-head strong{margin-right:auto}.usage-snippet-body{grid-template-columns:minmax(0,1fr) 112px;align-items:start;gap:12px;padding:12px;display:grid}.usage-snippet-body>div{min-width:0}.usage-snippet-body span{color:var(--muted);margin-bottom:8px;font-size:12px;line-height:1.45;display:block}.usage-snippet pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#0f172a;margin:0;font-size:12px}.usage-snippet .qr-box{width:112px}.usage-snippet .qr-box img,.usage-snippet .qr-box>span{width:100px;height:100px}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 10px}th{color:var(--faint);background:var(--surface-2);font-size:12px;font-weight:760}td{color:var(--ink)}td code{color:#075985}.country-cell{color:var(--muted);justify-content:flex-start}.protocol{color:#065f46;background:var(--teal-soft);border:1px solid #c5efe6;border-radius:6px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:760;display:inline-flex}.chart-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;min-height:220px;display:grid}.bar-item{color:var(--muted);justify-items:center;gap:6px;font-size:12px;display:grid}.bar-track{background:#e8eef6;border-radius:999px;width:100%;height:150px;position:relative;overflow:hidden}.bar-track span{border-radius:inherit;background:linear-gradient(180deg, var(--blue), var(--teal));position:absolute;bottom:0;left:0;right:0}.plans-row{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-cycle-switch{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,minmax(54px,1fr));width:min(360px,100%);padding:4px;display:inline-grid;box-shadow:0 12px 30px #0f172a0f}.billing-cycle-switch button{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-weight:820}.billing-cycle-switch button.active{background:var(--blue);color:#fff}.plan-card{gap:14px;display:grid}.plan-card.current{border-color:#2563eb57;box-shadow:0 18px 42px #2563eb1f}.plan-card.recommended{border-color:#2563eb7a}.plan-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-card-head>div{gap:4px;display:grid}.plan-card-head span{width:fit-content;color:var(--blue);background:#eaf2ff;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:820}.plan-card h2{margin:0;font-size:21px}.plan-card-head strong{color:var(--blue);font-size:19px}.plan-cycle-prices{flex-wrap:wrap;gap:6px;display:flex}.plan-cycle-prices span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:760}.plan-cycle-prices span.active{color:var(--blue);background:#eaf2ff;border-color:#2563eb59}.feature-list{gap:10px;display:grid}.loading-state{min-height:360px;color:var(--muted);place-items:center;gap:12px;display:grid}.loading-state svg{animation:1s linear infinite spin}.user-toast{z-index:20;border-radius:var(--radius);color:#fff;background:#111827;padding:11px 14px;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 44px #11182733}.app-ad-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090e186b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.purple-energy-ad{color:#fff;background:radial-gradient(circle at 82% 18%,#ffffff38,#0000 22%),radial-gradient(circle at 18% 88%,#20deff52,#0000 28%),linear-gradient(135deg,#265dff 0%,#8249f5 52%,#d11e9d 100%);border:1px solid #ffffff3d;border-radius:22px;width:min(86vw,334px);min-height:292px;padding:24px 22px 22px;position:relative;overflow:hidden;box-shadow:0 30px 80px #1c1d4461}.purple-energy-ad:before{content:"";opacity:.38;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 24%,#ffffff1a 24% 25%,#0000 25% 100%),linear-gradient(0deg,#0000 0 68%,#ffffff14 68% 69%,#0000 69% 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:46px 46px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.app-ad-close{z-index:3;color:#fff;background:#ffffff2e;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;top:14px;right:14px}.app-ad-close:disabled{cursor:default;opacity:.82}.app-ad-brand-row,.app-ad-action-row,.purple-energy-ad h2,.purple-energy-ad p{z-index:2;position:relative}.app-ad-brand-row{align-items:center;gap:10px;padding-right:38px;display:flex}.app-ad-brand-row>span{color:#fff;background:#ffffff2e;border:1px solid #ffffff59;border-radius:12px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:950;display:grid}.app-ad-brand-row strong,.app-ad-brand-row em{font-style:normal;line-height:1.2;display:block}.app-ad-brand-row strong{font-size:15px}.app-ad-brand-row em{color:#ffffffc7;margin-top:2px;font-size:11px;font-weight:800}.purple-energy-ad h2{letter-spacing:0;max-width:238px;margin:34px 0 10px;font-size:32px;line-height:1.02}.purple-energy-ad p{color:#ffffffd6;max-width:246px;min-height:42px;margin:0;font-size:13px;font-weight:700}.app-ad-action-row{justify-content:space-between;align-items:center;gap:14px;margin-top:22px;display:flex}.app-ad-action-row button{color:#0b60a8;background:#fff;border:0;border-radius:999px;min-width:74px;min-height:40px;font-weight:950;box-shadow:0 12px 28px #0815372e}.app-ad-action-row small{text-align:right;color:#ffffffe6;min-width:44px;font-weight:900}.app-ad-energy-lines{z-index:1;opacity:.36;gap:8px;width:104px;display:grid;position:absolute;bottom:66px;right:22px}.app-ad-energy-lines span{background:#ffffff6b;border-radius:999px;height:10px}.app-ad-energy-lines span:nth-child(2){justify-self:end;width:82%}.app-ad-energy-lines span:nth-child(3){justify-self:end;width:62%}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.span-8,.span-7,.span-5,.span-4{grid-column:span 12}.link-grid,.plans-row,.public-feature-grid,.public-pricing-grid,.app-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-picker,.style-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-showcase{grid-template-columns:1fr;min-height:0}.style-phone-duo{max-width:680px;margin-inline:auto}}@media (width<=840px){.user-shell{grid-template-columns:1fr}.public-header{grid-template-columns:1fr;align-items:stretch;position:static}.public-header nav{justify-content:flex-start}.public-actions{flex-wrap:wrap;justify-content:space-between}.public-actions .language-switcher{flex:180px}.public-hero,.public-band{grid-template-columns:1fr}.public-hero{min-height:0}.style-lab-head{flex-direction:column;align-items:stretch}.style-picker,.style-summary-grid{grid-template-columns:1fr}.style-showcase{gap:22px;padding:22px}.style-copy h2{font-size:34px;line-height:1.04}.style-spec-list,.style-proof-row{grid-template-columns:1fr}.style-proof-row{position:static}.style-phone-duo{grid-template-columns:1fr;min-height:0}.style-phone,.secondary-phone,.style-map-visual,.style-privacy-visual,.style-saas-visual{min-height:360px}.secondary-phone{display:none}.style-saas-visual{grid-template-columns:72px minmax(0,1fr)}.portal-login-card{grid-template-columns:1fr}.login-visual{min-height:220px}.user-sidebar{max-width:100vw;height:auto;padding:12px;position:static}.user-brand{padding:2px 4px 10px}.user-nav{flex-direction:row;width:100%;max-width:100%;padding-bottom:4px;overflow-x:auto}.user-nav button{flex:none;width:auto}.user-workspace{padding:16px}.user-topbar,.hero-panel,.page-intro,.token-line{flex-direction:column;align-items:stretch}.topbar-actions{width:100%}.account-switch{flex:1}.hero-panel{min-height:230px;padding:22px}.hero-panel h2{font-size:34px}.hero-actions{flex-wrap:wrap}.ikev2-field{grid-template-columns:90px minmax(0,1fr);min-height:46px;padding:0 12px}.inline-actions{flex-direction:column}.inline-actions button{width:100%}.filter-row,.pagination-bar{flex-direction:column;align-items:stretch}.filter-row select,.filter-row input,.pagination-bar select{width:100%;min-width:0}.link-grid,.link-grid.two-col,.plans-row,.sub-card,.usage-snippet-body,.v2box-master{grid-template-columns:1fr}.sub-card-main,.sub-card-note,.sub-card>.qr-box{grid-area:auto/1}.usage-snippet .qr-box,.v2box-master>.qr-box,.qr-box{width:100%}.chart-bars{min-width:560px}.panel:has(.chart-bars){overflow-x:auto}.app-ad-backdrop{padding:18px}.purple-energy-ad{width:min(88vw,318px);min-height:282px}}.user-shell{background:#f5f7fb;grid-template-columns:264px minmax(0,1fr)}.user-sidebar{scrollbar-color:#94a3b86b transparent;scrollbar-width:thin;box-shadow:none!important;background:linear-gradient(#101827 0%,#12263a 58%,#0f172a 100%)!important;border-right:1px solid #94a3b83d!important}.user-sidebar::-webkit-scrollbar{width:8px}.user-sidebar::-webkit-scrollbar-thumb{background:#94a3b85c;border-radius:999px}.user-brand{border-bottom-color:#94a3b82e}.brand-mark{color:#083344;background:linear-gradient(135deg,#7dd3fc,#5eead4);box-shadow:0 14px 28px #0f172a2e}.user-nav{gap:10px}.user-nav-section{border-bottom:1px solid #94a3b81f;padding-bottom:10px}.user-nav-section:last-child{border-bottom:0}.user-nav button{color:#e2e8f0cc;border-radius:8px;min-height:40px}.user-nav button:hover,.user-nav button.selected{color:#f8fafc!important;background:#14b8a624!important;border-color:#5eead457!important;box-shadow:inset 3px 0 #2dd4bf!important}.billing-hero{background:linear-gradient(135deg,#0ea5e91a,#14b8a614),#fff;border:1px solid #d7e4f3;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:18px;padding:20px;display:grid;box-shadow:0 14px 34px #19335c14}.billing-primary{min-width:0}.billing-primary span,.billing-summary-grid span{color:var(--faint);font-size:12px;font-weight:800}.billing-primary h2{color:#0f172a;margin:4px 0 6px;font-size:34px;line-height:1.08}.billing-primary p{color:var(--muted);overflow-wrap:anywhere;margin:0}.billing-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.billing-summary-grid>div{background:#ffffffc2;border:1px solid #dbe7f3;border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.billing-summary-grid strong{color:#0f766e;overflow-wrap:anywhere;font-size:18px;line-height:1.2}.order-ledger-panel{padding:16px}@media (width<=840px){.user-shell{display:block}.user-sidebar{z-index:30;max-width:100vw;height:auto;color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;background:#fffffff5!important;border-bottom:1px solid #c9d6e4e6!important;border-right:0!important;padding:10px 12px 8px!important;box-shadow:0 10px 28px #0f172a14!important}.user-brand{border-bottom:0;min-height:0;padding:0 2px 8px}.brand-mark{color:#075569;width:34px;height:34px;box-shadow:none;background:#dff7f3}.user-brand strong{color:var(--ink);font-size:15px}.user-brand span{color:var(--muted)}.user-nav{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;width:100%;padding:2px 0 4px;display:grid;overflow-x:auto}.user-nav::-webkit-scrollbar{display:none}.user-nav-section{display:contents}.user-nav-head{display:none}.user-nav button{color:#334155;background:#f8fafc;border:1px solid #dbe5ef;border-radius:999px;width:auto;min-height:36px;padding:0 12px}.user-nav button svg{width:16px;height:16px}.user-nav button span{white-space:nowrap;font-size:13px}.user-nav button:hover,.user-nav button.selected{color:#075985!important;background:#e6f6ff!important;border-color:#8bd3ef!important;box-shadow:inset 0 -2px #0ea5e9!important}.user-nav button.selected{order:-1}.user-workspace{padding:14px 12px 28px}.user-topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;margin:0 -12px 14px;padding:12px;position:static}.user-topbar h1{font-size:24px}.topbar-actions{grid-template-columns:minmax(0,1fr) 42px auto;gap:8px;width:100%;display:grid}.account-switch{min-width:0}.panel-header{align-items:flex-start}.panel-header span{white-space:normal;overflow-wrap:anywhere;text-align:right}.billing-hero{grid-template-columns:1fr;gap:14px;padding:16px}.billing-primary h2{font-size:28px}.billing-summary-grid{grid-template-columns:1fr;gap:8px}.billing-summary-grid>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:48px}}@media (width<=640px){.public-site,.public-header,.portal-login,.portal-login-card,.login-visual,.portal-login-form{min-width:0;max-width:100%}.language-switcher,.language-switcher.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.language-switcher button{min-width:0;padding-inline:4px}.public-header{padding:12px 14px}.public-brand{min-width:0}.public-header nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.public-header nav button{min-width:0;padding-inline:8px}.public-actions{grid-template-columns:1fr;width:100%;display:grid}.public-actions .language-switcher,.public-actions .ghost-btn{width:100%}.public-feature-grid,.public-pricing-grid,.app-preview-grid,.legal-section-grid{grid-template-columns:1fr}.legal-page .public-page-head h1{font-size:30px}.legal-links{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.legal-links a{text-align:center;min-width:0}.public-hero,.public-band,.public-page{padding-inline:18px}.public-hero h1{font-size:40px;line-height:1.02}.public-phone-preview{border-width:10px;border-radius:36px;width:min(100%,330px);padding:18px}.preview-card{margin-top:56px}.public-header nav button,.public-actions .ghost-btn{flex:auto}.portal-login{place-items:start stretch;padding:16px}.portal-login-card{width:100%;display:block}.login-visual,.portal-login-form{width:100%;padding:22px}.login-visual .language-switcher{width:100%}.login-visual h1{overflow-wrap:anywhere;font-size:30px}.portal-login-form h2{font-size:26px}.portal-grid{gap:12px}.page-intro{align-items:flex-start;gap:8px;padding:0}.page-intro h2{font-size:22px}.page-intro p{font-size:13px}.table-shell{overflow:visible}.table-shell table,.table-shell tbody,.table-shell tr,.table-shell td{width:100%;display:block}.table-shell table{min-width:0}.table-shell thead{display:none}.table-shell tbody{gap:10px;display:grid}.table-shell tr{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 10px 24px #19335c0f}.table-shell td{text-align:right;overflow-wrap:anywhere;border-bottom:0;justify-content:space-between;gap:14px;padding:6px 0;display:flex}.table-shell td:before{content:attr(data-label);color:var(--faint);text-align:left;flex:none;font-size:12px;font-weight:800}}.brand-mobile-name,.mobile-tabbar{display:none}@media (width<=840px){body{background:linear-gradient(#f8fbff 0%,#eef5fb 52%,#f7fafc 100%)}.brand-desktop-name{display:none}.brand-mobile-name{display:inline}.user-shell{background:linear-gradient(#f8fbff 0%,#eef5fb 52%,#f7fafc 100%);min-height:100vh;padding-bottom:88px}.user-sidebar{align-items:center;min-height:64px;display:flex;position:sticky;top:0;box-shadow:none!important;background:#f8fbffeb!important;border-bottom:0!important;padding:10px 18px!important}.user-brand{width:100%;padding:0}.user-brand strong{color:#06142b;letter-spacing:0;font-size:16px}.user-brand span{color:#61718c;font-size:11px}.brand-mark{color:#fff;background:#13a8e6;border-radius:11px;width:36px;height:36px}.user-sidebar .user-nav{display:none}.user-workspace{background:0 0;padding:8px 14px 26px}.user-topbar{gap:14px;margin:0 0 18px;padding:0;display:grid}.user-topbar h1{color:#06142b;letter-spacing:0;font-size:30px;line-height:1.08}.user-topbar p{color:#61718c;font-size:13px}.topbar-actions{grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px}.account-switch{background:#fff;border-color:#d6e2ef;border-radius:12px;min-height:54px;padding:8px 12px;box-shadow:0 12px 30px #14264114}.account-switch strong,.account-display strong{color:#06142b}.icon-btn,.ghost-btn,.primary-btn{border-radius:12px}.user-topbar .ghost-btn{justify-content:center;width:42px;min-width:42px;padding:0;font-size:0}.user-topbar .ghost-btn svg{width:17px;height:17px}.portal-grid{gap:14px}.page-intro{gap:6px;padding:0;display:grid}.page-intro h2{color:#06142b;font-size:22px;line-height:1.16}.page-intro p{color:#61718c;font-size:13px;line-height:1.6}.hero-panel,.panel,.quota-panel,.plan-card,.billing-hero{background:#ffffffe6;border-color:#d6e2ef;border-radius:18px;box-shadow:0 16px 46px #1426411a}.billing-hero{background:#e9fbfd}.billing-primary h2{font-size:30px;line-height:1.05}.billing-summary-grid>div{background:#fff;border-color:#d6e2ef;border-radius:12px}.billing-summary-grid strong{color:#0878b8}.panel-header h2{font-size:17px}.panel-header svg{color:#13a8e6}.table-shell tr{box-shadow:none;border-color:#d6e2ef;border-radius:14px}.table-shell td:before{color:#61718c}.mobile-tabbar{left:16px;right:16px;bottom:max(14px, env(safe-area-inset-bottom));z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #d6e2ef;border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;min-height:58px;padding:7px;display:grid;position:fixed;box-shadow:0 18px 44px #0b182c29}.mobile-tabbar button{color:#06142b;background:0 0;border:0;border-radius:16px;align-content:center;justify-items:center;gap:3px;min-width:0;min-height:44px;font-size:11px;font-weight:800;display:grid}.mobile-tabbar button svg{color:currentColor}.mobile-tabbar button.selected{color:#0878b8;background:#dff4ff}.user-toast{text-align:center;bottom:92px;left:14px;right:14px}}@media (width<=380px){.topbar-actions{grid-template-columns:minmax(0,1fr) 40px 40px}.ghost-btn{padding-inline:10px}.mobile-tabbar{left:10px;right:10px}}.public-site{--site-max:1280px;--site-bg:#f5f8fc;--site-ink:#0d1728;--site-muted:#607089;--site-line:#d8e3ef;--site-blue:#1769ff;--site-cyan:#15b8d4;--site-green:#0e9f7a;min-height:100vh;color:var(--site-ink);background:linear-gradient(#f8fbff 0%,#edf5fb 42%,#f8fbff 100%)}.public-header{background:#f8fbffe6;border-bottom:1px solid #9faec347;padding:0;box-shadow:0 10px 30px #1e314e0a}.public-header-inner{width:min(var(--site-max), calc(100% - 48px));grid-template-columns:minmax(178px,auto) minmax(0,1fr) auto;align-items:center;gap:18px;min-height:68px;margin:0 auto;display:grid}.public-brand{letter-spacing:0;min-width:0;padding:0;font-size:19px}.public-brand .brand-mark{color:#06304a;background:linear-gradient(135deg,#6ee7f9,#2dd4bf);border-radius:10px;width:40px;height:40px;box-shadow:0 12px 30px #12b8d42e}.public-header nav{background:#ffffff9e;border:1px solid #d8e3efe6;border-radius:12px;flex-wrap:nowrap;justify-self:center;gap:2px;padding:4px}.public-header nav button{color:#596b83;white-space:nowrap;word-break:keep-all;border-radius:9px;min-height:36px;padding:0 13px;font-size:14px}.public-header nav button.active{color:var(--site-blue);background:#eaf2ff}.public-actions .ghost-btn{border-radius:10px;min-height:38px}.public-page,.public-home-page{width:min(var(--site-max), calc(100% - 48px));margin:0 auto}.public-page{min-height:auto;padding:58px 0 84px}.public-page-head{max-width:920px}.public-page h1,.public-home-page h1,.style-lab-head h1{color:var(--site-ink);letter-spacing:0}.split-page-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;max-width:none;display:grid}.split-page-head>div{gap:12px;max-width:860px;display:grid}.split-page-head .primary-btn,.split-page-head .ghost-btn{white-space:nowrap}.public-home-page{gap:48px;padding:54px 0 92px;display:grid}.site-hero{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:clamp(36px,6vw,82px);min-height:calc(100vh - 122px);display:grid}.site-hero-copy{gap:24px;display:grid}.site-hero-copy h1{max-width:850px;margin:0;font-size:clamp(46px,7vw,86px);line-height:.96}.site-hero-copy p{max-width:720px;color:var(--site-muted);margin:0;font-size:18px;line-height:1.75}.public-hero-actions{gap:10px}.primary-btn,.ghost-btn{border-radius:10px}.hero-stat-row{grid-template-columns:repeat(3,minmax(0,150px));gap:10px;display:grid}.hero-stat-row span{border:1px solid var(--site-line);background:#ffffffb8;border-radius:10px;gap:3px;padding:12px;display:grid}.hero-stat-row strong{color:var(--site-blue);font-size:22px;line-height:1}.hero-stat-row span{color:#607089;font-size:12px;font-weight:800}.hero-device-stage{background:radial-gradient(circle at 50% 38%,#1769ff29,#0000 34%),linear-gradient(135deg,#1769ff14,#15b8d417);border-radius:8px;place-items:center;min-height:580px;display:grid;position:relative}.hero-phone-main{background:linear-gradient(#f8fbff,#eaf3fb);border:12px solid #142236;border-radius:42px;gap:14px;width:min(330px,78vw);min-height:560px;padding:24px 20px;display:grid;box-shadow:0 36px 88px #0e1f353d}.hero-route-card{background:#ffffffe0;border:1px solid #1769ff2e;border-radius:10px;gap:4px;min-width:188px;padding:15px;display:grid;position:absolute;bottom:42px;right:26px;box-shadow:0 18px 42px #172b4929}.hero-route-card svg{color:var(--site-blue)}.hero-route-card strong{color:var(--site-ink);font-size:18px}.hero-route-card span{color:var(--site-muted);font-size:12px;font-weight:800}.site-section{gap:22px;display:grid}.section-heading{gap:10px;max-width:820px;display:grid}.section-heading h2{color:var(--site-ink);margin:0;font-size:clamp(30px,4vw,48px);line-height:1.04}.section-heading p{color:var(--site-muted);margin:0;font-size:16px;line-height:1.7}.compact-proof{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-proof article,.workflow-grid article,.pricing-operations article,.download-grid article,.support-topic-grid article{border:1px solid var(--site-line);background:#ffffffc7;border-radius:10px;box-shadow:0 16px 42px #192b480f}.compact-proof article{align-items:center;gap:10px;min-height:70px;padding:16px;display:flex}.compact-proof svg,.workflow-grid svg,.pricing-operations svg,.download-grid svg,.support-topic-grid svg{color:var(--site-blue)}.compact-proof strong{font-size:14px}.workflow-grid,.pricing-operations,.download-grid,.support-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.workflow-grid article,.pricing-operations article,.download-grid article,.support-topic-grid article{gap:10px;padding:20px;display:grid}.workflow-grid strong,.pricing-operations strong,.download-grid strong,.support-topic-grid strong{color:var(--site-ink);font-size:18px}.workflow-grid p,.pricing-operations p,.download-grid p,.support-topic-grid p{color:var(--site-muted);margin:0;line-height:1.65}.home-pricing-preview .public-pricing-grid{margin-top:4px}.pricing-page-v2,.download-page-v2,.support-page-v2{gap:28px}.pricing-side-note{background:#eaf2ff;border:1px solid #1769ff2e;border-radius:10px;gap:5px;min-width:238px;padding:16px;display:grid}.pricing-side-note span{color:var(--site-blue);font-size:12px;font-weight:900}.pricing-side-note strong{color:var(--site-ink)}.public-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.public-plan-card{border-color:var(--site-line);background:#ffffffdb;border-radius:10px;gap:16px;padding:20px}.public-plan-card.featured{border-color:#1769ff61;box-shadow:0 22px 54px #1769ff1c}.public-plan-card>div:first-child span{border-radius:8px}.public-plan-card h3{color:var(--site-blue);font-size:28px}.public-plan-card p{min-height:78px}.public-plan-card li{color:#24324a;border-top:1px solid #e4edf6;padding:8px 0;font-size:13px}.download-grid article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.download-grid article>div span{color:var(--site-blue);background:#eaf2ff;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:900}.release-checklist,.support-contact-strip{border:1px solid var(--site-line);background:#fff;border-radius:10px;gap:12px;padding:20px;display:grid}.release-checklist strong{font-size:20px}.release-checklist span{color:#24324a;align-items:center;gap:8px;font-weight:780;display:flex}.release-checklist svg{color:var(--site-green);flex:none}.support-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.support-contact-strip{grid-template-columns:minmax(0,1fr) auto;align-items:center}.support-contact-strip>div{gap:5px;display:grid}.support-contact-strip strong{color:var(--site-ink);font-size:20px}.support-contact-strip span{color:var(--site-muted)}.app-preview-page{width:auto;max-width:none;padding-inline:max(24px, calc((100vw - var(--site-max)) / 2));background:linear-gradient(#f8fbff 0%,#edf6ff 100%)}.app-preview-page .public-page-head{max-width:780px}.app-preview-grid{grid-template-columns:repeat(4,minmax(260px,1fr));gap:18px}.app-preview-shot{border:1px solid var(--site-line);background:#ffffffb8;border-radius:10px;padding:14px}.app-phone-shell{border-width:10px;border-radius:38px}.legal-page{max-width:var(--site-max)}.legal-page .public-page-head{max-width:880px}.legal-page .public-kicker{background:#fff;border-radius:8px}.legal-links{border:1px solid var(--site-line);background:#ffffffb3;border-radius:12px;padding:5px}.legal-links a{border:0;border-radius:9px}.legal-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-section-card,.legal-source-panel{border-color:var(--site-line);border-radius:10px}.legal-section-card h2{font-size:17px}.auth-public-page{grid-template-columns:minmax(0,.8fr) minmax(320px,480px);align-items:center;gap:28px}.auth-copy-panel{gap:16px;display:grid}.auth-copy-panel h1{font-size:clamp(36px,5vw,62px)}.auth-copy-panel p{max-width:620px;color:var(--site-muted);margin:0;font-size:17px;line-height:1.7}.auth-copy-panel>div{flex-wrap:wrap;gap:10px;display:flex}.auth-copy-panel span{border:1px solid var(--site-line);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-weight:850;display:flex}.auth-copy-panel svg{color:var(--site-blue)}.auth-form-card{border-radius:12px;width:100%;padding:24px}.portal-login{background:linear-gradient(135deg,#f8fbff,#eaf4ff 55%,#effcf8);min-height:calc(100vh - 68px);padding:54px 24px}.portal-login-card{border:1px solid var(--site-line);background:#fff;border-radius:14px;grid-template-columns:minmax(320px,.88fr) minmax(360px,1fr);width:min(1080px,100%);box-shadow:0 28px 80px #1222381f}.login-visual{min-height:520px;color:var(--site-ink);background:radial-gradient(circle at 20% 16%,#1769ff29,#0000 30%),linear-gradient(#f7fbff,#eaf7f5);justify-content:space-between}.login-visual h1{color:var(--site-ink);font-size:46px}.login-visual p{color:var(--site-muted)}.login-security-points{gap:8px;display:grid}.login-security-points span,.auth-secondary-actions{align-items:center;display:flex}.login-security-points span{color:#24324a;gap:8px;font-weight:850}.login-security-points svg{color:var(--site-blue)}.portal-login-form{align-content:center;padding:44px}.portal-login-form h2{color:var(--site-ink);font-size:34px}.portal-login-form input{border-radius:10px}.auth-secondary-actions{justify-content:space-between;gap:10px}.auth-secondary-actions button{color:var(--site-blue);cursor:pointer;background:0 0;border:0;font-weight:850}.style-lab-page{width:min(var(--site-max), calc(100% - 48px));padding-top:54px}.style-showcase{border-radius:10px}@media (width<=1180px){.public-header-inner,.public-page,.public-home-page,.style-lab-page{width:min(100% - 32px, var(--site-max))}.public-header-inner{grid-template-columns:1fr;padding:12px 0}.public-header nav{justify-content:flex-start;justify-self:stretch;overflow-x:auto}.public-actions{justify-content:space-between}.site-hero,.split-page-head,.auth-public-page{grid-template-columns:1fr}.site-hero{min-height:0}.public-pricing-grid,.app-preview-grid,.compact-proof,.support-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.public-page,.public-home-page,.style-lab-page{width:min(100% - 28px, var(--site-max));padding-top:34px}.site-hero-copy h1{font-size:40px;line-height:1.03}.site-hero-copy p{font-size:15px}.hero-stat-row,.compact-proof,.workflow-grid,.pricing-operations,.download-grid,.support-topic-grid,.public-pricing-grid,.app-preview-grid,.legal-section-grid,.support-contact-strip{grid-template-columns:1fr}.hero-device-stage{min-height:480px}.hero-phone-main{min-height:500px}.hero-route-card{bottom:18px;right:14px}.public-header nav button{padding:0 10px}.portal-login{padding:24px 14px}.portal-login-card{grid-template-columns:1fr}.login-visual{min-height:300px}.portal-login-form{padding:26px}.app-preview-page{padding-inline:14px}}.public-site.is-narrow .public-header{padding:0;display:block;position:sticky}.public-site.is-narrow .public-header-inner{width:min(100% - 28px, var(--site-max));grid-template-columns:1fr;gap:10px;min-height:0;padding:12px 0;display:grid}.public-site.is-narrow .public-header nav{flex-wrap:nowrap;grid-template-columns:none;justify-content:flex-start;width:100%;max-width:none;display:flex;overflow-x:auto}.public-site.is-narrow .public-header nav button{flex:none;min-width:max-content}.public-site.is-narrow .public-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;max-width:none;display:grid}.public-site.is-narrow .language-switcher,.public-site.is-narrow .language-switcher.compact{width:100%}.web-preview-lab{--preview-ink:#102033;--preview-muted:#607188;--preview-blue:#1769ff;--preview-cyan:#25d3d8;--preview-line:#14274121;background:linear-gradient(#f7fbff 0%,#eff6fc 46%,#f8fbff 100%);padding-bottom:72px}.web-preview-lab .style-lab-head{align-items:center;padding:8px 0 4px}.web-preview-lab .style-lab-head h1{max-width:920px;color:var(--preview-ink);font-size:clamp(28px,3vw,42px);line-height:1.05}.web-preview-lab .style-lab-head p{max-width:980px;color:var(--preview-muted);font-size:16px;line-height:1.75}.web-preview-lab .style-picker,.web-preview-lab .style-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.web-preview-lab .style-picker button{border-color:var(--preview-line);background:#ffffffdb;border-radius:10px;min-height:48px;box-shadow:0 8px 24px #1327420d}.web-preview-lab .style-picker button.active,.web-preview-lab .style-summary-grid button.active{color:var(--preview-blue);background:linear-gradient(#fff,#edf5ff);border-color:#1769ff6b}.style-web-showcase{--style-accent:var(--preview-blue);--style-ink:var(--preview-ink);--style-muted:var(--preview-muted);border-color:var(--preview-line);background:linear-gradient(135deg,#fffffff5,#f2f8ffe6);border-radius:14px;grid-template-columns:1fr;gap:22px;min-height:0;padding:clamp(22px,3.8vw,42px);box-shadow:0 24px 80px #12243e1c}.style-web-showcase:before{display:none}.style-web-layout{grid-template-columns:minmax(250px,.58fr) minmax(660px,1.42fr);align-items:center;gap:clamp(24px,4vw,46px);display:grid}.style-web-showcase .style-copy{gap:16px}.style-web-showcase .style-copy>span{letter-spacing:0}.style-web-showcase .style-copy h2{max-width:540px;font-size:clamp(24px,2.6vw,34px);line-height:1.16}.style-web-showcase .style-copy p{max-width:560px;font-size:15px;line-height:1.76}.style-web-showcase .style-proof-row{grid-template-columns:repeat(4,minmax(0,1fr));position:static}.style-web-showcase .style-proof-row span{background:#ffffffd6;box-shadow:0 8px 22px #1427410d}.web-preview-frame{background:#fff;border:1px solid #14274129;border-radius:16px;overflow:hidden;box-shadow:0 28px 72px #10203326}.browser-top{background:#f6f9fc;border-bottom:1px solid #14274117;align-items:center;gap:7px;min-height:34px;padding:0 14px;display:flex}.browser-top span{background:#d7e1ec;border-radius:999px;width:9px;height:9px}.browser-top span:first-child{background:#ff6b6b}.browser-top span:nth-child(2){background:#ffce54}.browser-top span:nth-child(3){background:#2bd77f}.browser-top strong{color:#64758b;margin-left:8px;font-size:11px;font-weight:850}.mock-site{background:var(--mock-bg,#f8fbff);min-height:520px;padding:22px}.preview-conversion{--mock-accent:#1769ff;--mock-accent-2:#27d3d8;--mock-bg:#f8fbff;--mock-surface:#fff;--mock-ink:#102033;--mock-muted:#617086}.preview-privacy{--mock-accent:#0f8b64;--mock-accent-2:#40d499;--mock-bg:#f7fbf8;--mock-surface:#fff;--mock-ink:#10251e;--mock-muted:#617a70}.preview-appstore{--mock-accent:#1f63ff;--mock-accent-2:#26d3da;--mock-bg:#fff;--mock-surface:#f7faff;--mock-ink:#121f33;--mock-muted:#607188}.preview-premium,.preview-hybrid{--mock-accent:#1769ff;--mock-accent-2:#20c8d7;--mock-bg:linear-gradient(135deg, #fff 0%, #edf6ff 52%, #e9fbf7 100%);--mock-surface:#ffffffe6;--mock-ink:#0f1f34;--mock-muted:#586b82}.mock-nav,.mock-brand,.mock-nav nav,.mock-cta-row,.mock-card-row article,.preview-phone-brand,.preview-mini-grid,.preview-list span,.preview-trust-panel p{align-items:center;display:flex}.mock-nav{justify-content:space-between;gap:16px;min-height:42px}.mock-brand{color:var(--mock-ink);gap:8px;font-size:13px}.mock-brand svg{color:#fff;background:linear-gradient(135deg, var(--mock-accent), var(--mock-accent-2));border-radius:9px;width:30px;height:30px;padding:7px}.mock-nav nav{color:var(--mock-muted);gap:16px;font-size:11px;font-weight:850}.mock-login{min-width:64px;color:var(--mock-ink);text-align:center;background:#ffffffbf;border:1px solid #1427411f;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:900}.mock-hero{grid-template-columns:minmax(240px,.88fr) minmax(280px,1.12fr);align-items:center;gap:26px;min-height:344px;padding:28px 0 22px;display:grid}.mock-copy{gap:12px;display:grid}.mock-tone{color:var(--mock-accent);font-size:11px;font-weight:950}.mock-copy h3{color:var(--mock-ink);margin:0;font-size:clamp(27px,3vw,40px);line-height:1.05}.mock-copy p{color:var(--mock-muted);margin:0;font-size:13px;line-height:1.65}.mock-cta-row{flex-wrap:wrap;gap:9px;padding-top:6px}.mock-cta-row span{border-radius:9px;min-height:38px;padding:0 14px;font-size:12px;font-weight:950}.mock-cta-row span:first-child{color:#fff;background:linear-gradient(135deg, var(--mock-accent), #0f5eea);box-shadow:0 14px 28px #1769ff38}.mock-cta-row span:last-child{color:var(--mock-ink);background:#ffffffbf;border:1px solid #14274124;align-items:center;display:inline-flex}.mock-card-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mock-card-row article{min-height:66px;color:var(--mock-ink);background:var(--mock-surface);border:1px solid #1427411f;border-radius:12px;gap:8px;padding:12px;box-shadow:0 12px 28px #1427410f}.mock-card-row svg{color:var(--mock-accent);flex:none}.mock-card-row strong{min-width:0;font-size:12px;line-height:1.35}.preview-phone-cluster{grid-template-columns:minmax(180px,.9fr) minmax(150px,.7fr);align-items:end;gap:14px;min-height:320px;display:grid;position:relative}.preview-phone-cluster.dense{grid-template-columns:minmax(200px,1fr) minmax(160px,.76fr)}.preview-phone{background:radial-gradient(circle,#1769ff14,#0000 36%),linear-gradient(#f8fbff,#eaf4fb);border:10px solid #14243a;border-radius:34px;min-width:0;box-shadow:0 22px 54px #0e1f343b}.preview-phone.main{gap:12px;min-height:302px;padding:16px 14px;display:grid}.preview-phone.side{min-height:264px;padding:16px 12px;transform:translateY(18px)}.preview-phone-brand{gap:9px}.preview-phone-brand>span{color:#fff;background:linear-gradient(135deg, var(--mock-accent), var(--mock-accent-2));border-radius:11px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:950;display:grid}.preview-phone-brand strong,.preview-phone-brand small{display:block}.preview-phone-brand strong{color:#102033;font-size:13px}.preview-phone-brand small{color:#66768b;font-size:10px}.preview-ring{border:16px solid #1769ff1c;border-top-color:var(--mock-accent);width:134px;height:134px;color:var(--mock-accent);background:#fff;border-radius:999px;place-self:center;place-items:center;gap:4px;display:grid}.preview-ring strong{color:#102033;font-size:15px}.preview-ring span{color:#68788e;font-size:10px;font-weight:800}.preview-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:auto;display:grid}.preview-mini-grid span,.preview-list span{color:#102033;background:#ffffffeb;border:1px solid #d9e5f0;border-radius:9px;justify-content:center;min-height:34px;font-size:11px;font-weight:900}.preview-list{gap:8px;margin-top:24px;display:grid}.preview-list span{justify-content:space-between;padding:0 10px}.preview-trust-panel{min-height:304px;color:var(--mock-accent);background:linear-gradient(#ffffffdb,#e8f8f0e0);border:1px solid #0f8b642e;border-radius:18px;justify-items:start;gap:12px;padding:26px;display:grid;box-shadow:0 22px 54px #0f4b3a1f}.preview-trust-panel strong{color:var(--mock-ink);font-size:24px;line-height:1.18}.preview-trust-panel span{color:var(--mock-muted);font-size:13px;line-height:1.55}.preview-trust-panel div{gap:8px;width:100%;margin-top:6px;display:grid}.preview-trust-panel p{min-height:38px;color:var(--mock-ink);background:#ffffffb8;border:1px solid #0f8b6421;border-radius:10px;gap:8px;margin:0;padding:0 12px;font-size:12px;font-weight:850}@media (width<=1180px){.style-web-layout,.mock-hero{grid-template-columns:1fr}.web-preview-lab .style-picker,.web-preview-lab .style-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-phone-cluster{max-width:620px;margin-inline:auto}}@media (width<=760px){.style-web-showcase{padding:18px}.web-preview-lab .style-picker,.web-preview-lab .style-summary-grid,.style-web-showcase .style-proof-row,.mock-card-row{grid-template-columns:1fr}.mock-site{min-height:0;padding:16px}.mock-nav{flex-direction:column;align-items:flex-start}.mock-nav nav{flex-wrap:wrap;gap:10px}.preview-phone-cluster,.preview-phone-cluster.dense{grid-template-columns:1fr}.preview-phone.side{min-height:220px;transform:none}}
