@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Playfair+Display:wght@700&family=Outfit:wght@400;500;600&display=swap');

/* ═══════════ CSS RESET & BASE ═══════════ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
/* Grain overlay */
.grain{position:fixed;inset:0;pointer-events:none;opacity:0.025;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:512px}
/* Animations */
.fade-up{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(0.16,1,0.3,1)}
/* ═══ IMAGE SYSTEM ═══ */
.hero-img{position:absolute;inset:0;z-index:1}
/* Layout helpers */
.sp{padding:100px 6vw;max-width:1400px;margin:0 auto}
/* Buttons */
.cta-primary{display:inline-flex;align-items:center;gap:12px;padding:18px 48px;background:linear-gradient(135deg,#D4A953 0%,#B8935A 100%);color:#07080A;font-family:'Outfit',sans-serif;font-weight:600;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;transition:all 0.5s cubic-bezier(0.16,1,0.3,1)}
/* ═══ HERO ═══ */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:80px 6vw}
/* ═══ PERSONA SECTION — "Känn igen dig" ═══ */
.personas{position:relative;overflow:hidden}
/* ═══ WAUW FEELING BRIDGE ═══ */
.feeling-bridge{position:relative;overflow:hidden;min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center}
/* ═══ SERVICE CARDS ═══ */
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
/* ═══ TESTIMONIALS ═══ */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
/* ═══ DUALITY SECTION (from WAUW Feeling) ═══ */
.duality{position:relative;overflow:hidden}
/* ═══ BLUEPRINT SECTION ═══ */
.bp{position:relative;overflow:hidden}
/* ═══ FINAL CTA ═══ */
.final{background:linear-gradient(180deg,rgba(184,147,90,0.04) 0%,rgba(184,147,90,0.01) 100%)}
/* ═══ BOOKING MODAL ═══ */
.booking-overlay{position:fixed;inset:0;z-index:10000;background:rgba(7,8,10,0.94);backdrop-filter:blur(24px);display:none;align-items:center;justify-content:center;padding:24px;animation:fadeOverlay 0.3s ease-out}
/* Footer */
footer{border-top:1px solid rgba(184,147,90,0.06);padding:48px 5vw;text-align:center}
html{scroll-behavior:smooth}
::selection{background:#B8935A;color:#07080A}
body{font-family:'Outfit',system-ui,sans-serif;background:#07080A;color:#F0EDE8;overflow-x:hidden;min-height:100vh}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,4vw,3rem);height:60px;background:rgba(7,8,10,0.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(184,147,90,0.04)}
/* Hero — cinematic fullscreen with image */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:80px 6vw}
/* Layout helpers */
.sb{border-top:1px solid rgba(184,147,90,0.04)}
/* Moment sections — image + text split */
.moment{display:grid;grid-template-columns:1fr 1fr;min-height:80vh;overflow:hidden}
*{direction:ltr}
/* Full-bleed statements */
.statement{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(80px,10vh,120px) 6vw;position:relative}
/* Image statement — full bleed with text overlay */
.img-statement{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
/* Duality */
.duality{padding:clamp(80px,12vh,140px) 6vw;position:relative;overflow:hidden}
/* Rhythm breaks */
.rhythm{padding:clamp(48px,6vh,72px) 6vw;border-top:1px solid rgba(184,147,90,0.04);border-bottom:1px solid rgba(184,147,90,0.04)}
/* CTA / Promise */
.promise{padding:clamp(80px,12vh,140px) 6vw;text-align:center}
/* Footer */
footer{padding:60px 6vw 40px;text-align:center;border-top:1px solid rgba(184,147,90,0.04)}
html{scroll-behavior:smooth;font-size:18px}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
/* PROBLEM CARDS */
.problem-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:36px}
/* PHILOSOPHY BOX */
.philosophy-box{background:linear-gradient(135deg,rgba(184,147,90,.05),rgba(184,147,90,.015));border:1px solid var(--gld);border-radius:10px;padding:44px 48px;margin-top:32px}
/* CHAIN — 5-step */
.chain{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;position:relative}
/* DETAIL CARDS */
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
/* REPORT GRID */
.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
/* STATS */
.stat-row{display:flex;gap:32px;margin-top:28px;flex-wrap:wrap}
/* STICKY CTA */
.cta-section{background:var(--deep);text-align:center;padding:100px 0}
/* MINI CTA (inline) */
.mini-cta{display:inline-flex;align-items:center;gap:12px;background:var(--gld-s);border:1px solid var(--gld);border-radius:8px;padding:14px 28px;margin-top:28px;transition:all .3s;cursor:pointer;text-decoration:none}
/* TECH GRID */
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
html{scroll-behavior:smooth;scroll-padding-top:40px}
/* ── RESET & BASE ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* ── SCROLL REVEAL ── */
.r{opacity:0;transform:translateY(20px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
/* ── LAYOUT ── */
.w{max-width:1080px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
/* ── TYPOGRAPHY ── */
.tag{font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gld);font-weight:600;display:block;margin-bottom:14px}
/* ── HERO ── */
.hero{min-height:52vh;display:flex;align-items:center;padding:130px 0 80px;position:relative;overflow:hidden}
/* ── SECTION NAV (anchor tabs) ── */
.sec-nav{position:sticky;top:56px;z-index:999;background:rgba(7,8,10,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--l08)}
/* ── SECTION HEADER ── */
.sec-head{margin-bottom:48px}
/* ── PARTNER GRID ── */
.p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
/* ── PARTNER CARD ── */
.p-card{border:1px solid rgba(184,147,90,0.08);position:relative;overflow:hidden;cursor:pointer;text-decoration:none;display:block;transition:all .5s cubic-bezier(.16,1,.3,1);background:var(--card)}
/* Card image */
.p-card-img{height:220px;overflow:hidden;position:relative}
/* Card body */
.p-card-/* Coming soon card */
.p-card.soon{opacity:.45;cursor:default;pointer-events:none}
/* ── PLACEHOLDER — fler verktyg ── */
.more-placeholder{border:1px dashed rgba(184,147,90,.15);padding:40px;text-align:center;grid-column:1/-1}
/* ── FOOTER ── */
footer{padding:40px 0;border-top:1px solid var(--l08);text-align:center}
/* ── WEBFLOW OVERRIDES ── */
/* Mobile */
#wauw-nav .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;margin-left:12px}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* ── GRAIN OVERLAY ── */
body::after {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* ── TYPOGRAPHY ── */
h1, h2, h3 { font-family:'Playfair Display', Georgia, serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; }
/* ── SCROLL REVEAL ── */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
/* ── SECTIONS ── */
section { padding: 120px 0; position: relative; }
/* ── HERO ── */
.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  background: radial-gradient(ellipse at 40% 40%, #162438 0%, var(--obsidian) 65%);
}
/* ── PHILOSOPHY ── */
.philosophy {
  background: linear-gradient(180deg, var(--obsidian) 0%, var(--deep) 100%);
  border-top: 1px solid var(--gold-border);
}
/* ── THE 4 LAYERS ── */
.layers-section {
  background: var(--deep);
}
/* ── TECH STACK ── */
.tech-section {
  background: linear-gradient(180deg, var(--deep) 0%, var(--obsidian) 100%);
}
/* ── THE PROMISE ── */
.promise-section {
  background: var(--obsidian);
  border-top: 1px solid var(--gold-border);
  text-align: center;
}
/* ── METHOD ── */
.method-section {
  background: linear-gradient(180deg, var(--obsidian) 0%, var(--deep) 100%);
}
/* ── CTA ── */
.cta-section {
  background: var(--deep);
  text-align: center;
  padding: 100px 0;
  border-top: 1px solid var(--gold-border);
}
/* ── FOOTER ── */
footer {
  padding: 40px 0;
  text-align: center;
  font-size: 0.7rem;
  color: var(--subtle);
  border-top: 1px solid rgba(255,255,255,0.03);
}
/* ── RESPONSIVE ── */
@media (max-width: 800px) {
  section { padding: 80px 0; }
}

html { scroll-behavior: smooth; }
/* body rule consolidated at line 38 */
/* BRAND CARDS with images */
.brand-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:40px}
/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}
/* COUNTER */
.counter-section{background:var(--surf);padding:80px 0;border-top:1px solid var(--gld-s);border-bottom:1px solid var(--gld-s);text-align:center}
/* LETTER */
.letter{background:linear-gradient(180deg,var(--obs),var(--deep));padding:140px 0}
/* FULLBLEED */
.fb-section{position:relative;overflow:hidden;padding:0}
/* CONTRAST */
.contrast{background:var(--obs);padding:100px 0}
/* CARDS */
.vals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;position:relative;z-index:1}
/* PRODUCTS */
.pfeat{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:80px;position:relative;z-index:1}
/* PROOF */
.proof{background:var(--surf);padding:50px 0;border-top:1px solid var(--gld-s);border-bottom:1px solid var(--gld-s)}
/* BRIDGE */
.bridge{background:linear-gradient(180deg,var(--obs),var(--deep));border-top:1px solid var(--gld-b)}
/* PROMISE */
.promise{background:var(--obs);padding:140px 0;text-align:center}
/* Animations */
.fade-up{opacity:0;transform:translateY(36px);transition:all 1.1s cubic-bezier(0.16,1,0.3,1)}
/* Layout */
.sp{padding:clamp(64px,10vw,120px) 6vw;max-width:1200px;margin:0 auto}
/* Buttons */
.cta-primary{display:inline-flex;align-items:center;gap:12px;padding:18px 48px;background:linear-gradient(135deg,#D4A953 0%,#B8935A 100%);color:#07080A;font-family:'Outfit',sans-serif;font-weight:600;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;transition:all 0.5s cubic-bezier(0.16,1,0.3,1)}
/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,4vw,3rem);height:60px;background:rgba(7,8,10,0.85);backdrop-filter:blur(24px);border-bottom:1px solid rgba(184,147,90,0.04);transition:background 0.4s}
/* ═══════════════════════════════════════ */
/* HERO — FULL SCREEN CINEMATIC           */
/* ═══════════════════════════════════════ */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
/* Stats bar */
.stats-bar{position:relative;z-index:4;background:rgba(7,8,10,0.8);backdrop-filter:blur(20px);border-top:1px solid rgba(184,147,90,0.08);border-bottom:1px solid rgba(184,147,90,0.08)}
/* Image showcase strip */
.img-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden;background:var(--bg)}
/* Split problem/solution */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:start}
/* Tech cards */
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
/* Quote block */
.quote-block{max-width:720px;margin:0 auto;padding:48px;background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 16px 16px 0}
/* Product ecosystem */
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
/* Conviction strip */
.conviction-strip{padding:clamp(48px,8vw,80px) 6vw;text-align:center;background:linear-gradient(180deg,rgba(184,147,90,0.03) 0%,transparent 100%)}
/* Grind table */
.grind-wrap{margin-top:48px;border:1px solid rgba(184,147,90,0.08);border-radius:12px;overflow:hidden;background:rgba(240,237,232,0.015)}
/* Timeline */
.timeline{position:relative;padding-left:32px}
/* Full-bleed image section */
.img-interlude{position:relative;height:clamp(450px,60vw,800px);overflow:hidden}
/* WAUW fitting section with image */
.wauw-fitting{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:500px}
/* Macro detail strip */
.macro-strip{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg);font-size:0;line-height:0}
/* CTA finale */
.cta-finale{position:relative;overflow:hidden;padding:clamp(80px,12vw,160px) 6vw;text-align:center}
/* Z-Alloy section with image */
.zalloy-section{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
/* WATERMARK GLYPHS */
.wm{font-family: 'Outfit',sans-serif;font-weight:800;position:absolute;pointer-events:none;line-height:1;white-space:nowrap;color:rgba(240,237,230,.018);z-index:0;letter-spacing:-.04em}
/* SEAL */
.seal{width:52px;height:52px;position:relative;display:inline-block}
/* ═══ CINEMATIC IMAGE SYSTEM ═══ */
.cine-full{position:relative;overflow:hidden;width:100%}
/* Product images */
.pimg{border-radius:10px;overflow:hidden;position:relative;background:#050a10}
/* Ambient pulse image */
.amb-img{position:relative;overflow:hidden;border-radius:10px}
/* ═══ HERO ═══ */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}
/* ═══ LETTER ═══ */
.letter{background:linear-gradient(180deg,var(--obs),var(--deep));padding:140px 0}
/* ═══ FULLBLEED IMAGE SECTIONS ═══ */
.fb-section{position:relative;overflow:hidden;padding:0}
/* ═══ FOUNDERS ═══ */
.founders{background:linear-gradient(180deg,var(--deep),var(--obs))}
/* Ghost image behind founders */
.founders-ghost{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:320px;opacity:.06;z-index:0;border-radius:8px;overflow:hidden;pointer-events:none}
/* ═══ VALUES ═══ */
.vals{background:var(--deep)}
/* ═══ CONTRAST — THE AUDACITY SECTION ═══ */
.contrast{background:var(--obs);padding:100px 0}
/* ═══ TECH ═══ */
.tech{background:var(--deep)}
/* ═══ WHY ═══ */
.why{background:linear-gradient(180deg,var(--deep),var(--obs))}
/* ═══ PROOF ═══ */
.proof{background:var(--surf);padding:50px 0;border-top:1px solid var(--gld-s);border-bottom:1px solid var(--gld-s)}
/* ═══ PRODUCTS ═══ */
.products{background:var(--deep)}
/* ═══ PARABLE ═══ */
.parable{background:var(--surf);padding:100px 0;border-top:1px solid var(--gld-s);border-bottom:1px solid var(--gld-s);text-align:center}
/* ═══ BRIDGE ═══ */
.bridge{background:linear-gradient(180deg,var(--obs),var(--deep));border-top:1px solid var(--gld-b)}
/* ═══ PROMISE ═══ */
.promise{background:var(--obs);text-align:center;padding:160px 0;position:relative;overflow:hidden}
/* ═══ IMAGE STRIP ═══ */
.istrip{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;position:relative;z-index:1}
/* ═══ CRAFT ═══ */
.craft{background:var(--obs)}
/* LOGO SECTION */
.mlogo{text-align:center;padding:80px 0;background:var(--deep);border-top:1px solid var(--gld-s)}
/* TICKER BAR */
.tbar{background:var(--surf);padding:14px 0;border-top:1px solid rgba(184,147,90,.06);border-bottom:1px solid rgba(184,147,90,.06);overflow:hidden;white-space:nowrap}
/* FOOTER */
footer{text-align:center;padding:44px 30px;background:var(--deep);font-size:.58rem;letter-spacing:.06em;color:var(--l12);line-height:2}
/* ═══ RESPONSIVE ═══ */
@media(max-width:820px){
  .founders-grid{grid-template-columns:1fr;gap:40px}
}

/* FORMULA WATERMARKS */
.kbg{font-family:'Space Mono',monospace;font-weight:700;position:absolute;pointer-events:none;line-height:1;white-space:nowrap;color:rgba(240,237,230,.018);z-index:0}
/* SEAL — θ = 0° */
.seal{width:52px;height:52px;position:relative;display:inline-block}
/* ═══ CONTRAST ═══ */
.contrast{background:var(--obs);padding:100px 0}
/* ═══ PROMISE ═══ */
.promise{background:var(--obs);padding:140px 0;text-align:center}
/* LOGO + FOOTER */
.mlogo{background:var(--obs);padding:80px 0;text-align:center}
/* ═══ RESPONSIVE ═══ */
@media(max-width:768px){
  section{padding:80px 0}
}

/* KANJI WATERMARKS */
.kbg{font-family:'Noto Serif JP',serif;font-weight:900;position:absolute;pointer-events:none;line-height:1;white-space:nowrap;color:rgba(240,237,230,.022);z-index:0}
/* Ghost image behind letter */
.letter-ghost{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:280px;opacity:.08;z-index:0;border-radius:8px;overflow:hidden}
/* KANJI */
.kbg{font-family:'Noto Serif JP',serif;font-weight:900;position:absolute;pointer-events:none;line-height:1;white-space:nowrap;color:rgba(240,237,230,.018);z-index:0}
/* CARDS & GRID */
.vals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;position:relative;z-index:1}
/* IMAGE STRIP */
.istrip{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;position:relative;z-index:1}
/* ── WEBFLOW OVERRIDES ──────────────────────────────────────────── */
/* Buttons */
.cta-primary{display:inline-flex;align-items:center;gap:12px;padding:18px 48px;background:linear-gradient(135deg,#D4A953 0%,#B8935A 100%);color:#07080A;font-family:'Outfit',sans-serif;font-weight:600;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;transition:all 0.5s cubic-bezier(0.16,1,0.3,1)}
/* ═══ HERO — OUTSTANDING ═══ */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:80px 6vw}
/* Hero background image layer */
.hero-bg-image{position:absolute;inset:0;z-index:0}
/* Warm golden overlay */
.hero-bg-image::after{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 60% at 50% 35%, rgba(184,147,90,0.12) 0%, transparent 70%),
  linear-gradient(180deg, rgba(7,8,10,0.3) 0%, rgba(7,8,10,0.15) 30%, rgba(7,8,10,0.5) 70%, rgba(7,8,10,0.95) 100%),
  linear-gradient(0deg, rgba(7,8,10,1) 0%, transparent 25%)
}
/* Extra warmth layer */
.hero-warmth{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 50% 40% at 55% 40%, rgba(212,160,86,0.08) 0%, transparent 70%);pointer-events:none}
/* ═══ STAT COUNTERS ═══ */
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px;text-align:center}
/* ═══ IMAGE GALLERY STRIP ═══ */
.gallery-strip{display:flex;gap:4px;overflow:hidden;padding:0;height:320px}
/* ═══ PROBLEM/SOLUTION SPLIT ═══ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:start}
/* ═══ TECH CARDS ═══ */
.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}
/* ═══ PRODUCT IMAGE FEATURE ═══ */
.product-feature{position:relative;margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
/* ═══ TESTIMONIAL / QUOTE ═══ */
.quote-block{max-width:720px;margin:0 auto;padding:48px;background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 16px 16px 0}
/* ═══ LIFESTYLE INTERLUDE ═══ */
.lifestyle-interlude{position:relative;height:clamp(300px,40vw,500px);overflow:hidden}
/* ═══ PRODUCT TIERS ═══ */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
/* ═══ CONVICTION STRIP ═══ */
.conviction-strip{padding:clamp(48px,8vw,80px) 6vw;text-align:center;background:linear-gradient(180deg,rgba(184,147,90,0.03) 0%,transparent 100%)}
/* ═══ CTA SECTION with background ═══ */
.cta-section{position:relative;overflow:hidden}
/* ── DESIGN TOKENS ── */
:root{--obs:#07080A;--deep:#0B0D11;--surf:#0D0F12;--card:#111318;--card-h:#161A20;--lum:#F0EDE6;--l80:rgba(240,237,230,.82);--l55:rgba(240,237,230,.55);--l30:rgba(240,237,230,.30);--gld:#B8935A;--gld-s:rgba(184,147,90,.08);--gld-b:rgba(184,147,90,.20);--gld-g:rgba(184,147,90,.35);--kraft:#2ECC71;--ice:#5DADE2;--sig:#E74C3C;--mut:#5A5A72}
/* ── WRAPPER ── */
#wauw-bioswing-page,#wauw-bioswing-page *,#wauw-bioswing-page *::before,#wauw-bioswing-page *::after{box-sizing:border-box;margin:0;padding:0;text-transform:none!important;font-variant:normal!important}
/* ── GRAIN OVERLAY ── */
#wauw-bioswing-page::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* ── SCROLL REVEAL ── */
.r{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
/* ── LAYOUT ── */
#wauw-bioswing-page section{padding:110px 0;position:relative}
/* ── TYPOGRAPHY ── */
#wauw-bioswing-page h1,#wauw-bioswing-page h2,#wauw-bioswing-page h3,#wauw-bioswing-page h4{font-family:'Playfair Display', Georgia, serif!important;font-weight:700;letter-spacing:-.02em;line-height:1.12}
/* ── HERO ── */
#wauw-bioswing-page .hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background-image:url('https://cdn.prod.website-files.com/6740cd2ca513746cbb2ba61d/69af002675c865b2f37aaa90_kinseq.jpg');background-size:cover;background-position:center 40%}
/* ── PROOF STRIP ── */
#wauw-bioswing-page .proof-strip{background:var(--surf);padding:36px 0;border-top:1px solid rgba(184,147,90,.06);border-bottom:1px solid rgba(184,147,90,.06);text-align:center}
/* ── QUOTE BOX ── */
#wauw-bioswing-page .q-box{background:linear-gradient(135deg,rgba(184,147,90,.05),rgba(184,147,90,.015));border:1px solid var(--gld);border-radius:10px;padding:40px 44px;margin-top:28px}
/* ── CARD ── */
#wauw-bioswing-page .card{background:var(--card);border:1px solid var(--gld-b);border-radius:10px;padding:40px;position:relative;overflow:hidden;transition:all .35s}
/* ── IMG WAUW ── */
#wauw-bioswing-page .img-wauw{border-radius:8px;overflow:hidden;line-height:0}
/* ── 9-PROFILE MATRIX ── */
#wauw-bioswing-page .matrix-wrap{overflow-x:auto;margin-top:24px}
/* ── FORCE GRID ── */
#wauw-bioswing-page .force-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
/* ── STEP FLOW ── */
#wauw-bioswing-page .step-flow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
/* ── COMPARISON TABLE ── */
#wauw-bioswing-page .cmp-table{width:100%;border-collapse:collapse;margin-top:28px;font-size:.85rem}
/* ── CTA ── */
#wauw-bioswing-page .cta-section{background:var(--deep);text-align:center;padding:100px 0}
/* ── TRUST BAR + FOOTER ── */
#wauw-bioswing-page .trust-bar{padding:20px 0;text-align:center;border-top:1px solid rgba(255,255,255,.03)}
/* ── RESPONSIVE ── */
@media(max-width:820px){
  #wauw-bioswing-page section{padding:72px 0}
}

/* ── WEBFLOW OVERRIDES ── */
#wauw-bioswing-page p,#wauw-bioswing-page .body,#wauw-bioswing-page span:not(.tag):not(.step-tag):not(.proof-num):not(.proof-label):not(.pro):not(.m-num){background:none!important;background-color:transparent!important}
/* Dölj Webflow-element utanför embed */
*,#wauw-tpi-page *::before,#wauw-tpi-page *::after{box-sizing:border-box;margin:0;padding:0;text-transform:none;font-variant:normal}
/* ─── Webflow CSS override ─── */
#wauw-tpi-page p,#wauw-tpi-page .body,#wauw-tpi-page span:not(.tag):not(.test-tag):not(.proof-num):not(.proof-label):not(.b12-num):not(.p-bench){background:none!important;background-color:transparent!important}
/* Dölj Webflow-element utanför vårt block */
/* ═══════════ DESIGN SYSTEM VARIABLES ═══════════ */

:root {
  --color-dark: #07080A;
  --color-light: #F0EDE8;
  --color-gold: #B8935A;
  --color-gold-dark: #9A7A4A;
  --color-accent-purple: #9b7aed;
  --color-accent-orange: #e67e22;
}


/* ═══════════ TYPOGRAPHY & GRAIN ═══════════ */

.grain {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.025;
  z-index: 9999;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  background-size: 512px;
}
.fd { font-family: 'Playfair Display', Georgia, serif; }
.fb { font-family: 'Outfit', system-ui, sans-serif; }


/* ═══════════ ANIMATIONS ═══════════ */

.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}
.s1 { transition-delay: 0.1s; }
.s2 { transition-delay: 0.2s; }
.s3 { transition-delay: 0.3s; }
.s4 { transition-delay: 0.4s; }
.s5 { transition-delay: 0.5s; }

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 20px rgba(184, 147, 90, 0.25); }
  50% { box-shadow: 0 0 40px rgba(184, 147, 90, 0.4), 0 0 80px rgba(184, 147, 90, 0.12); }
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
@keyframes fadeOverlay {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes slideUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes expandLine {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}


/* ═══════════ NAVIGATION ═══════════ */

#wauw-nav{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,2.5rem);height:56px;background:rgba(7,8,10,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(184,147,90,0.06);transition:background .3s}

#wauw-nav .nav-logo{font-family:'Montserrat',sans-serif!important;font-weight:900;font-size:18px;color:#F0EDE8;letter-spacing:4px;text-decoration:none;text-transform:uppercase!important;line-height:1;flex-shrink:0}

#wauw-nav .nav-links{display:flex;align-items:center;gap:0}

#wauw-nav .nav-links a{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,0.35);text-decoration:none;padding:18px 16px;transition:color .25s;position:relative}

#wauw-nav .nav-links a:hover{color:rgba(240,237,232,0.75)}

#wauw-nav .nav-links a.active{color:#B8935A}

#wauw-nav .nav-links a.active::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background:#B8935A}

#wauw-nav .nav-cta{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase!important;color:#07080A;background:linear-gradient(135deg,#B8935A,#9A7A4A);padding:8px 22px;text-decoration:none;transition:all .25s;white-space:nowrap;flex-shrink:0}

#wauw-nav .nav-cta:hover{box-shadow:0 8px 24px rgba(184,147,90,0.25);opacity:.9}

#wauw-nav .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;margin-left:12px}

#wauw-nav .nav-hamburger span{display:block;width:22px;height:1.5px;background:#F0EDE8;transition:all .3s}

#wauw-nav .nav-mobile{display:none;position:fixed;top:56px;left:0;right:0;background:rgba(7,8,10,.98);backdrop-filter:blur(20px);padding:16px 24px 28px;flex-direction:column;gap:2px;border-bottom:1px solid rgba(184,147,90,.08)}

#wauw-nav .nav-mobile a{font-family:'Outfit',sans-serif!important;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,.45);text-decoration:none;padding:13px 16px;transition:color .2s;display:block}

#wauw-nav .nav-mobile a:hover{color:#F0EDE8}

#wauw-nav .nav-mobile .mob-cta{color:#B8935A;border-top:1px solid rgba(184,147,90,.1);margin-top:8px;padding-top:18px;font-weight:600}

#wauw-nav.mobile-open .nav-mobile{display:flex}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(2){opacity:0}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

#wauw-nav .nav-links{display:none}

#wauw-nav .nav-cta{display:none}

#wauw-nav .nav-hamburger{display:flex}

#wauw-nav{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,2.5rem);height:56px;background:rgba(7,8,10,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(184,147,90,0.06);transition:background .3s}

#wauw-nav .nav-logo{font-family:'Montserrat',sans-serif!important;font-weight:900;font-size:18px;color:#F0EDE8;letter-spacing:4px;text-decoration:none;text-transform:uppercase!important;line-height:1;flex-shrink:0}

#wauw-nav .nav-links{display:flex;align-items:center;gap:0}

#wauw-nav .nav-links a{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,0.35);text-decoration:none;padding:18px 16px;transition:color .25s;position:relative}

#wauw-nav .nav-links a:hover{color:rgba(240,237,232,0.75)}

#wauw-nav .nav-links a.active{color:#B8935A}

#wauw-nav .nav-links a.active::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background:#B8935A}

#wauw-nav .nav-cta{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase!important;color:#07080A;background:linear-gradient(135deg,#B8935A,#9A7A4A);padding:8px 22px;text-decoration:none;transition:all .25s;white-space:nowrap;flex-shrink:0}

#wauw-nav .nav-cta:hover{box-shadow:0 8px 24px rgba(184,147,90,0.25);opacity:.9}

#wauw-nav .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;margin-left:12px}

#wauw-nav .nav-hamburger span{display:block;width:22px;height:1.5px;background:#F0EDE8;transition:all .3s}

#wauw-nav .nav-mobile{display:none;position:fixed;top:56px;left:0;right:0;background:rgba(7,8,10,.98);backdrop-filter:blur(20px);padding:16px 24px 28px;flex-direction:column;gap:2px;border-bottom:1px solid rgba(184,147,90,.08)}

#wauw-nav .nav-mobile a{font-family:'Outfit',sans-serif!important;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,.45);text-decoration:none;padding:13px 16px;transition:color .2s;display:block}

#wauw-nav .nav-mobile a:hover{color:#F0EDE8}

#wauw-nav .nav-mobile .mob-cta{color:#B8935A;border-top:1px solid rgba(184,147,90,.1);margin-top:8px;padding-top:18px;font-weight:600}

#wauw-nav.mobile-open .nav-mobile{display:flex}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(2){opacity:0}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

#wauw-nav .nav-links{display:none}

#wauw-nav .nav-cta{display:none}

#wauw-nav .nav-hamburger{display:flex}

#wauw-nav{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,2.5rem);height:56px;background:rgba(7,8,10,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(184,147,90,0.06);transition:background .3s}

#wauw-nav .nav-logo{font-family:'Montserrat',sans-serif!important;font-weight:900;font-size:18px;color:#F0EDE8;letter-spacing:4px;text-decoration:none;text-transform:uppercase!important;line-height:1;flex-shrink:0}

#wauw-nav .nav-links{display:flex;align-items:center;gap:0}

#wauw-nav .nav-links a{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,0.35);text-decoration:none;padding:18px 16px;transition:color .25s;position:relative}

#wauw-nav .nav-links a:hover{color:rgba(240,237,232,0.75)}

#wauw-nav .nav-links a.active{color:#B8935A}

#wauw-nav .nav-links a.active::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background:#B8935A}

#wauw-nav .nav-cta{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase!important;color:#07080A;background:linear-gradient(135deg,#B8935A,#9A7A4A);padding:8px 22px;text-decoration:none;transition:all .25s;white-space:nowrap;flex-shrink:0}

#wauw-nav .nav-cta:hover{box-shadow:0 8px 24px rgba(184,147,90,0.25);opacity:.9}

#wauw-nav .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;margin-left:12px}

#wauw-nav .nav-hamburger span{display:block;width:22px;height:1.5px;background:#F0EDE8;transition:all .3s}

#wauw-nav .nav-mobile{display:none;position:fixed;top:56px;left:0;right:0;background:rgba(7,8,10,.98);backdrop-filter:blur(20px);padding:16px 24px 28px;flex-direction:column;gap:2px;border-bottom:1px solid rgba(184,147,90,.08)}

#wauw-nav .nav-mobile a{font-family:'Outfit',sans-serif!important;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,.45);text-decoration:none;padding:13px 16px;transition:color .2s;display:block}

#wauw-nav .nav-mobile a:hover{color:#F0EDE8}

#wauw-nav .nav-mobile .mob-cta{color:#B8935A;border-top:1px solid rgba(184,147,90,.1);margin-top:8px;padding-top:18px;font-weight:600}

#wauw-nav.mobile-open .nav-mobile{display:flex}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(2){opacity:0}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

#wauw-nav .nav-links{display:none}

#wauw-nav .nav-cta{display:none}

#wauw-nav .nav-hamburger{display:flex}

#wauw-nav{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,2.5rem);height:56px;background:rgba(7,8,10,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(184,147,90,0.06);transition:background .3s}

#wauw-nav .nav-logo{font-family:'Montserrat',sans-serif!important;font-weight:900;font-size:18px;color:#F0EDE8;letter-spacing:4px;text-decoration:none;text-transform:uppercase!important;line-height:1;flex-shrink:0}

#wauw-nav .nav-links{display:flex;align-items:center;gap:0}

#wauw-nav .nav-links a{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,0.35);text-decoration:none;padding:18px 16px;transition:color .25s;position:relative}

#wauw-nav .nav-links a:hover{color:rgba(240,237,232,0.75)}

#wauw-nav .nav-links a.active{color:#B8935A}

#wauw-nav .nav-links a.active::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background:#B8935A}

#wauw-nav .nav-cta{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase!important;color:#07080A;background:linear-gradient(135deg,#B8935A,#9A7A4A);padding:8px 22px;text-decoration:none;transition:all .25s;white-space:nowrap;flex-shrink:0}

#wauw-nav .nav-cta:hover{box-shadow:0 8px 24px rgba(184,147,90,0.25);opacity:.9}

#wauw-nav .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;margin-left:12px}

#wauw-nav .nav-hamburger span{display:block;width:22px;height:1.5px;background:#F0EDE8;transition:all .3s}

#wauw-nav .nav-mobile{display:none;position:fixed;top:56px;left:0;right:0;background:rgba(7,8,10,.98);backdrop-filter:blur(20px);padding:16px 24px 28px;flex-direction:column;gap:2px;border-bottom:1px solid rgba(184,147,90,.08)}

#wauw-nav .nav-mobile a{font-family:'Outfit',sans-serif!important;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,.45);text-decoration:none;padding:13px 16px;transition:color .2s;display:block}

#wauw-nav .nav-mobile a:hover{color:#F0EDE8}

#wauw-nav .nav-mobile .mob-cta{color:#B8935A;border-top:1px solid rgba(184,147,90,.1);margin-top:8px;padding-top:18px;font-weight:600}

#wauw-nav.mobile-open .nav-mobile{display:flex}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(2){opacity:0}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

#wauw-nav .nav-links{display:none}

#wauw-nav .nav-cta{display:none}

#wauw-nav .nav-hamburger{display:flex}

#wauw-nav{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,2.5rem);height:56px;background:rgba(7,8,10,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(184,147,90,0.06);transition:background .3s}

#wauw-nav .nav-logo{font-family:'Montserrat',sans-serif!important;font-weight:900;font-size:18px;color:#F0EDE8;letter-spacing:4px;text-decoration:none;text-transform:uppercase!important;line-height:1;flex-shrink:0}

#wauw-nav .nav-links{display:flex;align-items:center;gap:0}

#wauw-nav .nav-links a{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,0.35);text-decoration:none;padding:18px 16px;transition:color .25s;position:relative}

#wauw-nav .nav-links a:hover{color:rgba(240,237,232,0.75)}

#wauw-nav .nav-links a.active{color:#B8935A}

#wauw-nav .nav-links a.active::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background:#B8935A}

#wauw-nav .nav-cta{font-family:'Outfit',sans-serif!important;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase!important;color:#07080A;background:linear-gradient(135deg,#B8935A,#9A7A4A);padding:8px 22px;text-decoration:none;transition:all .25s;white-space:nowrap;flex-shrink:0}

#wauw-nav .nav-cta:hover{box-shadow:0 8px 24px rgba(184,147,90,0.25);opacity:.9}

#wauw-nav .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;margin-left:12px}

#wauw-nav .nav-hamburger span{display:block;width:22px;height:1.5px;background:#F0EDE8;transition:all .3s}

#wauw-nav .nav-mobile{display:none;position:fixed;top:56px;left:0;right:0;background:rgba(7,8,10,.98);backdrop-filter:blur(20px);padding:16px 24px 28px;flex-direction:column;gap:2px;border-bottom:1px solid rgba(184,147,90,.08)}

#wauw-nav .nav-mobile a{font-family:'Outfit',sans-serif!important;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase!important;color:rgba(240,237,232,.45);text-decoration:none;padding:13px 16px;transition:color .2s;display:block}

#wauw-nav .nav-mobile a:hover{color:#F0EDE8}

#wauw-nav .nav-mobile .mob-cta{color:#B8935A;border-top:1px solid rgba(184,147,90,.1);margin-top:8px;padding-top:18px;font-weight:600}

#wauw-nav.mobile-open .nav-mobile{display:flex}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(2){opacity:0}

#wauw-nav.mobile-open .nav-hamburger span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

#wauw-nav .nav-links{display:none}

#wauw-nav .nav-cta{display:none}

#wauw-nav .nav-hamburger{display:flex}


/* ═══════════ FOOTER ═══════════ */


/* ═══════════ BOOKING OVERLAY ═══════════ */


/* ═══════════ RESPONSIVE ═══════════ */

@media (max-width: 700px) {
  #wauw-nav .nav-links { display: none; }
  #wauw-nav .nav-cta { display: none; }
  #wauw-nav .nav-hamburger { display: flex; }
}

/* ═══════════ MOBILE GRID COLLAPSES ═══════════ */

@media (max-width: 820px) {
  .services{grid-template-columns:1fr 1fr}
  .testimonials{grid-template-columns:1fr}
  .chain{grid-template-columns:repeat(3,1fr)}
  .problem-grid{grid-template-columns:1fr}
  .report-grid{grid-template-columns:1fr}
  .tech-grid{grid-template-columns:1fr 1fr}
  .stats-row{grid-template-columns:1fr 1fr 1fr}
  .vals-grid{grid-template-columns:1fr}
  .brand-grid{grid-template-columns:1fr 1fr}
  .tiers{grid-template-columns:1fr}
  .img-strip{grid-template-columns:1fr 1fr}
  .detail-grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .moment{grid-template-columns:1fr;min-height:auto}
  .pfeat{grid-template-columns:1fr;gap:32px}
  .eco-grid{grid-template-columns:1fr 1fr}
  .wauw-fitting{grid-template-columns:1fr;min-height:auto}
  .macro-strip{grid-template-columns:1fr}
  .zalloy-section{grid-template-columns:1fr}
  .founders-grid{grid-template-columns:1fr}
  .istrip{grid-template-columns:1fr 1fr}
  .step-flow{grid-template-columns:1fr}
  .force-grid{grid-template-columns:1fr}
  .product-feature{grid-template-columns:1fr}
}

@media (max-width: 500px) {
  .services{grid-template-columns:1fr}
  .chain{grid-template-columns:1fr}
  .stats-row{grid-template-columns:1fr}
  .img-strip{grid-template-columns:1fr}
  .brand-grid{grid-template-columns:1fr}
  .eco-grid{grid-template-columns:1fr}
  .istrip{grid-template-columns:1fr}
  .tech-grid{grid-template-columns:1fr}
}


.section-alt{
    background:#0E1015
}