:root { --navy:#0b1735; --blue:#285cf4; --violet:#7447ed; --cyan:#45d8ef; --ink:#101a37; --muted:#65708b; --line:#dfe5f1; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#f7f9ff; font-family:"DM Sans",sans-serif; }
a { color:inherit; text-decoration:none; }
.marketing-nav { position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between; max-width:1240px; margin:auto; padding:15px 28px; background:rgba(247,249,255,.88); backdrop-filter:blur(16px); }
.marketing-nav img { width:176px; height:41px; object-fit:cover; border-radius:3px; }
.marketing-nav-links { display:flex; align-items:center; gap:25px; color:#48546f; font-weight:700; font-size:14px; }
.marketing-nav .login-link { padding:10px 15px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.marketing-nav .primary-link, .marketing-hero .primary-link { padding:11px 17px; border-radius:10px; background:linear-gradient(135deg,var(--blue),var(--violet)); color:#fff; box-shadow:0 10px 24px rgba(50,83,218,.2); }
.marketing-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:50px; min-height:620px; max-width:1240px; margin:auto; padding:70px 28px 90px; }
.marketing-hero::before { content:""; position:absolute; width:540px; height:540px; right:-130px; top:-140px; border-radius:50%; background:radial-gradient(circle,rgba(80,213,241,.25),rgba(103,73,234,.08) 55%,transparent 70%); }
.hero-copy { position:relative; z-index:1; }
.hero-copy .eyebrow { color:#285cf4; font-size:11px; font-weight:900; letter-spacing:.14em; }
.hero-copy h1 { max-width:700px; margin:13px 0 18px; font:800 clamp(42px,6vw,72px)/.98 Manrope; letter-spacing:-.065em; }
.hero-copy h1 span { background:linear-gradient(90deg,#2672f4,#7146ed); -webkit-background-clip:text; color:transparent; }
.hero-copy > p { max-width:610px; margin:0 0 28px; color:var(--muted); font-size:18px; line-height:1.55; }
.hero-actions { display:flex; align-items:center; gap:13px; }
.hero-actions .secondary-link { padding:11px 17px; border:1px solid var(--line); border-radius:10px; background:#fff; font-weight:800; }
.trust-line { margin-top:20px; color:#78839a; font-size:12px; }
.shield-preview { position:relative; z-index:1; padding:22px; border:1px solid rgba(216,225,244,.85); border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 28px 70px rgba(34,57,116,.14); backdrop-filter:blur(14px); }
.preview-forecast { padding:22px; border-radius:18px; background:radial-gradient(circle at 85% 0,rgba(70,225,243,.35),transparent 30%),linear-gradient(120deg,#2759dc,#7447ed); color:#fff; }
.preview-forecast small { color:#cdd8ff; font-weight:800; letter-spacing:.08em; }
.preview-forecast strong { display:block; margin:12px 0 3px; font:800 44px Manrope; }
.preview-forecast span { color:#d9e1fb; font-size:13px; }
.preview-accounts { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:11px; }
.preview-accounts article { padding:15px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.preview-accounts small,.preview-accounts strong,.preview-accounts span { display:block; }
.preview-accounts small { color:var(--muted); font-size:10px; font-weight:900; }
.preview-accounts strong { margin:6px 0; font:800 21px Manrope; }
.preview-accounts span { color:#138360; font-size:11px; }
.marketing-section { max-width:1184px; margin:0 auto; padding:82px 28px; }
.section-heading { max-width:670px; }
.section-heading span { color:#285cf4; font-size:11px; font-weight:900; letter-spacing:.14em; }
.section-heading h2 { margin:9px 0 13px; font:800 clamp(30px,4vw,48px)/1.05 Manrope; letter-spacing:-.045em; }
.section-heading p { color:var(--muted); font-size:16px; line-height:1.55; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:34px; }
.feature-grid article { padding:24px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(33,56,114,.06); }
.feature-grid i { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:#e7edff; color:#285cf4; font-style:normal; font-weight:900; }
.feature-grid h3 { margin:17px 0 8px; font:800 18px Manrope; }
.feature-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.5; }
.pricing-card { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; margin-top:32px; padding:30px; border-radius:20px; background:linear-gradient(135deg,#0c1939,#17336f); color:#fff; }
.pricing-card h3 { margin:0 0 8px; font:800 25px Manrope; }
.pricing-card p { margin:0; color:#c6d1e8; line-height:1.5; }
.price { text-align:right; }
.price strong { display:block; font:800 38px Manrope; }
.price span { color:#c6d1e8; font-size:12px; }
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.pricing-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(33,56,114,.07)}.pricing-grid article>span{color:#285cf4;font-size:11px;font-weight:900;letter-spacing:.13em}.pricing-grid h3{margin:10px 0 4px;font:800 24px Manrope}.pricing-grid article>strong{font:800 40px Manrope}.pricing-grid strong small{font-size:14px}.pricing-grid p{flex:1;margin:15px 0 24px;color:var(--muted);line-height:1.55}.pricing-grid .secondary-link{padding:11px 17px;border:1px solid var(--line);border-radius:10px;font-weight:800}.pricing-grid .primary-link{padding:11px 17px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-weight:800}.pricing-grid .premium-price{border-color:#e2bd48;background:linear-gradient(145deg,#fffdf5,#fff4c6)}.pricing-grid .premium-price>span,.pricing-grid .premium-price>strong{color:#6b4900}.pricing-note{color:var(--muted);font-size:13px;line-height:1.5}
.security-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:28px; }
.security-list div { padding:18px; border:1px solid var(--line); border-radius:15px; background:#fff; }
.security-list strong { display:block; margin-bottom:5px; }
.security-list span { color:var(--muted); font-size:13px; line-height:1.45; }
.marketing-footer { display:flex; justify-content:space-between; max-width:1184px; margin:auto; padding:30px 28px 45px; border-top:1px solid var(--line); color:#6b7690; font-size:13px; }.marketing-footer nav{display:flex;flex-wrap:wrap;gap:18px}.marketing-footer a:hover{text-decoration:underline}
@media(max-width:800px){.marketing-nav-links a:not(.primary-link){display:none}.marketing-hero{grid-template-columns:1fr;padding-top:45px}.shield-preview{max-width:620px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.security-list{grid-template-columns:1fr}.pricing-card{grid-template-columns:1fr}.price{text-align:left}.marketing-footer{display:grid;gap:14px}}