:root{--text:#0b1220;--brand-soft:#eef2ff;--bg:#f5f7fb;--surface:#fff;--surface2:#fbfcff;--ink:#0b1220;--muted:#667085;--line:#e7eaf0;--brand:#315efb;--brand2:#7c5cff;--brand3:#13b8a6;--good:#0d8a61;--warn:#a15c00;--bad:#c83a53;--dark:#09111f;--shadow:0 24px 70px rgba(15,23,42,.10);--shadow2:0 10px 35px rgba(15,23,42,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0,#edf2ff 0,transparent 28%),radial-gradient(circle at 90% 8%,#eefcf9 0,transparent 24%),var(--bg);color:var(--ink);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.top{height:78px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,234,240,.9);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1240px)/2));position:sticky;top:0;z-index:50}.brand{display:flex;gap:6px;align-items:center;text-decoration:none;color:var(--ink);font-size:20px;letter-spacing:-.04em}.brand b{font-weight:850}.brand>span:last-child{color:var(--brand)}.brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;display:grid;place-items:center;font-weight:900;margin-right:6px;box-shadow:0 9px 24px rgba(49,94,251,.28)}.top nav{display:flex;align-items:center;gap:5px}.top nav a{color:#475467;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:750;transition:.18s}.top nav a:hover{background:#f0f3fa;color:var(--ink)}.top .navbtn,.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:white!important;box-shadow:0 10px 24px rgba(49,94,251,.22)}.wrap{max-width:1240px;margin:0 auto;padding:34px 22px 80px}.hero{padding:66px 0 56px;position:relative}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}.hero h1{font-size:clamp(42px,6.6vw,76px);line-height:.98;letter-spacing:-.065em;margin:12px 0 18px;max-width:760px}.hero p{font-size:18px;line-height:1.75;color:#667085;max-width:700px}.eyebrow,.kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--brand)}.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe5f7;background:#fff;border-radius:999px;padding:7px 11px;font-weight:800;color:#344054;box-shadow:0 6px 18px rgba(16,24,40,.05)}.dot{width:8px;height:8px;border-radius:50%;background:var(--brand3);box-shadow:0 0 0 5px #13b8a61b}.hero-card{background:linear-gradient(180deg,#0e1727,#101a2d);border-radius:24px;padding:18px;border:1px solid #1f2c43;box-shadow:0 35px 90px rgba(8,17,31,.26);color:#fff;overflow:hidden}.hero-card .mini-nav{display:flex;gap:6px;align-items:center;padding:8px 4px 14px;color:#9db0cf;font-size:11px}.mini-dot{width:8px;height:8px;border-radius:50%;background:#475467}.mini-dot.active{background:#4ade80}.mini-panel{background:#111d31;border:1px solid #22304a;border-radius:17px;padding:15px}.mini-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.mini-title{font-size:14px;font-weight:800}.mini-sub{font-size:11px;color:#8fa2c1}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.mini-stat{background:#0d1727;border:1px solid #20304b;border-radius:12px;padding:11px}.mini-stat b{font-size:20px;display:block}.mini-stat span{font-size:10px;color:#8fa2c1}.spark{height:110px;margin-top:12px;border-radius:13px;background:linear-gradient(180deg,#14223b,#0d1727);position:relative;overflow:hidden}.spark:before{content:"";position:absolute;left:0;right:0;bottom:22px;height:1px;background:#273852;box-shadow:0 -26px 0 #273852,-0 -52px 0 #273852}.sparkline{position:absolute;left:7%;right:5%;bottom:18px;height:60px}.sparkline:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 7%,#315efb 8% 10%,transparent 11% 20%,#13b8a6 21% 23%,transparent 24% 34%,#315efb 35% 38%,transparent 39% 48%,#7c5cff 49% 52%,transparent 53% 64%,#13b8a6 65% 68%,transparent 69% 80%,#315efb 81% 84%,transparent 85%);filter:drop-shadow(0 8px 8px rgba(49,94,251,.25))}.section{padding:38px 0}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.05em;margin:7px 0}.section-head p{color:var(--muted);max-width:640px;margin:0}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow2)}.card h2,.card h3{margin:5px 0 9px;letter-spacing:-.03em}.feature-card{min-height:235px;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;right:-50px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#315efb1c,#7c5cff00)}.feature-icon{width:42px;height:42px;border-radius:13px;background:#eef2ff;color:var(--brand);display:grid;place-items:center;font-weight:900;font-size:18px;margin-bottom:16px}.feature-card p{color:var(--muted)}.band{background:linear-gradient(135deg,#0b1424,#111e34);color:#fff;border-radius:28px;padding:38px;box-shadow:0 35px 85px rgba(8,17,31,.18)}.band p{color:#b3bfd1;max-width:680px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.check{display:flex;gap:10px;align-items:flex-start;color:#e8edf7}.check i{font-style:normal;color:#65e7c4;font-weight:900}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dde3ed;border:1px solid #dde3ed;border-radius:18px;overflow:hidden}.stats-strip>div{background:#fff;padding:23px}.stats-strip b{font-size:29px;letter-spacing:-.04em;display:block}.stats-strip span{font-size:12px;color:var(--muted)}.quote{border-left:3px solid #cbd5ff;padding:10px 18px;color:#344054;font-size:18px;background:#fff;border-radius:0 14px 14px 0}.pricing{position:relative}.pricing.featured{border-color:#b9c6ff;box-shadow:0 20px 60px rgba(49,94,251,.14)}.price{font-size:42px;font-weight:900;letter-spacing:-.06em;margin:7px 0}.price small{font-size:13px;color:var(--muted);font-weight:700}.price-list{display:grid;gap:9px;margin:18px 0 2px}.price-list div{display:flex;gap:10px;color:#475467}.price-list i{color:var(--good);font-style:normal;font-weight:900}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.pagehead h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.055em;margin:7px 0 12px}.pagehead p{color:var(--muted)}.metric{font-size:33px;font-weight:900;letter-spacing:-.05em}.muted{color:var(--muted)}.btn,.tool{border:1px solid var(--line);background:white;color:var(--ink);padding:11px 15px;border-radius:11px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;transition:.18s}.btn:hover,.tool:hover{border-color:#c9d2e3;transform:translateY(-1px)}.toolgrid{display:flex;flex-wrap:wrap;gap:10px}.alert{padding:13px 15px;border-radius:12px;margin:0 0 18px;border:1px solid var(--line);background:#fff}.alert.success{background:#ecfdf5;border-color:#b7ebd5;color:var(--good)}.alert.error{background:#fff1f3;border-color:#ffd0d9;color:var(--bad)}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef1f6;color:#667085;font-size:12px;font-weight:900}.pill.active,.pill.complete{background:#e9fbf4;color:var(--good)}.pill.pending,.pill.processing,.pill.trialing{background:#fff7e8;color:var(--warn)}.pill.error,.pill.failed,.pill.suspended,.pill.cancelled{background:#fff0f3;color:var(--bad)}form{margin:0}.field{margin:15px 0}.field label,.form label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea,.form label input,.form label select,input,select,textarea{width:100%;padding:12px 13px;border:1px solid #dce2eb;border-radius:10px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus,.form label input:focus,.form label select:focus,input:focus,select:focus,textarea:focus{border-color:#91a7ff;box-shadow:0 0 0 4px #355cff12}.formbox,.narrow{max-width:720px;margin:20px auto}.authbox{max-width:470px;margin:54px auto}.authbox .card{padding:32px}.captcha{padding:9px 12px;background:#f1f4fb;border-radius:9px;font-weight:900;letter-spacing:.06em}.result{max-height:480px;overflow:auto;background:#0b1220;color:#dce5ff;padding:18px;border-radius:14px;font-size:12px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td,th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.table th,th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#667085}.empty{padding:34px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);background:#fff;text-align:center;color:#98a2b3;padding:25px 20px 50px;font-size:13px}.statrow{display:flex;justify-content:space-between;gap:15px;align-items:end}.actions{display:flex;gap:9px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.linkcard{display:block;text-decoration:none;color:inherit;transition:.18s}.linkcard:hover{transform:translateY(-2px);border-color:#cbd5ff}.small{font-size:12px}.danger{color:#b42318!important;border-color:#f2b8b5!important}.note{padding:12px 14px;background:#f7f9fd;border-radius:10px;color:#667085;font-size:13px;margin:14px 0}.inlineform{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.inlineform input,.inlineform select{flex:1 1 180px}.mobile-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-weight:900}.mobile-nav{display:none}.dashboard-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:stretch}.dashboard-card{min-height:255px}.health{display:flex;align-items:center;gap:14px}.health-ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--good) 0 78%,#e8edf3 78%);position:relative}.health-ring:after{content:"";width:40px;height:40px;border-radius:50%;background:#fff;position:absolute}.health-ring span{position:relative;z-index:2;font-weight:900;font-size:12px}.muted-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.muted-card{background:#f8fafc;border:1px solid #e8ecf2;border-radius:14px;padding:13px}.setup-hero{display:grid;grid-template-columns:1fr .9fr;gap:18px}.dnsbox{background:#0b1220;color:#eef4ff;border-radius:18px;padding:18px}.dnsrow{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid #243149}.dnsrow:last-child{border-bottom:0}.dnsrow span{color:#9eb0ca;font-size:12px}.callout{background:linear-gradient(135deg,#eef4ff,#f3f8ff);border:1px solid #dce7ff;border-radius:18px;padding:20px}.iconline{display:flex;gap:12px;align-items:flex-start}.iconcircle{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--brand);font-weight:900;box-shadow:0 5px 14px rgba(49,94,251,.10);flex:0 0 auto}@media(max-width:1000px){.hero-grid,.setup-hero,.dashboard-hero{grid-template-columns:1fr}.grid.three,.grid.four{grid-template-columns:1fr 1fr}.stats-strip{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:720px){.top{height:70px;padding:0 14px}.top nav{display:none}.mobile-toggle{display:block}.mobile-nav{position:absolute;left:12px;right:12px;top:76px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:9px;flex-direction:column;display:none}.mobile-nav.open{display:flex}.mobile-nav a{padding:11px 12px;border-radius:10px;text-decoration:none;color:#344054;font-weight:800}.wrap{padding:18px 14px 50px}.hero{padding:40px 0 28px}.hero h1{font-size:clamp(38px,12vw,56px)}.hero p{font-size:16px}.grid.three,.grid.four,.stats-strip,.check-grid{grid-template-columns:1fr}.band{padding:25px;border-radius:22px}.pagehead{display:block}.pagehead .btn{margin-top:12px}.tablewrap{margin-inline:-8px}.authbox{margin:30px auto}.section-head{display:block}.section-head h2{font-size:34px}}
/* PlugoutSpam application design system */
.brand-word{display:flex;gap:3px;align-items:center}.brand-word span{color:var(--brand)}
.public-top{height:78px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,234,240,.9);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1280px)/2));position:sticky;top:0;z-index:50}.public-top nav{display:flex;gap:4px;align-items:center}.public-top nav a{color:#475467;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:800}.public-top nav a:hover{background:#f2f5fa;color:var(--ink)}
.content{min-width:0}
.app-shell{min-height:100vh;display:flex;flex-direction:column}
.app-shell .app-layout{flex:1;min-height:0}
.app-shell .sidebar{min-height:0;max-height:calc(100vh - 78px);overflow-y:auto}
.app-shell .admin-nav-columns{flex:1;min-height:0;overflow-y:auto}
.app-shell .sidebar-footer{margin-top:auto;flex-shrink:0}
.content-inner{max-width:1280px;margin:0 auto;padding:34px 28px 80px}.sidebar{position:sticky;top:78px;height:calc(100vh - 78px);padding:26px 16px;border-right:1px solid var(--line);background:rgba(251,252,255,.92);display:flex;flex-direction:column}.app-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 78px)}.app-topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:60}.side-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#98a2b3;padding:6px 10px 9px}.side-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;text-decoration:none;color:#475467;font-weight:800;margin:2px 0}.side-link span{width:21px;text-align:center;color:#7d8aa3}.side-link:hover{background:#f0f3f9;color:var(--ink)}.side-link.active{background:linear-gradient(90deg,#eef2ff,#f7f8ff);color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.top-actions{display:flex;align-items:center;gap:22px}.top-status{font-size:12px;font-weight:800;color:#667085}.top-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16b364;box-shadow:0 0 0 5px #16b36414;margin-right:8px}.user-menu{display:flex;align-items:center;gap:9px;font-size:12px}.user-menu a{color:#667085;text-decoration:none;font-weight:800;margin-left:6px}.avatar{width:32px;height:32px;border-radius:10px;background:#eef2ff;color:var(--brand);display:grid;place-items:center;font-weight:900}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #e5e9f2;background:#fff;border-radius:14px}.sidebar-footer b,.sidebar-footer span{display:block}.sidebar-footer b{font-size:12px}.sidebar-footer span{font-size:10px;color:#16a36f}.mini-shield{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#ecfdf3;color:#12a66f;font-weight:900}.app-footer,.public-footer{border-top:1px solid var(--line);background:#fff;padding:23px 28px 35px;color:#98a2b3;font-size:12px;display:flex;justify-content:center;gap:18px}.app-footer b,.public-footer b{color:#344054}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.cardhead h2{margin:0}.cardhead a{color:var(--brand);text-decoration:none;font-weight:800}.lead{color:var(--muted);font-size:16px}.full{width:100%;justify-content:center}.btn.primary{border:0}.btn{box-shadow:0 1px 1px rgba(16,24,40,.02)}.btn span{margin-left:7px}.btn.ghost{background:transparent;border-color:transparent}.form{display:grid;gap:14px}.form h2{margin:8px 0 0}.form label{font-size:13px;font-weight:800}.form label input,.form label select,.form label textarea{display:block;margin-top:6px}.auth-screen{min-height:calc(100vh - 160px);display:grid;grid-template-columns:minmax(0,1fr) 520px;max-width:1180px;margin:0 auto;padding:50px 0;gap:48px;align-items:start}.auth-aside{padding:20px 10px 24px}.auth-aside h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.06em;max-width:650px;margin:9px 0 16px}.auth-aside p{font-size:18px;line-height:1.75;color:var(--muted);max-width:600px}.auth-points{display:grid;gap:15px;margin-top:34px}.auth-points>div{display:grid;grid-template-columns:34px 1fr;column-gap:12px;row-gap:2px}.auth-points span{grid-row:1/3;color:var(--brand);font-size:11px;font-weight:900}.auth-points b{font-size:14px}.auth-points small{color:var(--muted);font-size:12px}.auth-panel{min-width:0}.auth-card{padding:34px;box-shadow:0 28px 80px rgba(15,23,42,.12)}.auth-card h1{font-size:34px;letter-spacing:-.05em;margin:7px 0 7px}.auth-foot{text-align:center;color:var(--muted);font-size:13px}.auth-foot a{color:var(--brand);font-weight:900;text-decoration:none}.auth-note{font-size:11px;color:#98a2b3;text-align:center;padding:12px 22px}.captcha{display:inline-flex;align-items:center;gap:5px;margin-left:6px;color:var(--brand);font-size:12px;background:#edf2ff;border:1px solid #dce4ff;padding:4px 8px}.subtle{color:#98a2b3}.service-banner{padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#f5f7ff,#fff);border:1px solid #e1e7ff}.service-banner b{display:block;margin-bottom:3px}.tablewrap{border:1px solid #edf0f5;border-radius:14px}.tablewrap table{min-width:720px}.tablewrap table tr:last-child td{border-bottom:0}.codebox{white-space:pre-wrap;background:#0a1322;color:#d9e4ff;padding:16px;border-radius:14px;overflow:auto}.statusline{margin-top:14px;font-size:12px;color:var(--muted)}.setup-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.setup-progress div{padding:12px 14px;border:1px solid var(--line);background:#fff;border-radius:13px;font-weight:800;font-size:12px}.setup-progress b{display:block;color:var(--brand);font-size:10px;letter-spacing:.12em;margin-bottom:3px}.metric-caption{text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#98a2b3;font-weight:900}.admin-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.admin-kpis .card{padding:18px}.admin-kpis .metric{font-size:28px}.timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:12px 1fr;gap:11px}.timeline-item:before{content:"";width:8px;height:8px;border-radius:50%;background:#315efb;margin-top:7px}.timeline-item b{font-size:13px}.timeline-item span{font-size:11px;color:var(--muted)}.empty-icon{width:48px;height:48px;border-radius:15px;background:#eef2ff;color:var(--brand);display:grid;place-items:center;font-weight:900;margin:0 auto 12px}
@media(max-width:1050px){.app-layout{grid-template-columns:210px minmax(0,1fr)}.admin-kpis{grid-template-columns:repeat(3,1fr)}.auth-screen{grid-template-columns:1fr 470px;gap:24px}}
@media(max-width:820px){.app-topbar{padding:0 15px}.top-status,.user-name{display:none}.app-layout{display:block}.sidebar{display:none}.content-inner{padding:24px 16px 60px}.admin-kpis{grid-template-columns:1fr 1fr}.auth-screen{grid-template-columns:1fr;padding:30px 14px}.auth-aside{padding:8px}.auth-aside h1{font-size:42px}.public-top nav{display:none}.app-footer,.public-footer{flex-wrap:wrap}.setup-progress{grid-template-columns:1fr}.hero-grid,.dashboard-hero,.setup-hero{grid-template-columns:1fr!important}}
.grid.two{grid-template-columns:repeat(2,1fr)}.form-shell{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start;max-width:1120px;margin:22px auto}.form-intro{padding:24px 8px}.form-intro h1{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.06em;margin:8px 0 14px}.checkout-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;max-width:1120px;margin:52px auto}.checkout-summary{padding:20px 8px}.checkout-summary h1{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.06em;margin:8px 0 14px}.checkout-card{padding:30px}.checkout-amount{display:flex;justify-content:space-between;align-items:end;margin:30px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.checkout-amount span{color:var(--muted)}.checkout-amount b{font-size:34px;letter-spacing:-.04em}.danger-zone{border-color:#ffd6d6;background:#fff8f8}.dns-highlight{border:1px solid #d9e3ff;background:linear-gradient(135deg,#f5f8ff,#fff);border-radius:18px;padding:18px}.dns-highlight b{display:block}.table-actions{display:flex;gap:7px;flex-wrap:wrap}.log-pre{max-width:540px;white-space:pre-wrap;word-break:break-word}
@media(max-width:900px){.grid.two,.form-shell,.checkout-shell{grid-template-columns:1fr}.form-intro{padding:8px}.checkout-shell{margin:25px auto}.admin-kpis{grid-template-columns:1fr 1fr}}

/* v1.2.9 layout resilience */
body{min-width:320px;overflow-x:hidden}.public-wrap{width:100%;min-height:calc(100vh - 78px)}.public-inner{max-width:1320px;margin:0 auto;padding:0 28px}.public-top .brand{flex:0 0 auto}.public-top nav{margin-left:auto}.public-footer{min-height:74px}.app-shell .content{overflow:hidden}.content-inner{width:100%}.card,.hero-card,.band,.auth-card{overflow-wrap:anywhere}.btn{white-space:nowrap}.tablewrap{max-width:100%}.field input,.field select,.field textarea,.form label input,.form label select,.form label textarea{font:inherit;min-height:44px}.mobile-nav{z-index:100}.public-top{min-width:0}.public-top .mobile-toggle{margin-left:auto}.public-top a{word-break:normal}@media(max-width:720px){.public-inner{padding:0 14px}.public-top{padding:0 14px}.auth-screen{min-height:auto}.auth-card{padding:24px}.app-topbar{position:relative}.content-inner{padding-top:22px}.app-footer{padding-bottom:28px}}

/* v1.2.10 dashboard hardening */
.dashboard-pagehead{max-width:1240px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:20px}.dashboard-layout .card{min-width:0}.dashboard-domains-card{width:100%}.section-gap{height:20px}.dashboard-card .statrow{align-items:center}.dashboard-card .grid.four>div{min-width:0;padding:4px 0}.dashboard-card .metric{line-height:1.05}.dashboard-pagehead .actions{flex:0 0 auto}.content-inner{min-width:0}.dashboard-pagehead>div:first-child{min-width:0}@media(max-width:980px){.dashboard-layout{grid-template-columns:1fr}.dashboard-pagehead{display:block}.dashboard-pagehead .actions{margin-top:16px}}@media(max-width:640px){.dashboard-pagehead h1{font-size:38px}.dashboard-card{padding:20px}.dashboard-card .grid.four{grid-template-columns:repeat(2,1fr)}.dashboard-domains-card{padding:18px}}
.pricing-grid{align-items:stretch}.pricing-grid .pricing{display:flex;flex-direction:column}.pricing-grid .pricing .btn{margin-top:auto}.comparison-card{padding:0;overflow:hidden}.comparison-table{width:100%;border-collapse:separate;border-spacing:0}.comparison-table th,.comparison-table td{padding:15px 14px;border-bottom:1px solid var(--line);white-space:normal}.comparison-table th{background:#f8fafc;position:sticky;top:0;z-index:1}.comparison-table th:not(:first-child),.comparison-table td:not(:first-child){text-align:center}.comparison-table tr:last-child td{border-bottom:0}.comparison-table tbody tr:hover td{background:#fbfdff}@media(max-width:1000px){.pricing-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:720px){.pricing-grid{grid-template-columns:1fr!important}.comparison-table{min-width:760px}.comparison-card .tablewrap{overflow-x:auto}.comparison-table th,.comparison-table td{padding:12px 10px}.small{font-size:11px}}

/* v1.2.18 customer profile, support and plan choice */
textarea{width:100%;resize:vertical;min-height:44px}
.plan-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.plan-option{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line,#dfe5ef);border-radius:14px;padding:14px;background:var(--surface,#fff);cursor:pointer}
.plan-option input{margin-top:4px}.plan-option span{display:flex;flex-direction:column;gap:4px}.plan-option small{color:var(--muted,#64748b)}
.ticket-thread{display:grid;gap:14px;margin-bottom:18px}.ticket-message.customer{border-left:4px solid var(--brand,#315efb)}.ticket-message.admin{border-left:4px solid #5a687d}.ticket-body{line-height:1.7;margin-top:14px;white-space:normal}.attachment{display:inline-flex;margin-top:14px;margin-right:8px;padding:8px 10px;border-radius:10px;background:#f3f6fb;font-size:13px}.metricline{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line,#e8edf5)}
.pill.pending,.pill.reopened{background:#fff7df;color:#8a6400}.pill.replied{background:#eaf7ef;color:#197042}.pill.closed{background:#edf1f6;color:#5b6878}.pill.customer{background:#eaf0ff;color:#315efb}.pill.admin{background:#edf1f6;color:#5b6878}
@media(max-width:760px){.plan-choice{grid-template-columns:1fr}.grid.two{grid-template-columns:1fr}.app-topbar .top-status{display:none}}

/* Enterprise enquiry presentation */
.enterprise-contact-grid{align-items:stretch}.enterprise-form-card{padding:30px}.enterprise-form-card .cardhead{align-items:flex-start}.enterprise-form-card .cardhead h2{font-size:30px;letter-spacing:-.04em;margin:5px 0 8px}.enterprise-form-card .muted{max-width:650px;line-height:1.6}.enterprise-next-card{padding:32px;background:linear-gradient(145deg,#0f172a,#18233d);border-color:#25314d;color:#fff;position:relative;overflow:hidden}.enterprise-next-card:after{content:"";position:absolute;right:-90px;top:-100px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#315efb33 0,transparent 68%);pointer-events:none}.enterprise-next-card .eyebrow{color:#9db5ff}.enterprise-next-card h2{font-size:34px;line-height:1.08;letter-spacing:-.05em;margin:7px 0 12px;max-width:480px}.enterprise-intro{color:#b8c2d5;line-height:1.65;max-width:500px;margin-bottom:28px}.enterprise-steps{display:grid;gap:20px}.enterprise-step{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}.step-number{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff1d;color:#bcd0ff;font-size:11px;font-weight:900;letter-spacing:.08em}.enterprise-step h3{margin:2px 0 4px;font-size:15px;color:#fff}.enterprise-step p{margin:0;color:#aeb9cc;font-size:12px;line-height:1.6}.enterprise-note{margin-top:26px;padding:14px 15px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff14;display:flex;gap:11px;align-items:flex-start}.enterprise-note>span{color:#6ee7b7;font-weight:900}.enterprise-note b,.enterprise-note small{display:block}.enterprise-note b{font-size:12px;color:#fff;margin-bottom:3px}.enterprise-note small{font-size:11px;color:#aeb9cc;line-height:1.5}@media(max-width:900px){.enterprise-next-card h2{font-size:30px}}
.corporate-footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px;max-width:none;text-align:left;padding:46px max(22px,calc((100% - 1240px)/2)) 58px;background:#07101f;color:#9aa8bf;border-top:0}.corporate-footer>div{display:flex;flex-direction:column;gap:8px}.corporate-footer b{color:#fff;font-size:20px;letter-spacing:-.04em}.corporate-footer p{margin:0;max-width:340px}.corporate-footer strong{color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.corporate-footer a{color:#aebad0;text-decoration:none}.corporate-footer a:hover{color:#fff}.corporate-footer small{margin-top:8px;color:#74839a}.paid-trial-card{border-color:#bfe6dc;background:linear-gradient(180deg,#ffffff,#f3fffb);box-shadow:0 20px 60px rgba(19,184,166,.12)}.featured-option{border-color:#bcd8ff!important;background:#f8fbff}.featured-option input{accent-color:var(--brand)}.legal-wrap{max-width:900px;margin:0 auto;line-height:1.78}.legal-wrap h2{margin-top:30px}.legal-wrap a{color:var(--brand);font-weight:750}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.blog-card{min-height:250px}.blog-meta{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.blog-card h2{font-size:27px;line-height:1.12;margin:11px 0}.blog-card p{color:var(--muted)}.text-link{color:var(--brand);font-weight:900;text-decoration:none}.blog-cta{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#0b1424,#111f36);color:#fff}.blog-cta p{color:#afbdd0}.blog-cta h2{color:#fff}@media(max-width:950px){.corporate-footer{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr}.blog-cta{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.corporate-footer{grid-template-columns:1fr;padding-left:22px;padding-right:22px}}

.app-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;padding:24px max(22px,calc((100% - 1240px)/2));}.app-footer div{display:flex;flex-direction:column;gap:5px}.app-footer b{color:var(--ink)}.app-footer small{color:#98a2b3}.footer-app-links{display:flex!important;flex-direction:row!important;gap:14px!important}.footer-app-links a{color:#667085;text-decoration:none;font-weight:700}@media(max-width:620px){.app-footer{align-items:flex-start;flex-direction:column}.footer-app-links{flex-wrap:wrap}}

.admin-sidebar{min-width:0}
.admin-nav-columns{display:flex;flex-direction:column;gap:0;width:100%;min-width:0}
.admin-nav-column{min-width:0}
.admin-nav-column .side-label{padding-left:8px;padding-right:4px}
.admin-nav-column .side-link{font-size:12px;padding:10px 8px;gap:7px}
.admin-nav-column .side-link span{width:16px;font-size:12px}
.operations-nav{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:14px;margin-left:0;margin-top:14px}
@media(max-width:1100px){.admin-sidebar{grid-column:auto}.admin-nav-columns{display:flex;flex-direction:column}.admin-nav-column .side-link{font-size:11px}}
@media(max-width:820px){.admin-nav-columns{display:flex;flex-direction:column}.operations-nav{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:12px}}
/* Migration Center v1.2.52 */
.migration-head{align-items:end;gap:24px}.migration-head h1{max-width:780px}.migration-headnote{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow2);max-width:320px}.migration-headnote b,.migration-headnote small{display:block}.migration-headnote b{font-size:12px}.migration-headnote small{font-size:11px;color:var(--muted);line-height:1.45}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px #0d8a6114;flex:0 0 auto}.migration-flash{margin:0 0 18px}.migration-actions{display:flex;justify-content:space-between;gap:26px;align-items:center}.migration-action-main{display:flex;gap:16px;align-items:flex-start;min-width:0}.step-chip{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:var(--brand);font-size:11px;font-weight:900;flex:0 0 auto}.migration-action-main h2{margin:5px 0 5px}.migration-action-main p{margin:0;color:var(--muted);max-width:720px}.migration-action-buttons{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.btn.ghost{background:#f6f7fb}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.section-top h2{margin:5px 0 5px}.section-top p{margin:0;max-width:820px}.diag-run{text-align:right}.diag-run .mini-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}.diag-run b{font-size:12px}.diag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.diag-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid var(--line);background:#fbfcff;border-radius:14px;padding:12px}.diag-item.is-ok{border-color:#d9eee6}.diag-item.is-fail{border-color:#f2d8dc;background:#fffafb}.diag-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#edf9f4;color:var(--good);font-weight:900}.diag-item.is-fail .diag-icon{background:#fff0f1;color:var(--bad)}.diag-copy b,.diag-copy span,.diag-copy small{display:block}.diag-copy b{font-size:12px}.diag-copy span{font-size:10px;color:var(--brand);margin-top:1px}.diag-copy small{font-size:11px;line-height:1.45;color:var(--muted);margin-top:4px}.diag-result{text-align:right}.diag-result strong{display:block;font-size:10px;letter-spacing:.08em}.diag-item.is-ok .diag-result strong{color:var(--good)}.diag-item.is-fail .diag-result strong{color:var(--bad)}.diag-result small{font-size:10px;color:var(--muted)}.diag-summary{display:grid;grid-template-columns:repeat(5,1fr);margin-top:13px;border-top:1px solid var(--line);padding-top:13px;gap:8px}.diag-summary div{padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#fff}.diag-summary span,.diag-summary b{display:block}.diag-summary span{font-size:10px;color:var(--muted)}.diag-summary b{font-size:18px;line-height:1.2;margin-top:2px}.migration-warning{margin:12px 0 0;white-space:pre-line}.migration-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.migration-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:var(--shadow2)}.migration-stat span,.migration-stat small{display:block}.migration-stat span{font-size:11px;font-weight:800;color:var(--muted)}.migration-stat b{display:block;font-size:28px;letter-spacing:-.04em;line-height:1.1;margin:4px 0}.migration-stat small{font-size:10px;color:var(--muted);line-height:1.35}.table-tools,.selection-tools{display:flex;align-items:center;gap:10px}.searchbox{display:flex;align-items:center;gap:8px;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 10px}.searchbox span{color:var(--muted);font-size:16px}.searchbox input{border:0!important;outline:0!important;background:transparent;min-height:40px;padding:0;width:100%;font:inherit}.migration-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.migration-table{min-width:980px}.migration-table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#667085;background:#f8fafc;position:sticky;top:0;z-index:2}.migration-table td,.migration-table th{padding:12px 13px;vertical-align:top}.migration-table tbody tr:nth-child(even){background:#fcfdff}.migration-table tbody tr:hover td{background:#f9fbff}.migration-table td small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.token-list,.status-list{display:flex;flex-wrap:wrap;gap:5px}.token,.status-pill{display:inline-flex;align-items:center;max-width:100%;border-radius:999px;padding:3px 7px;font-size:10px;line-height:1.2;border:1px solid #dde4f0;background:#f7f9fc;color:#445066;white-space:nowrap}.token.more{background:#eef2ff;color:var(--brand)}.status-pill{background:#f6f7fa}.provider-id{font-size:10px;color:#667085;word-break:break-all}.empty-state{padding:36px 20px;text-align:center;border:1px dashed #d6dde8;border-radius:13px;background:#fbfcff}.empty-state b,.empty-state span{display:block}.empty-state b{font-size:14px}.empty-state span{font-size:12px;color:var(--muted);margin-top:4px}.bulkbar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0}.checklabel{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.check-col{width:42px;text-align:center}.migration-importbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 2px 0}.migration-importbar b,.migration-importbar small{display:block}.migration-importbar b{font-size:13px}.migration-importbar small{font-size:11px;color:var(--muted)}.migration-log-card{display:flex;justify-content:space-between;align-items:center;gap:18px}
@media(max-width:1100px){.migration-stats{grid-template-columns:repeat(3,1fr)}.diag-summary{grid-template-columns:repeat(3,1fr)}.migration-actions{align-items:flex-start;flex-direction:column}.migration-action-buttons{justify-content:flex-start}.migration-headnote{max-width:none}}
@media(max-width:760px){.migration-head{display:block}.migration-headnote{margin-top:16px}.diag-grid{grid-template-columns:1fr}.diag-summary{grid-template-columns:repeat(2,1fr)}.migration-stats{grid-template-columns:repeat(2,1fr)}.section-top{display:block}.table-tools,.selection-tools{margin-top:12px;display:block}.searchbox{min-width:0}.migration-importbar,.migration-log-card{display:block}.migration-importbar .btn,.migration-log-card .btn{margin-top:12px}.migration-stat b{font-size:24px}}

.order-start-screen{align-items:stretch}.order-choice-card{max-width:620px}.order-choice{display:flex;flex-direction:column;gap:12px;margin:24px 0}.order-choice-item{display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:var(--surface);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.order-choice-item:hover{transform:translateY(-1px);border-color:var(--brand);box-shadow:0 8px 22px rgba(0,0,0,.06)}.order-choice-item b{display:block;color:var(--text);font-size:15px}.order-choice-item small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.order-choice-item strong{color:var(--brand);font-size:20px}.order-choice-icon{width:36px;height:36px;border-radius:10px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-weight:700}

/* v1.2.58 ordering repair */
.public-top .navbtn{background:linear-gradient(135deg,#315efb,#1d4ed8);color:#fff!important;border-color:#315efb!important;font-weight:950;letter-spacing:.04em;padding:10px 16px;border-radius:12px;box-shadow:0 8px 20px rgba(49,94,251,.22)}
.public-top .navbtn:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(49,94,251,.28)}
.order-form-screen .auth-card{max-width:560px}
.paypal-box{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}
.paypal-box .btn{display:flex;justify-content:center}

/* v1.2.95 authenticated shell redesign: single continuous sidebar, no nested workspace scrollbar */
.admin-app-shell{min-height:100vh;height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);overflow:hidden;background:var(--bg)}
.app-sidebar{min-width:0;height:100vh;background:rgba(251,252,255,.97);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}
.sidebar-brand{height:78px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);flex:0 0 auto}
.sidebar-brand .brand{font-size:20px}
.sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 16px 14px;scrollbar-width:thin;scrollbar-color:#c7cfdd transparent}
.sidebar-nav::-webkit-scrollbar{width:7px}
.sidebar-nav::-webkit-scrollbar-track{background:transparent}
.sidebar-nav::-webkit-scrollbar-thumb{background:#c7cfdd;border-radius:999px}
.nav-section{padding-bottom:16px}
.nav-section-ops{border-top:1px solid var(--line);padding-top:18px}
.nav-section-settings{border-top:1px solid var(--line);padding-top:17px;padding-bottom:8px}
.side-label{padding:5px 12px 9px}
.side-link{min-height:40px;padding:9px 12px;margin:3px 0;gap:11px;border-radius:12px}
.side-link span{flex:0 0 21px;width:21px}
.side-link em{font-style:normal;line-height:1.25;min-width:0}
.side-link.active{box-shadow:inset 3px 0 0 var(--brand),0 1px 0 rgba(49,94,251,.03)}
.sidebar-bottom{flex:0 0 auto;padding:10px 14px 16px;background:linear-gradient(180deg,rgba(251,252,255,.72),#fbfcff 26%);border-top:1px solid rgba(231,234,240,.75)}
.sidebar-health{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #e1e7ef;background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(16,24,40,.04)}
.sidebar-health b,.sidebar-health span{display:block}
.sidebar-health b{font-size:12px}
.sidebar-health span{font-size:10px;color:#16a36f}
.sidebar-company{display:flex;flex-direction:column;gap:2px;padding:14px 7px 0;color:#98a2b3}
.sidebar-company b{color:#344054;font-size:12px}
.sidebar-company span,.sidebar-company small{font-size:10px;line-height:1.45}
.app-main-shell{min-width:0;min-height:0;height:100vh;display:grid;grid-template-rows:78px minmax(0,1fr) auto;overflow:hidden}
.app-main-shell .app-topbar{position:relative;height:78px;top:auto;padding:0 28px}
.topbar-search{display:flex;align-items:center;gap:9px;width:min(560px,48vw);height:42px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 18px rgba(16,24,40,.03)}
.topbar-search span{font-size:21px;color:#667085;line-height:1}
.topbar-search input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:0!important;font-size:14px}
.app-main-shell .content{min-height:0;overflow-y:auto;overflow-x:hidden}
.app-main-shell .content-inner{min-height:100%;padding:34px 28px 60px}
.app-main-shell .app-footer{min-height:76px;padding:18px 28px 24px}
.app-main-shell .app-footer div{display:flex;flex-direction:column;gap:4px}
.app-main-shell .app-footer b{color:var(--ink);font-size:12px}
.app-main-shell .app-footer span,.app-main-shell .app-footer small{color:#98a2b3;font-size:10px}
.app-main-shell .footer-app-links{display:flex!important;flex-direction:row!important;gap:14px!important;align-items:center}
@media(max-width:1100px){
  .admin-app-shell{grid-template-columns:250px minmax(0,1fr)}
  .topbar-search{width:min(440px,42vw)}
  .app-main-shell .top-status{display:none}
}
@media(max-width:820px){
  .admin-app-shell{display:block;height:auto;min-height:100vh;overflow:visible}
  .app-sidebar{display:none}
  .app-main-shell{height:auto;min-height:100vh;display:block;overflow:visible}
  .app-main-shell .app-topbar{position:relative;height:auto;min-height:70px;padding:12px 15px}
  .topbar-search{display:none}
  .app-main-shell .content{overflow:visible}
  .app-main-shell .content-inner{padding:24px 16px 50px}
  .app-main-shell .app-footer{min-height:0;flex-wrap:wrap}
}
.app-main-shell .app-footer .backend-version{font-size:10px;color:#667085;font-weight:600;letter-spacing:.02em;margin-top:1px}

/* v1.2.99 landing-page clarity + contrast polish */
.landing-page{position:relative}
.landing-page .hero{padding:72px 0 58px}
.landing-page .hero-grid{gap:62px}
.landing-page .hero-copy{min-width:0}
.landing-page .hero h1{font-size:clamp(46px,6.7vw,82px);line-height:.96;max-width:790px}
.landing-page .hero h1 span{background:linear-gradient(135deg,#315efb 0%,#6a55ff 52%,#13b8a6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-page .hero p{font-size:19px;max-width:720px;color:#53627a}
.hero-actions{margin-top:26px}
.landing-page .hero-order,.landing-page .spotlight-order{position:relative;z-index:3;color:#fff!important;-webkit-text-fill-color:#fff;background:linear-gradient(135deg,#315efb,#6f56ff)!important;border:1px solid #315efb!important;box-shadow:0 12px 26px rgba(49,94,251,.28)}
.landing-page .hero-order:hover,.landing-page .spotlight-order:hover{color:#fff!important;-webkit-text-fill-color:#fff;filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 15px 30px rgba(49,94,251,.32)}
.landing-page .hero-order:focus-visible,.landing-page .spotlight-order:focus-visible{outline:3px solid rgba(49,94,251,.25);outline-offset:3px;color:#fff!important;-webkit-text-fill-color:#fff}
.landing-page .hero-secondary{background:rgba(255,255,255,.94);border-color:#dce3ef;color:#111827}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:17px;font-size:12px;color:#53627a;font-weight:750}
.hero-proof span{display:inline-flex;align-items:center;gap:6px}
.hero-visual{min-width:0}
.filter-flow-card{padding:17px;border-radius:28px;position:relative;animation:landingFloat 8s ease-in-out infinite;box-shadow:0 36px 90px rgba(8,17,31,.28)}
.filter-flow-card:before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:linear-gradient(145deg,#365fff88,#13b8a655,transparent 65%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.filter-flow-card .mini-nav{padding:6px 4px 13px}
.flow-live{margin-left:auto;color:#73f1c1;font-weight:850}
.flow-stack{display:grid;gap:11px}
.flow-node{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 13px;border-radius:15px;background:#0d182a;border:1px solid #21314b}
.flow-node b,.flow-node small{display:block}
.flow-node b{font-size:13px}
.flow-node small{font-size:10px;color:#8ea0be;margin-top:1px}
.node-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#19283f;color:#9db0cf;font-weight:950}
.node-icon.shield{background:#0e3b39;color:#67e7c2;box-shadow:inset 0 0 0 1px #235c55}
.node-state{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8ea0be;font-weight:900}
.node-state.safe{color:#65e7c4}
.flow-arrow{height:13px;position:relative}
.flow-arrow:before{content:"";position:absolute;left:26px;right:26px;top:5px;height:2px;background:linear-gradient(90deg,#365dff,#13b8a6);opacity:.65}
.flow-arrow span{position:absolute;top:1px;left:35%;width:22px;height:10px;border-top:2px solid #4f75ff;border-radius:50%;filter:drop-shadow(0 0 7px #315efb);animation:landingPulse 1.8s ease-in-out infinite}
.filter-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.filter-stats span{padding:10px 12px;border-radius:13px;background:#111f35;border:1px solid #20314c}
.filter-stats b,.filter-stats em{display:block}
.filter-stats b{font-size:12px;color:#fff}
.filter-stats em{font-size:10px;color:#8194b2;font-style:normal}
.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.flow-branch{display:flex;gap:9px;align-items:center;padding:10px 11px;border-radius:13px}
.flow-branch b,.flow-branch small{display:block}
.flow-branch b{font-size:11px}
.flow-branch small{font-size:9px;margin-top:1px}
.flow-branch.reject{background:#2a1822;border:1px solid #503041}
.flow-branch.reject small{color:#d79eb1}
.flow-branch.deliver{background:#0c2928;border:1px solid #1d514d}
.flow-branch.deliver small{color:#88d4c9}
.branch-dot{width:8px;height:8px;border-radius:50%;background:#f0809f;box-shadow:0 0 0 5px #f0809f18;flex:0 0 auto}
.deliver .branch-dot{background:#58d8b8;box-shadow:0 0 0 5px #58d8b818}
.backup-strip{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:15px;background:linear-gradient(135deg,#10243a,#0f2d2d);border:1px solid #24445e}
.backup-orbit{width:36px;height:36px;border:1px solid #2b6383;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto}
.backup-orbit:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #5adbc0;border-top-color:transparent;animation:landingSpin 2.5s linear infinite}
.backup-orbit span{position:absolute;top:1px;right:4px;width:5px;height:5px;border-radius:50%;background:#65e7c4}
.backup-strip b,.backup-strip small{display:block}
.backup-strip b{font-size:12px;color:#fff}
.backup-strip small{font-size:9px;line-height:1.4;color:#91a8c2;margin-top:2px}
.backup-check{margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#dffaf2;color:#0c8060;font-weight:950;flex:0 0 auto}
.landing-section-head{align-items:end}
.landing-section-head h2{max-width:780px}
.quick-benefits{padding-top:22px}
.benefit-card{min-height:285px;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.benefit-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(15,23,42,.10);border-color:#cfd7e6}
.benefit-card:after{content:"";position:absolute;right:-45px;bottom:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#315efb18 0,transparent 68%)}
.benefit-card.benefit-primary{border-color:#ccd7ff;background:linear-gradient(180deg,#fff,#f8faff)}
.benefit-number{position:absolute;top:19px;right:20px;color:#a7b3c7;font-size:11px;font-weight:950;letter-spacing:.09em}
.benefit-card h3{font-size:23px;margin-top:0}
.benefit-card p{max-width:420px}
.benefit-link{position:absolute;left:24px;bottom:22px;color:#315efb;font-size:12px;font-weight:900}
.benefit-link span{margin-left:5px}
.spotlight-section{padding-top:28px}
.spotlight-plan{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:stretch;padding:10px;border-radius:30px;background:linear-gradient(135deg,#07111f,#0d1d31 65%,#123335);box-shadow:0 34px 85px rgba(7,17,31,.20);overflow:hidden;position:relative}
.spotlight-plan:before{content:"";position:absolute;right:-140px;top:-160px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#315efb33 0,transparent 64%)}
.spotlight-copy{padding:36px 32px 34px;color:#fff;position:relative;z-index:1}
.light-eyebrow{color:#80a7ff!important}
.spotlight-ribbon{display:inline-flex;margin:9px 0 9px;padding:6px 9px;border-radius:999px;background:#153767;color:#b9ceff;border:1px solid #315b95;font-size:10px;font-weight:900;letter-spacing:.09em}
.spotlight-copy h2{font-size:clamp(34px,4.5vw,58px);line-height:1.02;letter-spacing:-.055em;margin:7px 0 13px;max-width:720px}
.spotlight-copy p{max-width:720px;color:#b6c4d8;font-size:16px;line-height:1.7}
.unlimited-callout{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px 15px;border-radius:17px;background:linear-gradient(135deg,#17355a,#163d3a);border:1px solid #2c5f68;max-width:650px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.unlimited-icon{font-size:31px;color:#77efd0;line-height:1}
.unlimited-callout b,.unlimited-callout small{display:block}
.unlimited-callout b{font-size:15px;color:#fff}
.unlimited-callout small{font-size:10px;color:#a6bfd2;margin-top:2px}
.spotlight-points{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin-top:17px;color:#d7e1ef;font-size:11px;font-weight:750}
.spotlight-price-card{margin:18px;align-self:stretch;background:#fff;border:1px solid #d4ddf0;border-radius:22px;padding:26px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 55px rgba(0,0,0,.16);position:relative;z-index:1}
.spotlight-price-card h3{font-size:21px;margin:4px 0}
.spotlight-price-card .price{font-size:46px;margin:14px 0 3px}
.price-note{line-height:1.5}
.standard-limit{display:flex;align-items:baseline;gap:8px;margin:18px 0;padding:11px 12px;border-radius:13px;background:#eff4ff;border:1px solid #d5e0ff}
.standard-limit b{font-size:25px;color:#17368f}
.standard-limit span{font-size:11px;color:#52637f;font-weight:750}
.spotlight-caption{font-size:10px;text-align:center;color:#7a879b;margin-top:10px}
.feature-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(15,23,42,.09);border-color:#ced7e5}
.feature-card p{color:#5f6e85}
.backup-section{padding-top:20px}
.backup-explainer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:25px;background:linear-gradient(135deg,#091321,#101f34);color:#fff;border-radius:30px;padding:34px;box-shadow:0 30px 80px rgba(8,17,31,.18);overflow:hidden;position:relative}
.backup-explainer:after{content:"";position:absolute;left:-120px;bottom:-210px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#13b8a622 0,transparent 67%)}
.backup-copy{position:relative;z-index:1}
.backup-copy h2{font-size:clamp(32px,4.2vw,54px);line-height:1.02;letter-spacing:-.055em;margin:7px 0 12px;max-width:700px}
.backup-copy p{max-width:680px;color:#b7c5d8;font-size:16px;line-height:1.72}
.dark-outline{background:transparent!important;color:#fff!important;border-color:#41526d!important}
.dark-outline:hover{background:#16253a!important;border-color:#5e7191!important;color:#fff!important}
.backup-timeline{position:relative;padding:10px 8px 10px 4px;display:grid;gap:16px;align-content:center;z-index:1}
.timeline-line{position:absolute;left:25px;top:33px;bottom:33px;width:1px;background:linear-gradient(180deg,#315efb,#13b8a6);opacity:.7}
.timeline-step{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:78px;padding:10px 12px;border:1px solid #273a55;border-radius:16px;background:#0d1a2c}
.timeline-step span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#132844;border:1px solid #2b4d79;color:#a8c3ed;font-size:10px;font-weight:900;position:relative;z-index:2}
.timeline-step b,.timeline-step small{display:block}
.timeline-step b{font-size:13px}
.timeline-step small{font-size:10px;color:#95a7bf;margin-top:2px;line-height:1.45}
.timeline-step.active-step{border-color:#2d6d68;background:#10282c}
.timeline-step.active-step span{background:#173e38;border-color:#2c8b77;color:#7cf0d0}
.how-grid .check{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;color:#344054;transition:transform .2s ease,box-shadow .2s ease}
.how-grid .check:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.06)}
.how-grid .check i{font-size:11px;background:#eef2ff;border-radius:9px;padding:7px 8px;color:var(--brand)}
.how-grid .check b{color:#111827}
.comparison-intro{padding-top:14px}
.pricing-grid .pricing{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.pricing-grid .pricing:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(15,23,42,.09)}
.pricing.featured{border-color:#97adff;box-shadow:0 24px 65px rgba(49,94,251,.15);background:linear-gradient(180deg,#fff,#f7f9ff);overflow:visible}
.featured-badge{position:absolute;top:-11px;right:19px;padding:5px 9px;border-radius:999px;background:#315efb;color:#fff;font-size:9px;letter-spacing:.1em;font-weight:950;box-shadow:0 7px 16px rgba(49,94,251,.24)}
.standard-highlight{display:flex;align-items:center;gap:8px;margin:15px 0;padding:10px 11px;border-radius:12px;background:#eef3ff;border:1px solid #dae3ff;color:#2745aa}
.standard-highlight b{font-size:22px;line-height:1}
.standard-highlight span{font-size:11px;font-weight:850}
.paid-trial-card{background:linear-gradient(180deg,#ffffff,#f2fffb);border-color:#bfe7dd}
.final-cta{padding-top:20px}
.final-cta-card{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 36px;border-radius:28px;background:linear-gradient(135deg,#315efb,#5e51f4 55%,#7c5cff);color:#fff;box-shadow:0 28px 70px rgba(49,94,251,.22);position:relative;overflow:hidden}
.final-cta-card:after{content:"";position:absolute;right:-120px;top:-150px;width:390px;height:390px;border-radius:50%;border:55px solid rgba(255,255,255,.06)}
.final-cta-card>*{position:relative;z-index:1}
.final-cta-card h2{font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.05em;margin:6px 0 10px;max-width:760px}
.final-cta-card p{margin:0;max-width:750px;color:#e7ebff}
.final-cta-card .dark-outline{border-color:#d7dcff!important}
.support-note{padding-top:10px}

/* Always keep the public ORDER NOW CTA legible in hover/focus states. */
.public-top .navbtn,
.public-top .navbtn:link,
.public-top .navbtn:visited,
.public-top .navbtn:hover,
.public-top .navbtn:focus,
.public-top .navbtn:active{color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#315efb,#1d4ed8)!important;border-color:#315efb!important}
.public-top .navbtn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 26px rgba(49,94,251,.31)!important}

@keyframes landingFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-7px,0) rotate(.3deg)}}
@keyframes landingPulse{0%,100%{opacity:.35;transform:translateX(-8px)}50%{opacity:1;transform:translateX(8px)}}
@keyframes landingSpin{to{transform:rotate(360deg)}}
@media(max-width:1100px){
  .landing-page .hero-grid{grid-template-columns:1fr 1fr;gap:34px}
  .landing-page .hero h1{font-size:clamp(42px,6vw,70px)}
  .spotlight-plan,.backup-explainer{grid-template-columns:1fr}
  .spotlight-price-card{margin:0 24px 24px}
  .backup-timeline{padding-right:0}
}
@media(max-width:820px){
  .landing-page .hero{padding:48px 0 35px}
  .landing-page .hero-grid{grid-template-columns:1fr;gap:30px}
  .landing-page .hero h1{font-size:clamp(43px,11vw,64px)}
  .landing-page .hero p{font-size:17px}
  .hero-proof{display:grid;grid-template-columns:1fr 1fr}
  .filter-flow-card{max-width:none}
  .spotlight-copy{padding:28px 24px 24px}
  .spotlight-price-card{margin:0 14px 14px;padding:22px}
  .backup-explainer{padding:25px}
  .final-cta-card{align-items:flex-start;flex-direction:column;padding:29px 25px}
}
@media(max-width:720px){
  .landing-page .section{padding:30px 0}
  .landing-section-head{display:block}
  .landing-section-head p{margin-top:12px}
  .hero-proof{grid-template-columns:1fr;gap:7px}
  .flow-branches,.filter-stats,.spotlight-points{grid-template-columns:1fr}
  .backup-strip{align-items:flex-start}
  .spotlight-copy h2,.backup-copy h2,.final-cta-card h2{font-size:clamp(33px,10vw,47px)}
  .spotlight-price-card .price{font-size:40px}
  .backup-explainer{padding:20px}
  .timeline-line{left:24px}
  .how-grid{grid-template-columns:1fr!important}
}
@media(max-width:460px){
  .landing-page .hero-actions .btn{width:100%;text-align:center}
  .hero-proof{font-size:11px}
  .filter-flow-card{padding:13px}
  .flow-node{grid-template-columns:34px minmax(0,1fr);}
  .node-state{grid-column:2}
  .spotlight-copy{padding:24px 19px 20px}
  .unlimited-callout{align-items:flex-start}
  .spotlight-price-card{margin:0 10px 10px}
  .final-cta-card .actions{width:100%}
  .final-cta-card .actions .btn{flex:1 1 160px;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .filter-flow-card,.flow-arrow span,.backup-orbit:before,.benefit-card,.feature-card,.pricing-grid .pricing,.how-grid .check{animation:none!important;transition:none!important}
}

/* Cashfree payment UX hardening */
.gateway-status{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:12px;font-weight:800;background:#fbfcff;color:#475467}
.gateway-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#98a2b3;flex:0 0 auto}
.gateway-status-loading:before,.gateway-status-opening:before{background:#315efb;box-shadow:0 0 0 4px #315efb18;animation:paymentPulse 1.2s ease-in-out infinite}
.gateway-status-ready{background:#ecfdf5;border-color:#b7ebd5;color:#086b4c}.gateway-status-ready:before{background:#0d8a61}
.gateway-status-error{background:#fff1f3;border-color:#ffd0d9;color:#a61b34}.gateway-status-error:before{background:#c83a53}
.invoice-pay-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px}
.invoice-pay-arrow{transition:transform .18s ease}.invoice-pay-btn:hover .invoice-pay-arrow{transform:translateX(3px)}
@keyframes paymentPulse{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.gateway-status-loading:before,.gateway-status-opening:before{animation:none}.invoice-pay-arrow{transition:none}}

.contact-office-card{margin-top:18px}.contact-office-card h2{margin:6px 0 4px}.contact-office-card p{margin:0 0 8px}