:root{--navy:#071a4a;--blue:#0b57d0;--cyan:#12d6ff;--mist:#eef5ff;--ink:#0b1630;--mut:#51607f;--line:#d9e4f7;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font:16px/1.65 Manrope,system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-decoration:none}
h1,h2,h3,h4{font-family:Sora,sans-serif;line-height:1.15;color:var(--navy)}
h1{font-size:clamp(2.1rem,5vw,3.7rem);letter-spacing:-.02em}h2{font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.01em}h3{font-size:1.2rem}
.wrap{width:min(1180px,92%);margin:auto}section{padding:88px 0}.alt{background:var(--mist)}
.lead-p{color:var(--mut);max-width:62ch;margin:14px 0 0;font-size:1.08rem}
.topbar{background:var(--navy);color:#cfe0ff;font-size:.82rem}.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding:8px 0;flex-wrap:wrap}.topbar a{color:#fff}
.hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .3s}.hdr.sc{box-shadow:0 8px 30px rgba(7,26,74,.1)}
.bar{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.brand img{width:170px}
nav{display:flex;align-items:center;gap:26px}nav a:not(.btn){color:var(--navy);font-weight:600;font-size:.95rem;position:relative;padding:6px 0}
nav a:not(.btn)::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--cyan);transition:width .3s}nav a:hover::after,nav a.on::after{width:100%}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}.burger i{display:block;height:2px;background:var(--navy);margin:6px 8px;transition:.3s}
.btn{display:inline-block;background:linear-gradient(135deg,var(--blue),#00a8e8);color:#fff!important;border:0;padding:14px 28px;border-radius:999px;font:700 .95rem Manrope;cursor:pointer;box-shadow:0 10px 24px rgba(11,87,208,.3);transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(11,87,208,.4)}.btn.sm{padding:9px 20px}.btn.ghost{background:transparent;color:var(--navy)!important;border:2px solid var(--navy);box-shadow:none}
.hero{padding:80px 0 90px;background:radial-gradient(900px 500px at 85% 10%,rgba(18,214,255,.22),transparent 60%),linear-gradient(180deg,#f4f8ff,#fff);position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.hero p{color:var(--mut);font-size:1.15rem;margin:20px 0 30px;max-width:54ch}.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.hero h1{animation:rise .9s both}.hero p{animation:rise .9s .15s both}.hero .cta-row{animation:rise .9s .3s both}@keyframes rise{from{opacity:0;transform:translateY(26px)}}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;animation:float 9s ease-in-out infinite}.o1{width:260px;height:260px;background:#7fd8ff;left:-80px;top:40px}.o2{width:200px;height:200px;background:#6a9bff;right:30%;bottom:-60px;animation-delay:-4s}@keyframes float{50%{transform:translateY(-34px)}}
.claim{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 30px 70px rgba(7,26,74,.15);animation:rise 1s .4s both;position:relative}
.claim h3{display:flex;justify-content:space-between;font-size:1rem}.claim h3 span{color:#12a150;font-family:Manrope;font-size:.85rem}
.stage{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px dashed var(--line);font-weight:600;font-size:.95rem}.stage:last-of-type{border:0}
.dot{width:26px;height:26px;border-radius:50%;background:var(--mist);border:2px solid var(--line);flex:none;display:grid;place-items:center;font-size:.75rem;color:#fff;animation:done 7s infinite}
.stage:nth-child(2) .dot{animation-delay:0s}.stage:nth-child(3) .dot{animation-delay:1.2s}.stage:nth-child(4) .dot{animation-delay:2.4s}.stage:nth-child(5) .dot{animation-delay:3.6s}
@keyframes done{0%,8%{background:var(--mist);border-color:var(--line);color:transparent}14%,92%{background:linear-gradient(135deg,var(--blue),var(--cyan));border-color:transparent;color:#fff}100%{background:var(--mist);border-color:var(--line);color:transparent}}
.stage em{margin-left:auto;font-style:normal;color:var(--mut);font-weight:500;font-size:.85rem}
.meter{height:8px;background:var(--mist);border-radius:9px;margin-top:18px;overflow:hidden}.meter b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:fill 7s infinite}@keyframes fill{0%{width:0}60%,92%{width:98%}100%{width:0}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-40px;position:relative;z-index:2}.stat{background:var(--navy);color:#fff;border-radius:var(--r);padding:26px;text-align:center}.stat b{font:800 2.2rem Sora;color:var(--cyan);display:block}.stat span{color:#bcd0f5;font-size:.9rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
.niche{padding:40px;border-radius:22px;color:#fff;position:relative;overflow:hidden;transition:transform .35s}.niche:hover{transform:translateY(-8px)}.niche h3{color:#fff;font-size:1.6rem;margin-bottom:12px}.niche p{color:#d6e5ff;margin-bottom:22px}
.n1{background:linear-gradient(140deg,#0b57d0,#071a4a)}.n2{background:linear-gradient(140deg,#00a8e8,#0b57d0)}.niche::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(255,255,255,.08)}
.niche .btn{background:#fff;color:var(--navy)!important}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.grid4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:.3s}.card:hover{border-color:var(--cyan);box-shadow:0 18px 40px rgba(11,87,208,.12);transform:translateY(-5px)}.card h3{margin-bottom:8px}.card p{color:var(--mut);font-size:.96rem}
.ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));margin-bottom:16px;display:grid;place-items:center;color:#fff;font-weight:800;font-family:Sora}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}.steps div{counter-increment:s;padding:24px;border-left:3px solid var(--cyan);background:#fff;border-radius:0 var(--r) var(--r) 0}.steps div::before{content:counter(s);font:800 1.8rem Sora;color:var(--blue);display:block}.steps p{color:var(--mut);font-size:.93rem}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tags span{background:#fff;border:1px solid var(--line);padding:9px 18px;border-radius:999px;font-weight:600;font-size:.9rem}
.cta{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.cta h2{color:#fff}.cta .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.cta p{color:#cfe0ff;margin-top:14px}
.lead{background:#fff;border-radius:20px;padding:30px;display:grid;gap:14px;color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.2)}.lead label{font-weight:600;font-size:.88rem;display:grid;gap:6px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input,select,textarea{font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;width:100%;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid rgba(18,214,255,.55);border-color:var(--blue)}
.hp{position:absolute;left:-9999px}.fine{font-size:.78rem;color:var(--mut)}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 26px;border-radius:12px;color:#fff;font-weight:600;z-index:99;animation:rise .5s both,out .5s 6s forwards;max-width:92%}.toast.ok{background:#12a150}.toast.err{background:#d32f2f}@keyframes out{to{opacity:0;visibility:hidden}}
.pg{padding:70px 0 50px;background:linear-gradient(180deg,#f4f8ff,#fff)}.pg p{color:var(--mut);max-width:64ch;margin-top:14px;font-size:1.1rem}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.3s;display:flex;flex-direction:column}.post:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,87,208,.14)}.post img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--mist)}.post div{padding:22px}.post small{color:var(--mut)}.post h3 a{color:var(--navy)}
.article{max-width:780px;margin:auto;padding:50px 0 80px}.article .body h2{margin:34px 0 12px}.article .body h3{margin:26px 0 10px}.article .body p,.article .body ul,.article .body ol{margin:0 0 18px}.article .body ul,.article .body ol{padding-left:24px}.article .body img{border-radius:var(--r);margin:20px 0}
.ft{background:var(--navy);color:#bcd0f5;padding:64px 0 0}.ft h4{color:#fff;margin-bottom:14px;font-size:1rem}.ft a{display:block;color:#bcd0f5;margin-bottom:8px;font-size:.93rem}.ft a:hover{color:var(--cyan)}.flogo{background:#fff;padding:8px 12px;border-radius:10px;margin-bottom:14px}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding:20px 0;font-size:.82rem}
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
.pager{display:flex;gap:8px;justify-content:center;margin-top:40px}.pager a{padding:8px 15px;border:1px solid var(--line);border-radius:8px}.pager a.on{background:var(--blue);color:#fff}
@media(max-width:980px){.hero .wrap,.cta .wrap,.split{grid-template-columns:1fr}.grid3,.posts{grid-template-columns:1fr 1fr}.steps,.stats{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:1fr 1fr}
.burger{display:block;position:relative;z-index:60;margin-right:-8px}
.burger.open i:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
nav{position:fixed;top:0;right:0;bottom:0;height:100vh;height:100dvh;width:min(340px,88%);background:#fff;z-index:55;flex-direction:column;align-items:stretch;gap:0;padding:84px 28px calc(28px + env(safe-area-inset-bottom));transform:translateX(100%);visibility:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility .35s;box-shadow:-20px 0 50px rgba(7,26,74,.2);overflow-y:auto;overscroll-behavior:contain}
nav.open{transform:none;visibility:visible}
nav a:not(.btn){display:block;padding:15px 4px;font-size:1.05rem;border-bottom:1px solid var(--line)}nav a:not(.btn)::after{display:none}nav a.on:not(.btn){color:var(--blue)}
nav .btn{margin-top:22px;text-align:center;padding:14px 20px;font-size:1rem}
nav a{opacity:0;transform:translateX(18px);transition:opacity .35s,transform .35s}nav.open a{opacity:1;transform:none}
nav.open a:nth-child(1){transition-delay:.08s}nav.open a:nth-child(2){transition-delay:.12s}nav.open a:nth-child(3){transition-delay:.16s}nav.open a:nth-child(4){transition-delay:.2s}nav.open a:nth-child(5){transition-delay:.24s}nav.open a:nth-child(6){transition-delay:.28s}nav.open a:nth-child(7){transition-delay:.32s}
.navbg{position:fixed;inset:0;background:rgba(7,26,74,.55);z-index:54;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.navbg.show{opacity:1;visibility:visible}
body.nolock{overflow:hidden}}
@media(max-width:620px){section{padding:60px 0}.grid3,.posts,.steps,.row,.grid4{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;margin-top:-26px}.topbar .wrap{justify-content:center;text-align:center}.niche{padding:28px}.brand img{width:140px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}