/* Shared finish: accessible motion, illustrated service details, and readable surfaces. */
body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
h1,h2,h3,h4,.brand { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.landing-refresh { --detail-surface:#fff; --detail-inset:#f3f6fb; --detail-line:#e1e7f0; --detail-ink:#111b2c; --detail-muted:#617087; }
[data-theme="dark"] .landing-refresh { --detail-surface:#101a2a; --detail-inset:#0a1220; --detail-line:#243249; --detail-ink:#edf3fc; --detail-muted:#a6b3c9; }
.landing-refresh .hero-catalog { padding:0; }
.landing-refresh .hero-grid-rebuild { padding:120px 32px 82px; }
.landing-refresh .hero-copy-rebuild { padding-top:0; }
.landing-refresh .hero-copy-rebuild,.landing-refresh .catalog-visual { min-width:0; }
.landing-refresh .hero-copy-rebuild h1 { font-size:clamp(2.6rem,4.2vw,3.6rem);line-height:1.06;letter-spacing:-.045em; }
.landing-refresh .hero-copy-rebuild h1 .gradient-text { white-space:normal;overflow-wrap:normal; }
.landing-refresh .catalog-table-head,.landing-refresh .catalog-row { min-width:0; }
.landing-refresh .catalog-row>div,.landing-refresh .catalog-row>div>span { min-width:0; }
.landing-refresh .catalog-row>div>span { flex:1; }
.landing-refresh .catalog-row>b { color:#79adff; }
.landing-refresh .proof-section { --detail-ink:#f1f5ff;--detail-muted:#a8b8d2;--detail-line:#3b506e; }
.landing-refresh .proof-pause { color:#d9e6fa;background:#172945;border-color:#476187; }
.landing-refresh .proof-card header strong { max-width:none;font-size:13px; }
.landing-refresh .proof-social-metrics { flex-wrap:nowrap; }
.landing-refresh .hero:before,.landing-refresh .hero:after { display:none!important; }
.landing-refresh .landing-nav .landing-theme { display:inline-flex!important; }
.landing-refresh .cta-panel-rebuild h2,.landing-refresh .cta-panel-rebuild .eyebrow { color:#f1f5ff!important; }
.landing-refresh .cta-panel-rebuild p { color:#b9c8e2!important; }
.assurance-section { max-width:1224px; margin:auto; padding:90px 32px; }
.assurance-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.assurance-card { padding:22px; border:1px solid var(--detail-line); border-radius:28px; color:var(--detail-ink); background:var(--detail-surface); transition:transform .25s,border-color .25s; }
.assurance-card:hover { transform:translateY(-4px); border-color:#538cf5; }
.assurance-card h3 { font-size:20px; letter-spacing:-.6px; line-height:1.35; margin:23px 0 10px; }
.assurance-card p { font-size:16px; line-height:1.7; color:var(--detail-muted); margin:0; }
.assurance-visual { height:168px; padding:22px; border-radius:20px; border:1px solid var(--detail-line); background:var(--detail-inset); overflow:hidden; display:flex; align-items:center; justify-content:center; position:relative; color:var(--detail-ink); }
.assurance-visual .svg-icon { color:#4b89f6; width:23px; height:23px; flex:none; }
.assurance-visual small { font-size:12px; color:var(--detail-muted); }
.timing-visual { flex-wrap:wrap; gap:16px; }
.assurance-large-icon .svg-icon { width:44px; height:44px; }
.timing-stages { display:flex; align-items:center; width:65%; }
.timing-stages i { width:16px; height:16px; border-radius:50%; background:#477fe0; box-shadow:0 0 0 5px #3d80f415; flex:none; }
.timing-stages b { height:2px; flex:1; margin:0 9px; background:#477fe055; }
.timing-stages i:last-child { background:#9caac0; }
.timing-visual small { display:flex; justify-content:space-between; width:100%; gap:8px; }
.price-visual { flex-direction:column; gap:20px; }
.price-visual>span { font-size:13px; color:var(--detail-muted); }
.price-visual>span b { color:#4b89f6; margin:0 15px; }
.price-equation { display:flex; align-items:center; width:100%; gap:10px; }
.price-equation span { background:var(--detail-surface); border:1px solid var(--detail-line); border-radius:10px; padding:10px; font:600 17px monospace; }
.price-equation i { flex:1; height:1px; background:#4b89f6; }
.price-equation b { font-size:15px; }
.privacy-visual { flex-direction:column; gap:15px; }
.privacy-visual>div { display:flex; gap:8px; align-items:center; width:100%; font-size:12px; }
.privacy-visual code { overflow:hidden; text-overflow:ellipsis; }
.privacy-visual>div>span { margin-left:auto; color:#608067; white-space:nowrap; }
.privacy-visual .svg-icon { width:17px; height:17px; }
.password-not-needed { opacity:.62; padding-top:10px; border-top:1px dashed var(--detail-line); }
.wallet-visual { flex-direction:column; gap:12px; }
.wallet-visual>div { display:flex; align-items:center; width:100%; gap:13px; border:1px solid var(--detail-line); border-radius:12px; padding:12px; background:var(--detail-surface); }
.wallet-visual span { font-size:12px; color:var(--detail-muted); flex:1; }
.wallet-visual b { display:block; color:var(--detail-ink); font-size:14px; margin-top:2px; }
.api-visual { justify-content:flex-start; }
.api-visual code { font-size:14px; line-height:1.85; white-space:nowrap; }
.api-visual code span { color:#4b89f6; } .api-visual em { color:#789bc8; font-style:normal; }
.help-visual { gap:17px; }
.help-visual>span { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#4684f31a; flex:none; }
.help-visual b,.help-visual small { display:block; } .help-visual b { font-size:15px; } .help-visual small { margin:7px 0; }
.help-visual i { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; background:var(--detail-surface); border:1px solid var(--detail-line); border-radius:30px; color:var(--detail-muted); font:12px inherit; }
.help-visual i .svg-icon { width:15px; height:15px; }
.landing-refresh .proof-stage { min-height:460px; padding:28px; }
.landing-refresh .proof-carousel { position:relative; height:365px; }
.landing-refresh .proof-card { inset:0; height:365px; min-height:365px; animation:none!important; opacity:0; visibility:hidden; transform:translateY(14px) scale(.98); transition:opacity .5s,transform .5s,visibility .5s; padding:25px; display:flex; flex-direction:column; pointer-events:none; }
.landing-refresh .proof-card.is-active { opacity:1; visibility:visible; transform:none; pointer-events:auto; }
.landing-refresh .proof-card footer { margin-top:auto; padding-top:16px; }
.landing-refresh .proof-post-copy { font-size:24px; line-height:1.4; margin:24px 0; font-weight:600; letter-spacing:-.6px; }
.proof-post-copy em { font-style:normal; color:var(--proof-accent); }
.landing-refresh .proof-social-metrics { display:flex; justify-content:space-between; gap:12px; }
.proof-social-metrics>span { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.proof-social-metrics small { flex-basis:100%; font-size:10px; opacity:.7; }
.proof-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:22px; color:var(--detail-muted); }
.proof-controls>div { display:flex; align-items:center; gap:8px; }
.proof-position { font:12px monospace; }
.proof-dot { width:10px; height:10px; padding:0; border:0; border-radius:50%; background:#8da1be50; cursor:pointer; position:relative; }
.proof-dot:after { content:""; position:absolute; inset:-10px; }
.proof-dot.active { width:24px; border-radius:8px; background:#548df6; }
.proof-pause { font-size:12px; color:var(--detail-ink); background:transparent; border:1px solid var(--detail-line); padding:8px 12px; border-radius:30px; cursor:pointer; }
.landing-refresh .proof-intro .illustration-note { font-size:12px; line-height:1.7; max-width:380px; margin-top:24px; color:var(--detail-muted); }
.proof-stage.is-paused .proof-bars i { animation-play-state:paused!important; }
.landing-refresh .landing-footer-pro { background:#080f1c!important; color:#eff4fb; }
.landing-refresh .footer-grid-pro { grid-template-columns:1.6fr 1fr 1fr 1fr; }
.footer-socials button { border:1px solid #29354a; border-radius:50%; padding:8px; background:#142033; cursor:pointer; }
.landing-refresh .footer-grid-pro a,.landing-refresh .footer-grid-pro .text-link { font-size:14px; color:#b7c1d3; }
.footer-bottom a { color:#b7c1d3; }
.support-case-note { padding:14px; margin:12px 0; border:1px solid var(--border,#d9e2f0); border-radius:14px; background:var(--surface,#fff); color:var(--text,#162039); }
[data-theme="dark"] .support-case-note { background:#101e31; color:#dae4f3; border-color:#30445e; }
.support-case-note strong,.support-case-note small { display:block; overflow-wrap:anywhere; }
.support-case-note small { margin-top:5px; color:var(--muted); }
.support-case-grid { display:grid; grid-template-columns:280px minmax(0,1fr); gap:20px; }
.support-case-list { display:grid; gap:10px; align-content:start; }
.support-case-list button { border:1px solid var(--border); border-radius:14px; padding:16px; text-align:left; background:var(--surface); color:var(--text); cursor:pointer; }
.support-case-list button.active { border-color:#4384f5; }
.support-case-list strong,.support-case-list small { display:block; margin:5px 0; overflow-wrap:anywhere; }
.support-case-detail { min-width:0; } .support-case-detail pre { white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.7 inherit; }
.support-case-detail img { display:block; max-width:100%; max-height:320px; border:1px solid var(--border); border-radius:12px; }
.agent-list .toggle,.support-agent-row .toggle { width:42px; height:24px; border:0; border-radius:24px; background:#8190a3; padding:3px; cursor:pointer; }
.agent-list .toggle.active,.support-agent-row .toggle.active { background:#2563eb; }
.toggle>span { display:block; width:18px; height:18px; border-radius:50%; background:white; }
.toggle.active>span { margin-left:auto; }
.agent-card-actions .toggle { width:44px;height:26px;border:0;border-radius:30px;padding:4px;background:#8290a4;cursor:pointer; }
.agent-card-actions .toggle.active { background:#2563eb; }
.support-history { display:grid;gap:12px;padding:20px 0;border-top:1px solid var(--border);font-size:13px; }
.support-history .text-link { text-align:left; }
.support-history small { color:var(--muted); }
button:focus-visible,a:focus-visible { outline:3px solid #73a4ff; outline-offset:4px; }
@media(min-width:761px) and (max-width:860px) { .landing-mobile-drawer.open { display:block; } .landing-nav .mobile-menu { display:flex; } }
@media(max-width:1050px) { .assurance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
 .landing-refresh .hero-catalog { padding:0; }
 .landing-refresh .hero-grid-rebuild { padding:105px 20px 55px; }
 .assurance-section { padding:65px 20px; }
 .assurance-grid { grid-template-columns:1fr; gap:16px; }
 .assurance-card { padding:20px; border-radius:26px; }
 .assurance-visual { height:170px; }
 .landing-refresh .proof-stage { min-height:455px; padding:18px; }
 .landing-refresh .proof-card { padding:21px; }
 .landing-refresh .proof-post-copy { font-size:23px; }
 .landing-refresh .footer-grid-pro { grid-template-columns:1fr 1fr; gap:35px 20px; }
 .landing-refresh .footer-brand-column { grid-column:1/-1; }
 .support-case-grid { grid-template-columns:1fr; }
}
@media(max-width:390px) {
 .landing-refresh .proof-card { padding:18px; }
 .landing-refresh .proof-post-copy { font-size:21px; }
 .proof-controls { gap:8px; } .proof-pause { padding:8px;font-size:11px; }
 .landing-refresh .proof-social-metrics { gap:6px; }
}
@media(prefers-reduced-motion:reduce) {
 .assurance-card,.proof-card { transition:none!important; }
 .proof-card { display:flex!important; }
 .landing-refresh .proof-card:not(.is-active) { display:none!important; }
}
