.case-page{background:#f5efe6;color:var(--ink)}
.case-page h1,.case-page h2,.case-page h3{letter-spacing:-.005em}.case-page .site-header{background:rgba(245,239,230,.9);backdrop-filter:blur(18px)}
.cs-hero{position:relative;min-height:calc(100vh - 84px);display:grid;place-items:center;overflow:hidden}.cs-hero-bg,.cs-hero-overlay,.cs-band-bg,.why-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.cs-hero-bg{background:
  radial-gradient(circle at 13% 26%,rgba(251,197,119,.45) 0 6%,transparent 7%),
  radial-gradient(ellipse at 16% 85%,rgba(89,137,112,.72) 0 12%,transparent 13%),
  radial-gradient(ellipse at 30% 82%,rgba(151,116,71,.58) 0 14%,transparent 15%),
  radial-gradient(ellipse at 47% 80%,rgba(77,126,99,.6) 0 13%,transparent 14%),
  radial-gradient(ellipse at 70% 78%,rgba(58,105,122,.72) 0 18%,transparent 19%),
  linear-gradient(140deg,rgba(14,47,54,1) 0%,rgba(20,75,89,1) 33%,rgba(187,139,83,.94) 64%,rgba(14,47,54,1) 100%);filter:saturate(.95)}
.cs-hero-bg:before{content:"";position:absolute;inset:0;background:
  linear-gradient(150deg,transparent 0 37%,rgba(237,226,195,.78) 38% 40%,transparent 41% 100%),
  linear-gradient(18deg,transparent 0 58%,rgba(245,239,230,.18) 59% 60%,transparent 61% 100%),
  repeating-linear-gradient(92deg,transparent 0 52px,rgba(245,239,230,.13) 53px 55px,transparent 56px 104px);opacity:.7;mix-blend-mode:screen}
.cs-hero-bg:after{content:"";position:absolute;right:-5%;bottom:-15%;width:78%;height:62%;background:
  radial-gradient(ellipse at 20% 70%,rgba(31,78,93,.78) 0 18%,transparent 19%),
  radial-gradient(ellipse at 44% 58%,rgba(16,81,97,.76) 0 13%,transparent 14%),
  radial-gradient(ellipse at 76% 52%,rgba(231,235,216,.34) 0 8%,transparent 9%),
  linear-gradient(180deg,transparent 0 46%,rgba(10,42,52,.62) 47% 49%,transparent 50%);opacity:.9}
.cs-hero-overlay{background:linear-gradient(90deg,rgba(5,27,32,.95) 0%,rgba(5,27,32,.8) 45%,rgba(5,27,32,.34) 100%)}.cs-hero-grid{position:relative;z-index:1;display:grid;gap:38px;align-items:center}.cs-hero-heading{max-width:1120px}.cs-hero-lower{display:grid;grid-template-columns:minmax(0,720px) minmax(360px,460px);gap:72px;align-items:start}.cs-hero-copy{max-width:720px}.back-link{display:inline-flex;color:rgba(255,255,255,.72);font-weight:800;margin-bottom:28px}.back-link:hover{color:#fff}.cs-hero h1{
  max-width:1120px;
  font-size:clamp(4rem,7vw,7.6rem);
  line-height:.98;
  color:#fff
}.cs-hero .hero-lede{max-width:720px;color:rgba(255,255,255,.84);font-weight:650}.cs-proof-card{align-self:start;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.22);border-radius:32px;padding:30px;backdrop-filter:blur(18px);box-shadow:var(--shadow);color:#fff;transition:transform .35s ease,border-color .35s ease,background .35s ease}.cs-proof-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.42);background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08))}.cs-proof-card>p{font-weight:900;font-size:1.2rem;letter-spacing:-.01em;margin-bottom:18px}.mini-stat{transition:transform .25s ease}.cs-proof-card:hover .mini-stat{transform:translateX(4px)}
.cs-intro{padding:110px 0 95px}.cs-intro h2{font-size:clamp(3.2rem,6vw,6.2rem);line-height:1.02;max-width:980px}.cs-intro p{font-size:1.22rem;line-height:1.65;max-width:980px;color:var(--ink-2)}.cs-band{position:relative;overflow:hidden;padding:110px 0}.cs-band-bg.challenge{background-image:url('../assets/coastline-wide.jpg');opacity:.42}.cs-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,32,.92),rgba(7,27,32,.74));z-index:0}.cs-band-panel,.why-panel{position:relative;z-index:1;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:36px;padding:54px 58px;backdrop-filter:blur(18px);box-shadow:var(--shadow);color:#fff}.cs-band-panel h2,.why-panel h2{font-size:clamp(3rem,5.6vw,6.4rem);line-height:1.05;max-width:1040px;color:#fff}.cs-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:34px}.cs-columns p{color:rgba(255,255,255,.78);font-size:1.08rem;line-height:1.65}
.strategy{padding:120px 0}.strategy-expanded{display:grid;grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr);gap:72px;align-items:start}.strategy-copy h2{font-size:clamp(3rem,5vw,5.8rem);line-height:1.05}.strategy-copy p{font-size:1.08rem;line-height:1.65;color:var(--ink-2);max-width:800px}.strategy-stack{display:grid;gap:16px}.expanded-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.strategy-stack article{background:#fffaf2;border:1px solid rgba(18,38,44,.12);border-radius:26px;padding:24px;box-shadow:0 18px 55px rgba(18,38,44,.08);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}.strategy-stack article:hover{transform:translateY(-6px);box-shadow:0 25px 70px rgba(18,38,44,.14);border-color:rgba(185,130,69,.34);background:#fff}.strategy-stack span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(185,130,69,.14);color:var(--gold);font-weight:900;margin-bottom:18px}.strategy-stack strong{display:block;font-size:1.28rem;letter-spacing:-.005em;margin-bottom:8px}.strategy-stack em{font-style:normal;color:var(--muted);font-weight:650;line-height:1.45;display:block}.strategy-expansion-panel{grid-column:1 / -1;margin-top:36px;background:var(--ink);border-radius:36px;padding:44px;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start;box-shadow:var(--shadow);position:relative;overflow:hidden}.strategy-expansion-panel:before{content:"";position:absolute;inset:-45% -15% auto auto;width:430px;height:430px;background:radial-gradient(circle,rgba(185,130,69,.32),transparent 64%);pointer-events:none}.strategy-expansion-panel h3{position:relative;font-size:clamp(2.4rem,4.4vw,4.9rem);line-height:1.04;color:#fff}.expansion-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.expansion-cards article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px;transition:transform .3s ease,background .3s ease,border-color .3s ease}.expansion-cards article:hover{transform:translateY(-5px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}.expansion-cards strong{display:block;font-size:1.25rem;letter-spacing:-.005em;margin-bottom:10px}.expansion-cards span{display:block;color:rgba(255,255,255,.72);line-height:1.52;font-weight:650}
.conquest{padding:105px 0}.conquest-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:start}.conquest h2{font-size:clamp(3.2rem,5.7vw,6.2rem);line-height:1.02;color:#fff}.conquest-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.conquest-copy p{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:28px;color:rgba(255,255,255,.78);line-height:1.6;font-size:1.05rem}
.results-section{padding:120px 0;background:#fffaf2}.results-section .section-heading{max-width:990px;text-align:left;margin:0 0 52px}.results-section .section-heading h2{font-size:clamp(3rem,5.8vw,6.4rem);line-height:1.05}.result-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.result-cards article{background:var(--ink);color:#fff;border-radius:30px;padding:32px 28px;min-height:244px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.result-cards article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 8%,rgba(185,130,69,.45),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .35s ease}.result-cards article:after{content:"";position:absolute;left:28px;right:28px;top:24px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.result-cards article:hover{transform:translateY(-10px) rotate(-.6deg);box-shadow:0 34px 90px rgba(18,38,44,.22);background:#173238}.result-cards article:hover:before{opacity:1}.result-cards article:hover:after{transform:scaleX(1)}.result-cards strong{position:relative;z-index:1;font-size:clamp(2.8rem,4.3vw,4.8rem);line-height:.9;letter-spacing:-.02em}.result-cards span{position:relative;z-index:1;display:block;color:rgba(255,255,255,.74);font-weight:750;line-height:1.35;margin-top:26px}.result-cards article:hover strong{color:#fff4d8}
.why{position:relative;overflow:hidden;padding:118px 0}.why-bg{background-image:url('../assets/roadtrip-wide.jpg');opacity:.38}.why:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,32,.94),rgba(7,27,32,.72));z-index:0}.why-panel{max-width:1180px}.why-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.why-cards article{min-height:300px;border-radius:28px;padding:28px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s ease,background .35s ease,border-color .35s ease}.why-cards article:before{content:"";position:absolute;inset:auto -20% -34% -20%;height:72%;background:radial-gradient(ellipse at center,rgba(185,130,69,.35),transparent 66%);opacity:.55;transition:opacity .35s ease,transform .35s ease}.why-cards strong{position:relative;z-index:1;display:block;font-size:1.55rem;letter-spacing:-.005em;line-height:1.1;color:#fff;max-width:92%}.why-cards span{position:relative;z-index:1;display:block;margin-top:10px;color:rgba(255,255,255,.66);font-weight:800}.why-cards p{position:relative;z-index:1;color:rgba(255,255,255,.78);line-height:1.58;margin:18px 0 0;max-height:0;opacity:0;transform:translateY(12px);overflow:hidden;transition:max-height .4s ease,opacity .35s ease,transform .35s ease}.why-cards article:hover,.why-cards article:focus-within,.why-cards article:focus{transform:translateY(-8px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);outline:none}.why-cards article:hover:before,.why-cards article:focus:before{opacity:1;transform:translateY(-10px)}.why-cards article:hover p,.why-cards article:focus p{max-height:260px;opacity:1;transform:translateY(0)}
.takeaway{padding:120px 0 130px;text-align:center}.takeaway h2{font-size:clamp(3rem,5.8vw,6rem);line-height:1.05;max-width:1050px;margin-left:auto;margin-right:auto}.takeaway p{font-size:1.18rem;line-height:1.72;color:var(--ink-2);max-width:980px;margin:28px auto 0}.takeaway-actions{display:flex;justify-content:center;gap:14px;margin-top:34px}.button-secondary{background:rgba(18,38,44,.08);color:var(--ink);border:1px solid rgba(18,38,44,.14)}
@media (max-width: 1180px){.strategy-expanded{grid-template-columns:1fr}.strategy-copy{max-width:920px}.strategy-expansion-panel{grid-template-columns:1fr}.expansion-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 1080px){.cs-hero-lower,.conquest-grid{grid-template-columns:1fr}.cs-proof-card{max-width:520px}.result-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.why-cards,.cs-columns,.conquest-copy,.expanded-stack{grid-template-columns:1fr}.strategy{gap:44px}.cs-hero{padding:100px 0}.expansion-cards{grid-template-columns:1fr}.strategy-expansion-panel{padding:34px}}
@media (max-width: 640px){.cs-hero h1{font-size:clamp(3.7rem,16vw,5.4rem)}.cs-band-panel,.why-panel{padding:32px 24px;border-radius:28px}.cs-intro,.strategy,.results-section,.takeaway{padding:78px 0}.result-cards{grid-template-columns:1fr}.takeaway-actions{display:grid}.cs-hero-grid{gap:36px}.conquest{padding:80px 0}.strategy-expansion-panel{border-radius:28px}.why-cards article{min-height:280px}.why-cards p{max-height:260px;opacity:1;transform:none}}

/* Refinement pass: Bixby hero, balanced strategy, flip expansion cards, PDF CTAs */
.cs-hero-bg{
  background-image:url('../assets/bixby-creek-bridge-unsplash.jpg') !important;
  background-size:cover !important;
  background-position:center 46% !important;
  filter:saturate(.92) contrast(1.04) !important;
}
.cs-hero-bg:before,.cs-hero-bg:after{display:none !important}
.cs-hero-overlay{
  background:
    radial-gradient(circle at 78% 38%,rgba(185,130,69,.18),transparent 34%),
    linear-gradient(90deg,rgba(5,27,32,.96) 0%,rgba(5,27,32,.82) 48%,rgba(5,27,32,.45) 100%),
    linear-gradient(180deg,rgba(5,27,32,.18),rgba(5,27,32,.62)) !important;
}
.cs-hero h1{letter-spacing:.002em}
.cs-hero .hero-actions{display:flex;flex-wrap:wrap;gap:14px}

.strategy-expanded{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:60px;align-items:start}
.strategy-copy h2{
  font-size:clamp(3rem,4.4vw,5.1rem) !important;
  line-height:1.08 !important;
  letter-spacing:.002em;
  font-weight:560;
}
.strategy-copy h2 span{font-weight:900;letter-spacing:0}
.strategy-copy p{font-size:1.05rem;line-height:1.62;max-width:760px}
.expanded-stack{gap:18px}
.strategy-stack article{min-height:202px;display:flex;flex-direction:column;justify-content:flex-start}
.strategy-stack strong{font-size:1.18rem}
.strategy-stack em{font-size:.98rem;line-height:1.42}

.strategy-expansion-panel{align-items:stretch;overflow:visible}
.expansion-cards.flip-cards article{
  padding:0;
  min-height:220px;
  background:transparent;
  border:0;
  box-shadow:none;
  perspective:1100px;
}
.expansion-cards.flip-cards article:hover,
.expansion-cards.flip-cards article:focus{transform:none;background:transparent;border:0;outline:none}
.flip-inner{
  position:relative;
  width:100%;
  height:100%;
  min-height:220px;
  transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.22,.61,.36,1);
}
.flip-cards article:hover .flip-inner,
.flip-cards article:focus .flip-inner,
.flip-cards article:focus-within .flip-inner{transform:rotateY(180deg)}
.flip-face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:24px;
  padding:26px;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 55px rgba(0,0,0,.12);
}
.flip-front{
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
}
.flip-front:after{
  content:"↗";
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-top:18px;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  font-weight:900;
  font-size:1.15rem;
  line-height:1;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.flip-cards article:hover .flip-front:after,
.flip-cards article:focus .flip-front:after,
.flip-cards article:focus-within .flip-front:after{
  transform:translate(3px,-3px);
  background:rgba(185,130,69,.65);
  border-color:rgba(255,255,255,.34);
}
.flip-front strong{font-size:1.55rem !important;line-height:1.08;margin:0;color:#fff}
.flip-back{
  background:linear-gradient(135deg,rgba(185,130,69,.92),rgba(109,80,48,.95));
  transform:rotateY(180deg);
}
.flip-back span{font-size:1rem;line-height:1.5;color:#fff !important;font-weight:750}

.section-download{
  grid-column:1 / -1;
  display:flex;
  justify-content:center;
  margin-top:34px;
}
.strategy .section-download{justify-content:flex-start;margin-top:24px}
.results-download{margin-top:42px}
.results-download .button-primary{background:var(--ink);color:#fff}
.takeaway-actions{flex-wrap:wrap}

@media (max-width: 1180px){
  .strategy-expanded{grid-template-columns:1fr}
  .strategy-copy h2{max-width:900px}
  .strategy .section-download{justify-content:flex-start}
}
@media (max-width: 1080px){
  .strategy-stack article{min-height:auto}
  .flip-inner,.expansion-cards.flip-cards article{min-height:190px}
}
@media (max-width: 640px){
  .cs-hero .hero-actions{display:grid}
  .flip-inner{transform:none !important;min-height:auto}
  .expansion-cards.flip-cards article{min-height:auto}
  .flip-face{position:relative;transform:none !important;backface-visibility:visible;min-height:auto}
  .flip-front{display:none}
  .flip-back span{opacity:1}
  .strategy-copy h2{font-size:clamp(2.8rem,14vw,4.4rem) !important}
}