.wcb { --ink:#10333D; --teal:#0D7C84; --teal-d:#0a6068; --teal-br:#16A6B0; --navy:#1F5870; --peach:#E8C5B5; --coral:#D98E6B; --sage:#B8D4D2; --cream:#FAF7F2; --gray:#F4F6F7; --muted:#5C7682;
    font-family:'Instrument Sans','Instrument Sans',system-ui,-apple-system,sans-serif !important; color:#23404B !important; line-height:1.6 !important; -webkit-font-smoothing:antialiased !important; background:#fff !important; }
  .wcb *,.wcb *::before,.wcb *::after { box-sizing:border-box !important; margin:0; padding:0; }
  .wcb img { display:block !important; max-width:100% !important; }
  .wcb .wrap { max-width:1200px !important; margin:0 auto !important; padding:0 32px !important; }
  .wcb h1,.wcb h2,.wcb h3 { font-family:'Instrument Sans','Instrument Sans',sans-serif !important; color:var(--ink) !important; font-weight:900 !important; line-height:1.1 !important; letter-spacing:-0.028em !important; }
  .wcb h2 { font-size:clamp(1.9rem,3.6vw,2.9rem) !important; }
  .wcb h3 { font-size:1.2rem !important; font-weight:800 !important; }
  .wcb p { font-size:1.06rem !important; color:var(--muted) !important; }
  .wcb .pill { display:inline-flex !important; align-items:center !important; gap:9px !important; padding:9px 18px !important; border-radius:100px !important; background:var(--teal) !important; color:#fff !important; font-weight:800 !important; font-size:.82rem !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
  .wcb .pill svg { color:var(--sage) !important; flex-shrink:0 !important; }
  .wcb .btn { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; font-family:'Instrument Sans',sans-serif !important; font-size:.96rem !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:.05em !important; padding:18px 38px !important; border-radius:14px !important; text-decoration:none !important; cursor:pointer !important; border:none !important; transition:transform .2s ease, box-shadow .25s, background .25s !important; }
  .wcb .btn-primary { background:var(--teal-br) !important; color:#fff !important; box-shadow:0 18px 38px -12px rgba(22,166,176,.6) !important; }
  .wcb .btn-primary:hover { transform:translateY(-3px) !important; background:var(--teal) !important; }
  .wcb .reveal { opacity:0; transform:translateY(26px); transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1); }
  .wcb .reveal.in { opacity:1; transform:none; }
  @media (prefers-reduced-motion:reduce){ .wcb .reveal{opacity:1 !important;transform:none !important;} .wcb .tilt{transform:none !important;} }

  /* ===== WOW HERO (3D, fail-safe) ===== */
  .wcb .hero { position:relative !important; min-height:94vh !important; display:flex !important; align-items:center !important; overflow:hidden !important; background:var(--ink) !important; padding:124px 0 100px !important; perspective:1400px !important; }
  .wcb .hero .hero-bg { position:absolute !important; inset:0 !important; z-index:0 !important; overflow:hidden !important; }
  .wcb .hero .hero-bg img { width:100% !important; height:100% !important; object-fit:cover !important; animation:wKen 24s ease-in-out infinite alternate !important; }
  @keyframes wKen { from{transform:scale(1.07)} to{transform:scale(1.19) translate(-2%,-1%)} }
  .wcb .hero .shade { position:absolute !important; inset:0 !important; z-index:1 !important; background:linear-gradient(104deg, rgba(16,51,61,.96) 0%, rgba(16,51,61,.82) 42%, rgba(13,124,132,.35) 100%) !important; }
  .wcb .hero .grid { position:absolute !important; inset:0 !important; z-index:1 !important; opacity:.5 !important; background-image:linear-gradient(rgba(22,166,176,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(22,166,176,.08) 1px,transparent 1px) !important; background-size:46px 46px !important; }
  .wcb .hero .orb { position:absolute !important; border-radius:50% !important; filter:blur(60px) !important; z-index:2 !important; opacity:.4 !important; pointer-events:none !important; }
  .wcb .hero .orb.o1 { width:460px !important; height:460px !important; background:rgba(22,166,176,.55) !important; top:-110px !important; right:6% !important; animation:wFloat 16s ease-in-out infinite !important; }
  .wcb .hero .orb.o2 { width:380px !important; height:380px !important; background:rgba(232,197,181,.4) !important; bottom:-80px !important; left:3% !important; animation:wFloat 21s ease-in-out infinite reverse !important; }
  @keyframes wFloat { 0%,100%{transform:translate(0,0)} 50%{transform:translate(22px,-28px)} }
  .wcb .hero .hgrid { position:relative !important; z-index:5 !important; display:grid !important; grid-template-columns:1.15fr 0.85fr !important; gap:50px !important; align-items:center !important; transform-style:preserve-3d !important; }
  .wcb .hero .hcopy { transition:transform .3s ease-out !important; }
  .wcb .hero .pill { animation:wRise .8s cubic-bezier(.16,1,.3,1) both !important; }
  .wcb .hero h1 { color:#fff !important; font-size:clamp(2.6rem,5.6vw,4.6rem) !important; line-height:1.04 !important; max-width:16em !important; margin:22px 0 20px !important; }
  .wcb .hero h1 .w { display:inline-block !important; animation:wRise .9s cubic-bezier(.16,1,.3,1) both !important; }
  .wcb .hero h1 .u { color:var(--teal-br) !important; }
  .wcb .hero .sub { color:#D8E8E9 !important; font-size:1.2rem !important; max-width:36ch !important; animation:wRise 1s cubic-bezier(.16,1,.3,1) .5s both !important; }
  @keyframes wRise { from{transform:translateY(32px)} to{transform:translateY(0)} }
  .wcb .hero .cta { display:flex !important; align-items:center !important; gap:22px !important; flex-wrap:wrap !important; margin-top:30px !important; animation:wRise 1s cubic-bezier(.16,1,.3,1) .68s both !important; }
  .wcb .hero .callno { color:#fff !important; font-weight:800 !important; text-decoration:none !important; display:inline-flex !important; align-items:center !important; gap:9px !important; transition:color .3s !important; }
  .wcb .hero .callno svg { color:var(--teal-br) !important; }
  .wcb .hero .callno:hover { color:var(--teal-br) !important; }
  .wcb .hero .chips { display:flex !important; gap:12px !important; flex-wrap:wrap !important; margin-top:34px !important; animation:wRise 1s cubic-bezier(.16,1,.3,1) .86s both !important; }
  .wcb .hero .chips .chip { display:inline-flex !important; align-items:center !important; gap:9px !important; padding:11px 17px !important; border-radius:100px !important; background:rgba(255,255,255,.1) !important; border:1px solid rgba(255,255,255,.24) !important; backdrop-filter:blur(12px) !important; -webkit-backdrop-filter:blur(12px) !important; color:#fff !important; font-weight:700 !important; font-size:.82rem !important; letter-spacing:.03em !important; text-transform:uppercase !important; transition:background .3s, transform .3s !important; }
  .wcb .hero .chips .chip:hover { background:rgba(255,255,255,.2) !important; transform:translateY(-3px) !important; }
  .wcb .hero .chips .chip svg { transition:color .3s ease !important; }
  .wcb .hero .chips .chip:hover svg { color:var(--coral) !important; }
  .wcb .hero .chips .chip svg { color:var(--teal-br) !important; flex-shrink:0 !important; }
  /* 3D floating badge */
  .wcb .hero .badge3d { position:relative !important; z-index:5 !important; background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.05)) !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:24px !important; padding:34px 30px !important; backdrop-filter:blur(16px) !important; -webkit-backdrop-filter:blur(16px) !important; box-shadow:0 40px 90px -30px rgba(0,0,0,.6) !important; transform-style:preserve-3d !important; transition:transform .3s cubic-bezier(.16,1,.3,1) !important; animation:wRise 1s cubic-bezier(.16,1,.3,1) .7s both !important; }
  .wcb .hero .badge3d .big { font-size:3.4rem !important; font-weight:900 !important; color:#fff !important; line-height:1 !important; letter-spacing:-.03em !important; }
  .wcb .hero .badge3d .big span { color:var(--teal-br) !important; }
  .wcb .hero .badge3d .lbl { color:#CFE4E5 !important; font-weight:700 !important; margin-top:8px !important; font-size:1rem !important; }
  .wcb .hero .badge3d .div { height:1px !important; background:rgba(255,255,255,.18) !important; margin:20px 0 !important; }
  .wcb .hero .badge3d .row { display:flex !important; align-items:center !important; gap:11px !important; color:#EAF4F4 !important; font-weight:700 !important; font-size:.96rem !important; margin-top:10px !important; }
  .wcb .hero .badge3d .row svg { color:var(--teal-br) !important; flex-shrink:0 !important; }
  .wcb .hero .scroll-cue { position:absolute !important; bottom:22px !important; left:50% !important; transform:translateX(-50%) !important; z-index:5 !important; color:rgba(255,255,255,.7) !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:6px !important; font-size:.64rem !important; font-weight:800 !important; letter-spacing:.26em !important; text-transform:uppercase !important; animation:wBob 2.2s ease-in-out infinite !important; }
  @keyframes wBob { 0%,100%{transform:translate(-50%,0)} 50%{transform:translate(-50%,9px)} }

  /* ===== STATS BENTO (dark, count-up, 3D tilt) ===== */
  .wcb .stats { background:linear-gradient(180deg,#0c2a32 0%,var(--ink) 100%) !important; padding:70px 0 !important; }
  .wcb .stats .head { text-align:center !important; margin-bottom:42px !important; }
  .wcb .stats .head h2 { color:#fff !important; }
  .wcb .stats .head p { color:#9FC2C4 !important; margin-top:10px !important; }
  .wcb .stat-grid { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:20px !important; }
  .wcb .stat { background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:20px !important; padding:30px 24px !important; text-align:center !important; transform-style:preserve-3d !important; transition:transform .3s cubic-bezier(.16,1,.3,1), background .3s, border-color .3s !important; }
  .wcb .stat:hover { background:rgba(217,142,107,.14) !important; border-color:rgba(217,142,107,.55) !important; }
  .wcb .stat .num { transition:color .3s ease !important; }
  .wcb .stat:hover .num { color:var(--coral) !important; }
  .wcb .stat .num { font-size:2.8rem !important; font-weight:900 !important; color:var(--teal-br) !important; line-height:1 !important; letter-spacing:-.03em !important; }
  .wcb .stat .lbl { color:#CFE4E5 !important; font-weight:700 !important; margin-top:10px !important; font-size:.98rem !important; }
  .wcb .stats .src { text-align:center !important; color:#6E9396 !important; font-size:.78rem !important; margin-top:26px !important; }

  /* ===== MYTH-BUSTER ===== */
  .wcb .myth { background:var(--gray) !important; padding:80px 0 !important; }
  .wcb .myth .head { text-align:center !important; max-width:42em !important; margin:0 auto 48px !important; }
  .wcb .myth .head p { margin-top:12px !important; }
  .wcb .myth-grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:20px !important; }
  .wcb .mc { background:#fff !important; border-radius:20px !important; padding:30px 28px !important; box-shadow:0 20px 50px -30px rgba(16,51,61,.35) !important; transform-style:preserve-3d !important; transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s !important; border:1px solid rgba(16,51,61,.06) !important; }
  .wcb .mc:hover { box-shadow:0 36px 70px -32px rgba(217,142,107,.4) !important; }
  .wcb .mc h3 { transition:color .3s ease !important; }
  .wcb .mc:hover h3 { color:var(--coral) !important; }
  .wcb .mc .myth-l { display:flex !important; align-items:center !important; gap:10px !important; color:var(--muted) !important; font-weight:700 !important; font-size:.92rem !important; text-decoration:line-through !important; text-decoration-color:var(--coral) !important; }
  .wcb .mc .myth-l svg { color:var(--coral) !important; flex-shrink:0 !important; }
  .wcb .mc h3 { margin:14px 0 8px !important; }
  .wcb .mc .real { display:flex !important; gap:11px !important; align-items:flex-start !important; }
  .wcb .mc .real .ic { width:34px !important; height:34px !important; border-radius:10px !important; background:rgba(13,124,132,.12) !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0 !important; }
  .wcb .mc .real .ic svg { color:var(--teal) !important; }
  .wcb .mc .real p { color:#23404B !important; font-weight:600 !important; }

  /* ===== TREAT (bento) ===== */
  .wcb .treat { background:#fff !important; padding:80px 0 !important; }
  .wcb .treat .head { text-align:center !important; margin-bottom:18px !important; }
  .wcb .treat-banner { position:relative !important; border-radius:24px !important; overflow:hidden !important; height:220px !important; margin:24px 0 30px !important; box-shadow:0 30px 60px -28px rgba(16,51,61,.4) !important; }
  .wcb .treat-banner img { width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .9s cubic-bezier(.16,1,.3,1) !important; }
  .wcb .treat-banner:hover img { transform:scale(1.06) !important; }
  .wcb .treat-banner::after { content:'' !important; position:absolute !important; inset:0 !important; background:linear-gradient(90deg,rgba(16,51,61,.86),rgba(13,124,132,.4)) !important; }
  .wcb .treat-banner .cap { position:absolute !important; inset:0 !important; z-index:2 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; padding:0 46px !important; }
  .wcb .treat-banner .cap .pill { margin-bottom:12px !important; align-self:flex-start !important; }
  .wcb .treat-banner .cap h2 { color:#fff !important; }
  .wcb .cond-grid { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:18px !important; }
  .wcb .cond { background:var(--gray) !important; border:1px solid rgba(16,51,61,.08) !important; border-radius:18px !important; padding:26px 24px !important; transform-style:preserve-3d !important; transition:transform .3s cubic-bezier(.16,1,.3,1), background .3s, border-color .3s !important; }
  .wcb .cond:hover { background:#fff !important; border-color:var(--coral) !important; box-shadow:0 26px 54px -26px rgba(217,142,107,.4) !important; }
  .wcb .cond .ic { width:46px !important; height:46px !important; border-radius:13px !important; background:rgba(13,124,132,.1) !important; display:flex !important; align-items:center !important; justify-content:center !important; margin-bottom:16px !important; transition:background .3s !important; }
  .wcb .cond:hover .ic { background:var(--coral) !important; }
  .wcb .cond .ic svg { color:var(--teal) !important; transition:color .3s !important; }
  .wcb .cond:hover .ic svg { color:#fff !important; }
  .wcb .cond h3 { margin-bottom:6px !important; transition:color .3s ease !important; }
  .wcb .cond:hover h3 { color:var(--coral) !important; }
  .wcb .cond p { font-size:.98rem !important; }

  /* ===== HOW ===== */
  .wcb .how { background:var(--gray) !important; padding:80px 0 !important; }
  .wcb .how .head { text-align:center !important; max-width:42em !important; margin:0 auto 46px !important; }
  .wcb .how .head p { margin-top:12px !important; }
  .wcb .steps { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:20px !important; }
  .wcb .stp { background:#fff !important; border-radius:18px !important; padding:28px 24px !important; box-shadow:0 20px 46px -28px rgba(16,51,61,.3) !important; transform-style:preserve-3d !important; transition:transform .3s cubic-bezier(.16,1,.3,1) !important; }
  .wcb .stp .n { width:44px !important; height:44px !important; border-radius:12px !important; background:var(--ink) !important; color:#fff !important; font-weight:900 !important; font-size:1.15rem !important; display:flex !important; align-items:center !important; justify-content:center !important; margin-bottom:16px !important; }
  .wcb .stp h3 { margin-bottom:7px !important; font-size:1.08rem !important; transition:color .3s ease !important; }
  .wcb .stp .n { transition:background .3s ease !important; }
  .wcb .stp:hover .n { background:var(--coral) !important; }
  .wcb .stp:hover h3 { color:var(--coral) !important; }
  .wcb .stp p { font-size:.96rem !important; }

  /* ===== RETURN strip ===== */
  .wcb .ret { background:#fff !important; padding:80px 0 !important; }
  .wcb .ret-grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:54px !important; align-items:center !important; }
  .wcb .ret-img { border-radius:24px !important; overflow:hidden !important; aspect-ratio:4/3 !important; box-shadow:0 40px 80px -34px rgba(16,51,61,.45) !important; }
  .wcb .ret-img img { width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .9s cubic-bezier(.16,1,.3,1) !important; }
  .wcb .ret-img:hover img { transform:scale(1.05) !important; }
  .wcb .ret h2 { margin:14px 0 16px !important; }
  .wcb .ret ul { list-style:none !important; margin-top:18px !important; }
  .wcb .ret li { display:flex !important; gap:13px !important; align-items:flex-start !important; padding:11px 0 !important; border-bottom:1px solid rgba(16,51,61,.1) !important; font-weight:600 !important; color:#23404B !important; transition:color .3s, padding .3s !important; }
  .wcb .ret li:hover { color:var(--coral) !important; padding-left:8px !important; }
  .wcb .ret li svg { transition:transform .3s ease !important; }
  .wcb .ret li:hover svg { color:var(--coral) !important; transform:scale(1.2) !important; }
  .wcb .ret li svg { color:var(--teal-br) !important; flex-shrink:0 !important; margin-top:3px !important; }

  /* ===== BOOK ===== */
  .wcb .book { background:var(--ink) !important; padding:80px 0 !important; }
  .wcb .book-grid { display:grid !important; grid-template-columns:0.9fr 1.1fr !important; gap:48px !important; align-items:center !important; }
  .wcb .book-photo { border-radius:16px !important; overflow:hidden !important; aspect-ratio:16/8 !important; margin-bottom:22px !important; box-shadow:0 24px 50px -24px rgba(0,0,0,.5) !important; }
  .wcb .book-photo img { width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .9s cubic-bezier(.16,1,.3,1) !important; }
  .wcb .book-photo:hover img { transform:scale(1.05) !important; }
  .wcb .book-side .pill { margin-bottom:18px !important; }
  .wcb .book-side h2 { color:#fff !important; margin-bottom:14px !important; }
  .wcb .book-side p { color:#CFE4E5 !important; font-size:1.06rem !important; margin-bottom:16px !important; }
  .wcb .book-side .rows { display:grid !important; gap:11px !important; margin-top:18px !important; }
  .wcb .book-side .rows .r { display:flex !important; align-items:center !important; gap:12px !important; color:#EAF4F4 !important; font-weight:700 !important; }
  .wcb .book-side .rows .r svg { color:var(--teal-br) !important; flex-shrink:0 !important; }
  .wcb .book-card { background:#fff !important; border-radius:24px !important; padding:14px !important; box-shadow:0 44px 90px -34px rgba(0,0,0,.55) !important; }
  .wcb .book-card .top { padding:24px 24px 6px !important; }
  .wcb .book-card .bar { height:5px !important; border-radius:6px !important; background:linear-gradient(90deg,var(--teal-br),var(--teal),var(--sage)) !important; margin-bottom:16px !important; }
  .wcb .book-card h3 { font-size:1.45rem !important; color:var(--ink) !important; margin-bottom:6px !important; }
  .wcb .book-card .mini { font-size:.92rem !important; color:var(--muted) !important; }
  .wcb .ifr { border-radius:16px !important; overflow:hidden !important; }
  .wcb iframe { width:100% !important; border:none !important; display:block !important; background:transparent !important; }

  /* ===== FAQ ===== */
  .wcb .faq { background:var(--gray) !important; padding:80px 0 !important; }
  .wcb .faq h2 { text-align:center !important; margin-bottom:44px !important; }
  .wcb .faq-list { max-width:780px !important; margin:0 auto !important; }
  .wcb .fi { background:#fff !important; border:1px solid rgba(16,51,61,.1) !important; border-radius:16px !important; padding:22px 26px !important; margin-bottom:14px !important; transition:border-color .3s,box-shadow .3s !important; }
  .wcb .fi:hover { border-color:var(--coral) !important; box-shadow:0 18px 40px -24px rgba(217,142,107,.32) !important; }
  .wcb .fi h3 { color:var(--ink) !important; margin-bottom:7px !important; display:flex !important; gap:12px !important; align-items:flex-start !important; transition:color .3s !important; }
  .wcb .fi:hover h3 { color:var(--coral) !important; }
  .wcb .fi h3 .q { color:var(--teal-br) !important; font-weight:900 !important; flex-shrink:0 !important; }
  .wcb .fi p { font-size:1.01rem !important; padding-left:28px !important; }

  /* ===== FINAL ===== */
  .wcb .final { position:relative !important; padding:118px 0 !important; text-align:center !important; overflow:hidden !important; }
  .wcb .final .bg { position:absolute !important; inset:0 !important; z-index:0 !important; }
  .wcb .final .bg img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center 28% !important; }
  .wcb .final .bg::after { content:'' !important; position:absolute !important; inset:0 !important; background:linear-gradient(180deg,rgba(16,51,61,.78),rgba(13,124,132,.72)) !important; }
  .wcb .final .inner { position:relative !important; z-index:2 !important; max-width:660px !important; margin:0 auto !important; }
  .wcb .final h2 { color:#fff !important; margin-bottom:14px !important; }
  .wcb .final p { color:#E3F0F0 !important; font-size:1.14rem !important; max-width:34em !important; margin:0 auto 28px !important; }
  .wcb .final .btn-primary { background:#fff !important; color:var(--teal-d) !important; }
  .wcb .final .btn-primary:hover { background:var(--cream) !important; }
  .wcb .final .addr { margin-top:24px !important; font-size:.9rem !important; color:#CFE4E5 !important; }

  @media (max-width:980px){
    .wcb .hero .hgrid { grid-template-columns:1fr !important; gap:38px !important; }
    .wcb .stat-grid, .wcb .steps { grid-template-columns:1fr 1fr !important; }
    .wcb .cond-grid { grid-template-columns:1fr 1fr !important; }
    .wcb .myth-grid, .wcb .ret-grid, .wcb .book-grid { grid-template-columns:1fr !important; gap:30px !important; }
    .wcb .hero { min-height:auto !important; padding:100px 0 76px !important; }
    .wcb .hero .scroll-cue { display:none !important; }
  }
  @media (max-width:560px){ .wcb .stat-grid,.wcb .steps,.wcb .cond-grid{ grid-template-columns:1fr !important; } .wcb .hero h1{ font-size:clamp(2.1rem,9vw,3rem) !important; } }