:root{--navy:#1F2A44;--navy-2:#27345A;--navy-deep:#141B2E;--slate:#5B6577;--ink:#151B2B;--blue:#2557D6;--blue-ink:#1C45AE;--blue-soft:#EAF0FD;--sky:#8FB1FF;
--green:#178A5B;--green-soft:#E5F5EE;--amber:#A4570C;--amber-soft:#FBF0E2;--off:#F5F7FB;--line:#E2E7F0;--radius:14px;--font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font:400 17px/1.65 var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-ink)}a:hover{color:var(--blue)}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-weight:700;line-height:1.15;margin:0 0 .5em;color:var(--navy);letter-spacing:-.02em}
h1{font-size:clamp(2.3rem,5vw,3.9rem);letter-spacing:-.035em}h2{font-size:clamp(1.75rem,3.2vw,2.5rem)}h3{font-size:1.18rem;letter-spacing:-.01em}
p{margin:0 0 1em}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}
section{padding:92px 0}.on-off{background:var(--off)}
.on-navy{background:var(--navy);color:#D5DCEA}.on-navy h1,.on-navy h2,.on-navy h3{color:#fff}
.eyebrow{font:600 .78rem var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.on-navy .eyebrow{color:var(--sky)}
.lead{font-size:1.16rem;color:var(--slate);max-width:44em}.on-navy .lead{color:#C3CCDE}
.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:10px 14px;z-index:99}.skip:focus{left:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* header */
.site-head{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy)}.brand img{width:40px;height:40px}
.brand span{font:700 1.12rem/1 var(--font);letter-spacing:-.02em}.brand small{display:block;font-size:.6rem;font-weight:600;letter-spacing:.42em;color:var(--slate);margin-top:5px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.nav a{display:block;padding:10px 12px;font:500 .93rem var(--font);color:var(--navy);text-decoration:none;border-radius:8px}
.nav a:hover,.nav a[aria-current]{background:var(--off);color:var(--blue-ink)}
.nav .cta a{background:var(--blue);color:#fff;margin-left:8px;padding:10px 16px}.nav .cta a:hover{background:var(--blue-ink);color:#fff}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font:600 .9rem var(--font);color:var(--navy)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:10px;font:600 .97rem var(--font);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:.15s}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-ink);color:#fff}
.btn-line{border-color:#C9D2E3;color:var(--navy);background:#fff}.btn-line:hover{border-color:var(--navy);color:var(--navy)}
.on-navy .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.on-navy .btn-line:hover{border-color:#fff;color:#fff}
.btn-white{background:#fff;color:var(--navy)}.btn-white:hover{background:var(--blue-soft);color:var(--navy)}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
/* hero */
.hero{padding:88px 0 96px;background:radial-gradient(900px 520px at 88% 8%,#2E3D68 0,rgba(46,61,104,0) 70%),linear-gradient(180deg,var(--navy) 0,var(--navy-deep) 100%);color:#D5DCEA;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero h1{color:#fff}.hero h1 .slop{color:#9AA6BD;text-decoration:line-through;text-decoration-thickness:4px;text-decoration-color:rgba(232,155,90,.85)}
.hero h1 .win{white-space:nowrap;color:#fff;background:linear-gradient(transparent 68%,rgba(37,87,214,.75) 68%)}
.hero .lead{color:#C3CCDE}
.pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.85rem;color:#D5DCEA;margin-bottom:24px;background:rgba(255,255,255,.04)}
.pill img{width:22px;height:22px}
.hero-note{margin-top:26px;font-size:.9rem;color:#9EAAC2}
/* compare panel */
.compare{position:relative}
.panel{background:#fff;border-radius:16px;box-shadow:0 30px 70px rgba(5,10,25,.45);overflow:hidden;color:var(--ink)}
.panel+.panel{margin-top:-18px;margin-left:44px;position:relative}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);font:600 .74rem var(--font);letter-spacing:.14em;text-transform:uppercase}
.panel.slop .panel-head{color:var(--amber);background:var(--amber-soft)}.panel.win .panel-head{color:var(--green);background:var(--green-soft)}
.panel-body{padding:16px 18px 18px;font-size:.92rem}
.panel.slop{transform:rotate(-1.5deg);opacity:.92;max-width:88%}
.panel.slop .panel-body p{margin:0;color:#6B7280}
.panel.slop .meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.tag{display:inline-block;font-size:.74rem;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--off);color:var(--slate)}
.panel.slop .tag{background:#F4E4D0;color:var(--amber)}
.mail-row{display:grid;grid-template-columns:62px 1fr;gap:4px 10px;font-size:.86rem;margin-bottom:10px;color:var(--slate)}.mail-row b{color:var(--navy);font-weight:600}
.panel.win .panel-body p{margin:0 0 12px;color:#2B3245}
.approve{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;border-top:1px dashed var(--line)}
.approve .a{background:var(--green);color:#fff;font-weight:600;font-size:.82rem;padding:7px 12px;border-radius:8px}
.approve .e{background:var(--off);color:var(--navy);font-weight:600;font-size:.82rem;padding:7px 12px;border-radius:8px}
.approve .s{margin-left:auto;font-size:.78rem;color:var(--slate)}
/* grids & cards */
.grid{display:grid;gap:24px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.mt{margin-top:40px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.card p{color:var(--slate);margin:0}.card h3{margin-bottom:10px}
.ico{width:46px;height:46px;border-radius:12px;background:var(--blue-soft);display:grid;place-items:center;margin-bottom:18px}
.ico svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card .more{display:inline-block;margin-top:14px;font-weight:600;font-size:.93rem;text-decoration:none}
/* problem */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.vs{display:grid;gap:14px}
.vs-row{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px}
.vs-row div{padding:14px 16px;border-radius:12px;font-size:.94rem;line-height:1.45}
.vs-row .bad{background:var(--amber-soft);color:#6E3E10}.vs-row .good{background:var(--green-soft);color:#0F5A3B;font-weight:500}
.vs-row .arr{padding:0;text-align:center;color:var(--slate);font-weight:700}
.vs-head{display:grid;grid-template-columns:1fr 28px 1fr;gap:10px;font:600 .74rem var(--font);letter-spacing:.14em;text-transform:uppercase}
.vs-head .b{color:var(--amber)}.vs-head .g{color:var(--green)}
/* principles */
.principles .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.principles .card p{color:#C3CCDE}.principles .card h3{color:#fff}
.principles .num{font:700 .8rem var(--font);color:var(--sky);letter-spacing:.14em;margin-bottom:12px;display:block}
.quote-line{margin:44px 0 0;padding:22px 26px;border-left:3px solid var(--sky);background:rgba(255,255,255,.04);border-radius:0 12px 12px 0;font-size:1.12rem;color:#E4E9F3}
.quote-line strong{color:#fff}
/* steps */
.steps{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px}
.steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:1.05rem;margin-bottom:18px}
.steps li p{color:var(--slate);margin:0 0 12px}.steps li .out{margin:0;font-size:.9rem;color:var(--navy);font-weight:600}
.steps li .out span{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:2px}
/* who */
.fit{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;margin-top:40px}
.checks{list-style:none;padding:0;margin:0}.checks li{position:relative;padding-left:32px;margin:0 0 14px}
.checks li::before{content:"";position:absolute;left:3px;top:.45em;width:14px;height:8px;border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(-45deg)}
.checks li strong{color:var(--navy)}
.nofit{background:var(--off);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.nofit h3{font-size:1.05rem}.nofit ul{margin:0;padding-left:20px;color:var(--slate)}.nofit li{margin:0 0 8px}
/* about */
.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}
.about-media img{width:100%;max-width:360px;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;border-radius:18px;box-shadow:0 20px 50px rgba(21,27,43,.18)}
.role{font-weight:600;color:var(--navy);margin-top:-6px}.role span{font-weight:400;color:var(--slate)}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tools .tag{background:#fff;border:1px solid var(--line);color:var(--navy);padding:6px 12px;font-size:.82rem}
/* cta band */
.band{padding:72px 0}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.band h2{margin:0 0 6px}.band p{margin:0;color:#C3CCDE}
/* contact */
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.contact-list{list-style:none;padding:0;margin:24px 0 0}.contact-list li{margin:0 0 18px}
.contact-list .k{display:block;font:600 .72rem var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.contact-list a{font-weight:600;color:var(--navy);text-decoration:none}.contact-list a:hover{color:var(--blue)}
.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 18px 50px rgba(21,27,43,.08)}
.form-card h3{margin-bottom:4px}.form-card .sub{color:var(--slate);font-size:.9rem;margin-bottom:20px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column}.field.full{grid-column:1/-1}
label{font:600 .86rem var(--font);color:var(--navy);margin-bottom:6px}.req{color:var(--blue)}
input,select,textarea{font:inherit;font-size:1rem;padding:12px 14px;border:1px solid #CDD5E3;border-radius:10px;background:#fff;color:var(--ink);width:100%}
input,select{height:50px}
textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--sky);border-color:var(--blue)}
.form-foot{font-size:.83rem;color:var(--slate);margin:16px 0 0}
/* services page */
.page-hero{padding:76px 0 64px;background:linear-gradient(180deg,var(--navy) 0,var(--navy-deep) 100%);color:#D5DCEA}
.page-hero h1{color:#fff}.page-hero .lead{color:#C3CCDE}
.crumb{font-size:.86rem;color:#9EAAC2;margin-bottom:16px}.crumb a{color:#DCE3F0}
.svc{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:48px 0;border-top:1px solid var(--line)}
.svc:first-of-type{border-top:0;padding-top:0}
.svc h2{font-size:1.7rem}.svc .ico{margin-bottom:16px}
.svc-detail h3{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}
.svc-detail ul{margin:0 0 22px;padding-left:20px;color:#2B3245}.svc-detail li{margin:0 0 6px}
.starter{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;background:var(--navy);color:#D5DCEA;border-radius:20px;padding:44px}
.starter h2{color:#fff}.starter .lead{color:#C3CCDE}
.starter ol{margin:0;padding-left:22px;color:#E4E9F3}.starter li{margin:0 0 10px}
.faq{max-width:860px}
.faq details{border:1px solid var(--line);border-radius:12px;padding:0 22px;margin:0 0 12px;background:#fff}
.faq summary{cursor:pointer;font-weight:600;color:var(--navy);padding:18px 0;list-style:none;position:relative;padding-right:30px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:14px;font-size:1.4rem;color:var(--blue);font-weight:500}
.faq details[open] summary::after{content:"\2212"}
.faq details p{color:var(--slate);margin:0 0 18px}
.prose{max-width:820px}.prose h2{font-size:1.35rem;margin-top:34px}
/* footer */
.site-foot{background:var(--navy-deep);color:#A9B3C7;padding:60px 0 34px;font-size:.93rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.site-foot h3{color:#fff;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.site-foot a{color:#DCE3F0;text-decoration:none}.site-foot a:hover{color:var(--sky)}
.site-foot ul{list-style:none;padding:0;margin:0}.site-foot li{margin:0 0 9px}
.foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#fff}.foot-brand img{width:44px;height:44px}
.foot-brand span{font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.foot-brand small{display:block;font-size:.6rem;font-weight:600;letter-spacing:.42em;color:#A9B3C7;margin-top:5px}
.legal{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.84rem}
/* responsive */
@media (max-width:1020px){.g4{grid-template-columns:repeat(2,1fr)}.nav a{padding:10px 9px;font-size:.88rem}}
@media (max-width:900px){
 .menu-btn{display:block}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(21,27,43,.1)}
 .nav.open{display:block}.nav ul{flex-direction:column;align-items:stretch;padding:10px 20px 18px}.nav a{padding:12px}.nav .cta a{margin:8px 0 0;text-align:center}
 .hero .wrap,.split,.about,.contact,.fit,.svc,.starter{grid-template-columns:1fr}
 .hero .wrap{gap:48px}.g3,.steps{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}
 .about-media img{max-width:300px}
}
@media (max-width:600px){
 body{font-size:16px}section{padding:64px 0}.wrap{padding:0 20px}.hero{padding:56px 0 64px}
 .g2,.g4,.fields{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}
 .panel.slop{max-width:100%}.panel+.panel{margin-left:14px}
 .vs-row,.vs-head{grid-template-columns:1fr}.vs-row .arr{display:none}.vs-head .g,.vs-head span:nth-child(2){display:none}
 .vs-row .good{margin-top:-6px}
 .starter{padding:30px 24px}.form-card{padding:24px}
 .btns .btn{flex:1 1 auto;justify-content:center}
}