@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18213b;--muted:#68728a;--line:#e8eaf2;--bg:#f7f8fc;--purple:#6757e8;--navy:#222b4b;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1160px)/2),5%);border-bottom:1px solid #f0f1f6;background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--purple);color:#fff;font-weight:800}.site-header nav{display:flex;gap:34px;color:#4e5872;font-size:14px;font-weight:600}.site-header nav a:hover,.footer a:hover{color:var(--purple)}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{max-width:1160px;margin:auto;padding:88px 24px 80px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:65px;min-height:540px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--purple)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-1.2px;line-height:1.17}h1{font-size:clamp(42px,5vw,64px);margin:18px 0 20px;font-weight:800}h1 span{color:var(--purple)}.hero-copy>p{font-size:18px;max-width:540px;color:var(--muted);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 22px;border-radius:10px;font-size:14px;font-weight:700;transition:.2s}.primary{background:var(--purple);color:white;box-shadow:0 8px 20px #6757e833}.primary:hover{background:#5142cf;transform:translateY(-2px)}.text-link{font-weight:700;color:var(--ink);font-size:14px}.trust-row{display:flex;gap:20px;margin-top:34px;color:#788198;font-size:12px}.hero-art{min-height:340px;background:linear-gradient(140deg,#f0efff,#eaf4ff);border-radius:30px;display:grid;place-items:center;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #fff9;border-radius:50%;width:360px;height:360px}.hero-art:after{width:460px;height:460px}.dash-card{position:relative;z-index:1;background:#fff;width:min(350px,80%);padding:25px;border-radius:18px;box-shadow:0 25px 60px #27315c20}.dash-top,.dash-bottom{display:flex;justify-content:space-between;font-size:12px;color:#778098}.live-dot{color:#2fbd91}.dash-label{font-size:12px;color:#8a91a5;margin-top:25px}.dash-number{font:800 34px Manrope;margin:2px 0 15px}.dash-chart{height:90px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);padding:0 5px}.dash-chart i{display:block;flex:1;background:linear-gradient(#8e83ff,#6757e8);border-radius:5px 5px 0 0}.dash-bottom{margin-top:15px}.dash-bottom b{color:#2fbd91}.float-note{position:absolute;z-index:2;bottom:32px;right:20px;background:#fff;padding:11px 15px;border-radius:10px;box-shadow:0 10px 30px #27315c18;font-size:11px;font-weight:700}.ad-slot{max-width:970px;min-height:92px;margin:0 auto 35px;border:1px dashed #d9dce8;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:20px;color:#9aa1b2}.ad-slot span{font-size:9px;letter-spacing:1.5px}.ad-slot p{font-size:11px}.section{max-width:1160px;margin:auto;padding:70px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2,.mid-cta h2,.newsletter h2{font-size:34px;margin:10px 0}.section-heading p,.newsletter p,.mid-cta p{color:var(--muted);margin:0}.count-pill{border:1px solid var(--line);border-radius:30px;padding:8px 13px;color:#7d8498;font-size:10px;font-weight:700;letter-spacing:1px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.tool-card{border:1px solid var(--line);border-radius:15px;padding:23px 21px 20px;transition:.2s;background:#fff}.tool-card:hover,.guide-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #1c28500d;border-color:#d8d4ff}.tool-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:21px;font-weight:700}.purple{background:#f0edff;color:#6757e8}.blue{background:#eaf2ff;color:#3976d8}.orange{background:#fff1e7;color:#ed8b42}.green{background:#e8f8f1;color:#28a477}.pink{background:#fff0f5;color:#d75b91}.yellow{background:#fff8df;color:#d6a222}.teal{background:#e5f8f8;color:#269c9c}.lavender{background:#f2efff;color:#8168cb}.tool-card h3{font-size:17px;letter-spacing:-.3px;margin:19px 0 8px}.tool-card p{font-size:13px;color:var(--muted);min-height:42px;margin:0 0 18px}.tool-card>a{font-size:12px;font-weight:700;color:var(--purple)}.tool-card>a span{float:right;font-size:16px}.mid-cta{background:var(--navy);color:#fff;padding:50px max(calc((100% - 1112px)/2),6%);display:flex;justify-content:space-between;align-items:center;gap:30px}.mid-cta .eyebrow{color:#b8b0ff}.mid-cta h2{max-width:520px}.mid-cta p{color:#c0c6d8}.button.light{background:#fff;color:var(--navy);white-space:nowrap}.guides-section{padding-top:85px;padding-bottom:85px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.guide-card{padding:24px;border:1px solid var(--line);border-radius:14px;transition:.2s}.guide-card>span{font-size:9px;color:var(--purple);font-weight:700;letter-spacing:1px}.guide-card h3{font-size:18px;letter-spacing:-.4px;margin:17px 0 10px}.guide-card p{font-size:13px;color:var(--muted);min-height:60px}.guide-card b{font-size:12px;color:var(--purple)}.newsletter{background:#f5f4ff;padding:55px max(calc((100% - 1112px)/2),6%);display:flex;align-items:center;justify-content:space-between;gap:30px}.newsletter h2{font-size:30px}.footer{padding:45px 24px 25px;text-align:center;border-top:1px solid var(--line)}.footer .brand{justify-content:center}.footer p{font-size:13px;color:var(--muted)}.footer div{display:flex;justify-content:center;gap:25px;margin:23px 0}.footer div a{font-size:12px;color:#68728a}.footer small{color:#9aa1b2;font-size:11px}
.page-wrap{max-width:900px;margin:55px auto;padding:0 24px}.page-wrap h1{font-size:42px}.page-wrap p{color:var(--muted)}.calculator{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin:28px 0;box-shadow:0 10px 30px #1d2b5010}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid #dfe2ec;border-radius:9px;padding:12px;font:inherit;color:var(--ink);background:#fff}.field input:focus{outline:2px solid #d7d2ff;border-color:var(--purple)}.calc-button{border:0;cursor:pointer;margin-top:20px}.result{display:none;background:#f3f1ff;border-radius:12px;padding:18px;margin-top:20px}.result.show{display:block}.result strong{display:block;font:800 28px Manrope;color:var(--purple)}.result small{color:var(--muted)}.breadcrumb{font-size:12px;color:#8991a5}.article{max-width:760px}.article h2{font-size:25px;margin-top:35px}.article li,.article p{color:#58627a}.notice{background:#f7f8fc;padding:16px;border-radius:10px;font-size:13px;color:#626d83}.site-footer-mini{margin-top:60px;padding:25px 0;border-top:1px solid var(--line);font-size:12px;color:#8991a5}
@media(max-width:900px){.hero{gap:25px;padding-top:60px}.tool-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.ad-slot{margin-left:24px;margin-right:24px}.section-heading h2{font-size:29px}}
@media(max-width:640px){.site-header{height:66px;padding:0 20px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:65px;left:0;right:0;background:white;padding:18px 22px 24px;box-shadow:0 12px 20px #1b285012;flex-direction:column;gap:17px}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding:54px 22px 50px;gap:35px}.hero-art{min-height:285px}.hero-copy>p{font-size:16px}.hero-actions{gap:16px;flex-wrap:wrap}.trust-row{gap:11px;flex-wrap:wrap}.section{padding:55px 20px}.section-heading{align-items:start;gap:15px;flex-direction:column}.section-heading h2,.mid-cta h2{font-size:28px}.tool-grid,.guide-grid{grid-template-columns:1fr}.tool-card p,.guide-card p{min-height:0}.mid-cta,.newsletter{padding:42px 22px;align-items:flex-start;flex-direction:column}.ad-slot{margin:0 20px 25px;gap:8px;flex-direction:column;padding:12px}.ad-slot p{margin:0}.footer div{gap:15px;flex-wrap:wrap}.page-wrap{margin:35px auto}.page-wrap h1{font-size:34px}.form-grid{grid-template-columns:1fr}.calculator{padding:20px}}
