:root{--ink:#16203A;--muted:#55607A;--line:#D9E1F0;--paper:#FFFFFF;--wash:#F3F6FC;--blue:#1F3F99;--blue-2:#2E56C8;--saffron:#E9962B;--grid:rgba(31,63,153,.10);color-scheme:light;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root{--ink:#E7ECF7;--muted:#A3AECA;--line:#2A3554;--paper:#0F1528;--wash:#151D36;--blue:#8FA9F2;--blue-2:#A9BEF7;--saffron:#F0A948;--grid:rgba(143,169,242,.12);color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 "Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4{font-family:"Bricolage Grotesque","Figtree",system-ui,sans-serif;line-height:1.12;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,5.2vw,4rem);font-weight:700}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:650}
h3{font-size:1.25rem;font-weight:650}
p{margin:0 0 1em;max-width:68ch}
a{color:var(--blue)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--paper)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.12rem}
.logo svg{flex:none}
nav.main{display:flex;gap:26px;align-items:center}
nav.main a{color:var(--ink);text-decoration:none;font-weight:500}
nav.main a[aria-current]{color:var(--blue);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.dd{position:relative}.dd summary{list-style:none;cursor:pointer;font-weight:500}.dd summary::-webkit-details-marker{display:none}.dd summary::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}.dd summary.on{color:var(--blue)}
.ddm{position:absolute;top:34px;left:-16px;min-width:260px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 12px 30px rgba(22,32,58,.14);display:grid}
.ddm a{padding:9px 12px;border-radius:6px}.ddm a:hover{background:var(--wash)}
@media (max-width:860px){.ddm{position:static;box-shadow:none;border:0;padding:6px 0 0 10px;min-width:0}}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font:inherit;font-weight:600}
@media (prefers-color-scheme:dark){.btn{color:#0F1528}}
.btn.ghost{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}
nav.main a.btn{color:#fff}@media (prefers-color-scheme:dark){nav.main a.btn{color:#0F1528}}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:var(--ink);font:inherit}
@media (max-width:860px){nav.main{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);flex-direction:column;align-items:flex-start;padding:18px 24px;border-bottom:1px solid var(--line);gap:14px}nav.main.open{display:flex}.menu-btn{display:block}}
.hero{position:relative;padding:72px 0 64px;border-bottom:1px solid var(--line);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero p.lead{font-size:1.2rem;color:var(--muted)}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.facts{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px;color:var(--muted);font-size:.95rem}
.facts b{color:var(--ink);display:block;font-size:1.05rem}
.draft{background:var(--paper);border:2px solid var(--blue);border-radius:14px;padding:16px;box-shadow:10px 10px 0 var(--saffron)}
.draft .chrome{display:flex;gap:6px;margin-bottom:12px}.draft .chrome i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.draft svg{display:block;width:100%;height:auto}
.draft .ink{stroke:var(--blue);fill:none;stroke-width:2;stroke-dasharray:6 5}
.draft .solid{fill:var(--blue);opacity:0}
.draft .accent{fill:var(--saffron);opacity:0}
.draft .label{fill:var(--muted);font:500 11px "Figtree",sans-serif}
@media (prefers-reduced-motion:no-preference){.draft .solid,.draft .accent{animation:fillin .6s ease forwards}.draft .d1{animation-delay:.5s}.draft .d2{animation-delay:.9s}.draft .d3{animation-delay:1.3s}.draft .d4{animation-delay:1.7s}.draft .d5{animation-delay:2.1s}}
@media (prefers-reduced-motion:reduce){.draft .solid,.draft .accent{opacity:1}}
.draft .solid.f{opacity:.9}
@keyframes fillin{to{opacity:.9}}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero{padding:48px 0}}
section.block{padding:76px 0}
section.alt{background:var(--wash);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.intro{max-width:680px;margin-bottom:40px}
.intro p{color:var(--muted)}
.svc{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}
.svc article{padding:28px 26px 30px 0;border-bottom:1px solid var(--line)}
.svc article:not(:nth-child(3n+1)){padding-left:26px;border-left:1px solid var(--line)}
.svc p{color:var(--muted);margin:0}.svc p a{font-weight:600}
.svc .ic{width:40px;height:40px;margin-bottom:14px;color:var(--blue)}
@media (max-width:860px){.svc{grid-template-columns:1fr}.svc article,.svc article:not(:nth-child(3n+1)){padding:24px 0;border-left:0}}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s}
.steps li{counter-increment:s;padding:0 18px 0 0;position:relative}
.steps li::before{content:counter(s);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--paper);border:2px solid var(--blue);color:var(--blue);font-weight:700;margin-bottom:14px;position:relative;z-index:1}
.steps li::after{content:"";position:absolute;top:21px;left:42px;right:0;border-top:2px dashed var(--line)}
.steps li:last-child::after{display:none}
.steps p{color:var(--muted);font-size:.96rem}
@media (max-width:860px){.steps{grid-template-columns:1fr;gap:22px}.steps li::after{display:none}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:28px}}
.ticks{list-style:none;padding:0;margin:0}
.ticks li{padding:12px 0 12px 30px;border-bottom:1px solid var(--line);position:relative}
.ticks li::before{content:"";position:absolute;left:4px;top:19px;width:12px;height:7px;border-left:2px solid var(--saffron);border-bottom:2px solid var(--saffron);transform:rotate(-45deg)}
.stack{display:flex;flex-wrap:wrap;gap:10px}
.stack span{border:1px solid var(--line);background:var(--paper);padding:7px 14px;border-radius:999px;font-size:.95rem}
.cta{background:var(--blue);color:#fff;border-radius:18px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta h2{color:#fff;margin:0}.cta p{color:#DCE5FF;margin:.4em 0 0}
.cta .btn{background:var(--saffron);color:#16203A}
@media (prefers-color-scheme:dark){.cta{background:#1E2D5C}}
.page-head{padding:56px 0 36px;border-bottom:1px solid var(--line);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}
.page-head p{color:var(--muted);font-size:1.1rem}
.toggle{display:inline-flex;border:2px solid var(--blue);border-radius:10px;overflow:hidden;margin-bottom:30px}
.toggle button{background:transparent;border:0;padding:9px 18px;font:inherit;font-weight:600;color:var(--blue);cursor:pointer}
.toggle button[aria-pressed="true"]{background:var(--blue);color:var(--paper)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plan{border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--paper);display:flex;flex-direction:column}
.plan.pick{border:2px solid var(--blue);box-shadow:8px 8px 0 var(--saffron)}
.plan .tag{font-size:.9rem;color:var(--saffron);font-weight:700;margin-bottom:6px}
.price{font-family:"Bricolage Grotesque",sans-serif;font-size:2.3rem;font-weight:700;margin:6px 0 2px}
.price small{font-size:1rem;color:var(--muted);font-weight:500}
.plan .note{color:var(--muted);font-size:.92rem}
.plan ul{padding-left:18px;margin:14px 0 22px;flex:1}
.plan li{margin:6px 0}
@media (max-width:960px){.plans{grid-template-columns:1fr}}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;min-width:560px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}
th{background:var(--wash);font-weight:650}
tr:last-child td{border-bottom:0}
.legal{max-width:780px;padding:48px 24px 80px;margin:0 auto}
.legal h2{font-size:1.45rem;margin-top:2em}
.legal li{margin:6px 0}
.legal .meta{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
.cinfo dt{font-weight:650;margin-top:18px}.cinfo dd{margin:2px 0 0;color:var(--muted)}
form.qf{display:grid;gap:16px}
label{font-weight:600;display:grid;gap:6px}
input,select,textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);width:100%}
textarea{min-height:130px;resize:vertical}
.small{font-size:.9rem;color:var(--muted)}
footer.site{background:#121A33;color:#C9D2EA;padding:60px 0 28px;margin-top:0}
footer.site a{color:#E7ECF7;text-decoration:none}footer.site a:hover{text-decoration:underline}
.fgrid{display:grid;grid-template-columns:1.3fr 1.1fr .8fr 1.1fr 1.2fr;gap:30px}
footer.site h4{color:#fff;font-size:1rem;margin-bottom:14px}
footer.site ul{list-style:none;padding:0;margin:0}footer.site li{margin:8px 0}
.fbottom{border-top:1px solid #2A3554;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.9rem}
@media (max-width:1000px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:#1FA855;color:#fff;border-radius:999px;padding:12px 18px;font-weight:600;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:30}