@font-face { font-family:"Poppins_400Regular"; src:url("../fonts/Poppins_400Regular.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins_600SemiBold"; src:url("../fonts/Poppins_600SemiBold.ttf") format("truetype"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins_700Bold"; src:url("../fonts/Poppins_700Bold.ttf") format("truetype"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins_800ExtraBold"; src:url("../fonts/Poppins_800ExtraBold.ttf") format("truetype"); font-weight:800; font-style:normal; font-display:swap; }

:root { --orange:#ff6b00; --orange-pale:#fff3e8; --ink:#101010; --muted:#5e5e5e; --line:#111; --paper:#fff; --radius:8px; --max:1080px; }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { font-family:"Poppins_400Regular", Arial, sans-serif; color:var(--ink); background:var(--orange) url("../images/orange-landscape-background.png?v=20260622") center/cover fixed no-repeat; line-height:1.6; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.site-header { border-bottom:2px solid var(--line); background:rgba(255,255,255,.92); backdrop-filter:blur(14px); position:sticky; top:0; z-index:30; }
.nav { max-width:var(--max); min-height:78px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.brand img { width:96px; height:auto; }
.nav-links { list-style:none; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.nav-links a { font-family:"Poppins_700Bold", Arial, sans-serif; font-weight:400; font-size:.9rem; color:#303030; }
.nav-links a:hover, .footer-links a:hover { color:var(--orange); }
.nav-links .download { color:#fff; background:#000; border:2px solid var(--line); padding:10px 15px; border-radius:999px; box-shadow:3px 3px 0 var(--line); }
.nav-links .download:hover { color:#fff; transform:translate(1px,1px); box-shadow:2px 2px 0 var(--line); }
main { max-width:var(--max); margin:0 auto; padding:64px 24px 78px; }
.page-hero, .content-card, .faq-item, .cta { background:rgba(255,255,255,.97); border:2px solid var(--line); border-radius:var(--radius); box-shadow:8px 8px 0 var(--line); }
.page-hero { padding:clamp(30px,6vw,64px); margin-bottom:26px; }
.eyebrow { color:var(--orange); text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; font-family:"Poppins_700Bold", Arial, sans-serif; font-weight:400; margin-bottom:14px; }
h1, h2, h3 { font-family:"Poppins_800ExtraBold", Arial, sans-serif; font-weight:400; line-height:1.05; letter-spacing:-.02em; }
h1 { max-width:780px; font-size:clamp(2.55rem,6vw,5rem); margin-bottom:18px; }
h2 { font-size:clamp(1.75rem,3.2vw,2.55rem); margin-bottom:14px; }
h3 { font-size:1.32rem; margin-bottom:10px; }
.lead { max-width:720px; color:#313131; font-family:"Poppins_600SemiBold", Arial, sans-serif; font-weight:400; font-size:clamp(1rem,1.8vw,1.18rem); }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:26px; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; padding:0 20px; border:2px solid var(--line); border-radius:999px; box-shadow:4px 4px 0 var(--line); font-family:"Poppins_700Bold", Arial, sans-serif; font-weight:400; transition:transform .18s ease, box-shadow .18s ease; }
.button:hover { transform:translate(2px,2px); box-shadow:2px 2px 0 var(--line); }
.button-primary { background:#000; color:#fff; }
.button-secondary { background:#fff; color:var(--ink); }
.content-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.content-card { padding:28px; }
.content-card p, .prose p, .faq-answer { color:#3f3f3f; font-weight:600; }
.content-card .number { width:38px; height:38px; display:grid; place-items:center; margin-bottom:20px; border:2px solid var(--line); border-radius:50%; color:#fff; background:var(--orange); font-family:"Poppins_700Bold", Arial, sans-serif; }
.section { margin-top:26px; }
.prose { background:rgba(255,255,255,.97); border:2px solid var(--line); border-radius:var(--radius); box-shadow:8px 8px 0 var(--line); padding:clamp(28px,5vw,50px); }
.prose p + p { margin-top:16px; }
.split { display:grid; grid-template-columns:1.05fr .95fr; gap:26px; align-items:start; }
.list { list-style:none; display:grid; gap:12px; margin-top:18px; }
.list li { padding:13px 15px; background:var(--orange-pale); border:2px solid var(--line); border-radius:var(--radius); font-family:"Poppins_600SemiBold", Arial, sans-serif; font-weight:400; }
.list li::before { content:"✓"; display:inline-block; margin-right:10px; color:var(--orange); font-family:"Poppins_800ExtraBold", Arial, sans-serif; }
.faq-list { display:grid; gap:14px; }
.faq-item { overflow:hidden; }
.faq-item summary { cursor:pointer; list-style:none; padding:22px 58px 22px 24px; position:relative; font-family:"Poppins_700Bold", Arial, sans-serif; font-size:1.08rem; font-weight:400; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+"; position:absolute; right:22px; top:15px; color:var(--orange); font-family:"Poppins_800ExtraBold", Arial, sans-serif; font-size:1.8rem; line-height:1; }
.faq-item[open] summary { border-bottom:2px solid var(--line); }
.faq-item[open] summary::after { content:"−"; }
.faq-answer { padding:20px 24px 24px; }
.cta { margin-top:26px; padding:clamp(28px,5vw,48px); }
.cta p { color:var(--muted); font-family:"Poppins_600SemiBold", Arial, sans-serif; font-weight:400; max-width:640px; margin-bottom:22px; }
footer { background:#fff; padding:46px 24px 30px; }
.footer-inner { max-width:var(--max); margin:0 auto; }
.footer-top { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:34px; padding-bottom:30px; border-bottom:2px solid var(--line); }
.footer-logo img { width:100px; margin-bottom:14px; }
.footer-brand p { max-width:320px; color:var(--muted); font-weight:600; }
.footer-links h2 { font-family:"Poppins_700Bold", Arial, sans-serif; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; margin-bottom:12px; }
.footer-links ul { list-style:none; display:grid; gap:10px; }
.footer-links a, .footer-brand a { font-family:"Poppins_700Bold", Arial, sans-serif; font-weight:400; color:#383838; }
.footer-brand a { display:inline-block; color:var(--orange); margin-top:12px; }
.footer-bottom { padding-top:20px; color:var(--muted); font-weight:600; font-size:.9rem; }
.back-to-top { position:fixed; right:22px; bottom:22px; z-index:40; width:52px; height:52px; border:2px solid var(--line); border-radius:var(--radius); background:var(--orange); color:#fff; box-shadow:4px 4px 0 var(--line); display:grid; place-items:center; cursor:pointer; opacity:0; pointer-events:none; transform:translateY(12px); transition:opacity .18s ease, transform .18s ease, box-shadow .18s ease; }
.back-to-top.is-visible { opacity:1; pointer-events:auto; transform:translateY(0); }
.back-to-top:hover { transform:translate(2px,2px); box-shadow:2px 2px 0 var(--line); }
.back-to-top svg { width:24px; height:24px; stroke:currentColor; stroke-width:3; fill:none; stroke-linecap:round; stroke-linejoin:round; }

@media (max-width:820px) {
  html, body { background:#fff; }
  body { position:relative; }
  body::before { content:""; position:fixed; inset:64px 0 0; z-index:0; pointer-events:none; background:var(--orange) url("../images/orange-portrait-background.png?v=20260622") center/cover no-repeat; }
  .site-header, main, footer, .back-to-top { position:relative; z-index:1; }
  .site-header { position:sticky; }
  .content-grid { grid-template-columns:1fr; }
  .split { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .nav { min-height:auto; align-items:flex-start; flex-direction:column; padding:14px 18px 12px; gap:12px; }
  .brand { align-self:center; }
  .brand img { width:78px; }
  .nav-links { width:100%; flex-wrap:nowrap; overflow-x:auto; gap:10px; padding-bottom:6px; scrollbar-width:none; }
  .nav-links::-webkit-scrollbar { display:none; }
  .nav-links a { flex:0 0 auto; min-height:40px; display:inline-flex; align-items:center; padding:0 14px; border:2px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:2px 2px 0 var(--line); }
  .nav-links .download { color:#fff; background:#000; }
  main { padding:34px 14px 62px; }
  .page-hero, .content-card, .prose, .faq-item, .cta { box-shadow:4px 4px 0 var(--line); }
  .page-hero, .prose, .cta { padding:22px; }
  .content-card { padding:22px; }
  .faq-item summary { padding:19px 52px 19px 19px; }
  .faq-answer { padding:18px 19px 20px; }
  .footer-top { grid-template-columns:1fr; gap:24px; }
  footer { padding:38px 18px 28px; }
  .back-to-top { right:16px; bottom:16px; width:48px; height:48px; }
}