@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("./fonts/montserrat-latin.woff2") format("woff2");
}
:root { --ink:#08141a; --green:#00733d; --red:#e61e2a; --surface:#f4f4f4; --paper:#fff; --line:#ddd; --muted:#555; --radius:2px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:28px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Montserrat,ui-sans-serif,system-ui,sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-underline-offset:4px; }
button,select { font:inherit; }
a,select { touch-action:manipulation; }
a:focus-visible,select:focus-visible { outline:2px solid #666; outline-offset:4px; }
.wrap { max-width:1168px; margin:auto; padding:0 40px; }
.site-header { position:relative; z-index:1; }
.nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 0; }
.brand { display:inline-flex; align-items:baseline; flex:none; white-space:nowrap; font-size:28px; font-weight:800; letter-spacing:-1.6px; line-height:1.2; text-decoration:none; }
.brand-i { position:relative; color:var(--red); }
.brand-i::before { content:""; position:absolute; top:.015em; left:50%; width:.235em; height:.235em; border-radius:50%; background:var(--green); transform:translateX(-50%); }
.brand small { margin-left:1px; color:#5a5d63; font-size:1em; font-weight:400; letter-spacing:-1.2px; }
.nav-actions { display:flex; align-items:center; gap:20px; }
.nav-link { font-size:13px; text-decoration:none; padding:12px 0; min-height:44px; display:inline-flex; align-items:center; gap:10px; }
.language-select { width:68px; min-height:44px; padding:10px 22px 10px 8px; border:1px solid transparent; border-radius:var(--radius); color:var(--ink); background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2308141a' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 5px center; appearance:none; font-size:12px; font-weight:600; letter-spacing:.04em; cursor:pointer; }
.language-select:hover { border-color:var(--line); }
.eyebrow { margin:0 0 24px; color:var(--muted); font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3 { line-height:1.1; font-weight:600; letter-spacing:-.045em; overflow-wrap:break-word; }
h1 { max-width:980px; margin:0 0 28px; font-size:clamp(51px,7.5vw,86px); letter-spacing:-.065em; line-height:1.03; }
h2 { margin:0 0 24px; font-size:clamp(34px,4vw,48px); }
h3 { margin:0; font-size:25px; }
.hero { padding:96px 0 104px; }
.hero-copy { max-width:490px; margin:0 0 32px; color:var(--muted); font-size:18px; }
.btn { display:inline-flex; min-height:48px; max-width:100%; align-items:center; justify-content:center; gap:24px; border:1px solid transparent; border-radius:var(--radius); padding:13px 20px; background:var(--ink); color:#fff; font-size:14px; font-weight:600; text-decoration:none; }
.btn:hover { background:#1c2a30; }
.hero-note { margin:18px 0 0; color:var(--muted); font-size:12px; }
.hero-note strong { color:var(--ink); font-weight:500; overflow-wrap:anywhere; }
.proof { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; padding-top:28px; padding-bottom:28px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.proof div { font-size:14px; }
.proof span,.service-list article>span { margin-right:18px; color:var(--muted); font-size:11px; }
.proof b { font-weight:400; }
.free-section { padding:112px 0; background:var(--surface); }
.split { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,1fr); gap:112px; align-items:start; }
.section-intro { position:sticky; top:40px; }
.section-intro .muted { max-width:360px; }
.muted { color:var(--muted); }
.meta { max-width:360px; color:var(--muted); font-size:13px; }
.offer-card { padding:32px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); min-width:0; }
.card-label { margin:0 0 32px; color:var(--muted); font-size:11px; font-weight:500; letter-spacing:.15em; text-transform:uppercase; }
.offer-card ul { margin:28px 0 30px; padding:0; list-style:none; border-top:1px solid var(--line); }
.offer-card li { padding:14px 0; border-bottom:1px solid var(--line); font-size:14px; overflow-wrap:anywhere; }
.offer-card li::before { content:"↗"; margin-right:12px; color:var(--green); }
.text-link { font-size:14px; font-weight:600; }
.contact-note { margin:16px 0 0; color:var(--muted); font-size:12px; }
.services-section { padding:112px 0; }
.services-heading { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:64px; align-items:end; }
.services-heading p { margin:0 0 26px; }
.service-list { margin-top:52px; border-top:1px solid var(--line); }
.service-list article { display:grid; grid-template-columns:70px minmax(0,1fr) auto; gap:18px; padding:26px 0; border-bottom:1px solid var(--line); }
.service-list article>span { margin:2px 0; }
.service-list h3 { font-size:22px; }
.service-list p { max-width:530px; margin:8px 0 0; color:var(--muted); font-size:14px; }
.service-list em { padding-top:4px; color:var(--muted); font-size:10px; font-style:normal; letter-spacing:.09em; text-transform:uppercase; }
.closing { padding:112px 0; background:var(--ink); color:#fff; }
.closing .eyebrow,.closing .muted { color:#c7c7c7; }
.closing h2 { max-width:720px; }
.closing .muted { max-width:440px; margin:0 0 32px; }
.closing .btn { background:#fff; color:var(--ink); }
.closing .btn:hover { background:#eaeaea; }
.footer { padding:32px 0; border-top:1px solid var(--line); }
.footer-row { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.footer p,.footer a:not(.brand) { margin:0; color:var(--muted); font-size:12px; }
.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; }
@media(max-width:900px) { .split { gap:56px; } }
@media(max-width:760px) {
  .wrap { padding:0 24px; }
  .nav { padding:24px 0; }
  .nav-actions { gap:10px; }
  .nav-link { max-width:110px; line-height:1.3; }
  .hero { padding:64px 0 72px; }
  .hero-copy { max-width:330px; font-size:16px; }
  h1 { font-size:clamp(43px,10.6vw,68px); }
  .proof { gap:16px; padding:24px; }
  .proof div { font-size:12px; }
  .proof span { display:block; margin:0 0 8px; font-size:10px; }
  .free-section,.services-section,.closing { padding:72px 0; }
  .split,.services-heading { grid-template-columns:1fr; gap:40px; }
  .section-intro { position:static; }
  .section-intro .muted { max-width:390px; }
  .offer-card { padding:24px; }
  .service-list { margin-top:36px; }
  .service-list article { grid-template-columns:30px minmax(0,1fr); gap:10px; padding:22px 0; }
  .service-list em { grid-column:2; font-size:10px; padding:0; }
  .service-list h3 { font-size:20px; }
  .footer-row { align-items:flex-start; flex-direction:column; gap:12px; }
}
@media(max-width:480px) { .nav-link { display:none; } .brand { font-size:27px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }