
:root{--blue:#123f78;--gold:#efb51c;--ink:#15263a;--muted:#667386;--soft:#f5f7fa;--line:#e4e8ee}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:white}
a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;color:var(--blue);font-size:21px}.navlinks{display:flex;gap:24px;align-items:center;font-weight:750;font-size:14px}.btn{display:inline-flex;padding:13px 20px;border-radius:12px;background:var(--blue);color:white;font-weight:850;border:2px solid var(--blue)}.btn.alt{background:white;color:var(--blue);border-color:var(--gold)}
.hero{padding:55px 0 70px;text-align:center}.hero-logo{width:min(900px,100%);display:block;margin:0 auto 25px}.eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:900}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.045em;max-width:1000px;margin:18px auto}.hero h1 span{color:var(--blue)}.lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:820px;margin:20px auto 30px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.proof div{padding:18px;border:1px solid var(--line);border-radius:16px;font-weight:800;background:#fff}.proof small{display:block;color:var(--muted);font-weight:600;margin-top:5px}
section{padding:76px 0}.soft{background:var(--soft)}.section-head{text-align:center;max-width:800px;margin:0 auto 38px}.section-head h2{font-size:42px;line-height:1.05;letter-spacing:-.03em;margin:12px 0}.section-head p{font-size:18px;line-height:1.6;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:20px;padding:25px;background:white}.icon{width:44px;height:44px;border-radius:12px;background:#eef4fb;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.card h3{margin:0 0 10px;font-size:21px;color:var(--blue)}.card p{margin:0;color:var(--muted);line-height:1.55;font-size:15px}
.band{background:var(--blue);color:white;border-radius:28px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.band h2{font-size:42px;line-height:1.05;margin:0 0 16px}.band p{line-height:1.65;color:#dfe8f4}.checks{display:grid;gap:11px}.check{background:rgba(255,255,255,.09);padding:13px 15px;border-radius:12px;font-weight:700}.check:before{content:"✓";color:var(--gold);margin-right:10px}
.pricing-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px;align-items:start}.price{max-width:650px;margin:auto;border:2px solid var(--blue);border-radius:28px;padding:35px;background:white;box-shadow:0 18px 55px rgba(18,63,120,.12);text-align:center}.price .intro{font-size:18px;font-weight:800;color:var(--muted)}.price .amount{font-size:68px;font-weight:950;letter-spacing:-.05em;color:var(--blue);margin:8px 0}.price .monthly{font-size:22px;font-weight:850}.price .dynamic{display:inline-block;margin:18px 0;background:#fff6d9;border:1px solid #f1cf69;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:850;color:#775800}.price-note{color:var(--muted);line-height:1.55;font-size:14px;max-width:520px;margin:18px auto}.notice{margin-top:24px;padding:18px;border-radius:16px;background:#f6f8fb;text-align:left;border:1px solid var(--line);font-size:14px;line-height:1.55}.notice strong{color:var(--blue)}
footer{padding:35px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:850px){.navlinks a:not(.btn){display:none}.proof,.grid{grid-template-columns:1fr 1fr}.band{grid-template-columns:1fr}.hero{padding-top:35px}}
@media(max-width:560px){.proof,.grid{grid-template-columns:1fr}.hero h1{font-size:44px}.section-head h2,.band h2{font-size:34px}.band{padding:28px}.price .amount{font-size:54px}}
.signup-actions{max-width:650px;margin:24px auto 0;display:grid;gap:12px}.signup-actions .btn{display:block;text-align:center}.signup-actions .btn.demo{background:#fff;color:var(--blue);border:2px solid var(--blue)}.signup-modal[hidden]{display:none}.signup-modal{position:fixed;inset:0;z-index:1000;background:rgba(10,29,52,.58);display:grid;place-items:center;padding:20px}.signup-dialog{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.signup-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.signup-dialog h3{margin:0;color:var(--blue);font-size:28px}.signup-close{border:0;background:#eef2f6;border-radius:999px;width:40px;height:40px;font-size:24px;cursor:pointer}.signup-form{display:grid;gap:14px;margin-top:20px}.signup-form label{font-weight:800;color:var(--blue);text-align:left}.signup-form input[type=text],.signup-form input[type=email],.signup-form input[type=tel]{width:100%;box-sizing:border-box;margin-top:6px;padding:13px 14px;border:1px solid #b9c8d8;border-radius:12px;font:inherit}.signup-check{display:flex;gap:10px;align-items:flex-start;color:var(--ink)!important;font-weight:650!important}.signup-check input{margin-top:3px}.signup-result{min-height:22px;color:var(--muted);font-size:14px}.signup-result.ok{color:#215b35}.signup-result.bad{color:#9c2424}@media(max-width:600px){.signup-dialog{padding:20px}.signup-dialog h3{font-size:23px}}
html{scroll-padding-top:110px}a:focus-visible,summary:focus-visible{outline:3px solid #a36e00;outline-offset:5px}a.text-link,.article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.site-menu{position:relative}.site-menu summary{cursor:pointer;padding:12px 0}.menu-links{position:absolute;right:0;top:45px;width:290px;max-height:75vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 12px 35px #123f7820}.menu-links a{display:block!important;padding:10px;border-radius:8px}.menu-links a:hover{background:var(--soft)}.footer-links{display:flex;flex-wrap:wrap;gap:16px 24px;margin:28px 0;line-height:1.6}.footer-links a{text-decoration:underline;text-underline-offset:3px}.fine{font-size:14px;line-height:1.6;color:var(--muted)}.page-hero{padding:54px 0 52px;border-bottom:1px solid var(--line);background:linear-gradient(130deg,#f5f8fc,#fffdf5)}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:28px}.breadcrumb a{text-decoration:underline}.page-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-.035em;max-width:880px;margin:16px 0}.page-hero .lead{margin:20px 0 26px;max-width:780px}.page-hero .actions{justify-content:flex-start}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:56px;padding-top:52px;padding-bottom:60px}.article{font-size:17px;line-height:1.8}.article h2{font-size:28px;line-height:1.25;color:var(--blue);margin:35px 0 12px}.article p{margin:0 0 22px}.article section{padding:0}.workflow{align-self:start;background:var(--soft);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:18px;padding:26px}.workflow h2{font-size:21px;margin-top:0}.workflow ol{padding-left:22px;line-height:1.7}.workflow li{padding:8px 0 8px 5px}.faq{padding:48px 0}.faq h2{font-size:30px;color:var(--blue)}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:18px 22px}.faq summary{font-weight:750;cursor:pointer;line-height:1.5}.faq details p{line-height:1.75;max-width:900px;margin-bottom:4px}.related{padding:50px 0}.related .card{display:block}.related .card:hover{border-color:var(--blue)}.card .text-link{display:inline-block;margin-top:18px;font-weight:750}.cta{background:var(--blue);color:#fff;padding:40px;border-radius:22px}.cta h2{font-size:32px;margin:0 0 12px}.cta p{line-height:1.65}.cta .btn{background:#fff;color:var(--blue);border-color:var(--gold)}.cta .actions{justify-content:flex-start}.compare{width:100%;border-collapse:collapse;line-height:1.65}.compare th,.compare td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.compare th{color:var(--blue)}.hero-logo{height:auto;aspect-ratio:2056/765;object-fit:contain}.navlinks{gap:18px}.navlinks .btn{white-space:nowrap}.card h3 .text-link{margin-top:0}.section-head h2{line-height:1.15}.price .amount{overflow-wrap:anywhere}
@media(max-width:850px){.article-layout{grid-template-columns:1fr;gap:24px}.navlinks>a:not(.btn){display:none}.navlinks .menu-links a{display:block}.brand{font-size:18px}.menu-links{right:0}.page-hero{padding-top:30px}}
@media(max-width:560px){.wrap{padding:0 18px}nav{height:auto;min-height:76px;gap:10px;flex-wrap:wrap;padding:12px 0}.navlinks{gap:14px;width:100%;justify-content:space-between}.navlinks>a:not(.btn){display:inline-flex}.menu-links{left:0;right:auto;width:min(290px,calc(100vw - 40px))}.page-hero h1{font-size:38px}.page-hero .lead{font-size:18px}.cta{padding:26px}.hero h1{font-size:40px}.hero-logo{margin-bottom:12px}.compare th,.compare td{padding:12px 6px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
