*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#10233f;background:#f7faff;line-height:1.6;transition:background .2s,color .2s}.dark body{background:#0c1524;color:#e7eef8}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e6edf5}.dark .header{background:rgba(12,21,36,.94);border-color:#233149}.nav{height:72px;display:flex;align-items:center;gap:28px}.logo{font-size:22px;font-weight:800;letter-spacing:-.7px;color:#10233f;text-decoration:none;margin-right:auto}.logo span{color:#1976d2}.dark .logo{color:#fff}nav{display:flex;gap:25px}nav a{color:#53667e;text-decoration:none;font-weight:600;font-size:14px}.dark nav a{color:#afbdd0}.nav-actions{display:flex;align-items:center;gap:10px}.theme-btn{width:42px;height:42px;border:1px solid #d7e1eb;background:#fff;color:#28415f;border-radius:9px;cursor:pointer;font-size:18px}.dark .theme-btn{background:#162236;color:#e7eef8;border-color:#2a3a54}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#1769d2;color:#fff;text-decoration:none;border:0;border-radius:10px;font-weight:800;box-shadow:0 10px 25px rgba(23,105,210,.2);transition:.2s;cursor:pointer}.btn:hover{background:#105bbd;transform:translateY(-1px)}.small{padding:11px 17px;font-size:13px}.large{padding:15px 23px;font-size:15px}.hero{padding:90px 0 80px;background:linear-gradient(135deg,#f4f9ff,#fff 55%,#edf7ff)}.dark .hero{background:linear-gradient(135deg,#101c2f,#0c1524 55%,#12243b)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#1976d2;margin-bottom:12px}.hero h1{font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-2.5px;margin:0 0 20px}.hero p{font-size:19px;color:#63738a;max-width:620px;margin:0 0 28px}.dark .hero p,.dark .heading p{color:#aab8ca}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#60728b;font-size:13px;font-weight:700}.dark .trust{color:#aab8ca}.hero-card,.cards article,.benefits article{background:#fff;border:1px solid #e1e9f2;border-radius:20px;box-shadow:0 18px 55px rgba(30,64,105,.08)}.dark .hero-card,.dark .cards article,.dark .benefits article{background:#121e31;border-color:#263751;box-shadow:none}.hero-card{padding:42px}.check{width:58px;height:58px;border-radius:16px;background:#eaf4ff;color:#1769d2;display:grid;place-items:center;font-size:28px;font-weight:900;margin-bottom:24px}.dark .check{background:#172b47}.hero-card h3{font-size:25px;margin:0 0 8px}.hero-card p{font-size:15px;margin:0;color:#63738a}.bars{display:flex;gap:7px;margin-top:30px}.bars i{height:7px;background:#d8e8fa;border-radius:9px}.bars i:nth-child(1){width:55%}.bars i:nth-child(2){width:25%}.bars i:nth-child(3){width:10%}.section{padding:85px 0}.gray{background:#f7faff}.dark .gray{background:#0f1a2b}.heading{text-align:center;max-width:760px;margin:0 auto 34px}.heading.left{text-align:left;margin-left:0}.heading h2{font-size:clamp(30px,4vw,43px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 12px}.heading p{color:#697a91;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article,.benefits article{padding:30px}.cards strong{color:#1976d2;font-size:13px;letter-spacing:1px}.cards h3,.benefits h3{margin:22px 0 8px}.cards p,.benefits p{color:#687a91;margin:0;font-size:14px}.dark .cards p,.dark .benefits p{color:#aab8ca}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefits b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf4ff;color:#1769d2}.dark .benefits b{background:#172b47}.benefits h3{font-size:18px}.faq-section{background:#fff}.dark .faq-section{background:#0c1524}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq{border-top:1px solid #dfe7f0}.dark .faq{border-color:#2a3a54}.faq details{border-bottom:1px solid #dfe7f0;padding:20px 0}.dark .faq details{border-color:#2a3a54}.faq summary{cursor:pointer;font-weight:800;display:flex;justify-content:space-between;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:#1976d2;font-size:20px}.faq details[open] summary:after{content:"−"}.faq p{color:#697a91;font-size:14px;margin:12px 0 0}.dark .faq p{color:#aab8ca}footer{background:#0e2039;color:#c9d4e2;padding:55px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px}.white{color:#fff}.footer-top p{color:#9eafc4;font-size:13px;max-width:420px}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{color:#dce5ef;text-decoration:none;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:20px;color:#8799af;font-size:11px;display:flex;justify-content:space-between}@media(max-width:850px){nav{display:none}.hero{padding:65px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.cards{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr;gap:30px}.footer-top,.copyright{flex-direction:column}.nav{gap:10px}.small{padding:10px 12px;font-size:12px}}@media(max-width:520px){.logo{font-size:19px}.benefits{grid-template-columns:1fr}.hero h1{letter-spacing:-1.8px}.trust{flex-direction:column;gap:7px}}
.demo-note{display:block;margin-top:10px;color:#71839a;font-size:12px;font-weight:700}.dark .demo-note{color:#aab8ca}

/* Permanent dark theme */
html.dark body{background:#0c1524;color:#e7eef8}
html.dark .section{color:#e7eef8}
html.dark .hero p,html.dark .cards p,html.dark .benefits p,html.dark .faq p{color:#aab8ca}
