
:root{
  --wi-ink:#0b1133;--wi-indigo:#172554;--wi-cyan:#22d3ee;--wi-cyan-dark:#0891b2;
  --wi-text:#334155;--wi-muted:#64748b;--wi-line:#e2e8f0;--wi-soft:#f8fafc;
  --wi-success:#059669;--wi-warn:#d97706;--wi-danger:#dc2626;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--wi-indigo);font-family:Inter,Arial,sans-serif}
a{color:inherit}
.wi-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}
.wi-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 18% 12%,rgba(34,211,238,.18),transparent 33%),
linear-gradient(145deg,#0b1133 0%,#172554 58%,#0b1133 100%);color:#fff;padding:96px 0 84px}
.wi-hero:after{content:"";position:absolute;inset:auto -14% -45% 40%;height:420px;border-radius:50%;background:rgba(34,211,238,.08);filter:blur(40px)}
.wi-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:54px;align-items:center}
.wi-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#67e8f9}
.wi-hero h1{font-size:clamp(44px,6.1vw,74px);line-height:1.01;letter-spacing:-.045em;margin:16px 0 22px;max-width:820px}
.wi-hero p{font-size:19px;line-height:1.65;color:#cbd5e1;max-width:780px;margin:0 0 28px}
.wi-actions{display:flex;gap:12px;flex-wrap:wrap}
.wi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer;font:inherit}
.wi-btn-primary{background:var(--wi-cyan);color:var(--wi-ink)}
.wi-btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.wi-btn-dark{background:var(--wi-indigo);color:#fff}
.wi-btn-outline{background:#fff;color:var(--wi-indigo);border-color:#cbd5e1}
.wi-trust{margin-top:18px;color:#94a3b8;font-size:13px}
.wi-hero-card{background:rgba(255,255,255,.96);color:var(--wi-indigo);border-radius:22px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.6)}
.wi-mini-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.wi-mini-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--wi-cyan-dark)}
.wi-score{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:#ecfeff;color:#0e7490;font-weight:900;font-size:22px}
.wi-mini-title{font-size:23px;font-weight:850;margin:0 0 8px}
.wi-mini-copy{color:var(--wi-muted);line-height:1.58;margin:0 0 16px}
.wi-reason{border:1px solid #bae6fd;background:#f0f9ff;border-radius:13px;padding:13px 14px;color:#075985;font-size:13px;line-height:1.5}
.wi-section{padding:78px 0}
.wi-section-soft{background:var(--wi-soft)}
.wi-section-dark{background:var(--wi-ink);color:#fff}
.wi-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--wi-cyan-dark);margin-bottom:10px}
.wi-section-dark .wi-kicker{color:#67e8f9}
.wi-h2{font-size:clamp(34px,4.8vw,50px);line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}
.wi-lead{color:var(--wi-muted);font-size:17px;line-height:1.7;max-width:820px;margin:0}
.wi-section-dark .wi-lead{color:#cbd5e1}
.wi-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.wi-card{background:#fff;border:1px solid var(--wi-line);border-radius:18px;padding:24px}
.wi-card h3{font-size:21px;margin:0 0 10px}
.wi-card p{color:var(--wi-muted);line-height:1.6;margin:0}
.wi-chip{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;background:#ecfeff;color:#0e7490;margin-bottom:14px}
.wi-demo-shell{margin-top:34px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}
.wi-demo-controls{display:grid;gap:10px;align-content:start}
.wi-demo-tab{width:100%;text-align:left;padding:14px 15px;border:1px solid var(--wi-line);background:#fff;border-radius:13px;cursor:pointer;color:var(--wi-indigo);font-weight:750}
.wi-demo-tab[aria-pressed="true"]{border-color:#67e8f9;background:#ecfeff;color:#0e7490}
.wi-demo-panel{border:1px solid var(--wi-line);background:#fff;border-radius:20px;padding:25px;min-height:330px}
.wi-demo-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.wi-demo-status{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#ecfeff;color:#0e7490}
.wi-demo-status.waiting{background:#fff7ed;color:#9a3412}
.wi-demo-score{font-size:40px;font-weight:900;line-height:1;color:var(--wi-indigo)}
.wi-demo-score small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-top:5px}
.wi-demo-title{font-size:28px;margin:24px 0 8px}
.wi-demo-action{font-weight:800;color:#0e7490;font-size:17px;margin-bottom:16px}
.wi-demo-reason{background:#f8fafc;border-left:4px solid var(--wi-cyan);padding:15px 16px;border-radius:0 12px 12px 0;color:#475569;line-height:1.62}
.wi-demo-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.wi-pill{font-size:12px;background:#f1f5f9;color:#475569;padding:7px 10px;border-radius:999px}
.wi-manager-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}
.wi-metric{background:#f8fafc;border:1px solid var(--wi-line);padding:14px;border-radius:13px}
.wi-metric strong{display:block;font-size:23px;color:var(--wi-indigo);margin-bottom:4px}
.wi-metric span{font-size:11px;color:var(--wi-muted);line-height:1.4}
.wi-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:34px}
.wi-flow-step{position:relative;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);padding:18px 14px;border-radius:15px}
.wi-flow-step strong{display:block;margin-bottom:7px}
.wi-flow-step span{color:#cbd5e1;font-size:12px;line-height:1.48}
.wi-flow-num{color:#67e8f9;font-size:11px;font-weight:900;margin-bottom:10px}
.wi-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.wi-offer{border:1px solid var(--wi-line);border-radius:18px;padding:25px;background:#fff;display:flex;flex-direction:column}
.wi-offer.featured{border-color:#67e8f9;box-shadow:0 18px 50px rgba(8,145,178,.12)}
.wi-offer h3{font-size:23px;margin:0 0 10px}
.wi-offer p{color:var(--wi-muted);line-height:1.58}
.wi-offer ul{padding-left:20px;color:#475569;line-height:1.7;flex:1}
.wi-offer .wi-btn{margin-top:10px}
.wi-trial-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:42px;align-items:start;margin-top:30px}
.wi-trial-note{background:#ecfeff;border:1px solid #a5f3fc;border-radius:16px;padding:18px;color:#155e75;line-height:1.6}
.wi-form{background:#fff;border:1px solid var(--wi-line);border-radius:20px;padding:24px;box-shadow:0 18px 50px rgba(15,23,42,.08)}
.wi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wi-field{display:grid;gap:6px}
.wi-field.wide{grid-column:1/-1}
.wi-field label,.wi-field>span{font-size:12px;font-weight:800;color:#475569}
.wi-field input,.wi-field select,.wi-field textarea{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;color:#0f172a;background:#fff}
.wi-field textarea{min-height:92px;resize:vertical}
.wi-consent{grid-column:1/-1;display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#64748b;line-height:1.5}
.wi-form-status{grid-column:1/-1;padding:12px 13px;border-radius:10px;display:none;line-height:1.5;font-size:13px}
.wi-form-status.ok{display:block;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.wi-form-status.err{display:block;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.wi-form .wi-btn{grid-column:1/-1;width:100%;border:0}
.wi-faq details{border-bottom:1px solid var(--wi-line);padding:18px 0}
.wi-faq summary{font-weight:850;cursor:pointer}
.wi-faq p{color:var(--wi-muted);line-height:1.65}
.wi-final{text-align:center}
.wi-final .wi-actions{justify-content:center}
.wi-disclaimer{font-size:12px;color:#94a3b8;line-height:1.55;margin-top:18px}
@media(max-width:900px){
  .wi-hero-grid,.wi-trial-grid{grid-template-columns:1fr}
  .wi-grid-3,.wi-offers{grid-template-columns:1fr}
  .wi-demo-shell{grid-template-columns:1fr}
  .wi-demo-controls{grid-template-columns:repeat(2,1fr)}
  .wi-flow{grid-template-columns:repeat(2,1fr)}
  .wi-manager-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .wi-wrap{width:min(100% - 28px,1160px)}
  .wi-hero{padding:72px 0 58px}
  .wi-section{padding:58px 0}
  .wi-form-grid{grid-template-columns:1fr}
  .wi-demo-controls{grid-template-columns:1fr}
  .wi-flow{grid-template-columns:1fr}
  .wi-manager-grid{grid-template-columns:1fr 1fr}
}
