/* BiteSizeLaunch 2026 design layer (Jam pick 2026-11-07: Hero B "Open Notebook" with a
   full-height photo + pop-out graphics; Section system C "Afterglow Launch"; B pieces
   (bento, click-a-step viewer, two-plan pricing) where they fit). Shared by every page. */
@font-face{font-family:'Grandstander';src:url('/assets/fonts/grandstander-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dmsans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dmsans-600.woff2') format('woff2');font-weight:600 700;font-display:swap}
:root{
  --g-cobalt:#2458F3;--g-tan:#FF7A30;--g-ink:#102344;--g-night:#0B1A35;--g-ivory:#FFF7EB;--g-paper:#FFFCF6;
  --g-mist:#D9E5EE;--g-paperblue:#A9C9DF;--g-sky:#A9D8FF;--g-peach:#F5D9C4;--g-slate:#405773;--g-mint:#7FD6A8;
  --g-display:'Grandstander','Trebuchet MS',system-ui,sans-serif;
  --g-body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --g-hd:72px;
}
.g26-wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.g26-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.g26{overflow-x:hidden}
body.g26 .g26-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--g-ink);color:#fff;padding:10px 14px;border-radius:10px;font:600 14px/1 var(--g-body)}
body.g26 .g26-skip:focus{top:12px}

/* ---------- buttons ---------- */
.g26-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 16px/1.1 var(--g-body);text-decoration:none;border-radius:14px;padding:17px 26px;border:0;cursor:pointer;transition:transform .2s,box-shadow .3s,background .2s;text-align:center}
.g26-btn--glow{color:var(--g-ink)!important;background:var(--g-tan);box-shadow:0 12px 30px -8px rgba(255,122,48,.6)}
.g26-btn--glow:hover{transform:translateY(-2px);box-shadow:0 0 0 6px rgba(255,122,48,.18),0 18px 40px -8px rgba(255,122,48,.75)}
.g26-btn--line{color:#fff!important;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(169,216,255,.4)}
.g26-btn--line:hover{background:rgba(169,216,255,.08);box-shadow:inset 0 0 0 1.5px var(--g-sky)}
.g26-btn--ghost{color:var(--g-ink)!important;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(16,35,68,.22)}
.g26-btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--g-ink)}
.g26-btn--ink{color:#fff!important;background:var(--g-ink)}
.g26-btn--ink:hover{background:var(--g-cobalt)}
.g26-btn--sm{padding:11px 18px;font-size:14px;border-radius:11px}
.g26-btn--block{width:100%}
:where(body.g26) :focus-visible{outline:3px solid var(--g-cobalt);outline-offset:3px}

/* ---------- shared header (B "Open Notebook" frame) ---------- */
.g26-hd{position:sticky;top:0;z-index:60;background:rgba(255,252,246,.92);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(16,35,68,.08);font-family:var(--g-body)}
.g26-hd__in{display:flex;align-items:center;gap:28px;height:var(--g-hd)}
.g26-logo{display:block;flex:none;line-height:0}
.g26-logo img{height:30px;width:auto;display:block}
.g26-nav{display:flex;gap:24px;margin-left:auto;font-size:15px}
.g26-nav a{color:var(--g-slate);text-decoration:none;font-weight:600;white-space:nowrap}
.g26-nav a:hover,.g26-nav a[aria-current=page]{color:var(--g-ink)}
.g26-nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--g-tan)}
.g26-menu{display:none;margin-left:auto;align-items:center;gap:8px;font:600 14px/1 var(--g-body);color:var(--g-ink);background:#fff;border:0;border-radius:999px;padding:10px 14px;box-shadow:inset 0 0 0 1.5px rgba(16,35,68,.18);cursor:pointer}
.g26-menu i{display:block;width:16px;height:2px;background:currentColor;border-radius:2px;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
.g26-menu[aria-expanded=true] i{box-shadow:none;background:transparent;position:relative}
.g26-menu[aria-expanded=true] i::before,.g26-menu[aria-expanded=true] i::after{content:"";position:absolute;left:0;top:0;width:16px;height:2px;background:currentColor;transform:rotate(45deg)}
.g26-menu[aria-expanded=true] i::after{transform:rotate(-45deg)}
.g26-mnav{border-top:1px solid rgba(16,35,68,.08);background:var(--g-paper);padding:10px 20px 22px}
.g26-mnav[hidden]{display:none}
.g26-mnav a:not(.g26-btn){display:block;padding:14px 4px;font:600 18px/1.2 var(--g-body);color:var(--g-ink);text-decoration:none;border-bottom:1px solid rgba(16,35,68,.07)}
.g26-mnav .g26-btn{margin-top:16px;width:100%}
@media (max-width:1100px){.g26-nav{gap:18px;font-size:14px}}
@media (max-width:980px){.g26-nav{display:none}.g26-menu{display:inline-flex}.g26-hd__cta{margin-left:0}}
@media (max-width:980px){.g26-hd__in{gap:10px}}
@media (max-width:560px){:root{--g-hd:62px}.g26-logo img{height:25px}.g26-hd__cta{padding:10px 14px;font-size:13.5px}}
@media (max-width:350px){.g26-hd__cta{display:none}}

/* ---------- shared footer (C "Afterglow") ---------- */
.g26-ft{position:relative;overflow:hidden;color:var(--g-paperblue);font:400 15px/1.6 var(--g-body);
  background:radial-gradient(50% 80% at 85% 0%,rgba(255,122,48,.30),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(36,88,243,.35),transparent 60%),linear-gradient(180deg,var(--g-ink),var(--g-night));padding:84px 0 34px}
.g26-ft::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.4px 1.4px at 12% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 30% 70%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 55% 14%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 88% 32%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 62%,#fff 50%,transparent 51%);opacity:.5;pointer-events:none}
.g26-ft .g26-wrap{position:relative}
.g26-ft__top{display:grid;grid-template-columns:1.2fr 2fr;gap:48px}
.g26-ft__brand img{height:36px;width:auto;margin-bottom:16px}
.g26-ft__brand p{margin:0 0 6px;max-width:24em}
.g26-ft__k{color:var(--g-tan)!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.g26-ft__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.g26-ft h2{font:600 12px/1 var(--g-body);letter-spacing:.16em;text-transform:uppercase;color:var(--g-sky);margin:4px 0 16px}
.g26-ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.g26-ft a{color:#fff;text-decoration:none}
.g26-ft a:hover{color:var(--g-tan)}
.g26-ft__bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 30px;margin-top:56px;padding-top:22px;border-top:1px solid rgba(169,216,255,.16);font-size:13.5px}
.g26-ft__bot a{color:var(--g-paperblue);text-decoration:underline}
@media (max-width:860px){.g26-ft{padding:64px 0 28px}.g26-ft__top{grid-template-columns:1fr;gap:36px}.g26-ft__cols{grid-template-columns:1fr 1fr}}

/* ---------- C section system ---------- */
.g26-sec{position:relative;padding:120px 0;font-family:var(--g-body)}
.g26-dark{background:var(--g-ink);color:var(--g-ivory)}
.g26-eyebrow{display:inline-block;font:600 13px/1.2 var(--g-body);letter-spacing:.16em;text-transform:uppercase;color:var(--g-tan)}
.g26-h2{font:800 clamp(36px,5vw,66px)/1.04 var(--g-display);letter-spacing:-.02em;margin:16px 0 18px;max-width:14em;text-wrap:balance}
.g26-dark .g26-h2{color:#fff}
.g26-intro{font-size:clamp(17px,1.5vw,19px);max-width:34em;margin:0;color:var(--g-slate)}
.g26-dark .g26-intro{color:var(--g-paperblue)}
@media (max-width:860px){.g26-sec{padding:76px 0}}

/* glow cards */
.g26-gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.g26-gc{--c:var(--g-sky);position:relative;border-radius:26px;padding:30px 30px 0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(169,216,255,.16);display:flex;flex-direction:column;color:var(--g-ivory);transition:transform .3s,box-shadow .3s}
.g26-gc::before{content:"";position:absolute;inset:auto -20% -40% -20%;height:70%;background:radial-gradient(50% 50% at 50% 50%,var(--c),transparent 70%);opacity:.26;transition:opacity .3s;pointer-events:none}
.g26-gc:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(169,216,255,.38)}
.g26-gc:hover::before{opacity:.48}
.g26-gc--tan{--c:var(--g-tan)}.g26-gc--mint{--c:var(--g-mint)}
.g26-gc__k{font:600 12px/1.3 var(--g-body);letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.g26-gc__mk{height:44px;width:auto;margin-bottom:16px;background:var(--g-ivory);border-radius:12px;padding:6px 10px;align-self:flex-start}
.g26-gc h3{font:800 32px/1.05 var(--g-display);margin:12px 0 10px;color:#fff}
.g26-gc p{color:var(--g-paperblue);font-size:16px;margin:0 0 10px}
.g26-gc dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px;margin:8px 0 18px}
.g26-gc dt{color:var(--c);font-weight:600}
.g26-gc dd{margin:0;color:#fff;opacity:.92}
.g26-gc__buy{position:relative;z-index:1;display:grid;gap:8px;margin-top:auto}
.g26-gc__buy small{font-size:12.5px;color:var(--g-paperblue)}
.g26-gc__buy small a{color:#fff}
.g26-gc__more{color:#fff;font-weight:600;font-size:15px;text-decoration:none}
.g26-gc__more::after{content:" →"}
.g26-gc__peek{position:relative;width:74%;align-self:center;margin-top:26px;border-radius:10px 10px 0 0;transform:translateY(36px);box-shadow:0 -10px 50px -10px rgba(0,0,0,.6);transition:transform .4s;height:auto;max-height:none}
.g26-gc:hover .g26-gc__peek{transform:translateY(14px)}
@media (max-width:960px){.g26-gcards{grid-template-columns:1fr}.g26-gc__peek{width:58%}}

/* countdown timeline */
.g26-tl{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:64px 0 0;position:relative}
.g26-tl::before{content:"";position:absolute;top:27px;left:7%;right:7%;height:2px;background:linear-gradient(90deg,var(--g-sky),var(--g-tan))}
.g26-ev{text-align:center;padding:0 10px}
.g26-ev__dot{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:var(--g-ink);box-shadow:inset 0 0 0 2px var(--g-sky);display:grid;place-items:center;position:relative}
.g26-ev__dot img{width:30px;height:30px;filter:brightness(0) invert(1)}
.g26-ev:last-child .g26-ev__dot{background:var(--g-tan);box-shadow:0 0 0 8px rgba(255,122,48,.18),0 0 40px rgba(255,122,48,.6)}
.g26-ev:last-child .g26-ev__dot img{filter:brightness(0)}
.g26-ev small{font:600 12px/1 var(--g-body);letter-spacing:.14em;text-transform:uppercase;color:var(--g-sky)}
.g26-ev h3{font:800 21px/1.15 var(--g-display);color:#fff;margin:10px 0 8px}
.g26-ev p{color:var(--g-paperblue);font-size:14px;margin:0}
@media (max-width:1100px) and (min-width:861px){.g26-tl{grid-template-columns:repeat(4,1fr);row-gap:44px}.g26-tl::before{display:none}}
@media (max-width:860px){
  .g26-tl{grid-template-columns:1fr;gap:26px}
  .g26-tl::before{top:0;bottom:0;left:27px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--g-sky),var(--g-tan))}
  .g26-ev{display:grid;grid-template-columns:56px 1fr;gap:2px 18px;text-align:left;padding:0}
  .g26-ev__dot{grid-row:span 3;margin:0}
  .g26-ev h3{margin:4px 0 2px}
}

/* B click-a-step viewer (used inside C sections) */
.g26-tabs{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;margin-top:60px;align-items:center}
.g26-tablist{display:grid;gap:4px;counter-reset:n}
.g26-tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:44px 1fr;gap:6px 14px;padding:18px 22px;border-radius:18px;transition:background .2s;color:#fff}
.g26-tab::before{counter-increment:n;content:"0" counter(n);font:600 14px/1.9 var(--g-body);color:var(--g-paperblue);grid-row:span 2}
.g26-tab strong{font:800 22px/1.2 var(--g-display)}
.g26-tab span{color:var(--g-paperblue);font-size:15px;display:none}
.g26-tab:hover{background:rgba(255,255,255,.05)}
.g26-tab[aria-selected=true]{background:rgba(255,255,255,.09)}
.g26-tab[aria-selected=true]::before{color:var(--g-tan)}
.g26-tab[aria-selected=true] span{display:block}
.g26-tab:focus-visible{outline:2px solid var(--g-sky)}
.g26-viewer{position:relative;aspect-ratio:1/1;border-radius:32px;background:radial-gradient(120% 90% at 70% 10%,#24406e 0%,#152c55 55%,var(--g-night) 100%);display:grid;place-items:center;overflow:hidden;margin:0}
.g26-viewer img{position:absolute;width:56%;height:auto;border-radius:10px;box-shadow:0 40px 80px -20px rgba(0,0,0,.6);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.g26-viewer img:not(.on){opacity:0;transform:translateY(24px) scale(.97)}
.g26-viewer figcaption{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:13px;color:var(--g-paperblue)}
@media (max-width:860px){.g26-tabs{grid-template-columns:1fr;gap:24px}.g26-viewer{order:-1;aspect-ratio:4/4.3}.g26-viewer img{width:62%}.g26-tab{padding:14px 12px}.g26-tab strong{font-size:19px}}

/* liftoff band (cobalt + sun) */
.g26-lift{background:var(--g-cobalt);overflow:hidden;color:#fff}
.g26-lift .g26-sun{position:absolute;width:620px;height:620px;border-radius:50%;left:50%;top:100%;transform:translate(-50%,-38%);background:radial-gradient(circle,#FFB27A 0%,var(--g-tan) 45%,rgba(255,122,48,0) 70%);pointer-events:none}
.g26-lift .g26-wrap{position:relative}
.g26-lift .g26-eyebrow{color:var(--g-sky)}
.g26-lift .g26-h2{color:#fff}
.g26-lift .g26-intro{color:#dbe6ff}

/* light B section helpers */
.g26-paper{background:var(--g-paper);color:var(--g-ink)}
.g26-peach{background:var(--g-peach);color:var(--g-ink)}
.g26-label{font:600 13px/1.2 var(--g-body);letter-spacing:.14em;text-transform:uppercase;color:var(--g-cobalt)}

/* ---------- sub-page adoption: shared section language on existing pages ---------- */
body.g26 .site-header,body.g26 .bf-head{display:none!important}
body.g26 .bf-bar{position:relative;z-index:61}

/* ---------- r2: MERI attendee welcome banner (home pricing + /buy/bundle/) ---------- */
.meri-wel{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"badge copy prices" "badge claim prices" "fine fine fine";gap:6px 26px;align-items:center;text-align:left;background:var(--g-ivory);color:var(--g-ink);border-radius:26px;padding:26px 30px;box-shadow:0 0 0 2px var(--g-tan),0 30px 60px -34px rgba(11,26,53,.7);font-family:var(--g-body);position:relative}
.meri-wel__badge{grid-area:badge;width:92px;height:92px;border-radius:50%;background:var(--g-tan);display:grid;place-content:center;text-align:center;transform:rotate(-8deg);box-shadow:0 0 0 4px #fff}
.meri-wel__badge b{font:800 30px/1 var(--g-display)}
.meri-wel__badge span{font:700 12px/1 var(--g-body);text-transform:uppercase;letter-spacing:.1em}
.meri-wel__copy{grid-area:copy;align-self:end}
.meri-wel h3{font:800 clamp(22px,2.2vw,28px)/1.15 var(--g-display);margin:0 0 4px;color:var(--g-ink)}
.meri-wel__copy p{margin:0;color:var(--g-slate);font-size:16px}
.meri-wel__prices{grid-area:prices;list-style:none;margin:0;padding:0;display:grid;gap:8px}
.meri-wel__prices li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;background:#fff;border-radius:14px;padding:10px 16px;box-shadow:inset 0 0 0 1px rgba(16,35,68,.1)}
.meri-wel__prices li>span{font-size:14px;font-weight:600;color:var(--g-slate)}
.meri-wel__prices b{font:800 28px/1 var(--g-display);color:var(--g-ink);white-space:nowrap}
.meri-wel__prices s{font:600 16px/1 var(--g-body);color:var(--g-slate);margin-right:4px}
.meri-wel__prices small{font-size:12.5px;color:var(--g-slate);margin-left:-10px}
.meri-wel__claim{grid-area:claim;align-self:start;margin:6px 0 0;font-size:16px;font-weight:600}
.meri-wel__code{font:800 17px/1 var(--g-body);letter-spacing:.08em;background:var(--g-ink);color:#fff;border-radius:8px;padding:5px 10px;margin:0 2px}
.meri-wel__fine{grid-area:fine;margin:12px 0 0;padding-top:12px;border-top:1px dashed rgba(16,35,68,.18);font-size:13px;color:var(--g-slate)}
.g26-plans-sec .meri-wel{margin-top:36px;max-width:980px}
@media (max-width:860px){
  .meri-wel{grid-template-columns:auto 1fr;grid-template-areas:"badge copy" "prices prices" "claim claim" "fine fine";padding:22px 20px;gap:12px 16px}
  .meri-wel__badge{width:72px;height:72px}.meri-wel__badge b{font-size:24px}.meri-wel__badge span{font-size:10px}
  .meri-wel__copy{align-self:center}
}