@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{--navy:#08264d;--navy2:#0c3768;--blue:#0876d9;--teal:#08b6ad;--ink:#172b47;--muted:#63758d;--line:#e1eaf3;--pale:#f4f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:#fffF;border-bottom:1px solid #e5edf5;backdrop-filter:blur(15px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;gap:11px}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(140deg,#0876d9,#06b7ae);font-size:27px;font-weight:800}.wordmark b{display:block;font:800 15px 'Manrope',sans-serif;color:var(--navy);letter-spacing:.03em}.wordmark small{display:block;font-size:10px;color:#718197;margin-top:3px}.nav nav,#mainNav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700;color:#53647a}.nav nav a:hover{color:var(--blue)}.nav-button{background:var(--navy);color:white!important;padding:12px 17px;border-radius:9px}.menu-btn{display:none;border:0;border-radius:8px;background:#edf4fb;color:var(--navy);font-size:22px;padding:7px 12px}
.banner-section{background:#f5f9fd;padding:0}.banner-frame{width:100%;max-width:1680px;margin:0 auto;background:#fff;line-height:0}.banner-frame img{display:block;width:100%;height:auto;max-height:calc(100vh - 78px);object-fit:contain;object-position:center top}
.proof-strip{background:linear-gradient(110deg,#08264d,#0d3b6c);color:#fff;padding:25px 0 14px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.proof-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:7px 10px;border-right:1px solid #ffffff25}.proof-item:last-child{border:0}.proof-item strong{font:800 25px 'Manrope',sans-serif;color:#ffc44e}.proof-item span{font-size:12px;color:#d7e5f5;margin-top:2px}.proof-note{font-size:10px;color:#a9c0d9;text-align:center;margin:14px 12px 0}
.section{padding:82px 0}.section-heading{text-align:center;max-width:800px;margin:0 auto 38px}.eyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#0a8b9a}.section h1,.section h2,.contact-panel h2{font:800 clamp(30px,4vw,46px)/1.18 'Manrope',sans-serif;letter-spacing:-.035em;color:var(--navy);margin:12px 0 16px}.section h1 span{color:#0876d9}.section-heading p,.split>div:first-child>p{color:var(--muted);font-size:15px;max-width:760px;margin:0 auto 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px;border-radius:9px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg,#0876d9,#08a9b1);color:#fff;box-shadow:0 10px 23px #0876d92b}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{padding:25px;border:1px solid var(--line);border-radius:15px;background:white;box-shadow:0 8px 25px #08264d05}.feature-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;font-size:22px;font-weight:800}.teal{background:#ddf9f4;color:#079b91}.blue{background:#e5f1ff;color:#0876d9}.orange{background:#fff0df;color:#e88700}.green{background:#e4f8e9;color:#23984b}.purple{background:#efe8ff;color:#7546ce}.pink{background:#ffe7f0;color:#d82b70}.feature h3{font:800 16px 'Manrope',sans-serif;margin:17px 0 7px;color:var(--navy)}.feature p{font-size:12px;color:var(--muted);margin:0}.small-note{font-size:10px;color:#8392a4;text-align:center;margin:25px auto 0}.modules{background:#f3f7fb}.split{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.split>div:first-child>p{margin:0 0 20px;max-width:none;line-height:1.9}.checklist{list-style:none;padding:0;margin:20px 0 28px;display:grid;gap:11px;color:#4d617a;font-size:13px}.checklist li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:#dff8ef;color:#078d79;font-weight:800}.workflow-card{padding:25px;border-radius:20px;background:white;border:1px solid #e1eaf3;box-shadow:0 22px 55px #0b31540f}.workflow-head{display:flex;align-items:center;gap:8px;font:800 12px 'Manrope',sans-serif;color:var(--navy);padding-bottom:18px;border-bottom:1px solid #edf1f6}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.workflow-label{margin-left:auto;color:#91a0b2;font-size:8px;letter-spacing:.1em}.workflow-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #edf1f6}.workflow-num{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e7f3ff;color:#0876d9;font-weight:800;font-size:12px}.workflow-row:nth-of-type(3) .workflow-num{background:#e2faf5;color:#079b91}.workflow-row:nth-of-type(4) .workflow-num{background:#fff0df;color:#e88700}.workflow-row div{display:flex;flex-direction:column;flex:1}.workflow-row b{font-size:13px;color:var(--navy)}.workflow-row small{font-size:10px;color:#7a8a9f}.arrow{font-size:24px;color:#a5b4c4}.workflow-foot{font-size:11px;color:#6c7d91;padding-top:16px}
.about{background:linear-gradient(120deg,#071c38,#103e70);color:white}.about-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.light{color:#ffc44e}.about h2,.contact-panel h2{color:#fff}.about p,.contact-panel p{font-size:14px;color:#c8d8e9;line-height:1.9}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-facts div{border:1px solid #ffffff26;background:#ffffff0b;border-radius:13px;padding:19px 13px;text-align:center;display:flex;flex-direction:column}.about-facts strong{font:800 22px 'Manrope',sans-serif;color:#ffc44e}.about-facts span{font-size:10px;color:#d3e2f2;margin-top:5px}.light-note{color:#9fb8d4}.contact-section{padding:70px 0;background:#f3f7fb}.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px 42px;border-radius:20px;background:linear-gradient(110deg,#0b2c54,#0c4e7a);color:#fff}.contact-panel h2{font-size:clamp(27px,3vw,37px);margin-bottom:10px}.contact-panel p{margin:0;max-width:600px}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:180px}.white{background:#fff;color:#0b2c54;white-space:nowrap}.phone{font-size:12px;font-weight:700;color:#e1edf8}footer{background:#06162d;color:#d4e1ef;padding:23px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand b{color:#fff}.footer-brand small{color:#a8bad0}.footer-row p,.footer-row>a{font-size:11px;color:#a9bad0;margin:0}
@media(max-width:850px){.nav nav,#mainNav{gap:16px}.split{gap:35px}.contact-panel{padding:30px}.proof-item strong{font-size:21px}}
@media(max-width:650px){.container{width:calc(100% - 32px)}.nav{height:68px}.wordmark b{font-size:12px}.wordmark small{font-size:9px}.mark{width:35px;height:35px}.menu-btn{display:block}#mainNav{display:none;position:absolute;left:0;right:0;top:67px;background:white;padding:14px 20px 20px;box-shadow:0 15px 25px #08264d12;flex-direction:column;align-items:stretch;gap:0}#mainNav.open{display:flex}#mainNav a{padding:12px 5px}.nav-button{text-align:center;margin-top:6px}.banner-frame img{max-height:none}.proof-grid{grid-template-columns:repeat(2,1fr);gap:8px}.proof-item{border-right:0;border-bottom:1px solid #ffffff25;padding:12px 4px}.proof-item strong{font-size:20px}.proof-item span{font-size:11px}.section{padding:58px 0}.section h1,.section h2{font-size:32px}.section-heading p{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature{padding:21px}.split,.about-panel{grid-template-columns:1fr;gap:28px}.workflow-card{padding:18px}.workflow-label{font-size:7px}.about-facts{gap:7px}.about-facts div{padding:15px 6px}.about-facts strong{font-size:18px}.about-facts span{font-size:9px}.contact-section{padding:48px 0}.contact-panel{padding:28px 22px;display:block}.contact-panel h2{font-size:29px}.contact-actions{align-items:flex-start;margin-top:22px}.footer-row{align-items:flex-start;flex-direction:column;gap:13px}.footer-row p{order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
