:root{--blue:#087fe5;--blue-dark:#072f54;--mint:#00b79d;--ink:#10283d;--muted:#587084;--line:#d9e7ef;--soft:#eef7fc;--lime:#dff7ef;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}img{display:block;max-width:100%}a{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:12px;z-index:100}.topbar{background:var(--blue-dark);color:#dcecf7;font-size:13px}.topbar .container{display:flex;justify-content:space-between;padding:7px 0}.topbar a{text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:225px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{text-decoration:none;padding:12px 13px;border-radius:9px;font-size:15px;font-weight:650}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--soft);color:var(--blue)}.nav-links .login{border:1px solid var(--line)}.nav-links .cta-link{background:var(--blue);color:#fff}.nav-links .cta-link:hover{background:var(--blue-dark);color:#fff}.menu-button{display:none;border:0;background:none;font-size:25px}.hero{overflow:hidden;background:linear-gradient(125deg,#f8fcff 0%,#eaf7ff 55%,#e8fbf5 100%);padding:clamp(70px,9vw,130px) 0}.hero-grid,.split{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,7vw,100px);align-items:center}.eyebrow{margin:0 0 15px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1,.page-hero h1{max-width:850px;margin:0 0 24px;font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-.05em}.hero h1 span{color:var(--blue)}.lead{color:var(--muted);font-size:clamp(19px,2vw,23px);line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:20px;padding:14px 19px;border:1px solid var(--blue);border-radius:10px;color:var(--blue);font-weight:750;text-decoration:none}.button:after{content:'→'}.button.primary{background:var(--blue);color:#fff}.proof-strip{border-bottom:1px solid var(--line)}.proof-strip .container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;color:var(--muted);font-size:14px}.logo-row{display:flex;align-items:center;gap:30px}.logo-row img{max-width:100px;max-height:38px;object-fit:contain;filter:grayscale(1);opacity:.7}.section{padding:clamp(70px,9vw,120px) 0}.section.soft{background:var(--soft)}.section.dark{background:var(--blue-dark);color:#fff}.section.mint{background:var(--lime)}h2{margin:0 0 20px;font-size:clamp(34px,4.5vw,58px);line-height:1.08;letter-spacing:-.04em}h3{font-size:22px;line-height:1.25}.intro{max-width:760px;margin-bottom:48px}.question-grid,.card-grid,.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.question,.card,.module{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff}.question{min-height:250px;display:flex;flex-direction:column}.question .number{color:var(--blue);font-weight:800}.question a{margin-top:auto;color:var(--blue);font-weight:750}.module b{display:block;color:var(--blue);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.module p,.card p{color:var(--muted)}.system-list{display:grid;gap:1px;background:#9cc5dc;border:1px solid #9cc5dc;border-radius:18px;overflow:hidden}.system-list div{display:grid;grid-template-columns:180px 1fr;gap:20px;background:var(--blue-dark);padding:22px}.system-list strong{color:#77e6ce}.steps{counter-reset:steps;display:grid;gap:0}.step{position:relative;padding:5px 0 35px 72px;border-left:1px solid #9bc2d9}.step:before{counter-increment:steps;content:counter(steps);position:absolute;left:-22px;top:0;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.step h3{margin-top:0}.metric{font-size:48px;font-weight:800;letter-spacing:-.05em;color:var(--blue)}.quote{font-size:clamp(25px,3vw,39px);line-height:1.35}.cta{padding:60px 0;background:var(--blue);color:#fff}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{max-width:780px;margin:0;font-size:clamp(30px,4vw,48px)}.cta .button{border-color:#fff;color:#fff}.page-hero{padding:85px 0 65px;background:var(--soft)}.page-hero h1{font-size:clamp(42px,5vw,68px)}.prose{max-width:850px}.prose h2{margin-top:55px;font-size:36px}.prose h3{margin-top:36px}.prose li{margin-bottom:8px}.anchor-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.anchor-nav a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;font-size:14px}.detail{padding:42px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.detail h2{font-size:36px}.faq{border-top:1px solid var(--line)}.faq button{width:100%;padding:22px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font:700 18px inherit;color:var(--ink);cursor:pointer}.faq button:after{content:'+';float:right;color:var(--blue)}.faq button[aria-expanded=true]:after{content:'−'}.faq div{padding:0 0 22px;color:var(--muted)}footer{padding:60px 0 25px;background:#061f35;color:#c5d8e5}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:35px}.footer-grid h3{color:#fff}.footer-grid a{display:block;margin:8px 0;text-decoration:none}.footer-bottom{margin-top:45px;padding-top:22px;border-top:1px solid #244157;font-size:13px}.badges{display:flex;gap:8px}.badges img{height:38px;width:auto}@media(max-width:900px){.menu-button{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:82px;padding:18px 20px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav-links.is-open{display:flex}.hero-grid,.split{grid-template-columns:1fr}.hero-visual{max-width:650px}.question-grid,.card-grid,.module-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.proof-strip .container{align-items:flex-start;flex-direction:column}.cta .container{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.topbar .container span:first-child{display:none}.topbar .container{justify-content:flex-end}.logo img{width:185px}.question-grid,.card-grid,.module-grid,.footer-grid{grid-template-columns:1fr}.system-list div{grid-template-columns:1fr;gap:5px}.hero{padding-top:60px}.section{padding:65px 0}}

/* ── Cookie consent banner ── */
#cookie-banner {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: var(--blue-dark);
  color: rgba(255,255,255,0.92);
  z-index: 999;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.18);
  border-top: 1px solid rgba(255,255,255,0.12);
}
#cookie-banner-inner {
  width: min(calc(100% - 40px), var(--max));
  margin: 0 auto;
  padding: 1.1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}
#cookie-banner p { font-size: 0.9rem; margin: 0; line-height: 1.5; color: #dcecf7; }
#cookie-banner a { color: #fff; text-decoration: underline; font-weight: 600; }
#cookie-banner-buttons { display: flex; gap: 0.75rem; flex-shrink: 0; }
#cookie-banner-buttons .button { padding: 9px 18px; font-size: 14px; cursor: pointer; }
#cookie-banner-buttons .button:after { content: none; }
#cookie-banner-buttons .button:not(.primary) { background: transparent; border-color: rgba(255,255,255,0.4); color: #fff; }
#cookie-banner-buttons .button:not(.primary):hover { background: rgba(255,255,255,0.1); border-color: #fff; }
