/* WholeVoyage bizplan — restyled to match staysandalwood.com (Cormorant Garamond + Jost, paper/aqua/terracotta).
   Same class names as before, elegant light theme. Keep the $4M present but low-key. */
:root{
 --deep:#063b46; --ink:#0e333b; --sand:#fdf4e3; --paper:#fffcf4; --gold:#d56a48; --gold-2:#f0936e;
 --aqua:#1f9aae; --aqua-2:#56c4d2; --mut:#5b727a; --line:#ead9bf;
 --ink-text:#0e333b; --ink-dim:#5b727a;
 --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--paper);line-height:1.7;font-size:16.5px;-webkit-font-smoothing:antialiased}
.wrap{max-width:1020px;margin:0 auto;padding:0 26px}
a{color:var(--gold)}

.confbar{background:var(--deep);color:#cfe6e3;font-family:var(--sans);font-weight:400;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;text-align:center;padding:7px 10px}

nav{position:sticky;top:0;z-index:40;background:rgba(255,252,244,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav .in{max-width:1020px;margin:0 auto;padding:14px 26px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
nav .b{font-family:var(--serif);font-weight:500;font-size:1.25rem;color:var(--ink);text-decoration:none;letter-spacing:.01em}
nav .b span{color:var(--gold)}
nav .lk{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
nav .lk a{font-family:var(--sans);font-weight:500;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);text-decoration:none;transition:.3s}
nav .lk a:hover,nav .lk a.here{color:var(--gold)}

.kick{font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--aqua);display:block;margin-bottom:12px}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.3rem,5.2vw,3.6rem);line-height:1.04;letter-spacing:.01em;color:var(--ink)}
h1 em{font-style:italic;color:var(--gold)}
h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.08;letter-spacing:.01em;color:var(--ink)}
h3{font-family:var(--serif);font-weight:500;font-size:1.45rem;line-height:1.2;color:var(--ink)}
p{font-weight:300;margin:10px 0}
.eyebrow{font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--aqua)}
.deck{font-size:1.12rem;color:var(--mut);max-width:680px;margin-top:14px;font-weight:300}
.lead{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--gold);font-weight:400;margin:4px 0 10px}
.note{font-size:.86rem;color:var(--mut)}
b,strong{font-weight:600;color:var(--ink)}

/* low-key hero — no giant number, no sunburst */
.cover{background:linear-gradient(180deg,#f3ece0,var(--paper));border-bottom:1px solid var(--line);padding:72px 0 54px}
.cover h1{max-width:880px}
.target{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.tcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 18px;min-width:118px}
.tcard b{display:block;font-family:var(--serif);font-weight:600;font-size:1.5rem;color:var(--gold);line-height:1}
.tcard span{font-family:var(--sans);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:5px;display:block}

section{padding:56px 0;border-bottom:1px solid var(--line)}
section.dark{background:var(--deep);color:#e9f3f1}
section.dark h1,section.dark h2,section.dark h3{color:#fff}
section.dark p{color:#bcd6d3}
section.dark .kick{color:var(--aqua-2)}
section.dark .lead{color:var(--gold-2)}
section.dark b,section.dark strong{color:#fff}
section.dark a{color:var(--gold-2)}
section.dark .note{color:#9fbcb8}

.two{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:14px}
@media(max-width:720px){.two{grid-template-columns:1fr}}

.play{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
@media(max-width:720px){.play{grid-template-columns:1fr}}
.pc{background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
section.dark .pc{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.pc h3{margin-bottom:7px}
.pc .now{font-size:.96rem;color:var(--mut)}
section.dark .pc .now{color:#bcd6d3}

/* $4M composition — refined thin bars */
.chart{margin-top:18px;display:flex;flex-direction:column;gap:18px}
.bar .legend{font-family:var(--sans);font-weight:500;font-size:.95rem;color:var(--ink)}
.bar .pct{float:right;font-family:var(--serif);font-weight:600;font-size:1.15rem;color:var(--gold)}
.prog{height:7px;background:#efe4d2;border-radius:99px;margin:9px 0 6px;overflow:hidden}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--aqua),var(--aqua-2));border-radius:99px}

/* roadmap */
.road{margin-top:22px;border-left:2px solid var(--line);padding-left:22px;display:flex;flex-direction:column;gap:16px}
.task{position:relative}
.task::before{content:"";position:absolute;left:-29px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--gold);border:2px solid var(--paper)}
.task .yr{display:inline-block;font-family:var(--sans);font-weight:600;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--aqua);margin-bottom:3px}
.task b{display:block;color:var(--ink)}

/* references + curated video cards */
.refgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px;margin-top:20px}
.ref{display:block;background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 17px;text-decoration:none;color:var(--ink);transition:.25s}
.ref:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(13,51,59,.4)}
.ref b{display:block;font-family:var(--serif);font-weight:600;font-size:1.12rem;color:var(--ink);line-height:1.15}
.ref .u{display:block;font-family:var(--sans);font-size:.64rem;letter-spacing:.06em;color:var(--aqua);margin:4px 0 7px;text-transform:lowercase}
.ref p{font-size:.85rem;color:var(--mut);margin:0;font-weight:300}
section.dark .ref{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
section.dark .ref b{color:#fff}section.dark .ref p{color:#bcd6d3}

/* videos */
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
@media(max-width:720px){.vgrid{grid-template-columns:1fr}}
.v{margin:0}
.vf{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:#000}
.vf iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v figcaption{font-family:var(--sans);font-size:.82rem;color:var(--mut);margin-top:8px;font-weight:400}
section.dark .v figcaption{color:#bcd6d3}

footer{padding:40px 0 60px;text-align:center}
footer .note a{color:var(--gold)}
