:root { --ink:#1d2430; --paper:#f7f6f2; --navy:#263244; --orange:#cf7658; --line:#dedbd2; --muted:#626b75; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:'DM Sans',sans-serif; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1120px, calc(100% - 40px)); margin:auto; }
header { position:sticky; top:0; z-index:3; background:rgba(247,246,242,.94); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.nav { min-height:72px; display:flex; justify-content:space-between; align-items:center; gap:18px; }
.nav-actions { display:flex; align-items:center; gap:10px; }
.lang-button { display:inline-flex; align-items:center; gap:5px; border:0; background:transparent; color:var(--navy); cursor:pointer; font:700 .85rem 'DM Sans',sans-serif; padding:10px; }
.brand { display:inline-flex; align-items:center; gap:8px; color:var(--navy); text-decoration:none; font:700 1.65rem 'Bebas Neue',sans-serif; letter-spacing:1.4px; }
.brand-bird { height:22px; width:auto; color:var(--navy); flex-shrink:0; }
.brand-wordmark { height:15px; width:auto; color:var(--navy); flex-shrink:0; }
.nav-links { display:flex; gap:20px; color:var(--muted); font-size:.9rem; }
.button { display:inline-flex; align-items:center; justify-content:center; padding:13px 18px; border-radius:10px; font-weight:700; background:var(--orange); color:white; border:1px solid var(--orange); }
.button.ghost { color:var(--navy); background:transparent; border-color:var(--navy); }
.hero { padding:88px 0 72px; display:grid; grid-template-columns:1.2fr .8fr; gap:48px; align-items:center; }
.eyebrow { color:var(--orange); font-weight:700; font-size:.78rem; letter-spacing:1.5px; }
h1 { font:400 clamp(3.5rem, 8vw, 6.8rem)/.9 'Bebas Neue',sans-serif; letter-spacing:1px; margin:14px 0 22px; }
h2 { font:400 clamp(2.3rem, 5vw, 3.6rem)/.95 'Bebas Neue',sans-serif; letter-spacing:.6px; margin:0 0 15px; }
p { color:var(--muted); line-height:1.65; }
.actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.hero-card,.card { background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 16px 36px rgba(35,44,57,.08); }
.hero-card { padding:24px; transform:rotate(2deg); }
.metric { padding:16px 0; border-bottom:1px solid var(--line); }
.metric:last-child { border:0; }.metric strong { display:block; font:2rem 'Bebas Neue',sans-serif; color:var(--navy); }
section { padding:72px 0; border-top:1px solid var(--line); }
.lead { max-width:670px; margin:0 0 30px; }.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.card { padding:24px; }.card h3 { margin:0 0 14px; padding-bottom:11px; color:var(--navy); border-bottom:2px solid var(--orange); font:400 1.7rem/1 'Bebas Neue',sans-serif; letter-spacing:.5px; }.icon { font-size:1.5rem; margin-bottom:15px; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.step b { color:var(--orange); font:2.2rem 'Bebas Neue',sans-serif; }
.faq details { background:white; border:1px solid var(--line); border-radius:10px; padding:16px 18px; margin:10px 0; }.faq summary { cursor:pointer; font-weight:700; }
.info-nav { margin-bottom:38px; }.info-nav a { padding-bottom:6px; border-bottom:2px solid transparent; }.info-nav a:hover { border-color:var(--orange); }.info-view { max-width:780px; }.info-view h3 { margin-top:30px; }
.cta { text-align:center; background:var(--navy); color:white; border-radius:20px; padding:54px 25px; }.cta p { color:#d2d7df; }.cta .button { background:var(--orange); }
footer { padding:38px 0; color:var(--muted); font-size:.85rem; }.footer-links { display:flex; flex-wrap:wrap; gap:18px; margin-top:10px; }
@media (max-width:720px) {
  .wrap { width:min(1120px, calc(100% - 32px)); }
  .nav { min-height:64px; gap:10px; }
  .lang-button { padding:8px; }
  .button { padding:11px 15px; }
  .nav-links { display:none; }
  .hero { grid-template-columns:1fr; gap:28px; padding:42px 0 40px; }
  h1 { font-size:clamp(3rem, 14vw, 3.8rem); margin:12px 0 18px; }
  h2 { font-size:clamp(2.1rem, 11vw, 2.7rem); }
  .actions { margin-top:22px; gap:10px; }
  .hero-card,.card { border-radius:15px; }
  .hero-card,.card { padding:20px; }
  .metric { padding:12px 0; }
  section { padding:46px 0; }
  .lead { margin-bottom:22px; }
  .grid,.steps { grid-template-columns:1fr; gap:12px; }
  .faq details { padding:14px 16px; margin:8px 0; }
  .cta { border-radius:16px; padding:38px 20px; }
  footer { padding:28px 0; }
}