:root{
  --bg:#07162f;
  --bg-soft:#0d2244;
  --panel:#ffffff;
  --panel-soft:#f4f8fc;
  --panel-dark:#0b1d38;
  --text:#172033;
  --text-soft:#56627a;
  --line:#dfe8f3;
  --primary:#0a6adf;
  --primary-2:#1bc2ff;
  --primary-3:#9ae9ff;
  --success:#12b981;
  --warning:#f59e0b;
  --danger:#ef4444;
  --shadow:0 18px 48px rgba(7,22,47,.14);
  --shadow-soft:0 10px 30px rgba(7,22,47,.08);
  --radius:28px;
  --container:min(1180px, calc(100vw - 34px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#fff;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:var(--container);margin:0 auto}
.section{padding:92px 0;position:relative}
.section-soft{background:linear-gradient(180deg,#f8fbff 0%,#f3f8fd 100%)}
.section-dark{background:radial-gradient(circle at top left, #163766 0%, #09172d 52%, #07111f 100%);color:#fff}
.centered{text-align:center}.narrow{max-width:920px;margin:0 auto}
.lead{color:var(--text-soft);font-size:1.08rem}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);color:#d8ecff;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.eyebrow.dark{background:#eaf3ff;color:#0f4f9d}
h1,h2,h3{line-height:1.08;margin:0 0 16px}h1{font-size:clamp(2.8rem,5vw,5.1rem);letter-spacing:-.04em}h2{font-size:clamp(2rem,3vw,3.3rem);letter-spacing:-.03em}h3{font-size:1.2rem}
p{margin:0 0 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 22px;border-radius:16px;border:1px solid transparent;font-weight:700;transition:.25s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 18px 34px rgba(10,106,223,.28)}
.btn-secondary{background:#eff5ff;color:#0b4f9f;border-color:#d7e6ff}
.btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.btn.full{width:100%}

.site-header{position:sticky;top:0;z-index:60;backdrop-filter:blur(16px);background:rgba(6,20,41,.68);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:18px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800}
.brand img{width:44px;height:44px;object-fit:contain}
.brand small{display:block;font-size:.72rem;color:#9dc8ff;font-weight:600;letter-spacing:.04em}
.main-nav{display:flex;align-items:center;gap:6px}
.main-nav a{color:#d9e8ff;padding:12px 15px;border-radius:12px;font-weight:600}
.main-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-login{background:#fff;color:#0c2850!important}
.nav-toggle{display:none;position:relative;width:46px;height:46px;border:none;border-radius:14px;background:rgba(255,255,255,.08)}
.nav-toggle span{position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:10px;transition:.25s}
.nav-toggle span:first-child{top:17px}.nav-toggle span:last-child{top:27px}

.hero{position:relative;overflow:hidden;padding:108px 0 86px;background:
 radial-gradient(circle at 18% 14%, rgba(27,194,255,.22), transparent 24%),
 radial-gradient(circle at 88% 20%, rgba(10,106,223,.28), transparent 28%),
 linear-gradient(135deg,#09172d 0%,#0c1d39 42%,#112a52 100%);color:#fff}
.grid-noise{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 88%);opacity:.18;pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;pointer-events:none}.glow-one{width:280px;height:280px;background:rgba(27,194,255,.28);top:110px;right:18%}.glow-two{width:360px;height:360px;background:rgba(10,106,223,.24);bottom:0;left:-60px}
.premium-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:42px;align-items:center}
.hero-text.large{font-size:1.13rem;color:#d6e6ff;max-width:760px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 22px}
.trust-row{display:flex;flex-wrap:wrap;gap:12px;color:#c8dcff;font-size:.95rem}.trust-row span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.hero-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
.mini-stat{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.mini-stat strong{display:block;font-size:1rem}.mini-stat span{display:block;color:#c7daf8;font-size:.92rem}
.hero-showcase{position:relative;min-height:620px}
.screen-card,.phone-mock,.big-browser,.module-group-card,.price-card,.comparison-card,.demo-form,.contact-panel,.feature-panel,.module-group-card,.faq-item,.feature-panel,.glass,.comparison-card,.screen-main,.screen-side{box-shadow:var(--shadow)}
.screen-card{position:absolute;background:rgba(255,255,255,.95);color:var(--text);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(12px);border-radius:26px;padding:18px}
.screen-main{top:20px;left:0;width:82%;min-height:410px}
.screen-side{right:0;top:180px;width:44%;min-height:280px}
.phone-mock{position:absolute;right:6%;bottom:0;width:190px;border-radius:34px;background:#08172c;padding:14px;border:1px solid rgba(255,255,255,.08)}
.phone-top{width:42%;height:7px;border-radius:99px;background:#243b5c;margin:2px auto 14px}
.phone-content{background:#fff;border-radius:24px;padding:16px}.phone-content small{color:#7391b5}.phone-content strong{display:block;margin:4px 0 12px}.phone-card{padding:12px 14px;border-radius:16px;background:#edf5ff;margin-bottom:10px}.phone-card.ok{background:#ebfbf4}.phone-card span{display:block;font-size:.84rem;color:#5e6d84}.phone-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.phone-nav i{height:7px;background:#d5e3f6;border-radius:999px}
.floating-a,.floating-b,.floating-c{animation:floaty 6s ease-in-out infinite}.floating-b{animation-delay:1s}.floating-c{animation-delay:2s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.screen-bar{display:flex;gap:6px;margin-bottom:14px}.screen-bar span{width:10px;height:10px;border-radius:50%;background:#d9e4f4}.screen-bar span:first-child{background:#ff6b6b}.screen-bar span:nth-child(2){background:#f8c146}.screen-bar span:last-child{background:#18c776}
.screen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.screen-head small,.panel-label{display:block;color:#5d7290;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.screen-head strong{font-size:1.15rem}
.status-pill,.chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700;background:#ecf7ff;color:#116ecb}
.stats-line{display:grid;gap:12px;margin-bottom:18px}.stats-line.four{grid-template-columns:repeat(4,1fr)}.stats-line div{padding:14px;border-radius:16px;background:#f5f9fd}.stats-line span{display:block;color:#6f8095;font-size:.82rem}.stats-line strong{font-size:1.05rem}
.screen-block{padding:16px;border-radius:18px;background:#f8fbff;border:1px solid #e8eef6}.block-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.block-head small{color:#7890ab}
.task-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.task-list li{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #e9eff6}.task-list li:last-child{border-bottom:none}.task-list i{width:18px;height:18px;border-radius:50%;border:2px solid #b8c8db}.task-list li.done i{background:var(--success);border-color:var(--success)}.task-list span{font-size:.94rem}.task-list b{font-size:.8rem;color:#4e6b8e}
.audit-flow-vertical{display:grid;gap:10px;margin-top:10px}.audit-flow-vertical div{padding:12px 14px;border-radius:14px;background:#f5f9ff;position:relative}.audit-flow-vertical div:not(:last-child)::after{content:'';position:absolute;left:20px;bottom:-10px;width:2px;height:10px;background:#b9d6ff}

.strip-enhanced{padding:26px 0;background:#fff;position:relative;z-index:2;margin-top:-12px}.premium-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.premium-strip>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:var(--shadow-soft)}.premium-strip strong{display:block;font-size:1rem;margin-bottom:6px}.premium-strip span{color:var(--text-soft);font-size:.94rem}

.section-intro{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:end;margin-bottom:28px}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-panel{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line)}.feature-panel.glass{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.icon-badge{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#0a6adf,#1bc2ff);display:grid;place-items:center;color:#fff;font-weight:800;margin-bottom:16px}
.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.workflow-steps article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;position:relative;box-shadow:var(--shadow-soft)}.workflow-steps span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf3ff;color:#0e60c1;font-weight:800;margin-bottom:14px}

.grouped-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.module-group-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px 22px}.module-group-card header{margin-bottom:18px}.module-group-card h3{margin-bottom:0}.module-stack{display:grid;gap:14px}.module-line{padding:16px 18px;border-radius:18px;background:#f7faff;border:1px solid #e8eef7}.module-line strong{display:block;margin-bottom:6px}

.immersive-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center}.feature-bullets{padding:0;margin:22px 0 0;list-style:none;display:grid;gap:12px}.feature-bullets li{padding-left:22px;position:relative}.feature-bullets li::before{content:'';position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--primary-2),#fff)}
.big-browser{background:#fff;color:var(--text);border-radius:30px;padding:18px;border:1px solid rgba(255,255,255,.7)}.browser-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.browser-layout aside{background:#f6faff;border-radius:20px;padding:18px}.aside-title{font-size:.82rem;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:#6881a2;margin-bottom:14px}.browser-layout aside ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.browser-layout aside li{padding:10px 12px;border-radius:12px;background:#fff;color:#6a7d93}.browser-layout aside li.active{background:linear-gradient(135deg,#0a6adf,#1bc2ff);color:#fff;font-weight:700}.browser-content{display:grid;gap:14px}.content-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.content-top small{display:block;color:#7288a6;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.content-top strong{font-size:1.14rem}.content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.content-card{padding:15px;border-radius:16px;background:#f6faff}.content-card span{display:block;color:#6982a0;font-size:.84rem}.content-card b{display:block;margin-top:6px}.content-table{border:1px solid #e8eef6;border-radius:18px;overflow:hidden}.table-row{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px;padding:14px 16px;border-top:1px solid #eef3f8}.table-row.head{background:#f8fbff;border-top:none;font-weight:700}.ok{color:var(--success)}.warn{color:#d68503}.muted{color:#7d8ca1}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{position:relative;padding:28px;border-radius:28px;background:#fff;border:1px solid var(--line)}.price-card.featured{transform:translateY(-8px);background:linear-gradient(180deg,#0d2348 0%,#0e2b5b 100%);color:#fff;border-color:rgba(255,255,255,.08)}.price-card.featured p,.price-card.featured .setup,.price-card.featured li{color:#d8e6ff}.popular{position:absolute;top:-12px;left:24px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#1bc2ff,#0a6adf);color:#fff;font-size:.8rem;font-weight:800}.plan-top{min-height:130px}.price{display:flex;align-items:flex-end;gap:8px;margin:16px 0 6px}.price strong{font-size:3rem;line-height:1}.setup{color:#6c7f95;margin-bottom:18px}.price-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:11px}.price-card li{position:relative;padding-left:18px;color:#42556f}.price-card li::before{content:'•';position:absolute;left:0;top:0;color:#1098f7}
.comparison-wrap{margin-top:28px}.comparison-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px}.comparison-head p{color:var(--text-soft)}.comparison-table-wrap{overflow:auto}.comparison-table{width:100%;border-collapse:collapse;min-width:640px}.comparison-table th,.comparison-table td{padding:14px 16px;border-top:1px solid #e9eef6;text-align:center}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table thead th{border-top:none;background:#f8fbff}

.faq-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:start}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}.faq-question{width:100%;background:none;border:none;padding:20px 22px;display:flex;justify-content:space-between;gap:18px;align-items:center;text-align:left;font-weight:700;cursor:pointer}.faq-question i{width:12px;height:12px;border-right:2px solid #6e84a2;border-bottom:2px solid #6e84a2;transform:rotate(45deg);transition:.25s}.faq-item.open .faq-question i{transform:rotate(-135deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease;padding:0 22px}.faq-item.open .faq-answer{max-height:220px;padding:0 22px 20px}.faq-answer p{color:var(--text-soft)}

.demo-section{padding-bottom:110px}.premium-demo-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:start}.contact-panel{display:grid;gap:12px;margin-top:24px}.contact-panel>div{padding:16px 18px;border-radius:18px;background:#f7fbff;border:1px solid #e5eef9}.contact-panel strong{display:block;margin-bottom:6px}
.demo-form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.demo-form label{display:grid;gap:8px;font-weight:600;color:#31445f;margin-bottom:14px}.demo-form input,.demo-form select,.demo-form textarea{width:100%;padding:14px 15px;border:1px solid #d7e1ed;border-radius:16px;background:#fbfdff;transition:.2s}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{outline:none;border-color:#5ba9ff;box-shadow:0 0 0 4px rgba(10,106,223,.12)}.demo-form small{display:block;color:#6e8097;margin-top:12px}.hp{position:absolute;left:-9999px;opacity:0}.form-alert{padding:14px 16px;border-radius:16px;background:#fff4f4;color:#9f1d1d;margin-bottom:16px;border:1px solid #ffd0d0}

.site-footer{padding:34px 0 52px;background:#07111f;color:#d5e1f0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:22px}.site-footer img{width:56px;margin-bottom:12px}.site-footer strong{display:block;margin-bottom:12px;color:#fff}.site-footer a,.site-footer span,.site-footer p{display:block;color:#a9bdd5;margin-bottom:8px}

@media (max-width: 1120px){.premium-grid,.section-intro,.immersive-grid,.faq-grid,.premium-demo-grid{grid-template-columns:1fr}.platform-grid,.workflow-steps{grid-template-columns:repeat(2,1fr)}.grouped-modules,.pricing-grid{grid-template-columns:1fr 1fr}.hero-showcase{min-height:700px}.screen-main{width:80%}.screen-side{width:48%}.premium-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.browser-layout{grid-template-columns:1fr}}
@media (max-width: 920px){.nav-toggle{display:block}.main-nav{position:fixed;top:82px;left:14px;right:14px;background:rgba(6,20,41,.96);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px 14px;border-radius:14px}.hero{padding-top:88px}.hero-showcase{min-height:auto;display:grid;gap:16px}.screen-card,.phone-mock{position:relative;inset:auto;width:100%}.phone-mock{right:auto;bottom:auto;width:100%}.hero-highlights{grid-template-columns:1fr}.screen-main,.screen-side{min-height:auto}.stats-line.four,.content-cards{grid-template-columns:repeat(2,1fr)}.grouped-modules,.pricing-grid,.platform-grid,.workflow-steps{grid-template-columns:1fr}.premium-strip{grid-template-columns:1fr}.comparison-card{padding:18px}.footer-grid{grid-template-columns:1fr}}
@media (max-width: 620px){.section{padding:68px 0}.nav-wrap{min-height:74px}.brand img{width:40px;height:40px}.brand small{display:none}h1{font-size:2.6rem}h2{font-size:2rem}.btn,.hero-actions .btn{width:100%}.trust-row,.hero-actions{flex-direction:column;align-items:stretch}.stats-line.four,.form-row,.content-cards{grid-template-columns:1fr}.screen-card,.demo-form,.comparison-card,.module-group-card{padding:18px}.phone-content{padding:14px}.table-row{grid-template-columns:1fr;gap:6px}.comparison-table th,.comparison-table td{padding:12px}.site-footer{padding-bottom:72px}}

.privacy-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:12px!important;padding:14px 15px;border:1px solid #d7e1ed;border-radius:16px;background:#fbfdff;font-weight:500!important;color:#465a74!important}
.privacy-check input{width:auto!important;margin-top:4px;accent-color:var(--primary)}
.privacy-check a{color:#0a6adf;font-weight:700}
.legal-line{display:block;color:#a9bdd5;margin-top:10px}
.legal-main{background:#f7fbff}
.legal-hero{padding:86px 0 46px;background:linear-gradient(135deg,#f4f9ff 0%,#ffffff 100%);border-bottom:1px solid var(--line)}
.legal-hero h1{font-size:clamp(2.4rem,4vw,4rem);color:#0b1d38}
.legal-hero p{max-width:760px;color:#5c6d85;font-size:1.08rem}
.legal-update{display:inline-flex;margin-top:12px;color:#6b7e96;font-size:.95rem}
.legal-content{padding:54px 0 88px}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow-soft);max-width:980px}
.legal-card h2{font-size:1.45rem;margin-top:30px;color:#0b1d38}
.legal-card h2:first-child{margin-top:0}
.legal-card p,.legal-card li{color:#4e6079}
.legal-card a{color:#0a6adf;font-weight:700}
.legal-card ul{margin:10px 0 18px;padding-left:22px}
.legal-nav{display:flex}
.thanks-main{background:radial-gradient(circle at top, rgba(27,194,255,.12), transparent 35%), #f7fbff}
.thanks-section{padding:90px 0}
.thanks-card{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:34px;padding:44px;text-align:center;box-shadow:var(--shadow)}
.thanks-card img{width:82px;margin:0 auto 18px}
.center-actions{justify-content:center}
@media (max-width: 620px){.legal-card{padding:24px;border-radius:22px}.legal-hero{padding:64px 0 34px}.thanks-card{padding:28px}}