:root{
  --bg:#07080d;--panel:#0d1018;--panel-2:#111521;--text:#f5f7ff;--muted:#a2a8ba;--line:rgba(255,255,255,.1);--accent:#6c63ff;--accent2:#7c3aed;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#05060a,#090c14 30%,#05060a);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(6,8,13,.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.brand-wrap{display:flex;align-items:center;gap:12px}.site-logo{display:inline-flex;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#3b82f6);align-items:center;justify-content:center;font-weight:800}.brand-text{display:flex;flex-direction:column}.brand-text span{font-size:12px;color:var(--muted)}
.primary-menu,.footer-menu{display:flex;list-style:none;padding:0;margin:0;gap:24px}.primary-menu li a,.footer-menu li a{color:#d6d9e4}.header-cta,.btn-primary,.webroxx-contact-form button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:14px;padding:14px 22px;font-weight:700;box-shadow:0 10px 30px rgba(108,99,255,.25)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;padding:14px 22px;color:#fff;background:rgba(255,255,255,.03)}
.hero-section{padding:84px 0;background:radial-gradient(circle at 75% 10%, rgba(108,99,255,.25), transparent 20%),radial-gradient(circle at 25% 10%, rgba(59,130,246,.12), transparent 15%)}
.hero-grid,.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{display:inline-block;color:#7aa2ff;font-size:12px;letter-spacing:.18em;font-weight:700;margin-bottom:14px}.hero-section h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:0 0 18px;max-width:700px}.hero-section p,.section-head p,.two-col p,.info-card p,.step-card p,.site-footer p{color:var(--muted)}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:30px 0}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.hero-stats div{border:1px solid var(--line);background:rgba(255,255,255,.03);padding:18px;border-radius:20px}.hero-stats span{display:block;color:var(--muted);font-size:14px;margin-top:6px}
.hero-card,.visual-box{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-radius:30px;padding:18px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.mock-window{background:#0b0e16;border:1px solid var(--line);border-radius:24px;padding:18px}.mock-top{display:flex;gap:8px;margin-bottom:16px}.mock-top span{width:10px;height:10px;border-radius:50%;background:#374151}.mock-top span:nth-child(1){background:#fb7185}.mock-top span:nth-child(2){background:#fbbf24}.mock-top span:nth-child(3){background:#4ade80}.mock-body{display:grid;gap:16px}.mock-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mock-panel{height:140px;border-radius:22px;background:linear-gradient(135deg,rgba(108,99,255,.22),rgba(255,255,255,.04));border:1px solid var(--line)}.mock-panel.large{height:220px}.mock-panel.wide{height:180px}.visual-box{min-height:340px;background:radial-gradient(circle at top right, rgba(108,99,255,.28), transparent 30%),linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.section{padding:86px 0}.section.alt{background:rgba(255,255,255,.02)}.dark-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;background:rgba(255,255,255,.025)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center;color:#cbd1df}.section-head{max-width:760px;margin-bottom:34px}.section h2{font-size:clamp(30px,4.1vw,54px);line-height:1.05;margin:0 0 14px}
.card-grid{display:grid;gap:22px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.info-card,.step-card,.webroxx-contact-form,.default-content article,.page-content{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025));border-radius:24px;padding:26px}.info-card h3,.step-card h3{margin:0 0 10px}.tick-list{padding-left:18px}.tick-list li{margin:10px 0;color:#dbe1ef}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-card strong{display:inline-flex;width:56px;height:56px;border-radius:18px;background:#fff;color:#0b0f18;align-items:center;justify-content:center;margin-bottom:12px}
.webroxx-contact-form{max-width:900px}.webroxx-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.webroxx-contact-form input,.webroxx-contact-form textarea{width:100%;padding:16px 18px;margin:0 0 16px;border-radius:16px;border:1px solid var(--line);background:#0a0d15;color:#fff}.webroxx-contact-form textarea{min-height:140px;resize:vertical}.webroxx-form-response{margin-top:14px;font-weight:600}
.site-footer{border-top:1px solid var(--line);padding:52px 0 20px;background:#05070c}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:30px}.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}
.webroxx-whatsapp{position:fixed;right:22px;bottom:22px;background:#25D366;color:#08220f;padding:14px 18px;border-radius:999px;font-weight:800;box-shadow:0 10px 30px rgba(37,211,102,.35);z-index:30}
.default-content,.page-content{padding:50px 0}.default-content h1,.page-content h1,.default-content h2,.page-content h2,.default-content h3,.page-content h3{line-height:1.15}
@media (max-width: 980px){.hero-grid,.two-col,.footer-grid,.card-grid.three,.card-grid.four,.steps-grid,.mini-grid{grid-template-columns:1fr 1fr}.site-nav{display:none}.header-wrap{flex-wrap:wrap}.header-cta{display:none}.hero-stats{grid-template-columns:1fr}.webroxx-grid-2{grid-template-columns:1fr}}
@media (max-width: 680px){.hero-grid,.two-col,.footer-grid,.card-grid.three,.card-grid.four,.steps-grid,.mini-grid{grid-template-columns:1fr}.hero-section{padding:56px 0}.section{padding:60px 0}.hero-section h1{font-size:40px}}