@font-face{font-family:NTSomic;src:url(ntsomic-regular.ttf)}@font-face{font-family:NTSomic;src:url(ntsomic-medium.ttf);font-weight:500}@font-face{font-family:NTSomic;src:url(ntsomic-bold.ttf);font-weight:700}
:root{--brand-navy:#0f2d5b;--brand-blue:#3b82f6;--brand-blue-dark:#4079b5;--brand-sky:#8dc5f7;--brand-green:#58c27d;--green:#287f52;--headline-green:#469f6b;--bright:#4079b5;--dark:#0f2d5b;--gray:#667a96;--light:#f3f6f9;--blue-soft:#edf4f8;--green-soft:#eaf7ef;--border:#d7e2ec;--control-border:#9ab4d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:NTSomic,Arial,sans-serif;color:var(--dark);background:#f4f7fa}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.header{height:112px;display:flex;align-items:center;padding:0 max(32px,calc((100% - 1400px)/2));gap:40px;background:#fff;position:relative;z-index:10;border-bottom:1px solid var(--border)}.brand img{width:180px;display:block}.nav{display:flex;align-items:center;gap:52px;margin-left:auto;font-size:19px;font-weight:500}.nav>a:not(.btn):hover,.footer-links a:hover{color:var(--brand-blue-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 34px;border-radius:4px;border:1px solid transparent;font-weight:700;font-size:17px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn-outline{border-color:var(--control-border);color:var(--brand-blue-dark)}.btn-outline:hover{background:var(--blue-soft);border-color:var(--brand-blue-dark)}.btn-dark{background:var(--dark);color:white}.btn-dark:hover{background:#0a2247}.btn-green{background:var(--bright);color:white;box-shadow:0 2px 0 #35699b}.btn-green:hover{background:#356b9f;box-shadow:0 5px 14px rgba(53,107,159,.2)}.btn-white{border-color:var(--border);background:white}.btn-white:hover{border-color:var(--control-border);color:var(--brand-blue-dark)}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{background-color:#f9fbfd;background-image:linear-gradient(#e1e9f2 1px,transparent 1px),linear-gradient(90deg,#e1e9f2 1px,transparent 1px);background-size:50px 50px}.hero-inner{text-align:center;padding:72px 0 56px}.hero-logo{width:min(500px,70%);margin-bottom:40px}.hero h1{margin:0;font-size:62px;line-height:1.1;color:var(--dark);font-weight:700}.hero h1 span{display:inline-block;min-height:70px;color:var(--headline-green)}.lead{font-size:25px;line-height:1.35;max-width:880px;margin:56px auto 50px;color:#304764}.hero-actions{display:flex;justify-content:center;gap:35px;align-items:flex-start}.hero-actions>div{display:flex;flex-direction:column}.hero-actions small{color:#7d8ca2;margin-top:10px}.modules{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin:95px -30px 55px}.modules div{color:var(--brand-blue-dark);font-size:36px}.modules b{display:block;color:var(--dark);font-size:14px;margin-top:14px;white-space:nowrap}.one-c{font-weight:700}.dashboard{width:100%;max-height:600px;object-fit:contain;object-position:top;border-radius:18px;filter:drop-shadow(0 15px 20px rgba(15,45,91,.16))}.section{padding:100px 0}.section h2{text-align:center;font-size:48px;color:var(--dark);margin:0 0 65px}.feature-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.feature-main>img{width:100%;border-radius:15px}.feature-copy h3,.three-cols h3{font-size:27px;color:var(--dark)}.feature-copy p,.three-cols p{font-size:18px;line-height:1.55;color:#4f6076}.feature-icon{font-size:55px;color:var(--green)}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:85px}.three-cols article>span{font-size:42px;color:var(--green)}.benefits{background:#eef3f7}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.benefit-grid article{background:white;padding:35px;border:1px solid var(--border);border-radius:12px;min-height:210px;box-shadow:0 10px 28px rgba(15,45,91,.05)}.benefit-grid i{font-style:normal;color:var(--green);font-size:42px}.benefit-grid h3{font-size:22px;color:var(--dark)}.benefit-grid p{color:var(--gray);line-height:1.45}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}.tabs button{border:0;background:none;padding:20px 12px;font:inherit;font-weight:500;color:#4f6076;cursor:pointer;border-bottom:3px solid transparent}.tabs button.active{color:var(--green);border-color:var(--brand-green)}.tab-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding-top:45px;font-size:20px;line-height:1.55}.tab-panel img{width:100%}.onboarding{background:linear-gradient(135deg,var(--dark),#244f70);color:white}.onboarding h2{color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}.steps p{line-height:1.5}.steps b{display:block;color:var(--brand-green);font-size:40px;margin-bottom:12px}.onboarding .btn{display:flex;width:max-content;margin:auto}.free-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--blue-soft)}.free-card img{width:100%;height:100%;object-fit:cover}.free-card>div{padding:60px}.free-card h2{text-align:left;margin-bottom:25px}.free-card p{font-size:19px;line-height:1.6}.faq{max-width:900px}.accordion details{border-bottom:1px solid var(--border)}.accordion summary{padding:25px 5px;font-size:22px;font-weight:500;cursor:pointer;list-style:none}.accordion summary:after{content:'+';float:right;color:var(--brand-blue-dark);font-size:30px}.accordion details[open] summary:after{content:'−'}.accordion p{color:var(--gray);font-size:18px;line-height:1.5;padding:0 40px 25px 5px}footer{padding:55px 0;background:var(--blue-soft);border-top:1px solid var(--border)}footer .wrap{display:flex;align-items:center;gap:40px}footer img{width:210px}footer p{color:var(--gray)}footer .wrap div{margin-left:auto;display:flex;gap:30px}
@media(max-width:1000px){.header{height:82px;padding:0 22px}.brand img{width:180px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:25px;flex-direction:column;gap:20px;box-shadow:0 10px 20px #0002}.nav.open{display:flex}.hero-inner{padding-top:55px}.hero h1{font-size:46px}.modules{grid-template-columns:repeat(4,1fr);margin:70px 0 40px}.feature-main{grid-template-columns:1fr}.benefit-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.wrap{width:min(100% - 28px,1180px)}.hero-inner{padding:44px 0 35px}.hero-logo{width:75%;margin-bottom:28px}.hero h1{font-size:34px}.hero h1 span{min-height:76px}.lead{font-size:19px;margin:35px auto}.hero-actions{flex-direction:column;align-items:stretch;gap:14px}.hero-actions .btn{width:100%}.modules{grid-template-columns:repeat(3,1fr);gap:25px 8px;margin-top:55px}.modules div{font-size:28px}.modules b{white-space:normal;font-size:12px}.section{padding:65px 0}.section h2{font-size:34px;margin-bottom:40px}.three-cols,.benefit-grid,.steps,.tab-panel,.free-card{grid-template-columns:1fr}.three-cols{gap:25px}.tabs{display:flex;overflow-x:auto}.tabs button{min-width:210px}.tab-panel{gap:25px}.free-card>div{padding:35px 25px}.free-card h2{font-size:32px}footer .wrap{flex-direction:column;text-align:center}footer .wrap div{margin:0}.dashboard{border-radius:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.btn-white{background:#fff;color:var(--dark);border-color:#a9b8ca}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(64,121,181,.38);outline-offset:4px}
.menu-toggle{color:var(--dark)}
.accordion summary::-webkit-details-marker{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:12px 18px;background:#fff;color:#111;border:3px solid var(--dark);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.benefit-grid article,.three-cols article,.free-card>div{min-width:0}
@media(max-width:640px){.benefit-grid h3{overflow-wrap:anywhere}}
.hero-logo{display:block;margin-left:auto;margin-right:auto}
footer img{display:block}
@media(max-width:640px){footer img{margin-left:auto;margin-right:auto}}
.company-details{display:flex;flex-direction:column;gap:5px;color:var(--gray);font-size:15px;line-height:1.35}.company-details strong{color:var(--dark);font-size:17px}.footer-links{margin-left:auto;display:flex;gap:30px}
footer .company-details{gap:10px}
@media(max-width:640px){.company-details{align-items:center}.footer-links{margin:0}}