@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{--navy:#0b2a5b;--blue:#1769e0;--gold:#f5a623;--ink:#10233f;--muted:#53657d;--soft:#f8fafc;--line:#e2e8f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.section-wrap{width:min(1200px,100% - 48px);margin:auto}.navbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50% - 600px);display:flex;position:sticky;top:0}.nav-brand,.footer-brand{color:var(--navy);align-items:center;gap:4px;font:800 20px Manrope;display:flex}.nav-brand img{object-fit:contain;width:42px;height:48px}.nav-links,.nav-actions{align-items:center;gap:28px;display:flex}.nav-links a,.login-link{font-size:14px}.nav-links a{color:var(--muted)}.button{border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--blue)}.button-ghost,.button-outline{border:1px solid var(--line);color:var(--navy);background:#fff}.button-large{padding:15px 22px}.button-light{color:var(--navy);background:#fff}.button-dark-outline{color:#fff;border:1px solid #52709d}.mobile-menu{color:var(--navy);background:0 0;border:0;font-size:24px;display:none}.hero{grid-template-columns:1fr 1.08fr;align-items:center;gap:54px;padding-top:74px;padding-bottom:90px;display:grid}.eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-size:12px;font-weight:700;display:flex}.eyebrow-line{background:var(--gold);width:28px;height:2px}h1,h2,h3{letter-spacing:-.045em;font-family:Manrope,sans-serif}h1{max-width:600px;color:var(--navy);margin:0;font-size:clamp(44px,5.2vw,68px);line-height:1.04}h1 em{color:var(--blue);font-style:normal}h2{font-size:clamp(32px,4vw,48px);line-height:1.1}.hero-copy>p,.section-intro>p,.section-heading>p,.showcase-copy>p,.local p,.pricing .section-intro>p,.faq-heading>p{max-width:550px;color:var(--muted);margin:20px 0;font-size:16px;line-height:1.7}.hero-copy>p{font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-note{color:var(--muted);margin-top:28px;font-size:13px}.check{color:#19704d;background:#e1f4eb;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:8px;display:inline-grid}.hero-visual{position:relative}.glow{background:radial-gradient(#dbeafe,#0000 68%);position:absolute;inset:12% -6% -10%}.dashboard-window{background:#f6f9fc;border:1px solid #cbd8e8;border-radius:14px;position:relative;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 30px 70px #163d6f2e}.window-top{background:#fff;border-bottom:1px solid #e2e9f2;align-items:center;gap:6px;height:32px;padding:0 14px;display:flex}.window-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.window-dot:first-child{background:var(--gold)}.window-title{color:#94a3b8;margin-left:10px;font-size:9px}.dashboard-body{min-height:350px;display:flex}.dashboard-body aside{color:#93a4bb;flex-direction:column;flex:0 0 44px;align-items:center;gap:20px;padding:14px 0;font-size:13px;display:flex}.mini-logo{color:#fff;background:var(--blue);border-radius:6px;place-items:center;width:22px;height:22px;margin-bottom:8px;font-size:11px;font-weight:700;display:grid}.side-active{color:var(--blue)}.dash-content{flex:1;padding:20px}.dash-head{justify-content:space-between;align-items:center;display:flex}.dash-head small,.metric small,.chart-title small{color:#94a3b8;letter-spacing:.08em;font-size:8px;display:block}.dash-head h3{margin:5px 0 18px;font-size:17px}.avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.metric-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric,.chart-card{background:#fff;border:1px solid #e3eaf2;border-radius:7px;padding:12px}.metric strong{margin:7px 0 4px;font:700 18px Manrope;display:block}.positive{color:#1e9665;font-size:9px}.chart-card{margin-top:12px}.chart-title{justify-content:space-between;display:flex}.chart-title strong{font-size:10px}.chart{border-bottom:1px solid #edf2f7;align-items:end;gap:9px;height:100px;margin-top:13px;padding:0 8px;display:flex}.chart i,.chart b{background:#bcd7fb;border-radius:4px 4px 0 0;flex:1;display:block}.chart i:nth-child(2),.chart i:nth-child(5),.chart i:nth-child(7){background:#5794ec;height:52%}.chart i:nth-child(3){height:75%}.chart i:nth-child(4){height:62%}.chart i:nth-child(6){background:var(--blue);height:84%}.chart b{background:var(--gold);height:93%}.chart-labels{color:#94a3b8;justify-content:space-between;padding-top:6px;font-size:8px;display:flex}.trust-bar{border-block:1px solid var(--line);background:var(--soft)}.trust-items{color:#64748b;justify-content:space-between;gap:18px;padding:20px 0;font-size:12px;font-weight:600;display:flex}.trust-items span:first-child{color:var(--navy);font:600 13px Manrope}.problem{grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:120px 0;display:grid}.transformation{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.before,.after{flex-direction:column;gap:12px;display:flex}.before span:not(.label),.after span:not(.label){border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:8px;padding:13px 15px;font-size:13px}.after span:not(.label){color:var(--navy);background:#eff6ff;border-color:#bfdbfe;font-weight:600}.label{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.transform-arrow{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.features{padding-bottom:120px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.section-heading>p{max-width:340px;margin:0}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:25px;transition:all .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0b2a5b0d}.feature-number{color:#a8b7ca;font-size:11px;font-weight:700}.feature-icon{width:35px;height:35px;color:var(--blue);background:#e9f1ff;border-radius:9px;place-items:center;margin:25px 0 20px;display:grid}.feature-card h3{color:var(--navy);margin:0 0 10px;font-size:18px}.feature-card p{min-height:52px;color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.6}.feature-card a,.text-link{color:var(--blue);font-size:13px;font-weight:700}.showcase{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-bottom:130px;display:grid}.showcase-copy ul{color:var(--muted);flex-direction:column;gap:12px;margin:26px 0;padding:0;font-size:14px;list-style:none;display:flex}.showcase-copy li span{color:#147a50;background:#dcf7e9;border-radius:50%;place-items:center;width:19px;height:19px;margin-right:8px;font-size:11px;display:inline-grid}.profile-mockup{background:#f3f7fb;border:1px solid #cad8e8;border-radius:14px;padding:20px;box-shadow:0 20px 55px #163d6f1f}.profile-top,.profile-person{justify-content:space-between;align-items:center;display:flex}.profile-top{color:var(--muted);margin-bottom:20px;font-size:12px}.profile-person{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:flex-start;gap:12px;padding:15px}.profile-photo{color:#1e40af;background:#bfdbfe;border-radius:50%;place-items:center;width:43px;height:43px;font-size:12px;font-weight:700;display:grid}.profile-person strong,.profile-person small{display:block}.profile-person strong{font:700 14px Manrope}.profile-person small{color:#94a3b8;margin-top:5px;font-size:10px}.status-pill{color:#147a50;background:#dcf7e9;border-radius:99px;margin-left:auto;padding:5px 9px;font-size:10px}.profile-tabs{border-bottom:1px solid var(--line);color:#94a3b8;gap:18px;margin-top:20px;padding:0 8px;font-size:10px;display:flex}.profile-tabs span{padding-bottom:10px}.profile-tabs .selected{border-bottom:2px solid var(--blue);color:var(--blue)}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.profile-stats div{background:#fff;border-radius:8px;padding:12px}.profile-stats small,.profile-stats strong{display:block}.profile-stats small{color:#94a3b8;font-size:9px}.profile-stats strong{margin-top:6px;font:700 15px Manrope}.record-lines{background:#fff;border-radius:8px;flex-direction:column;gap:9px;margin-top:15px;padding:14px;display:flex}.record-lines span{background:#e5edf7;border-radius:4px;width:70%;height:7px}.record-lines span:nth-child(2){width:90%}.record-lines span:nth-child(3){width:55%}.local{padding-bottom:120px}.local-card{color:#fff;background:var(--navy);border-radius:18px;grid-template-columns:1fr 1fr;gap:80px;padding:70px;display:grid}.local h2,.final-cta h2{color:#fff}.local p,.final-cta p{color:#c6d4e8}.local .eyebrow,.final-cta .eyebrow{color:#8fbcff}.local-list{grid-template-columns:1fr 1fr;align-content:center;gap:12px;display:grid}.local-list span{color:#d9e5f4;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.local-list b{width:28px;height:28px;color:var(--gold);background:#ffffff12;border-radius:7px;place-items:center;display:grid}.pricing{padding-bottom:130px}.centered{text-align:center}.centered .eyebrow{justify-content:center}.centered>p{margin-inline:auto}.price-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px;display:grid}.price-grid article{border:1px solid var(--line);border-radius:14px;padding:28px;position:relative}.price-grid article>span{color:var(--blue);font-size:12px;font-weight:700}.price-grid h3{margin:14px 0 10px;font-size:21px}.price-grid p{min-height:45px;color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.6}.featured-price{border:2px solid var(--blue)!important}.popular{color:#fff;background:var(--blue);border-radius:99px;padding:6px 10px;font-size:10px;position:absolute;top:-13px;right:20px}.faq{grid-template-columns:.75fr 1.25fr;gap:100px;padding-bottom:130px;display:grid}.faq-heading a{color:var(--blue);font-weight:600}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;color:var(--navy);justify-content:space-between;font:600 16px Manrope;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:22px}.faq-list p{color:var(--muted);margin:14px 25px 0 0;font-size:14px;line-height:1.7}.final-cta{background:var(--navy);border-radius:18px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:100px;padding:62px 70px;display:flex}.footer{padding-bottom:28px}.footer-top{justify-content:space-between;padding-bottom:48px;display:flex}.footer-brand img{object-fit:contain;width:34px;height:40px}.footer p{color:var(--muted);font-size:13px;line-height:1.6}.footer-links{gap:90px;display:flex}.footer-links div{flex-direction:column;gap:12px;display:flex}.footer-links strong{color:var(--navy);font-size:12px}.footer-links a{color:var(--muted);font-size:13px}.footer-bottom{border-top:1px solid var(--line);color:#94a3b8;justify-content:space-between;padding-top:22px;font-size:11px;display:flex}.auth-page{background:var(--soft);min-height:100vh;padding:32px 24px}.auth-brand{width:min(100%,1040px);margin:auto}.auth-brand a{color:var(--navy);align-items:center;font:800 20px Manrope;display:inline-flex}.auth-brand img{object-fit:contain;width:42px;height:45px}.auth-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(100%,440px);margin:70px auto 24px;padding:42px;box-shadow:0 20px 50px #0b2a5b0c}.auth-card h1{font-size:36px}.auth-card>p{color:var(--muted)}.auth-card form{flex-direction:column;gap:18px;display:flex}.auth-card label,.demo-form label{color:var(--navy);flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.auth-card input,.demo-form input,.demo-form select{border:1px solid #cbd5e1;border-radius:8px;padding:13px;font:14px DM Sans}.auth-card button,.demo-form button{border:0}.auth-footer{text-align:center;font-size:13px}.auth-footer a{color:var(--blue);font-weight:700}.auth-legal{text-align:center;color:#94a3b8;width:min(100%,440px);margin:auto;font-size:11px}.demo-page{background:var(--soft);min-height:100vh}.demo-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:min(1100px,100% - 48px);min-height:calc(100vh - 76px);margin:auto;display:grid}.demo-copy h1{max-width:500px}.demo-form{border:1px solid var(--line);background:#fff;border-radius:16px;padding:34px;box-shadow:0 20px 50px #0b2a5b0c}.demo-form h2{margin:0;font-size:26px}.demo-form>p{color:var(--muted);font-size:14px}.demo-form form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.demo-form label:nth-child(3),.demo-form label:nth-child(4),.demo-form button{grid-column:1/-1}@media (max-width:850px){.nav-links,.nav-actions{display:none}.mobile-menu{display:block}.section-wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr}.problem,.showcase,.faq{grid-template-columns:1fr;gap:45px;padding:80px 0}.section-heading{display:block}.feature-grid,.price-grid{grid-template-columns:1fr 1fr}.local-card{grid-template-columns:1fr;gap:35px;padding:40px 28px}.final-cta{padding:42px 28px;display:block}.footer-top{display:block}.footer-links{gap:35px;margin-top:35px}}@media (max-width:520px){h1{font-size:43px}.hero-copy>p{font-size:16px}.trust-items{flex-wrap:wrap;justify-content:center}.trust-items span:first-child{text-align:center;width:100%}.feature-grid,.price-grid,.local-list{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr;display:grid}.footer-bottom{line-height:2;display:block}.demo-layout{grid-template-columns:1fr;padding:60px 0}.demo-form form{grid-template-columns:1fr}.demo-form label:nth-child(3),.demo-form label:nth-child(4),.demo-form button{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-card{transition:none}}.demo-login-link{text-align:center;color:var(--blue);margin:14px 0;font-size:13px;font-weight:700;display:block}.demo-login-link:hover{text-decoration:underline}
