*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(59,130,246,.1),transparent 28%),radial-gradient(circle at top right,rgba(99,102,241,.1),transparent 24%),linear-gradient(180deg,#f8fafc,#ffffff 38%,#f8fafc);color:#0f172a}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1240px;margin:0 auto;padding:0 24px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.82);border-bottom:1px solid rgba(148,163,184,.2)}.nav-row{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#64748b;margin-bottom:4px}.brand-name{font-size:32px;font-weight:800;letter-spacing:-.03em;color:#0f172a}.nav-links{display:flex;align-items:center;gap:28px;color:#334155;font-weight:500}.nav-links a:hover{color:#0f172a}.hero{padding:84px 0 48px}.hero-wrap{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:32px;gap:32px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.8);color:#334155;padding:12px 16px;border-radius:999px;font-size:14px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.hero-title{margin:18px 0 0;font-size:74px;line-height:.98;letter-spacing:-.05em;font-weight:850;max-width:760px}.gradient-text{background:linear-gradient(135deg,#0f172a,#1d4ed8 42%,#4f46e5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{margin:24px 0 0;font-size:24px;line-height:1.45;color:#475569;max-width:780px}.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border-radius:18px;border:1px solid transparent;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#ffffff;box-shadow:0 16px 40px rgba(15,23,42,.18)}.button-secondary{background:rgba(255,255,255,.82);color:#0f172a;border-color:rgba(148,163,184,.35);box-shadow:0 10px 25px rgba(15,23,42,.06)}.hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:30px;max-width:760px}.point-card{border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.85);border-radius:22px;padding:16px 18px;color:#0f172a;box-shadow:0 12px 35px rgba(15,23,42,.05);font-weight:600}.glass-card{border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.74);border-radius:32px;padding:30px;box-shadow:0 18px 60px rgba(15,23,42,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.system-panel{position:relative;overflow:hidden}.system-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 28%),radial-gradient(circle at bottom left,rgba(79,70,229,.12),transparent 30%);pointer-events:none}.system-inner{position:relative;z-index:1}.panel-title{margin:0;font-size:18px;letter-spacing:.18em;text-transform:uppercase;color:#64748b}.panel-headline{margin:12px 0 0;font-size:34px;line-height:1.08;letter-spacing:-.03em;font-weight:800}.step-stack{display:grid;grid-gap:16px;gap:16px;margin-top:26px}.step-card{border-radius:22px;padding:18px;background:rgba(15,23,42,.03);border:1px solid rgba(148,163,184,.16)}.step-number{display:inline-flex;width:34px;height:34px;border-radius:999px;align-items:center;justify-content:center;background:#0f172a;color:#fff;font-size:13px;font-weight:800;margin-bottom:10px}.step-title{font-weight:800;font-size:18px;margin-bottom:6px}.step-text{color:#475569;line-height:1.55}.section{padding:68px 0}.section-head{max-width:860px;margin-bottom:30px}.section-kicker{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#64748b;font-weight:700}.section-title{margin:12px 0 0;font-size:48px;line-height:1.02;letter-spacing:-.04em;font-weight:850}.section-subtitle{margin:18px 0 0;font-size:20px;line-height:1.55;color:#475569;max-width:860px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px}.grid-2,.grid-3{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px}.audience-card,.cta-card,.faq-card,.feature-card{border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.82);border-radius:30px;padding:28px;box-shadow:0 14px 36px rgba(15,23,42,.05)}.card-title{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.03em;font-weight:800}.card-text{margin:16px 0 0;color:#475569;font-size:18px;line-height:1.65}.bullet-list{display:grid;grid-gap:12px;gap:12px;margin-top:22px}.bullet-item{border-radius:18px;background:#f8fafc;padding:14px 16px;color:#0f172a;font-weight:600;border:1px solid rgba(148,163,184,.14)}.dark-section{background:linear-gradient(180deg,#0b1220,#0f172a);color:#ffffff}.dark-section .section-kicker,.dark-section .section-subtitle,.dark-section .step-text{color:rgba(255,255,255,.72)}.dark-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:28px;padding:26px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark-card .card-title,.dark-card .step-title{color:#ffffff}.dark-card .card-text,.dark-card .step-text{color:rgba(255,255,255,.74)}.cta-band{padding:76px 0}.footer{border-top:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.86)}.footer-row{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#475569}.preview-note{font-size:14px;color:#64748b}@media (max-width:1100px){.grid-2,.grid-3,.hero-wrap{grid-template-columns:1fr}.hero-title{font-size:56px}.hero-points{grid-template-columns:1fr}}@media (max-width:720px){.nav-row{min-height:auto;padding:18px 0;flex-direction:column;align-items:flex-start}.nav-links{gap:18px;flex-wrap:wrap}.hero{padding:56px 0 24px}.hero-title{font-size:42px}.card-text,.hero-subtitle,.section-subtitle{font-size:18px}.section-title{font-size:34px}.brand-name{font-size:24px}.cta-row{flex-direction:column}.button{width:100%}.footer-row{min-height:auto;padding:24px 0;flex-direction:column;align-items:flex-start}}.input{width:100%;min-height:56px;padding:16px 18px;border-radius:18px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.92);color:#0f172a;font:inherit;outline:none;box-shadow:0 10px 30px rgba(15,23,42,.04)}.input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.scroll-top{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:999px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:100}