/* High Tide Collective — shared site styling (inner pages) — blue theme to match home */
:root{
  --navy:#0a2230; --teal:#1b6b73; --teal-bright:#2a8f99; --sand:#e9dcc3;
  --text:#f1f8fa; --muted:#bcd2d8;
  --shadow:0 22px 60px rgba(0,0,0,.5);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);line-height:1.68;font-size:17px;-webkit-font-smoothing:antialiased;
  background:radial-gradient(120% 90% at 50% 10%,#123a4d 0%,#0a2330 45%,#050f17 100%);
  background-attachment:fixed;min-height:100vh}
h1,h2,h3{line-height:1.15;letter-spacing:-.01em;color:#fff}
a{color:inherit}
a:focus-visible,.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(63,179,189,.65);outline-offset:2px}
.wrap{max-width:920px;margin:0 auto;padding:0 26px}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;font-weight:700;color:var(--sand)}

/* header */
.site-head{position:sticky;top:0;z-index:50;background:rgba(6,21,31,.82);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-head .row{display:flex;align-items:center;gap:16px;padding:14px 26px;max-width:1180px;margin:0 auto;position:relative}
.site-head .brand{margin-right:auto}
.site-head nav a.active{color:#fff;font-weight:700}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;letter-spacing:.03em;text-decoration:none;font-size:1.02rem}
.brand svg{width:24px;height:24px;flex:none}
.site-head nav{display:flex;align-items:center;gap:22px}
.site-head nav a{color:rgba(255,255,255,.9);text-decoration:none;font-size:.98rem}
.site-head nav a:hover{color:#fff}
.btn{display:inline-block;background:var(--teal-bright);color:#fff;text-decoration:none;font-weight:700;
  padding:15px 32px;border-radius:999px;border:none;cursor:pointer;font-size:1.06rem;
  box-shadow:0 10px 24px rgba(42,143,153,.35);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(42,143,153,.5)}
.btn-sand{background:var(--sand);color:var(--navy);box-shadow:0 10px 24px rgba(233,220,195,.4)}
.btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.5);color:#fff;box-shadow:none}

/* page hero (sits on the blue body — no divider) */
.page-hero{padding:84px 0 30px;position:relative}
.page-hero h1{font-size:clamp(2.1rem,5vw,3.3rem);margin:14px 0;max-width:18ch}
.page-hero p{color:#e4eff2;font-size:clamp(1.15rem,2vw,1.34rem);max-width:54ch}
.step-pill{display:inline-block;background:rgba(233,220,195,.14);border:1px solid rgba(233,220,195,.4);
  color:var(--sand);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:6px 14px;border-radius:999px}
.steps-track{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px;max-width:620px}
.steps-track .st{flex:1;min-width:118px;text-align:center;padding:11px 8px;border-radius:12px;text-decoration:none;
  background:rgba(9,30,42,.5);border:1px solid rgba(255,255,255,.12);color:var(--muted);font-weight:700;font-size:.84rem;letter-spacing:.03em;transition:.15s}
.steps-track .st:hover{color:#fff;border-color:rgba(233,220,195,.4)}
.steps-track .st.current{background:var(--sand);color:var(--navy);border-color:var(--sand)}
@media(max-width:620px){.steps-track .st{flex:1 1 44%;min-width:0}}

/* content */
section{padding:44px 0}
.lead{font-size:1.28rem;color:#e4eff2;max-width:60ch}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.card{background:rgba(9,30,42,.5);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px}
.card h3{font-size:1.16rem;margin-bottom:9px;color:var(--sand)}
.card p{color:#d3e3e8;font-size:1.04rem}
.prose p{margin-bottom:18px;font-size:1.17rem;line-height:1.72;color:#dbeaee;max-width:64ch}
.prose h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:14px 0 16px}
.callout{background:rgba(233,220,195,.10);border-left:4px solid var(--teal-bright);border-radius:0 14px 14px 0;
  padding:22px 26px;margin:30px 0;max-width:64ch;color:#dceaee}
.callout strong{color:var(--sand)}

/* next-steps band */
.cta-band{text-align:center}
.cta-band .wrap{background:rgba(42,143,153,.16);border:1px solid rgba(42,143,153,.42);border-radius:22px;
  padding:48px 32px;max-width:760px}
.cta-band h2{font-size:clamp(1.6rem,4vw,2.4rem);max-width:22ch;margin:10px auto 12px}
.cta-band p{color:#e4eff2;max-width:50ch;margin:0 auto 26px;font-size:1.18rem}
.back-link{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.85);text-decoration:none;font-size:.92rem;margin-bottom:6px}
.back-link:hover{color:#fff}

footer{background:rgba(5,15,23,.7);color:rgba(255,255,255,.82);padding:40px 0;text-align:center;font-size:.96rem;border-top:1px solid rgba(255,255,255,.06)}
footer .brand{justify-content:center;margin-bottom:10px}
footer a{color:var(--sand);text-decoration:none}
.foot-contact{margin-top:10px;font-size:.94rem;color:rgba(255,255,255,.72)}
.foot-contact a{color:var(--sand);text-decoration:underline;text-underline-offset:2px}

/* "top of the ladder" home button (shared) */
.ladder-home{position:fixed;left:22px;top:18px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:6px;
  text-decoration:none;background:rgba(10,34,48,.9);backdrop-filter:blur(6px);
  padding:12px 14px 14px;border-radius:16px;border:1px solid rgba(233,220,195,.3);transition:.15s}
.ladder-home:hover{background:rgba(10,34,48,1);transform:translateY(-2px)}
.ladder-home .lbl{color:var(--sand);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;text-align:center;line-height:1.3}
.ladder-home .lbl b{display:block;color:#fff;font-size:.78rem;letter-spacing:.02em}

@media(max-width:760px){
  .grid{grid-template-columns:1fr}
  body{font-size:15px}
  section{padding:32px 0}
  .page-hero{padding:56px 0 18px}
  .back-link{display:none} /* Descend/Home button covers this on mobile */
  .page-hero h1{font-size:clamp(1.65rem,6.5vw,2.1rem);margin:10px 0}
  .page-hero p{font-size:1rem}
  .lead{font-size:1.05rem}
  .prose p{font-size:.98rem;margin-bottom:14px}
  .prose h2{font-size:1.32rem}
  .card{padding:18px 20px}
  .card h3{font-size:1.05rem}
  .card p{font-size:.94rem}
  .callout{padding:16px 18px;margin:22px 0;font-size:.96rem}
  .steps-track .st{font-size:.78rem;padding:9px 6px}
  .cta-band p{font-size:1rem}
  .cta-band .wrap{padding:32px 20px}
  .btn{padding:13px 26px;font-size:.98rem}
  .ladder-home{flex-direction:row;left:14px;top:12px;padding:8px 12px}