/* Big Breezoe, polish layer. Loaded after each page's own <style>; brand tokens (ink / gold / copper) unchanged. */
:root{
  --r:14px;--r-sm:10px;--r-xs:6px;
  --shadow:0 1px 0 rgba(255,255,255,.035) inset,0 18px 40px -22px rgba(0,0,0,.85);
  --shadow-hi:0 1px 0 rgba(255,255,255,.05) inset,0 26px 50px -22px rgba(0,0,0,.9),0 0 0 1px rgba(240,168,64,.22);
  --grad-panel:linear-gradient(180deg,#171B21 0%,#12151A 100%);
  --ease:cubic-bezier(.2,.75,.3,1);
}
html{scrollbar-color:#3A424D #0B0D10;scrollbar-width:thin}
::selection{background:rgba(240,168,64,.32);color:#fff}
body{text-rendering:optimizeLegibility;background:
  radial-gradient(900px 520px at 100% -4%,rgba(240,168,64,.075),transparent 62%),
  radial-gradient(760px 560px at -6% 38%,rgba(198,116,48,.06),transparent 66%),
  var(--ink)}
h1,h2,h3{text-wrap:balance}
p,.lede{text-wrap:pretty}
.lede{line-height:1.65}

/* section rhythm: soft gradient rules instead of hard lines */
section{border-top:0;position:relative;padding:104px 0}
section::before{content:'';position:absolute;top:0;left:50%;width:min(var(--max),calc(100% - 60px));height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--line2) 18%,var(--line2) 82%,transparent)}
.hero::before,section[style*="padding:0"]::before{display:none}
.capture{background:linear-gradient(180deg,rgba(24,28,34,.55),rgba(18,21,26,.9));}

/* eyebrow labels get a gold tick */
section>.wrap>.mono,.cap-grid>div>.mono{display:flex;align-items:center;gap:12px;color:var(--gray)}
section>.wrap>.mono::before,.cap-grid>div>.mono::before{content:'';width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--copper))}
h2{background:linear-gradient(180deg,#fff 20%,#D9D4C8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* nav */
nav{background:rgba(11,13,16,.78);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid rgba(58,66,77,.55)}
.nav-links a{position:relative;padding:6px 0;transition:color .2s}
.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
.nav-links a:hover::after{transform:scaleX(1)}
@media(max-width:860px){
  .nav-in{flex-wrap:wrap;gap:6px 18px;padding-bottom:8px}
  .nav-links{display:flex;width:100%;gap:22px;overflow-x:auto;padding:6px 0 4px;font-size:14px;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{white-space:nowrap;flex:0 0 auto}
}

/* hero */
.hero{padding:112px 0 96px}
.hero h1{line-height:1.02;filter:drop-shadow(0 8px 30px rgba(0,0,0,.45))}
.hero h1 em{background:linear-gradient(95deg,var(--gold-hi),var(--gold) 55%,var(--copper));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .sub{line-height:1.65}
.day{border-radius:var(--r);background:var(--grad-panel);box-shadow:var(--shadow);border-color:rgba(58,66,77,.6)}
.bar,.minibar{border-radius:10px;border-color:rgba(58,66,77,.7)}
.seg.s4,.mb-free{border-radius:0 9px 9px 0}
.s4{box-shadow:0 0 34px rgba(240,168,64,.5)}

/* buttons */
.btn{border-radius:var(--r-sm);background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-color:var(--gold);
  box-shadow:0 10px 24px -12px rgba(240,168,64,.65),0 1px 0 rgba(255,255,255,.35) inset;transition:transform .2s var(--ease),box-shadow .2s,background .2s}
.btn:hover{background:linear-gradient(180deg,#FFD08A,var(--gold-hi));transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(240,168,64,.8),0 1px 0 rgba(255,255,255,.4) inset}
.btn:active{transform:translateY(0)}
.btn-ghost{background:rgba(255,255,255,.02);box-shadow:none;color:var(--cream);border-color:var(--line2)}
.btn-ghost:hover{background:rgba(240,168,64,.07);border-color:var(--gold);color:var(--gold-hi);box-shadow:none}

/* panels: soft corners, depth */
.stats,.bp,.tier,.card,.tb,.calc,.offer-cta,.path,.shape,.money,.mcard,.db-def,.money-note,.story-steps,.switch,.social,.offers,.week{border-radius:var(--r)}
.stats,.path,.shape,.offers,.week,.switch{overflow:hidden}
.stats{background:var(--grad-panel);box-shadow:var(--shadow);border-color:rgba(58,66,77,.5)}
.stat{padding:30px 28px}
.stat .n{font-size:40px;background:linear-gradient(180deg,var(--gold-hi),var(--copper));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bp,.tb,.calc,.tier,.card,.mcard,.money,.db-def,.offer-cta,.story-steps,.money-note{background:var(--grad-panel);box-shadow:var(--shadow)}
.bp::before,.tb::before,.calc::before,.db-def::before,.money::before{left:22px;top:-1px;width:44px;height:3px;border-radius:0 0 3px 3px}
.card{transition:transform .28s var(--ease),border-color .25s,box-shadow .28s,background .25s}
.card:hover{transform:translateY(-4px);border-color:rgba(240,168,64,.45);box-shadow:var(--shadow-hi)}
.card::after{display:none}
.card h3{transition:color .2s}
.card:hover h3{color:var(--gold-hi)}
a.card[href]::before{content:'\2197';position:absolute;top:20px;right:22px;font-size:18px;color:var(--dim);transition:color .2s,transform .28s var(--ease)}
a.card[href]:hover::before{color:var(--gold);transform:translate(3px,-3px)}
.soon{opacity:.62;border-style:dashed;box-shadow:none;background:transparent}
.soon:hover{transform:none;border-color:var(--line2);box-shadow:none}
.social{background:var(--grad-panel);box-shadow:var(--shadow);transition:transform .25s var(--ease),border-color .2s,box-shadow .25s}
.social:hover{transform:translateY(-3px);box-shadow:var(--shadow-hi)}

/* start-here path, offers, tiers */
.path,.offers,.shape,.week{background:rgba(58,66,77,.35);border-color:rgba(58,66,77,.5)}
.step,.offer,.sh,.wd{background:var(--grad-panel)}
.step:hover,.offer:hover,.sh:hover,.wd:hover{background:linear-gradient(180deg,#1D222A,#161A20)}
.step .num{font-size:12px}
.state,.tag,.offer-basis,.chip{border-radius:var(--r-xs)}
.offer-hot{background:linear-gradient(180deg,#20252D,#161A20)}
.offer-hot::before{height:3px}
.tier-head{background:rgba(255,255,255,.015)}
.tier-body .item{transition:padding-left .2s var(--ease)}
.tier-body .item:hover{padding-left:6px}
.switch{background:#0F1216;padding:4px;gap:4px;border-color:rgba(58,66,77,.6)}
.switch button{border:none;border-radius:10px;padding:13px 10px}
.switch button[aria-selected=true]{background:linear-gradient(180deg,#252B34,#1B2027);color:var(--gold-hi);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 6px 14px -8px #000}
.switch button[aria-selected=true]::after{display:none}
.preset button{border-radius:999px;padding:9px 16px}
.preset button:hover{background:rgba(240,168,64,.08)}
.chip.on{box-shadow:0 0 18px -6px rgba(240,168,64,.55)}

/* weekly planner + sliders */
.wd .col{background:rgba(255,255,255,.025);border-radius:10px;overflow:hidden;padding:0 8px}
.wd .fill{border-radius:8px 8px 0 0}
.wk-total{background:linear-gradient(180deg,var(--gold-hi),var(--copper));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#2A313A,#3A424D)}
input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:#3A424D}
input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--gold) 65%,var(--copper));
  box-shadow:0 0 0 4px rgba(240,168,64,.16),0 4px 12px rgba(0,0,0,.6);transition:box-shadow .2s,transform .2s}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--gold);border:none;box-shadow:0 0 0 4px rgba(240,168,64,.16)}
input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 7px rgba(240,168,64,.2),0 4px 12px rgba(0,0,0,.6)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}

/* email capture (overrides the Kit form's own squared styling) */
input[type=email],.bb-form .formkit-input{border-radius:var(--r-sm)!important;background:#0D1014!important;border-color:var(--line2)!important;transition:border-color .2s,box-shadow .2s}
.bb-form .formkit-input:focus,input[type=email]:focus{border-color:var(--gold)!important;box-shadow:0 0 0 4px rgba(240,168,64,.14)!important;outline:none}
.bb-form .formkit-submit{border-radius:var(--r-sm)!important;background:linear-gradient(180deg,var(--gold-hi),var(--gold))!important;box-shadow:0 10px 24px -12px rgba(240,168,64,.65)}
.bb-form .formkit-alert{border-radius:var(--r-sm)!important}

/* story */
.pull{border-radius:0 12px 12px 0;background:linear-gradient(90deg,rgba(240,168,64,.09),transparent);padding:16px 22px;font-size:22px}
.money-note{border-left-width:3px}

/* footer */
footer{background:linear-gradient(180deg,#12151A,#0D1014);border-top:1px solid rgba(58,66,77,.55)}
.foot-links a{transition:color .2s}
.foot-links a:hover{color:var(--gold-hi)}

/* phones */
@media(max-width:700px){
  section{padding:68px 0}
  .wrap{padding:0 20px}
  section::before{width:calc(100% - 40px)}
  .hero{padding:72px 0 64px}
  .stat{padding:22px}
  .tb,.calc,.money,.bp,.day{padding:22px}
  a.card[href]::before{top:16px;right:16px}
}
@media(prefers-reduced-motion:reduce){.card,.btn,.social,.nav-links a::after{transition:none!important}}

/* planner: no empty tile when 7 days wrap */
@media(max-width:700px){.week .wd:last-child{grid-column:span 2}}
@media(max-width:420px){.week .wd:last-child{grid-column:span 3}}