/* Fonts (self-hosted, GDPR-friendly) */
@font-face{font-family:'DM Sans';src:url('fonts/DMSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'DM Sans';src:url('fonts/DMSans-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'DM Sans';src:url('fonts/DMSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Inter';src:url('fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Inter';src:url('fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Inter';src:url('fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}

/* When used inside /blog/ pages the font path needs one level up; those pages load blog.css which re-declares with ../ */

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;color:#111111;background:#ffffff;line-height:1.6;}
h1,h2,h3{font-family:'DM Sans',-apple-system,'Segoe UI',sans-serif;color:#111111;font-weight:600;letter-spacing:-0.02em;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:1080px;margin:0 auto;padding:0 40px;}

/* Nav over hero */
.nav{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:22px 40px;}
.logo{font-family:'DM Sans',sans-serif;font-weight:700;font-size:19px;color:#fff;}
.navlinks a{color:#fff;font-size:14px;margin-left:24px;opacity:.92;}
.navlinks a:hover{opacity:1;}

/* Hero */
.hero{position:relative;min-height:600px;display:flex;align-items:flex-end;background-image:url('https://cdn.prod.website-files.com/6a50ea69b295d670181f8909/6a51120003c69808478c60d7_ChatGPT%20Image%20Jul%2010%2C%202026%20at%2005_27_37%20PM.png');background-size:cover;background-position:center;}
.hero-ov{position:absolute;inset:0;background:rgba(15,23,32,.45);}
.hero-inner{position:relative;z-index:1;max-width:1080px;margin:0 auto;width:100%;padding:0 40px 66px;}
.kicker-w{font-size:13px;color:#eaf0ea;letter-spacing:.03em;margin-bottom:14px;}
.hero h1{font-size:52px;line-height:1.08;color:#fff;max-width:720px;margin-bottom:16px;letter-spacing:-0.025em;}
.hero-lead{font-size:19px;color:#f1f3ee;max-width:600px;}

/* Sticky subnav */
.subnav{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #ededea;}
.subnav-inner{max-width:1080px;margin:0 auto;padding:16px 40px;display:flex;gap:28px;flex-wrap:wrap;}
.subnav a{font-size:14px;color:#4a5568;}
.subnav a:hover{color:#111;}

/* Intro */
.intro{max-width:1080px;margin:0 auto;padding:60px 40px 10px;}
.intro p{font-size:27px;font-weight:600;font-family:'DM Sans',sans-serif;line-height:1.32;color:#111;max-width:880px;letter-spacing:-.015em;}

/* Alternating sections */
.section{max-width:1080px;margin:0 auto;padding:44px 40px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.section.reverse .fig{order:2;}
.fig{min-height:360px;border-radius:16px;background-size:cover;background-position:center;}
.fig-a{background-image:url('https://cdn.prod.website-files.com/6a50ea69b295d670181f8909/6a51122e8e798f56734d9b56_ChatGPT%20Image%20Jul%2010%2C%202026%20at%2005_33_30%20PM.png');}
.fig-b{background-image:url('https://cdn.prod.website-files.com/6a50ea69b295d670181f8909/6a511bdaa0f03a30f901c73b_ChatGPT%20Image%20Jul%2010%2C%202026%20at%2006_16_47%20PM.png');}
.fig-c{background-image:url('https://cdn.prod.website-files.com/6a50ea69b295d670181f8909/6a513096d2abf749b62a9442_ChatGPT%20Image%20Jul%2010%2C%202026%20at%2007_47_39%20PM.png');}
.eyebrow{font-size:13px;font-weight:600;color:#cc2301;letter-spacing:.02em;margin-bottom:10px;}
.section h2{font-size:30px;margin-bottom:16px;}
.section p{font-size:16px;color:#33373d;margin-bottom:14px;max-width:640px;}
.section .eyebrow{font-size:13px;color:#cc2301;margin-bottom:10px;max-width:none;}

/* Price table */
.ptable{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px;}
.ptable th{text-align:right;font-weight:500;color:#6b7280;font-size:12px;padding:0 0 12px 8px;border-bottom:1px solid #e6e6e3;}
.ptable th:first-child{text-align:left;padding-left:0;}
.ptable td{padding:12px 0 12px 8px;border-bottom:1px solid #f0f0ee;text-align:right;}
.ptable td:first-child{text-align:left;font-weight:500;padding-left:0;}
.pnote{font-size:12px;color:#9aa0a6;margin-top:12px;line-height:1.6;}

/* Steps */
.steps{display:flex;flex-direction:column;gap:16px;margin-top:6px;}
.step{display:flex;gap:12px;align-items:flex-start;}
.step-n{flex:none;width:26px;height:26px;border-radius:50%;background:#1a3a5a;color:#fff;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;}
.step-t{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;color:#111;margin-bottom:2px;}
.step-p{font-size:14px;color:#6b7280;line-height:1.55;}

/* Blog */
.blog{max-width:1080px;margin:0 auto;padding:48px 40px;}
.blog h2{font-size:30px;margin-bottom:22px;}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.card{display:block;border:1px solid #ededea;border-radius:16px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s;}
.card:hover{box-shadow:0 8px 24px rgba(17,17,17,.08);transform:translateY(-2px);}
.card-img{height:170px;background-size:cover;background-position:center;}
.card-body{padding:20px;}
.card-tag{font-size:12px;font-weight:600;color:#1e7a46;margin-bottom:8px;}
.card-t{font-family:'DM Sans',sans-serif;font-size:17px;font-weight:600;color:#111;line-height:1.3;margin-bottom:8px;}
.card-p{font-size:14px;color:#6b7280;line-height:1.55;margin-bottom:12px;}
.card-link{font-size:14px;font-weight:500;color:#1a3a5a;}

/* CTA */
.cta{background:#1a3a5a;}
.cta-inner{max-width:640px;margin:0 auto;padding:62px 40px;text-align:center;}
.cta-k{font-size:13px;color:#a9c3dc;letter-spacing:.03em;margin-bottom:12px;}
.cta h2{font-size:30px;color:#fff;margin-bottom:12px;}
.cta p{font-size:16px;color:#d6e1ec;line-height:1.6;margin-bottom:26px;}
.cta-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.cta-form input{height:50px;border-radius:999px;border:none;padding:0 22px;font-size:15px;min-width:280px;font-family:'Inter',sans-serif;}
.cta-form button{height:50px;border-radius:999px;background:#1e7a46;color:#fff;border:none;padding:0 28px;font-size:15px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;}
.cta-form button:hover{background:#186537;}

/* Footer */
.footer{border-top:1px solid #ededea;}
.footer-inner{max-width:1080px;margin:0 auto;padding:30px 40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#9aa0a6;}
.footer-inner a{color:#6b7280;margin-left:18px;}
.fineprint{max-width:1080px;margin:0 auto;padding:0 40px 40px;font-size:12px;color:#9aa0a6;line-height:1.6;max-width:820px;}

/* Top bar (article pages) */
.topbar{border-bottom:1px solid #ededea;background:#fff;}
.topbar-inner{max-width:1080px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;}
.topbar .logo{color:#111;}
.topbar .tlinks a{font-size:14px;color:#4a5568;margin-left:24px;}
.topbar .tlinks a:hover{color:#111;}

/* Article page */
.article{max-width:720px;margin:0 auto;padding:56px 40px 20px;}
.article .eyebrow{margin-bottom:12px;}
.article h1{font-size:38px;line-height:1.12;color:#111;margin-bottom:14px;}
.article .meta{font-size:14px;color:#9aa0a6;margin-bottom:28px;}
.article-hero{max-width:820px;margin:0 auto 8px;padding:0 40px;}
.article-hero .img{height:340px;border-radius:16px;background-size:cover;background-position:center;}
.article .body p{font-size:17px;color:#33373d;line-height:1.75;margin-bottom:18px;}
.article .body h2{font-size:22px;margin:28px 0 10px;}
.back{display:inline-block;margin-top:16px;font-size:14px;font-weight:500;color:#1a3a5a;}

/* Responsive */
@media (max-width:900px){
  .posts{grid-template-columns:1fr 1fr;}
}
@media (max-width:767px){
  .wrap,.hero-inner,.subnav-inner,.intro,.section,.blog,.cta-inner,.footer-inner,.fineprint,.article,.article-hero,.topbar-inner{padding-left:24px;padding-right:24px;}
  .nav{padding:16px 24px;}
  .navlinks,.topbar .tlinks{display:none;}
  .hero{min-height:480px;}
  .hero h1{font-size:34px;}
  .hero-lead{font-size:16px;}
  .intro p{font-size:22px;}
  .section{grid-template-columns:1fr;gap:24px;padding-top:34px;padding-bottom:34px;}
  .section.reverse .fig{order:0;}
  .fig{min-height:210px;}
  .section h2,.blog h2,.cta h2{font-size:24px;}
  .posts{grid-template-columns:1fr;}
  .article h1{font-size:28px;}
  .article-hero .img{height:220px;}
  .ptable{font-size:12.5px;}
}
@media (max-width:479px){
  .hero h1{font-size:28px;}
  .intro p{font-size:20px;}
  .ptable{font-size:11px;}
}

/* ===== Layout improvements (added 15 Jul 2026) ===== */

/* Logo as link */
.logo{text-decoration:none;}

/* Nav right group + language switcher */
.nav-right{display:flex;align-items:center;gap:26px;}
.langsw{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:500;}
.langsw a,.langsw span{color:#fff;opacity:.72;}
.langsw a:hover{opacity:1;}
.langsw a.active{opacity:1;font-weight:600;border-bottom:2px solid #fff;padding-bottom:2px;}
.langsw .soon{opacity:.4;cursor:default;}

/* Hero trust kicker */
.hero-kicker{display:inline-block;font-size:12.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:6px 13px;border-radius:999px;margin-bottom:20px;letter-spacing:.01em;}

/* Hero signup form */
.hero-form{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap;max-width:520px;}
.hero-form input{height:50px;border-radius:999px;border:none;padding:0 22px;font-size:15px;flex:1 1 240px;min-width:220px;font-family:'Inter',sans-serif;}
.hero-form button{height:50px;border-radius:999px;background:#1e7a46;color:#fff;border:none;padding:0 28px;font-size:15px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;white-space:nowrap;}
.hero-form button:hover{background:#186537;}
.hero-formnote{font-size:13px;color:#e9ede7;margin-top:11px;}

/* Subnav layout + CTA */
.subnav-inner{justify-content:space-between;align-items:center;}
.subnav-links{display:flex;gap:28px;flex-wrap:wrap;}
.subnav-cta{background:#1e7a46;color:#fff;font-weight:600;font-size:13px;padding:9px 18px;border-radius:999px;white-space:nowrap;}
.subnav-cta:hover{background:#186537;color:#fff;}

@media (max-width:767px){
  .nav-right{gap:0;}
  .langsw{gap:9px;font-size:12.5px;}
  .subnav-links{display:none;}
  .hero-form{margin-top:22px;}
}

/* Contact form */
.contact-form{display:flex;flex-direction:column;gap:16px;max-width:520px;margin:22px 0 8px;}
.contact-form label{font-size:14px;font-weight:600;color:#111;display:flex;flex-direction:column;gap:7px;}
.contact-form input,.contact-form textarea{font-family:'Inter',sans-serif;font-size:15px;font-weight:400;color:#111;border:1px solid #d7dae0;border-radius:12px;padding:12px 14px;}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#1a3a5a;}
.contact-form textarea{resize:vertical;}
.contact-form button{align-self:flex-start;height:48px;border-radius:999px;background:#1e7a46;color:#fff;border:none;padding:0 30px;font-size:15px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;}
.contact-form button:hover{background:#186537;}