/* ============================================================
   Chrysa — Landing v2 · "Botanical Luxe" aesthetic
   Soft ivory · sage & eucalyptus · antique gold · liquid glass
   ============================================================ */
:root{
  --espresso:#F7F5EF;          /* Soft Ivory — brand exact */
  --espresso-2:#EFEAD9;
  --cream:#272E29;             /* deep eucalyptus ink */
  --cream-soft:rgba(39,46,41,0.66);
  --cream-faint:rgba(39,46,41,0.44);
  --coral:#B8923F;             /* antique gold, deepened for contrast */
  --coral-2:#D4B98A;           /* Antique Gold — brand exact */
  --amber:#D4B98A;
  --rose:#8DA08C;
  --sage:#93A18E;              /* Sage — brand exact */
  --gold:#D4B98A;
  --meadow:#DCE5D2;            /* Meadow Mist — brand exact */
  --celadon:#B8C7B0;           /* Celadon — brand exact */
  --eucalyptus:#6E7F73;        /* Eucalyptus — brand exact */
  --edge:clamp(20px,5vw,56px);
  --maxw:1200px;
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Jost",system-ui,-apple-system,sans-serif;
  --mono:"Spline Sans Mono",ui-monospace,monospace;
  --glass:rgba(255,255,255,0.58);
  --glass-line:rgba(255,255,255,0.90);
  --peach-fill:rgba(255,250,242,0.66);
  --peach-line:rgba(150,105,55,0.18);
  --track:rgba(43,35,28,0.10);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;color:var(--cream);
  background:var(--espresso);
  font-family:var(--sans);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;}
/* fixed ambient wash on its own layer (avoids backdrop-filter + fixed-bg ghosting) */
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    radial-gradient(1000px 720px at 100% -10%, rgba(201,168,94,0.16), transparent 56%),
    radial-gradient(880px 640px at -6% 2%, rgba(214,160,120,0.10), transparent 54%);}
h1,h2,h3,h4,p{margin:0;}
a{color:inherit;text-decoration:none;}
img,video,canvas,svg{display:block;max-width:100%;}
button{font:inherit;cursor:pointer;color:inherit;}
em{font-style:italic;}
.serif{font-family:var(--serif);font-weight:400;}
/* Cormorant legibility: bump mid-size headings */
.tile h3,.fstep h3,.pcard-id b,.tier .tname,.gcap,.donut-num,.pcard-ask span,.hero-badge b{font-weight:500;}
.hero h1,.sec-head h2,.cta-inner h2,.quote blockquote,.gallery-vellum h3{font-weight:500;}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:0.26em;
  text-transform:uppercase;color:var(--cream-faint);}

/* ---------- backdrop ---------- */
.bg-canvas{display:none;}
.bg-grain{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:0.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.bg-vignette{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(135% 95% at 50% 4%,transparent 58%,rgba(190,120,80,0.07) 100%);}

/* ---------- liquid glass ---------- */
.glass{position:relative;background:var(--glass);
  backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);
  border:1px solid var(--glass-line);
  box-shadow:0 18px 44px -26px rgba(150,90,55,0.30),inset 0 1px 0 rgba(255,255,255,0.95);}
.glass-hi{position:relative;overflow:hidden;}
.glass-hi::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(255,255,255,0.5),rgba(255,255,255,0.04) 38%,
    rgba(255,255,255,0) 60%,rgba(255,255,255,0.22));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(34px);
  transition:opacity 1s cubic-bezier(.16,.7,.2,1),transform 1s cubic-bezier(.16,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* ============================================================ NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;padding:18px var(--edge);
  transition:padding .4s ease;}
.nav.shrink{padding:10px var(--edge);}
.nav-pill{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:11px 11px 11px 22px;border-radius:999px;}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:18px;letter-spacing:-0.01em;}
.brand-chip{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;
  background:#fff;padding:6px;
  box-shadow:0 6px 16px -8px rgba(124,74,69,0.45),inset 0 0 0 1px rgba(162,103,76,0.16);}
.brand-chip svg{width:100%;height:100%;}
.brand .ai{font-family:var(--serif);font-style:italic;color:var(--coral);font-size:0.8em;margin-left:2px;}
.nav-links{display:flex;gap:30px;}
.nav-links a{font-size:14px;font-weight:500;color:var(--cream-soft);transition:color .25s;white-space:nowrap;}
.nav-links a:hover{color:var(--cream);}
@media (max-width:1160px){
  .nav-links{gap:20px;}
  .nav-links a{font-size:13px;}
}
@media (max-width:1000px){
  .nav-links a[href="#audience"],.nav-links a[href="#stack"]{display:none;}
}
@media (max-width:780px){
  .nav-links{display:none;}
}
.nav-right{display:flex;align-items:center;gap:8px;}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;
  font-size:14px;font-weight:600;white-space:nowrap;transition:transform .2s,background .3s,box-shadow .3s;}
.btn-ghost{padding:10px 16px;color:var(--cream);background:transparent;}
.btn-ghost:hover{color:var(--coral);}
.btn-solid{padding:11px 22px;color:#F7F3EC;font-weight:600;
  background:var(--cream);
  box-shadow:0 12px 30px -12px rgba(43,35,28,0.5);}
.btn-solid:hover{transform:translateY(-2px);background:#43382D;box-shadow:0 18px 38px -12px rgba(43,35,28,0.62);}
.btn-solid:active{transform:translateY(0);}
.btn svg{width:17px;height:17px;}

/* ============================================================ HERO */
.hero{position:relative;min-height:100svh;display:grid;
  grid-template-columns:1.05fr 0.95fr;align-items:center;gap:48px;
  max-width:var(--maxw);margin:0 auto;padding:140px var(--edge) 80px;}
.hero-copy{position:relative;z-index:2;}
.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 15px 7px 10px;
  border-radius:999px;margin-bottom:26px;font-size:12.5px;color:var(--cream-soft);white-space:nowrap;}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:#5fd08a;
  box-shadow:0 0 0 4px rgba(95,208,138,0.18);}
.hero-badge b{color:var(--cream);font-weight:600;}
.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-0.02em;line-height:1.04;
  font-size:clamp(42px,5.6vw,76px);text-shadow:none;}
.hero h1 .grad{font-style:italic;background:linear-gradient(100deg,#E6D3A4 0%,#C9A85E 55%,#A8843C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hero-sub{max-width:34ch;margin:28px 0 34px;font-size:16.5px;line-height:1.7;color:var(--cream-soft);}
.email-pill{display:flex;align-items:center;gap:10px;max-width:440px;
  padding:7px 7px 7px 22px;border-radius:999px;}
.email-pill input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--cream);
  font-family:var(--sans);font-size:15px;}
.email-pill input::placeholder{color:var(--cream-faint);}
.email-pill .go{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  color:#F7F3EC;background:var(--cream);transition:transform .25s;}
.email-pill .go:hover{transform:translateX(2px);}
.hero-note{margin-top:14px;font-size:12.5px;color:var(--cream-faint);display:flex;gap:16px;align-items:center;}
.hero-note span{display:inline-flex;align-items:center;gap:6px;}
.hero-note .tick{color:var(--gold);}

/* ----- hero product card ----- */
.hero-stage{position:relative;z-index:1;perspective:1400px;display:flex;justify-content:center;}
.pcard{width:min(440px,100%);border-radius:22px;padding:20px;
  background:var(--glass);
  backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);
  border:1px solid var(--glass-line);
  box-shadow:0 30px 70px -34px rgba(150,90,55,0.4),inset 0 1px 0 rgba(255,255,255,0.95);
  transform:rotateY(-13deg) rotateX(7deg);transform-style:preserve-3d;
  transition:transform .25s ease-out;will-change:transform;}
.pcard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.pcard-id{display:flex;align-items:center;gap:11px;}
.pcard-mono{width:34px;height:34px;border-radius:9px;background:#fff;
  box-shadow:inset 0 0 0 1px rgba(162,103,76,0.16);
  display:grid;place-items:center;padding:6px;}
.pcard-mono svg{width:100%;height:100%;}
.pcard-id b{font-family:var(--serif);font-size:18px;font-weight:400;display:block;line-height:1.1;}
.pcard-id small{font-family:var(--mono);font-size:9.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--cream-faint);}
.pcard-flag{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--amber);display:flex;align-items:center;gap:6px;}
.pcard-flag .dot{width:6px;height:6px;border-radius:50%;background:var(--amber);
  box-shadow:0 0 0 3px rgba(255,180,90,0.2);}
.pcard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px;}
.pstat{border-radius:12px;padding:13px 12px;background:var(--peach-fill);
  border:1px solid var(--peach-line);}
.pstat .k{font-family:var(--mono);font-size:8.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--cream-faint);}
.pstat .v{font-family:var(--serif);font-size:25px;line-height:1.1;margin-top:5px;}
.pstat .v em{color:var(--coral);font-style:normal;}
.pcard-chart{border-radius:14px;padding:15px;background:var(--peach-fill);
  border:1px solid var(--peach-line);}
.pcard-chart .ct{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:13px;}
.pcard-chart .ct span{font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--cream-faint);}
.pbars{display:flex;flex-direction:column;gap:9px;}
.pbar{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;}
.pbar i{font-size:11px;color:var(--cream-soft);font-style:normal;}
.pbar .track{height:7px;border-radius:99px;background:var(--track);overflow:hidden;}
.pbar .fill{height:100%;border-radius:99px;width:0;}
.pcard-ask{margin-top:15px;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;
  background:var(--peach-fill);border:1px solid var(--peach-line);}
.pcard-ask .sp{color:var(--coral);font-size:15px;}
.pcard-ask span{font-size:12.5px;color:var(--cream-faint);}
.pcard-ask .send{margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--cream);color:#F7F3EC;font-size:13px;}
.pglow{position:absolute;inset:-16% -10% -22%;z-index:-1;border-radius:40px;
  background:rgba(190,148,116,0.26);filter:blur(54px);}

/* ============================================================ MARQUEE */
.marquee{position:relative;padding:26px 0 30px;border-top:1px solid var(--track);
  border-bottom:1px solid var(--track);overflow:hidden;}
.marquee-cap{text-align:center;margin:0 0 20px;}
.marquee .marquee-row{-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.marquee-row{display:flex;gap:64px;width:max-content;animation:slide 34s linear infinite;}
.marquee-row span{font-family:var(--serif);font-size:clamp(20px,2.4vw,30px);
  color:rgba(46,30,21,0.40);white-space:nowrap;letter-spacing:0.02em;}
.marquee-row span em{color:var(--coral);font-style:normal;}
.marquee-row.apps{gap:40px;}
.marquee-row.apps span{font-family:var(--sans);font-weight:500;
  font-size:clamp(15px,1.5vw,19px);color:rgba(46,30,21,0.50);letter-spacing:0.01em;}
.marquee-row.apps span em{font-size:0.7em;opacity:0.7;}

/* ============================================================ INTEGRATIONS */
.integ-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  max-width:var(--maxw);margin:0 auto;}
.integ-col{border-radius:18px;padding:22px 22px 10px;}
.integ-col h4{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--coral);margin:0 0 14px;font-weight:500;}
.integ-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.integ-col li{display:flex;align-items:center;gap:12px;padding:11px 0;
  font-family:var(--sans);font-size:15px;color:var(--cream-soft);
  border-top:1px solid var(--track);}
.integ-col li:first-child{border-top:0;}
.integ-col .ico{flex:none;width:32px;height:32px;border-radius:9px;display:grid;
  place-items:center;background:rgba(255,251,243,0.7);border:1px solid var(--peach-line);
  font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:0.02em;
  color:var(--cream);box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);}
.integ-foot{max-width:var(--maxw);margin:26px auto 0;display:flex;flex-wrap:wrap;
  align-items:center;justify-content:space-between;gap:16px;}
.integ-foot p{margin:0;font-size:14px;color:var(--cream-soft);}
@media (max-width:860px){.integ-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.integ-grid{grid-template-columns:1fr;}
  .integ-foot{flex-direction:column;align-items:flex-start;}}
@keyframes slide{to{transform:translateX(-50%);}}

/* ============================================================ SECTION FRAME */
.sec{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(90px,13vw,150px) var(--edge);}
.sec-head{max-width:680px;margin-bottom:clamp(40px,6vw,66px);}
.sec-head .eyebrow{display:block;margin-bottom:18px;}
.sec-head h2{font-family:var(--serif);font-weight:400;letter-spacing:-0.02em;line-height:1.02;
  font-size:clamp(30px,4.4vw,54px);}
.sec-head h2 em{color:var(--coral);}
.sec-head p{margin-top:20px;font-size:17px;color:var(--cream-soft);max-width:52ch;}

/* ============================================================ BENTO */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.tile{border-radius:22px;padding:26px;overflow:hidden;position:relative;min-height:230px;
  display:flex;flex-direction:column;}
.tile.t-wide{grid-column:span 4;}
.tile.t-mid{grid-column:span 2;}
.tile.t-half{grid-column:span 3;}
.tile h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,28px);
  letter-spacing:-0.01em;margin-bottom:9px;}
.tile p{font-size:14px;line-height:1.6;color:var(--cream-soft);max-width:42ch;}
.tile .tlabel{font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--coral);margin-bottom:14px;}
.tile-viz{margin-top:auto;padding-top:20px;}

/* viz: sparkline */
.spark{width:100%;height:74px;}
.spark path.line{fill:none;stroke:url(#sparkgrad);stroke-width:2.5;stroke-linecap:round;}
.spark path.area{fill:url(#sparkarea);opacity:0.5;}
.spark circle{fill:var(--coral);}

/* viz: donut */
.donut-wrap{display:flex;align-items:center;gap:18px;}
.donut{width:96px;height:96px;flex:none;}
.donut .bgring{fill:none;stroke:var(--track);stroke-width:11;}
.donut .fgring{fill:none;stroke:var(--coral);stroke-width:11;stroke-linecap:round;
  transform:rotate(-90deg);transform-origin:50% 50%;
  stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1);}
.donut-num{font-family:var(--serif);font-size:34px;line-height:1;}
.donut-num small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--cream-faint);margin-top:7px;}

/* viz: channel bars */
.cbars{display:flex;flex-direction:column;gap:11px;}
.cbar{display:grid;grid-template-columns:92px 1fr 38px;gap:10px;align-items:center;font-size:12.5px;}
.cbar i{font-style:normal;color:var(--cream-soft);}
.cbar .track{height:8px;border-radius:99px;background:var(--track);overflow:hidden;}
.cbar .fill{height:100%;border-radius:99px;width:0;}
.cbar b{font-family:var(--mono);font-size:11px;color:var(--cream-faint);text-align:right;font-weight:500;}

/* viz: rings/sequence chips */
.seqchips{display:flex;flex-direction:column;gap:10px;}
.seqchip{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;
  background:var(--peach-fill);border:1px solid var(--peach-line);font-size:13px;}
.seqchip .n{font-family:var(--mono);font-size:11px;color:var(--coral);}
.seqchip .when{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--cream-faint);
  letter-spacing:0.08em;text-transform:uppercase;}

.tile-glowcoral::after,.tile-glowrose::after{content:"";position:absolute;width:220px;height:220px;
  right:-60px;top:-60px;border-radius:50%;filter:blur(60px);z-index:-1;pointer-events:none;}
.tile-glowcoral::after{background:rgba(162,103,76,0.16);}
.tile-glowrose::after{background:rgba(124,74,69,0.14);}

/* ============================================================ FLOW */
.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.fstep{border-radius:20px;padding:30px 26px;}
.fstep .n{font-family:var(--serif);font-size:46px;line-height:1;
  color:var(--coral);display:block;margin-bottom:18px;}
.fstep h3{font-family:var(--serif);font-weight:400;font-size:23px;margin-bottom:10px;}
.fstep p{font-size:14px;color:var(--cream-soft);line-height:1.6;}

/* ============================================================ STAT BAND */
.statband{position:relative;max-width:var(--maxw);margin:0 auto;padding:0 var(--edge);}
.statband-inner{border-radius:28px;padding:clamp(40px,6vw,68px) clamp(28px,5vw,60px);overflow:hidden;
  position:relative;}
.statband-inner::after{content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(190,148,116,0.13);}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.stat .num{font-family:var(--serif);font-size:clamp(40px,5.4vw,68px);line-height:1;letter-spacing:-0.02em;}
.stat .num em{color:var(--amber);font-style:normal;}
.stat .cap{margin-top:12px;font-size:13.5px;color:var(--cream-soft);max-width:22ch;}

/* ============================================================ PRICING */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.tier{border-radius:22px;padding:30px;display:flex;flex-direction:column;}
.tier.feat{box-shadow:0 30px 70px -34px rgba(124,74,69,0.4),inset 0 0 0 1.5px rgba(162,103,76,0.5),
  inset 0 1px 0 rgba(255,255,255,0.9);}
.tier .tname{font-family:var(--serif);font-size:25px;margin-bottom:6px;}
.tier .tprice{font-size:14px;color:var(--cream-faint);margin-bottom:22px;}
.tier .tprice b{font-family:var(--serif);font-size:38px;color:var(--cream);font-weight:400;}
.tier .badge{align-self:flex-start;font-family:var(--mono);font-size:9.5px;letter-spacing:0.12em;
  text-transform:uppercase;color:#F7F3EC;background:var(--cream);
  padding:5px 11px;border-radius:99px;margin-bottom:16px;}
.tier ul{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:12px;flex:1;}
.tier li{font-size:14px;color:var(--cream-soft);padding-left:25px;position:relative;line-height:1.45;}
.tier li::before{content:"";position:absolute;left:2px;top:5px;width:11px;height:7px;
  border-left:2px solid var(--coral);border-bottom:2px solid var(--coral);transform:rotate(-45deg);}
.tier .pick{height:50px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;border:1px solid var(--peach-line);background:rgba(255,255,255,0.6);
  color:var(--cream);transition:transform .2s,background .3s;}
.tier .pick:hover{transform:translateY(-2px);background:rgba(255,255,255,0.9);}
.tier a.pick{text-decoration:none;cursor:pointer;}

/* ============ Human / editorial section ============ */
.human{overflow:visible;}
.humangrid{max-width:var(--maxw);margin:0 auto;display:grid;
  grid-template-columns:0.92fr 1.08fr;gap:clamp(36px,6vw,84px);align-items:center;}
.hphoto{position:relative;margin:0;}
.hphoto image-slot{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:26px;
  box-shadow:0 40px 80px -40px rgba(39,46,41,0.45);}
.hphoto::before{content:"";position:absolute;inset:-16px 16px 16px -16px;border-radius:30px;
  border:1.5px solid rgba(184,146,63,0.4);pointer-events:none;z-index:-1;}
.hphoto figcaption{margin-top:16px;font-family:var(--mono);font-size:11px;
  letter-spacing:0.12em;text-transform:uppercase;color:var(--cream-faint);}
.hquote blockquote{margin:22px 0 0;font-family:var(--serif);font-weight:500;
  font-size:clamp(28px,3.4vw,44px);line-height:1.14;letter-spacing:-0.02em;color:var(--cream);}
.hquote blockquote em{font-style:italic;color:var(--coral);}
.hquote p{margin-top:20px;font-size:16.5px;line-height:1.65;color:var(--cream-soft);max-width:46ch;}
.hlink{display:inline-block;margin-top:22px;font-size:14.5px;font-weight:500;color:var(--coral);
  text-decoration:none;border-bottom:1px solid rgba(184,146,63,0.35);padding-bottom:2px;}
@media (max-width:860px){
  .humangrid{grid-template-columns:1fr;gap:36px;}
  .hphoto{max-width:420px;}
}

/* audience portrait slots */
.aud .audface{display:block;width:64px;height:64px;border-radius:50%;margin-bottom:16px;
  overflow:hidden;box-shadow:0 10px 24px -12px rgba(39,46,41,0.35);}
.tier.feat .pick{background:var(--cream);color:#F7F3EC;border-color:transparent;}

/* ============================================================ QUOTE */
.quote{max-width:920px;margin:0 auto;padding:clamp(80px,12vw,140px) var(--edge);text-align:center;}
.quote .stars{color:var(--amber);letter-spacing:6px;font-size:18px;margin-bottom:26px;}
.quote blockquote{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.8vw,46px);
  line-height:1.28;letter-spacing:-0.01em;margin:0 0 28px;}
.quote blockquote em{color:var(--coral);}
.quote .who{font-family:var(--mono);font-size:12px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--cream-faint);}

/* ============================================================ CTA */
.cta{max-width:var(--maxw);margin:0 auto;padding:0 var(--edge) clamp(80px,12vw,130px);}
.cta-inner{border-radius:30px;padding:clamp(48px,8vw,96px) clamp(28px,5vw,64px);text-align:center;
  position:relative;overflow:hidden;}
.cta-inner::after{content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(190,148,116,0.15);}
.cta-inner h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,64px);
  letter-spacing:-0.02em;line-height:0.98;}
.cta-inner h2 em{font-style:italic;color:var(--coral);}
.cta-inner p{margin:22px auto 36px;max-width:46ch;font-size:17px;color:var(--cream-soft);}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-lg{padding:16px 34px;font-size:16px;}

/* ============================================================ FOOTER */
.foot{border-top:1px solid var(--track);}
.foot-inner{max-width:var(--maxw);margin:0 auto;padding:46px var(--edge);
  display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;}
.foot-inner nav{display:flex;gap:24px;flex-wrap:wrap;}
.foot-inner nav a{font-size:13px;color:var(--cream-soft);transition:color .25s;}
.foot-inner nav a:hover{color:var(--cream);}
.foot-inner .copy{font-size:12px;color:var(--cream-faint);letter-spacing:0.04em;}

/* ============================================================ TOAST */
.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,16px);
  background:#2E1E15;color:#FBECE2;padding:13px 22px;border-radius:999px;font-size:14px;
  font-weight:600;opacity:0;pointer-events:none;z-index:90;transition:opacity .3s,transform .3s;
  box-shadow:0 16px 40px rgba(120,70,40,0.4);}
.toast.show{opacity:1;transform:translate(-50%,0);}

/* ============================================================ RESPONSIVE */
@media (max-width:900px){
  .hero{grid-template-columns:1fr;gap:54px;padding-top:120px;text-align:left;}
  .hero-stage{justify-content:flex-start;}
  .pcard{transform:rotateY(-8deg) rotateX(5deg);}
  .bento{grid-template-columns:repeat(2,1fr);}
  .tile.t-wide,.tile.t-mid,.tile.t-half{grid-column:span 2;}
  .flow-grid{grid-template-columns:1fr;}
  .statgrid{grid-template-columns:repeat(2,1fr);}
  .tiers{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .nav-links{display:none;}
  .pcard{transform:none;}
  .hero h1{font-size:clamp(46px,13vw,72px);}
  .statgrid{grid-template-columns:1fr 1fr;}
}

/* ============================================================ BOTANICAL DECOR */
.sprig{position:absolute;pointer-events:none;z-index:0;color:var(--sage);
  filter:drop-shadow(0 6px 14px rgba(80,80,55,0.12));}
.sprig path,.sprig line{vector-effect:non-scaling-stroke;}
.sprig .leaf{fill:currentColor;opacity:0.16;}
.sprig .stem{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;opacity:0.55;}
.sprig .vein{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;opacity:0.32;}
.s-hero{top:84px;right:3%;width:128px;opacity:0.9;animation:sway 10s ease-in-out infinite;}
.s-feat{top:-26px;right:2%;width:96px;opacity:0.8;animation:sway 13s ease-in-out infinite reverse;}
.s-cta{bottom:-8px;left:4%;width:104px;opacity:0.8;transform-origin:bottom center;
  animation:sway 12s ease-in-out infinite;}
@keyframes sway{0%,100%{transform:rotate(-3.5deg) translateY(0);}50%{transform:rotate(3.5deg) translateY(-9px);}}
@media (prefers-reduced-motion:reduce){.sprig{animation:none!important;}}
@media (max-width:760px){.s-hero,.s-feat{display:none;}}

/* ============================================================ MOOD GALLERY */
.gallery{position:relative;max-width:var(--maxw);margin:0 auto;
  padding:clamp(40px,7vw,90px) var(--edge);}
.gallery-hero{position:relative;border-radius:26px;overflow:hidden;
  box-shadow:0 40px 90px -44px rgba(120,80,55,0.45);}
.gallery-hero image-slot{display:block;width:100%;height:clamp(380px,48vw,560px);}
.gallery-vellum{position:absolute;left:24px;top:24px;bottom:24px;width:min(290px,44%);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:26px 24px;border-radius:18px;z-index:2;
  background:rgba(255,251,245,0.66);backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(255,255,255,0.7);box-shadow:0 20px 50px -30px rgba(120,80,55,0.4);}
.gallery-vellum .eyebrow{display:block;margin-bottom:auto;}
.gallery-vellum h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,46px);
  line-height:1.04;letter-spacing:-0.01em;margin:18px 0;}
.gallery-vellum h3 em{color:var(--coral);}
.gallery-vellum .tag{font-family:var(--mono);font-size:11px;letter-spacing:0.24em;
  text-transform:uppercase;color:var(--cream-faint);}
.gallery-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;}
.gcell{display:flex;flex-direction:column;gap:12px;}
.arch{border-radius:150px 150px 16px 16px;overflow:hidden;
  box-shadow:0 26px 60px -38px rgba(120,80,55,0.5);border:1px solid var(--glass-line);}
.arch image-slot{display:block;width:100%;height:clamp(230px,27vw,320px);}
.gcap{text-align:center;font-family:var(--serif);font-size:18px;color:var(--cream-soft);}
.gcap span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--cream-faint);margin-top:3px;}
image-slot{--is-placeholder-color:var(--cream-faint);border-radius:inherit;}
@media (max-width:760px){
  .gallery-vellum{position:static;width:auto;margin-bottom:16px;}
  .gallery-hero{border-radius:20px;}
  .gallery-row{grid-template-columns:1fr;}
  .arch image-slot{height:300px;}
}


/* ============================================================ CHRYSA WORDMARK */
.brand span{font-family:var(--serif);font-weight:500;text-transform:uppercase;letter-spacing:0.2em;font-size:18px;color:var(--cream);}
.brand .ai{display:none;}
.brand-chip{background:transparent!important;box-shadow:none!important;padding:0!important;width:38px!important;height:42px!important;}
.foot .brand span{color:var(--cream);}

/* brand icon emblem (replaces sprigs) */
.sprig{display:none!important;}
.cta-emblem{width:80px;height:auto;margin:0 auto 22px;display:block;}

/* ============================================================ NARRATIVE REWRITE */
/* — pain — */
.pain-wrap{display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(36px,5vw,72px);align-items:center;}
.narrative{display:flex;flex-direction:column;gap:8px;font-family:var(--serif);
  font-size:clamp(20px,2.2vw,28px);line-height:1.36;color:var(--cream-soft);letter-spacing:-0.01em;}
.narrative span{display:block;}
.narrative .turn{color:var(--cream);}
.pain-card{border-radius:22px;padding:clamp(30px,4vw,46px);}
.pain-card p{font-family:var(--serif);font-size:clamp(21px,2.4vw,28px);line-height:1.34;color:var(--cream);letter-spacing:-0.01em;}
.pain-card p em{color:var(--coral);font-style:italic;}
@media (max-width:860px){.pain-wrap{grid-template-columns:1fr;}}

/* — promise refrain — */
.refrain{display:flex;flex-direction:column;gap:4px;margin-top:8px;
  font-family:var(--serif);font-size:clamp(26px,3.6vw,46px);line-height:1.12;letter-spacing:-0.02em;}
.refrain .muted{color:var(--cream-faint);}
.refrain .now{color:var(--coral);font-style:italic;}

/* — modules — */
.modgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.mod{border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;gap:11px;
  grid-column:span 2;min-height:210px;}
.mod.lead{grid-column:span 3;}
.mod .mn{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--coral);}
.mod h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.2vw,28px);letter-spacing:-0.01em;}
.mod p{font-size:14.5px;line-height:1.6;color:var(--cream-soft);}
@media (max-width:860px){.modgrid{grid-template-columns:1fr;}.mod,.mod.lead{grid-column:span 1;}}

/* — relatable week — */
.weekwrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center;}
.weeklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px;}
.weeklist li{font-family:var(--serif);font-size:clamp(19px,2vw,25px);color:var(--cream-soft);
  padding-left:28px;position:relative;line-height:1.3;letter-spacing:-0.01em;}
.weeklist li::before{content:"";position:absolute;left:2px;top:0.55em;width:8px;height:8px;
  border-radius:50%;background:var(--coral);opacity:0.55;}
.week-close{font-family:var(--serif);font-size:clamp(28px,3.6vw,46px);line-height:1.08;
  letter-spacing:-0.02em;color:var(--cream);}
.week-close em{color:var(--coral);font-style:italic;}
@media (max-width:860px){.weekwrap{grid-template-columns:1fr;}}

/* — before / after — */
.bawrap{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.bacol{border-radius:22px;padding:clamp(30px,3.6vw,42px);}
.bacol.before{background:rgba(43,35,28,0.035);border:1px solid var(--track);}
.bacol h4{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:22px;}
.bacol.before h4{color:var(--cream-faint);}
.bacol.after h4{color:var(--coral);}
.balist{display:flex;flex-direction:column;gap:14px;}
.balist span{font-family:var(--serif);font-size:clamp(18px,2vw,23px);color:var(--cream-soft);letter-spacing:-0.01em;}
.bacol.after .balist span{color:var(--cream);}
@media (max-width:680px){.bawrap{grid-template-columns:1fr;}}

/* — audience — */
.audgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:clamp(40px,6vw,64px);}
.aud{border-radius:18px;padding:28px 30px;}
.aud .role{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--cream);display:block;margin-bottom:8px;letter-spacing:-0.01em;}
.aud .det{font-size:15px;color:var(--cream-soft);line-height:1.55;}
.aud-strong{font-family:var(--serif);font-size:clamp(24px,3vw,38px);line-height:1.22;letter-spacing:-0.02em;
  color:var(--cream);max-width:26ch;}
.aud-strong em{color:var(--coral);font-style:italic;}
@media (max-width:680px){.audgrid{grid-template-columns:1fr;}}

/* — cta audit + footer line — */
.cta-audit{margin-top:18px;font-size:15px;color:var(--cream-soft);max-width:52ch;margin-left:auto;margin-right:auto;}
.cta-audit b{color:var(--cream);font-weight:600;}
.foot-line{max-width:var(--maxw);margin:0 auto;padding:clamp(70px,10vw,120px) var(--edge) 0;text-align:center;
  font-family:var(--serif);font-size:clamp(26px,3.8vw,48px);line-height:1.1;letter-spacing:-0.02em;color:var(--cream);}
.foot-line em{color:var(--coral);font-style:italic;}


/* ============================================================ LIQUID GLASS BLOBS */
.blob-field{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:0.55;will-change:transform;}
.blob-1{width:620px;height:620px;top:-180px;left:-120px;background:radial-gradient(circle,#DCE5D2,transparent 70%);animation:blobDrift1 26s ease-in-out infinite alternate;}
.blob-2{width:560px;height:560px;top:-140px;right:-160px;background:radial-gradient(circle,#D4B98A,transparent 70%);opacity:0.40;animation:blobDrift2 32s ease-in-out infinite alternate;}
.blob-3{width:680px;height:680px;bottom:-220px;left:8%;background:radial-gradient(circle,#B8C7B0,transparent 70%);animation:blobDrift3 30s ease-in-out infinite alternate;}
.blob-4{width:520px;height:520px;bottom:-180px;right:4%;background:radial-gradient(circle,#93A18E,transparent 70%);opacity:0.30;animation:blobDrift4 24s ease-in-out infinite alternate;}
.blob-5{width:460px;height:460px;top:38%;left:42%;background:radial-gradient(circle,#DCE5D2,transparent 72%);opacity:0.28;animation:blobDrift5 36s ease-in-out infinite alternate;}
@keyframes blobDrift1{from{transform:translate(0,0) scale(1);}to{transform:translate(60px,40px) scale(1.08);}}
@keyframes blobDrift2{from{transform:translate(0,0) scale(1);}to{transform:translate(-50px,50px) scale(0.95);}}
@keyframes blobDrift3{from{transform:translate(0,0) scale(1);}to{transform:translate(40px,-50px) scale(1.06);}}
@keyframes blobDrift4{from{transform:translate(0,0) scale(1);}to{transform:translate(-40px,-30px) scale(1.1);}}
@keyframes blobDrift5{from{transform:translate(-30px,-20px) scale(1);}to{transform:translate(30px,30px) scale(1.12);}}
@media (prefers-reduced-motion:reduce){.blob{animation:none!important;}}
@media (max-width:760px){.blob{filter:blur(50px);}.blob-1,.blob-2{width:380px;height:380px;}.blob-3,.blob-4{width:420px;height:420px;}.blob-5{display:none;}}

.brand-chip img,.pcard-mono img{width:100%;height:100%;object-fit:contain;}