/* ═══════════════════════════════════════════
   AYO — main.css · hell · professionell · Du
   ═══════════════════════════════════════════ */

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }

:root {
  --orange:    #F39200;
  --orange-lt: rgba(243,146,0,0.09);
  --orange-md: rgba(243,146,0,0.22);
  --dark:      #1A1A1A;
  --darkgray:  #2D3035;
  --mid:       #5A5A5A;
  --muted:     #8A8A8A;
  --border:    #E5E3DE;
  --cream:     #F8F7F4;
  --white:     #FFFFFF;
  --line-d:    rgba(255,255,255,0.09);
  --radius:    8px;
  --radius-sm: 5px;
  --max:       1100px;
}

html { scroll-behavior:smooth; }
body {
  font-family:'Inter',-apple-system,sans-serif;
  background:var(--cream); color:var(--dark);
  line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}

/* TYPOGRAPHY */
h1 { font-size:clamp(34px,5vw,66px); font-weight:700; line-height:1.08; letter-spacing:-0.025em; }
h2 { font-size:clamp(26px,3.5vw,46px); font-weight:700; line-height:1.1; letter-spacing:-0.02em; }
h3 { font-size:clamp(17px,2vw,22px); font-weight:700; line-height:1.25; letter-spacing:-0.01em; }
h4 { font-size:15px; font-weight:700; }
p  { font-size:16px; font-weight:300; line-height:1.8; color:var(--mid); }

.eyebrow { display:block; font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--orange); margin-bottom:18px; }
.eyebrow--light { color:var(--muted); }

/* LAYOUT */
.inner { max-width:var(--max); margin:0 auto; width:100%; }
section { padding:112px 48px; }
section.tight { padding:72px 48px; }

/* BUTTONS */
.btn { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:600; border-radius:var(--radius-sm); text-decoration:none; transition:all 0.18s; white-space:nowrap; border:none; cursor:pointer; font-family:'Inter',sans-serif; }
.btn-orange { background:var(--orange); color:#fff; padding:12px 24px; }
.btn-orange:hover { opacity:.88; transform:translateY(-1px); }
.btn-dark   { background:var(--dark); color:#fff; padding:12px 24px; }
.btn-dark:hover { opacity:.88; transform:translateY(-1px); }
.btn-outline { background:transparent; color:var(--dark); padding:11px 23px; border:1.5px solid var(--border); }
.btn-outline:hover { border-color:var(--dark); }
.btn-ghost  { background:transparent; color:var(--muted); padding:12px 0; border-bottom:1px solid var(--border); border-radius:0; }
.btn-ghost:hover { color:var(--dark); border-color:var(--dark); }
.btn-lg { padding:16px 32px; font-size:15px; }
.btn-full { width:100%; justify-content:center; }

/* NAV */
.nav {
  position:fixed; top:0; left:0; right:0; z-index:200; height:68px;
  background:rgba(248,247,244,0.95); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
  display:flex; align-items:center; padding:0 48px;
}
.nav-inner { max-width:var(--max); margin:0 auto; width:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.nav-logo img { height:38px; display:block; }
.nav-links { display:flex; align-items:center; gap:4px; list-style:none; }
.nav-links > li { position:relative; }
.nav-links a { font-size:14px; font-weight:500; color:var(--mid); text-decoration:none; padding:7px 12px; border-radius:var(--radius-sm); display:flex; align-items:center; gap:4px; transition:color 0.15s, background 0.15s; }
.nav-links a:hover, .nav-links a.active { color:var(--dark); background:rgba(0,0,0,0.04); }
.nav-chevron { font-size:10px; opacity:0.5; }

/* Dropdown */
.nav-dropdown { position:absolute; top:calc(100% + 6px); left:0; background:var(--white); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 8px 32px rgba(0,0,0,0.1); min-width:220px; padding:8px; opacity:0; pointer-events:none; transform:translateY(6px); transition:opacity 0.18s, transform 0.18s; z-index:300; }
.nav-links li:hover .nav-dropdown, .nav-links li:focus-within .nav-dropdown { opacity:1; pointer-events:all; transform:translateY(0); }
.nav-dropdown a { display:block; padding:10px 14px; border-radius:var(--radius-sm); font-size:13px; font-weight:500; color:var(--dark); text-decoration:none; background:none; }
.nav-dropdown a:hover { background:var(--cream); color:var(--orange); }
.nav-right { display:flex; align-items:center; gap:10px; }
.nav-lang { font-size:13px; font-weight:500; color:var(--muted); text-decoration:none; padding:6px 8px; }
.nav-lang:hover { color:var(--dark); }

/* HERO */
.hero { padding:140px 48px 96px; background:var(--cream); position:relative; overflow:hidden; }
.hero::after { content:''; position:absolute; top:-180px; right:-180px; width:560px; height:560px; background:radial-gradient(circle,rgba(243,146,0,0.08) 0%,transparent 68%); pointer-events:none; }
.hero-inner { max-width:var(--max); margin:0 auto; position:relative; z-index:1; }
.hero-pill { display:inline-flex; align-items:center; gap:8px; background:var(--orange-lt); border:1px solid var(--orange-md); border-radius:100px; padding:5px 14px; font-size:11px; font-weight:700; color:var(--orange); letter-spacing:0.07em; text-transform:uppercase; margin-bottom:32px; }
.hero-pill i { width:6px; height:6px; background:var(--orange); border-radius:50%; display:inline-block; }
.hero h1 { max-width:820px; margin-bottom:22px; }
.hero h1 em { font-style:normal; color:var(--orange); }
.hero-why { font-size:14px; font-style:italic; color:var(--muted); margin-bottom:10px; }
.hero-sub { font-size:clamp(16px,1.7vw,19px); max-width:560px; margin-bottom:44px; }
.hero-ctas { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:64px; }
.trust-bar { display:flex; align-items:center; gap:24px; padding-top:40px; border-top:1px solid var(--border); flex-wrap:wrap; }
.trust-item { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:var(--muted); }
.trust-dot { width:3px; height:3px; border-radius:50%; background:var(--border); }

/* TAB SYSTEM */
.tab-section { background:var(--white); padding:0 48px; }
.tab-nav { display:flex; border-bottom:1px solid var(--border); overflow-x:auto; max-width:var(--max); margin:0 auto; }
.tab-btn { flex:1; min-width:200px; padding:24px 20px; background:transparent; border:none; cursor:pointer; font-family:'Inter',sans-serif; color:var(--muted); text-align:left; border-bottom:2px solid transparent; margin-bottom:-1px; transition:all 0.18s; display:flex; flex-direction:column; gap:3px; }
.tab-btn .tl { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:var(--muted); }
.tab-btn .tt { font-size:15px; font-weight:700; color:var(--dark); }
.tab-btn .td { font-size:12px; color:var(--muted); }
.tab-btn:hover .tt { color:var(--orange); }
.tab-btn.active { border-bottom-color:var(--orange); }
.tab-btn.active .tl, .tab-btn.active .tt { color:var(--orange); }
.tab-content { max-width:var(--max); margin:0 auto; padding:64px 0; }
.tab-panel { display:none; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.tab-panel.active { display:grid; }
.tab-text h3 { margin-bottom:14px; }
.tab-text p  { margin-bottom:20px; }
.tab-text ul { list-style:none; display:flex; flex-direction:column; gap:11px; margin-bottom:28px; }
.tab-text ul li { display:flex; gap:12px; font-size:14px; color:var(--mid); line-height:1.65; }
.tab-text ul li::before { content:''; flex-shrink:0; width:6px; height:6px; border-radius:50%; background:var(--orange); margin-top:8px; }
.tab-img { background:var(--cream); border-radius:var(--radius); border:1px solid var(--border); aspect-ratio:16/10; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.tab-img img { width:100%; height:100%; object-fit:cover; }
.tab-ph { display:flex; flex-direction:column; align-items:center; gap:10px; color:var(--muted); text-align:center; padding:32px; }
.tab-ph-icon { font-size:40px; opacity:0.3; }
.tab-ph span { font-size:12px; font-weight:500; }

/* PROBLEM */
.section-problem { background:var(--cream); }
.problem-header { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; margin-bottom:64px; }
.problem-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.problem-card { background:var(--white); padding:40px 32px; border-top:3px solid var(--border); }
.problem-card:first-child { border-top-color:var(--orange); }
.problem-n { font-size:11px; font-weight:700; color:var(--muted); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:20px; }
.problem-text { font-size:clamp(15px,1.8vw,19px); font-weight:500; color:var(--dark); line-height:1.5; }
.problem-source { font-size:11px; color:var(--muted); margin-top:44px; line-height:1.8; }

/* FOR-WHOM */
.section-for { background:var(--white); }
.for-intro { max-width:580px; margin-bottom:56px; }
.for-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
.for-card { background:var(--cream); padding:36px 26px; text-decoration:none; color:inherit; border-top:3px solid var(--border); transition:background 0.18s, border-color 0.18s; display:flex; flex-direction:column; gap:10px; }
.for-card:hover, .for-card:first-child { border-top-color:var(--orange); background:rgba(243,146,0,0.05); }
.for-tag { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:var(--orange); }
.for-card h3 { font-size:17px; color:var(--dark); }
.for-card p  { font-size:13px; color:var(--mid); line-height:1.65; margin:0; }
.for-arrow { color:var(--orange); margin-top:auto; font-size:18px; }

/* HOW */
.section-how { background:var(--cream); }
.how-header { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:72px; }
.how-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.how-step { background:var(--white); padding:44px 36px; position:relative; }
.how-n { font-size:52px; font-weight:700; color:rgba(243,146,0,0.13); line-height:1; letter-spacing:-0.04em; margin-bottom:24px; }
.how-step h3 { margin-bottom:12px; }
.how-step p  { font-size:14px; }
.how-arr { position:absolute; right:-14px; top:50%; transform:translateY(-50%); width:28px; height:28px; background:var(--cream); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--orange); font-size:12px; z-index:2; border:1.5px solid var(--border); }
.how-step:last-child .how-arr { display:none; }

/* DIMS */
.section-dims { background:var(--white); }
.dims-header { max-width:640px; margin-bottom:56px; }
.dims-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
.dim-card { background:var(--cream); padding:36px 28px; border-top:3px solid var(--border); }
.dim-card:nth-child(1){border-top-color:#F39200;}
.dim-card:nth-child(2){border-top-color:#3B82F6;}
.dim-card:nth-child(3){border-top-color:#8B5CF6;}
.dim-card:nth-child(4){border-top-color:#10B981;}
.dim-icon { font-size:26px; margin-bottom:16px; }
.dim-card h4 { margin-bottom:8px; color:var(--dark); font-size:15px; }
.dim-card p  { font-size:13px; }

/* RESULTS */
.section-results { background:var(--dark); color:var(--white); }
.section-results p { color:rgba(255,255,255,0.5); }
.section-results h2 { color:var(--white); }
.results-top { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:56px; flex-wrap:wrap; }
.results-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.result-card { background:rgba(255,255,255,0.04); padding:44px 36px; border-top:3px solid rgba(255,255,255,0.06); transition:background 0.2s; }
.result-card:first-child { border-top-color:var(--orange); }
.result-card:hover { background:rgba(255,255,255,0.07); }
.result-n { font-size:clamp(42px,5vw,60px); font-weight:700; color:var(--white); letter-spacing:-0.04em; line-height:1; margin-bottom:10px; }
.result-n span { color:var(--orange); }
.result-tag { font-size:11px; font-weight:700; color:rgba(255,255,255,0.3); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:16px; }
.result-text { font-size:14px; color:rgba(255,255,255,0.5); line-height:1.75; }
.result-co { margin-top:24px; font-size:11px; font-weight:600; color:rgba(255,255,255,0.2); letter-spacing:0.08em; text-transform:uppercase; }

/* QUOTES */
.section-quotes { background:var(--white); }
.quotes-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.quote-card { background:var(--cream); border-radius:var(--radius); padding:36px 32px; border:1.5px solid var(--border); }
.quote-text { font-size:16px; color:var(--dark); line-height:1.75; margin-bottom:24px; font-style:italic; }
.quote-mark { color:var(--orange); font-size:28px; line-height:0; vertical-align:-10px; margin-right:2px; font-style:normal; }
.quote-author { font-size:14px; font-weight:700; color:var(--dark); }
.quote-role   { font-size:12px; color:var(--muted); margin-top:2px; }

/* TRUST */
.section-trust { background:var(--cream); }
.trust-header { max-width:580px; margin-bottom:56px; }
.trust-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; margin-bottom:48px; }
.trust-card { background:var(--white); padding:32px 28px; }
.t-icon { font-size:22px; margin-bottom:14px; }
.trust-card h4 { margin-bottom:8px; }
.trust-card p  { font-size:13px; }
.cert-row { display:flex; gap:10px; flex-wrap:wrap; }
.cert-badge { background:var(--white); border:1.5px solid var(--border); border-radius:var(--radius); padding:9px 14px; font-size:12px; font-weight:700; color:var(--dark); display:flex; align-items:center; gap:6px; }
.cert-badge::before { content:'✓'; color:var(--orange); }

/* PARTNER */
.section-partner { background:var(--white); }
.partner-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.partner-card { background:var(--cream); border-radius:var(--radius); padding:28px 22px; border:1.5px solid var(--border); }
.partner-tag { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:var(--orange); margin-bottom:8px; display:block; }
.partner-name { font-size:16px; font-weight:700; color:var(--dark); margin-bottom:8px; }
.partner-desc { font-size:13px; color:var(--mid); line-height:1.65; }
.partner-startup { display:inline-flex; align-items:center; gap:5px; background:var(--orange-lt); border-radius:20px; padding:3px 10px; font-size:10px; font-weight:700; color:var(--orange); margin-top:10px; }

/* PRICING */
.section-pricing { background:var(--cream); }
.pricing-header { max-width:580px; margin-bottom:52px; }
.pricing-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; align-items:start; }
.price-card { background:var(--white); border-radius:var(--radius); overflow:hidden; border:1.5px solid var(--border); }
.price-card--hl { border-color:var(--orange); box-shadow:0 8px 40px rgba(243,146,0,0.12); }
.price-bar { height:4px; }
.pc-free .price-bar { background:#10B981; }
.pc-team .price-bar { background:#3B82F6; }
.pc-dep  .price-bar { background:#8B5CF6; }
.pc-co   .price-bar { background:var(--orange); }
.price-body { padding:26px 22px; }
.price-tier { font-size:10px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:4px; }
.pc-free .price-tier { color:#10B981; }
.pc-team .price-tier { color:#3B82F6; }
.pc-dep  .price-tier  { color:#8B5CF6; }
.pc-co   .price-tier  { color:var(--orange); }
.price-badge { display:inline-block; font-size:10px; font-weight:600; padding:2px 9px; border-radius:20px; margin-bottom:12px; }
.pc-free .price-badge { background:#ECFDF5; color:#10B981; }
.pc-team .price-badge { background:#EFF6FF; color:#3B82F6; }
.pc-dep  .price-badge { background:#F5F3FF; color:#8B5CF6; }
.pc-co   .price-badge { background:var(--orange-lt); color:var(--orange); }
.price-scope { font-size:13px; color:var(--mid); line-height:1.65; margin-bottom:16px; }
.price-scope strong { color:var(--dark); font-weight:600; }
.price-amount { margin-bottom:4px; }
.price-big { font-size:clamp(26px,3vw,38px); font-weight:700; color:var(--dark); letter-spacing:-0.03em; line-height:1; }
.price-per { font-size:11px; color:var(--muted); margin-top:4px; line-height:1.5; }
.price-free-lbl { font-size:24px; font-weight:700; color:#10B981; }
.price-onb { display:flex; justify-content:space-between; font-size:11px; color:var(--muted); margin-top:10px; padding-top:10px; border-top:1px solid var(--border); }
.price-onb strong { color:var(--dark); }
.price-min { font-size:11px; color:var(--mid); background:var(--orange-lt); border-radius:var(--radius-sm); padding:9px 11px; margin-top:8px; line-height:1.6; }
.price-cta { display:block; width:100%; padding:12px; border-radius:var(--radius-sm); font-size:13px; font-weight:600; text-align:center; text-decoration:none; margin-top:14px; transition:opacity 0.18s; }
.price-cta:hover { opacity:.85; }
.pc-free .price-cta { background:#10B981; color:#fff; }
.pc-team .price-cta { background:#3B82F6; color:#fff; }
.pc-dep  .price-cta { background:#8B5CF6; color:#fff; }
.pc-co   .price-cta { background:var(--orange); color:#fff; }
.pricing-link { text-align:center; margin-top:32px; }
.pricing-link a { font-size:14px; font-weight:600; color:var(--orange); text-decoration:none; border-bottom:1px solid var(--orange-md); padding-bottom:2px; }

/* TEAM */
.section-team { background:var(--dark); color:var(--white); }
.section-team h2 { color:var(--white); }
.section-team > .inner > p { color:rgba(255,255,255,0.5); margin-bottom:56px; }
.team-header { margin-bottom:56px; }
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.team-card { background:rgba(255,255,255,0.04); border-radius:var(--radius); overflow:hidden; border:1px solid rgba(255,255,255,0.07); }
.team-ph { width:100%; aspect-ratio:1/1; background:linear-gradient(135deg,var(--darkgray),#3a3f46); display:flex; align-items:center; justify-content:center; font-size:36px; font-weight:700; color:var(--orange); }
.team-body { padding:20px 18px; }
.team-name { font-size:15px; font-weight:700; color:var(--white); margin-bottom:3px; }
.team-role { font-size:10px; font-weight:700; color:var(--orange); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:9px; }
.team-desc { font-size:13px; color:rgba(255,255,255,0.38); line-height:1.65; }

/* CTA FINAL */
.section-cta { background:var(--dark); color:var(--white); text-align:center; position:relative; overflow:hidden; }
.section-cta::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:700px; height:700px; background:radial-gradient(circle,rgba(243,146,0,0.08) 0%,transparent 65%); pointer-events:none; }
.cta-inner { position:relative; z-index:1; max-width:660px; margin:0 auto; }
.section-cta h2 { color:var(--white); margin-bottom:16px; }
.section-cta p  { color:rgba(255,255,255,0.5); margin-bottom:36px; font-size:18px; }
.cta-contact { margin-top:24px; font-size:13px; color:rgba(255,255,255,0.3); }
.cta-contact a { color:rgba(255,255,255,0.4); text-decoration:none; }
.cta-contact a:hover { color:var(--white); }

/* HUBSPOT */
.hs-wrap { background:var(--white); border-radius:var(--radius); padding:40px; border:1.5px solid var(--border); }

/* DEMO IFRAME */
.demo-chrome { background:var(--white); border-radius:var(--radius); border:1.5px solid var(--border); box-shadow:0 16px 48px rgba(0,0,0,0.08); overflow:hidden; }
.demo-bar { background:var(--cream); border-bottom:1px solid var(--border); padding:10px 16px; display:flex; align-items:center; gap:6px; }
.demo-dot { width:11px; height:11px; border-radius:50%; }
.dd1{background:#FF5F57;} .dd2{background:#FEBC2E;} .dd3{background:#28C840;}
.demo-url { flex:1; background:var(--white); border-radius:4px; border:1px solid var(--border); padding:4px 12px; font-size:11px; color:var(--muted); margin-left:10px; }
.demo-chrome iframe { width:100%; height:680px; border:none; display:block; }

/* VIDEO PLACEHOLDER */
.video-ph { background:var(--darkgray); border-radius:var(--radius); aspect-ratio:16/9; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; color:rgba(255,255,255,0.4); text-align:center; padding:32px; }
.vph-play { width:60px; height:60px; background:var(--orange); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.vph-play svg { width:22px; height:22px; fill:white; margin-left:3px; }
.vph-title { font-size:15px; font-weight:600; color:var(--white); }
.vph-sub   { font-size:12px; }

/* ORG VISUAL */
.section-org { background:var(--darkgray); color:var(--white); text-align:center; }
.section-org h2 { color:var(--white); max-width:540px; margin:0 auto 14px; }
.section-org p  { color:rgba(255,255,255,0.5); max-width:460px; margin:0 auto 52px; }

/* FOOTER */
footer { background:var(--darkgray); padding:32px 48px; border-top:1px solid rgba(255,255,255,0.07); }
.footer-inner { max-width:var(--max); margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
footer img { height:32px; }
.footer-links { display:flex; gap:22px; list-style:none; flex-wrap:wrap; }
.footer-links a { font-size:13px; color:rgba(255,255,255,0.38); text-decoration:none; }
.footer-links a:hover { color:var(--white); }

/* ORG SVG helper */
.org-svg-wrap { max-width:900px; margin:0 auto; }

/* REVEAL */
.r { opacity:0; transform:translateY(22px); transition:opacity 0.6s ease, transform 0.6s ease; }
.r.v { opacity:1; transform:translateY(0); }
.r1{transition-delay:.08s} .r2{transition-delay:.16s} .r3{transition-delay:.24s} .r4{transition-delay:.32s}

/* RESPONSIVE */
@media(max-width:960px){
  .nav { padding:0 20px; }
  .nav-links { display:none; }
  section { padding:72px 20px; }
  section.tight { padding:52px 20px; }
  .hero { padding:108px 20px 64px; }
  .tab-section { padding:0 20px; }
  .tab-nav { flex-direction:column; }
  .tab-btn { min-width:unset; }
  .tab-panel.active { grid-template-columns:1fr; }
  .tab-content { padding:40px 0; }
  .problem-header,.how-header { grid-template-columns:1fr; gap:20px; }
  .problem-cards,.how-steps,.results-grid,.quotes-grid,.trust-cards,
  .dims-grid,.for-grid,.pricing-grid,.team-grid,.partner-grid { grid-template-columns:1fr; }
  .results-top { flex-direction:column; }
  footer { padding:24px 20px; }
  .footer-inner { flex-direction:column; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce){ .r { opacity:1; transform:none; transition:none; } }

/* FAQ (details/summary) */
.faq-list { display:flex; flex-direction:column; gap:12px; }
.faq-item { background:var(--cream); border:1.5px solid var(--border); border-radius:10px; padding:0; overflow:hidden; }
.faq-item summary { cursor:pointer; padding:22px 26px; font-size:16px; font-weight:600; color:var(--dark); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:'+'; font-size:22px; font-weight:400; color:var(--orange); flex-shrink:0; transition:transform 0.2s ease; }
.faq-item[open] summary::after { transform:rotate(45deg); }
.faq-item p { padding:0 26px 24px; margin:0; font-size:15px; line-height:1.7; color:var(--mid); }

/* Mobiles Menü (Hamburger) */
.nav-burger { display:none; flex-direction:column; justify-content:center; gap:5px; width:42px; height:42px; background:none; border:none; cursor:pointer; padding:9px; border-radius:8px; }
.nav-burger:hover { background:rgba(0,0,0,0.04); }
.nav-burger span { display:block; height:2px; width:100%; background:var(--dark); border-radius:2px; transition:transform 0.25s, opacity 0.2s; }
.nav-burger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.nav-burger.open span:nth-child(2) { opacity:0; }
.nav-burger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

.mobile-menu { position:fixed; top:68px; left:0; right:0; bottom:0; background:var(--cream); z-index:190; padding:24px 20px 40px; transform:translateX(100%); transition:transform 0.28s ease; overflow-y:auto; display:flex; flex-direction:column; gap:6px; }
.mobile-menu.open { transform:translateX(0); }
.mobile-menu a { font-size:18px; font-weight:600; color:var(--dark); text-decoration:none; padding:16px 12px; border-bottom:1px solid var(--border); display:block; }
.mobile-menu a:active { color:var(--orange); }
.mobile-menu .btn { margin-top:20px; border-bottom:none; text-align:center; font-size:16px; }
body.menu-open { overflow:hidden; }
@media(min-width:961px){ .mobile-menu { display:none !important; } }

/* Auf Mobil: CTA im Header ausblenden (ist im Menü enthalten), nur Burger zeigen */
@media(max-width:960px){
  .nav-right .btn { display:none; }
  .nav-burger { display:flex !important; }
}