*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--warm-black:#1c1410;--espresso:#2a1f18;--walnut:#4a3728;--cinnamon:#8b6844;
--honey:#d4920c;--golden:#e8b04a;--butter:#f5d88e;--flour:#faf4e8;--cream:#fef9ef;
--white:#fff;--sourdough:#e8dcc8;--crust:#c4956a;--berry:#a83248;--sage:#5a7a5a;
--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;
--text-2xl:clamp(1.5rem,3vw,2rem);--text-3xl:clamp(2rem,4vw,3rem);--text-hero:clamp(2.25rem,5.5vw,4.5rem);
--font-serif:'Playfair Display',Georgia,serif;--font-sans:'DM Sans',system-ui,sans-serif;
--nav-height:64px;
}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);color:var(--warm-black);background:var(--cream);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ===== STICKY NAV ===== */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2rem;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;transition:background .3s,backdrop-filter .3s}
.site-nav.scrolled{background:rgba(28,20,16,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav-brand{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--honey)}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a{color:var(--cream);font-size:var(--text-sm);font-weight:500;transition:color .2s}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--honey)}
.nav-cta{padding:.5rem 1.25rem;border-radius:50px;background:var(--honey);color:var(--white);font-size:var(--text-sm);font-weight:700;border:none;cursor:pointer;transition:background .2s}
.nav-cta:hover,.nav-cta:focus-visible{background:var(--golden)}
/* Hamburger (CSS checkbox hack) */
.nav-toggle{display:none}
.nav-toggle-label{display:none;cursor:pointer;width:28px;height:20px;position:relative;z-index:101}
.nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after{display:block;width:28px;height:2px;background:var(--cream);border-radius:2px;position:absolute;transition:transform .3s,opacity .3s}
.nav-toggle-label span{top:9px}
.nav-toggle-label span::before{content:'';top:-8px}
.nav-toggle-label span::after{content:'';top:8px}
.nav-toggle:checked + .nav-toggle-label span{background:transparent}
.nav-toggle:checked + .nav-toggle-label span::before{top:0;transform:rotate(45deg)}
.nav-toggle:checked + .nav-toggle-label span::after{top:0;transform:rotate(-45deg)}
@media(max-width:767px){
.nav-toggle-label{display:block}
.nav-links{position:fixed;top:0;right:-100%;width:260px;height:100vh;background:var(--warm-black);flex-direction:column;padding:5rem 2rem 2rem;gap:1.5rem;transition:right .3s}
.nav-toggle:checked ~ .nav-links{right:0}
}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}
.reveal-d4{transition-delay:.4s}.reveal-d5{transition-delay:.5s}

@media(prefers-reduced-motion:reduce){
.reveal{opacity:1;transform:none;transition:none}
.flour-particle{display:none!important}
.typing-cursor{animation:none!important}
.storefront-preview{animation:none!important}
}

/* ===== FLOUR PARTICLES ===== */
.flour-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.flour-particle{position:absolute;border-radius:50%;background:var(--cream);opacity:.2;animation:flour-fall linear infinite}
@keyframes flour-fall{
0%{transform:translateY(-20px) translateX(0);opacity:0}
10%{opacity:var(--p-opacity,.2)}
90%{opacity:var(--p-opacity,.2)}
100%{transform:translateY(calc(100vh + 20px)) translateX(var(--p-sway,30px));opacity:0}
}

/* ===== HERO ===== */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--nav-height) + 2rem) 1.5rem 4rem;background:var(--warm-black);color:var(--cream);text-align:center;overflow:hidden}
.hero-content{position:relative;z-index:1;width:100%;max-width:900px}
.hero-eyebrow{font-size:var(--text-sm);letter-spacing:.25em;text-transform:uppercase;color:var(--honey);margin-bottom:1.5rem;font-weight:500}
.hero-headline{font-family:var(--font-serif);font-size:var(--text-hero);font-weight:700;line-height:1.1;margin-bottom:.25em}
.hero-headline-input-wrap{display:block;position:relative;min-height:1.2em;margin-top:.15em;cursor:text}
.hero-name-input{background:none;border:none;border-bottom:3px dashed var(--walnut);outline:none;font-family:var(--font-serif);font-size:var(--text-hero);font-weight:700;color:var(--golden);text-align:center;width:100%;line-height:1.1;caret-color:var(--honey);padding-bottom:.1em;transition:border-color .3s;position:relative;z-index:2}
.hero-name-input:focus{border-bottom-color:var(--honey);border-bottom-style:solid}
.hero-name-input::placeholder{color:var(--cinnamon);opacity:.6}
.typing-cursor{display:inline-block;width:3px;height:.85em;background:var(--honey);margin-left:4px;vertical-align:text-bottom;animation:blink 1s step-end infinite;pointer-events:none}
.hero-type-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-size:var(--text-sm);color:var(--cinnamon);opacity:.8;transition:opacity .4s}
.hero-type-hint.hidden{opacity:0;pointer-events:none}
.hero-type-hint svg{animation:bounce-arrow 1.5s ease infinite}
@keyframes bounce-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes blink{50%{opacity:0}}

/* Mini storefront preview — floating animation */
.sf-preview-label{text-align:center;font-size:var(--text-sm);color:var(--cinnamon);letter-spacing:.05em;margin-top:2.5rem;margin-bottom:-.5rem}
.storefront-preview{background:var(--flour);border-radius:20px;padding:1.5rem;margin:1.5rem auto 0;max-width:580px;color:var(--warm-black);text-align:left;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:sfFloat 6s ease-in-out infinite}
@keyframes sfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.sf-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--sourdough)}
.sf-logo{width:40px;height:40px;border-radius:10px;background:var(--honey);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;font-size:1.1rem;color:var(--white);flex-shrink:0}
.sf-bakery-name{font-family:var(--font-serif);font-weight:700;font-size:var(--text-lg);color:var(--warm-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-badge{font-size:var(--text-xs);background:var(--sage);color:var(--white);padding:2px 8px;border-radius:20px;margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:4px}
.sf-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;flex-shrink:0}
.sf-products{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.sf-product{background:var(--white);border-radius:12px;padding:.75rem;text-align:center;transition:transform .2s}
.sf-product:hover,.sf-product:focus-visible{transform:scale(1.03)}
.sf-product-img{width:100%;aspect-ratio:1;border-radius:8px;margin-bottom:.5rem}
.sf-product:nth-child(1) .sf-product-img{background:linear-gradient(135deg,var(--crust),var(--cinnamon))}
.sf-product:nth-child(2) .sf-product-img{background:linear-gradient(135deg,var(--butter),var(--honey))}
.sf-product:nth-child(3) .sf-product-img{background:linear-gradient(135deg,var(--sourdough),var(--walnut))}
.sf-product-name{font-size:var(--text-xs);font-weight:500;margin-bottom:.2rem}
.sf-product-price{font-size:var(--text-sm);font-weight:700;color:var(--honey)}
.sf-order-btn{display:block;width:100%;margin-top:1rem;padding:.7rem;background:var(--honey);color:var(--white);border:none;border-radius:12px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background .2s}
.sf-order-btn:hover,.sf-order-btn:focus-visible{background:var(--golden)}

/* Waitlist input */
.waitlist{display:flex;gap:.5rem;max-width:460px;margin:2.5rem auto 0;flex-wrap:wrap;justify-content:center}
.waitlist input{flex:1;min-width:200px;padding:.85rem 1.25rem;border-radius:14px;border:2px solid var(--walnut);background:var(--espresso);color:var(--cream);font-family:var(--font-sans);font-size:var(--text-base);outline:none;transition:border-color .2s}
.waitlist input:focus,.waitlist input:focus-visible{border-color:var(--honey)}
.waitlist input::placeholder{color:var(--cinnamon)}
.waitlist button,.cta-btn{padding:.85rem 2rem;border-radius:14px;border:none;background:var(--honey);color:var(--white);font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:background .2s,transform .2s}
.waitlist button:hover,.cta-btn:hover,.waitlist button:focus-visible,.cta-btn:focus-visible{background:var(--golden);transform:translateY(-1px)}

/* Social proof below waitlist */
.hero-social-proof{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.25rem;font-size:var(--text-sm);color:var(--cinnamon)}
.hero-avatars{display:flex}
.hero-avatar{width:26px;height:26px;border-radius:50%;border:2px solid var(--warm-black);margin-left:-8px}
.hero-avatar:first-child{margin-left:0}

.hero-divider{position:relative;z-index:1;margin-top:2rem}
.hero-divider svg{display:block;margin:0 auto;width:min(180px,40vw);height:auto}

/* ===== BAKER'S DAY ===== */
.bakers-day{position:relative;background:linear-gradient(180deg,var(--cream) 0%,#fdf5e9 50%,#fbf0e0 100%)}
.bakers-day-intro{text-align:center;padding:5rem 1.5rem 3rem}
.bakers-day-intro .day-icon{display:block;margin:0 auto 1rem;opacity:.7}
.bakers-day-intro h2{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,3.5rem);color:var(--warm-black)}
.bakers-day-intro p{color:var(--walnut);margin-top:.5rem;font-size:var(--text-lg)}
.bakers-day-intro .day-subtitle{color:var(--cinnamon);margin-top:.35rem;font-size:var(--text-sm);max-width:600px;margin-left:auto;margin-right:auto}

/* Timeline layout */
.day-timeline{position:relative;max-width:1000px;margin:0 auto;padding:2rem 1.5rem 4rem}
.day-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--honey) 5%,var(--honey) 95%,transparent);transform:translateX(-50%)}
.day-entry{display:flex;align-items:flex-start;gap:3rem;margin-bottom:3rem;position:relative}
.day-entry:nth-child(odd){flex-direction:row}
.day-entry:nth-child(even){flex-direction:row-reverse}
.day-entry .day-card{flex:1;max-width:420px}
.day-entry .day-spacer{flex:1;max-width:420px}

/* Time badge on timeline */
.day-time-badge{position:absolute;left:50%;top:1.5rem;transform:translateX(-50%);background:var(--honey);color:var(--white);font-family:var(--font-serif);font-style:italic;font-size:var(--text-sm);font-weight:700;padding:6px 16px;border-radius:20px;white-space:nowrap;z-index:2;box-shadow:0 2px 8px rgba(212,146,12,.3)}
/* Dot on timeline */
.day-entry::before{content:'';position:absolute;left:50%;top:1.75rem;width:12px;height:12px;background:var(--golden);border:3px solid var(--cream);border-radius:50%;transform:translateX(-50%);z-index:1;box-shadow:0 0 0 4px rgba(212,146,12,.15)}

/* Card styling */
.day-card{background:var(--white);border-radius:20px;padding:2rem;box-shadow:0 4px 24px rgba(28,20,16,.08);position:relative;z-index:1;border-top:none;border-left:4px solid var(--sage)}
.day-card-icon{font-size:1.75rem;margin-bottom:.5rem}
.day-label{font-weight:700;font-size:var(--text-lg);margin-bottom:1rem;color:var(--warm-black)}
.day-ui{background:var(--flour);border-radius:12px;padding:1.25rem;font-size:var(--text-sm);color:var(--walnut)}
.day-ui-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--sourdough)}
.day-ui-row:last-child{border:none}
.day-ui-pill{display:inline-block;padding:2px 10px;border-radius:20px;font-size:var(--text-xs);font-weight:500;color:var(--white)}
.pill-confirmed{background:var(--sage)}.pill-baking{background:var(--honey)}.pill-ready{background:var(--crust)}.pill-delivered{background:var(--walnut)}
.day-ui-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-weight:700;font-size:var(--text-sm)}
.badge-paid{background:#e6f7e6;color:var(--sage)}
.day-ui-stars{color:var(--honey);font-size:var(--text-lg);letter-spacing:2px}
.day-ui-profit{display:flex;gap:1.5rem;flex-wrap:wrap}
.day-ui-stat{text-align:center}
.day-ui-stat-val{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700}
.day-ui-stat-label{font-size:var(--text-xs);color:var(--cinnamon)}
.profit-green{color:var(--sage)}.profit-red{color:var(--berry)}

/* Per-card border colors */
.day-entry:nth-child(1) .day-card{border-left-color:var(--sage)}
.day-entry:nth-child(1) .day-ui{background:rgba(90,122,90,.04)}
.day-entry:nth-child(2) .day-card{border-left-color:var(--honey)}
.day-entry:nth-child(2) .day-ui{background:rgba(212,146,12,.04)}
.day-entry:nth-child(3) .day-card{border-left-color:var(--crust)}
.day-entry:nth-child(3) .day-ui{background:rgba(196,149,106,.06)}
.day-entry:nth-child(4) .day-card{border-left-color:var(--sage)}
.day-entry:nth-child(4) .day-ui{background:rgba(90,122,90,.04)}
.day-entry:nth-child(5) .day-card{border-left-color:var(--golden)}
.day-entry:nth-child(5) .day-ui{background:rgba(232,176,74,.05)}
.day-entry:nth-child(6) .day-card{border-left-color:var(--sage)}
.day-entry:nth-child(6) .day-ui{background:rgba(90,122,90,.04)}

/* Scroll animations */
.day-entry:nth-child(odd) .day-card{opacity:0;transform:translateX(-40px);transition:opacity .6s ease,transform .6s ease}
.day-entry:nth-child(even) .day-card{opacity:0;transform:translateX(40px);transition:opacity .6s ease,transform .6s ease}
.day-entry.visible .day-card{opacity:1;transform:translateX(0)}

/* Mobile timeline */
@media(max-width:767px){
.day-timeline::before{left:20px}
.day-entry{flex-direction:row!important;padding-left:50px;gap:0}
.day-entry:nth-child(odd),.day-entry:nth-child(even){flex-direction:row!important}
.day-spacer{display:none}
.day-entry .day-card{max-width:100%}
.day-time-badge{left:20px;transform:translateX(-50%)}
.day-entry::before{left:20px}
.day-entry:nth-child(odd) .day-card,.day-entry:nth-child(even) .day-card{transform:translateX(30px)}
.day-entry.visible .day-card{transform:translateX(0)}
.storefront-preview{padding:1rem;margin:2rem auto}
.sf-products{grid-template-columns:repeat(2,1fr)}
}

@media(prefers-reduced-motion:reduce){
.day-entry:nth-child(odd) .day-card,.day-entry:nth-child(even) .day-card{opacity:1;transform:none;transition:none}
}

/* ===== NUMBERS ===== */
.numbers{background:var(--warm-black);color:var(--golden);padding:5rem 1.5rem;text-align:center;position:relative;overflow:hidden}
.numbers-grid{display:flex;justify-content:center;gap:clamp(2rem,6vw,5rem);flex-wrap:wrap;max-width:900px;margin:0 auto;position:relative;z-index:1}
.number-item{flex:1;min-width:180px}
.number-val{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1}
.number-sub{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--cinnamon);margin-top:.5rem;font-weight:400}
.numbers-wheat{position:absolute;top:50%;opacity:.12;pointer-events:none}
.numbers-wheat-l{left:2%;transform:translateY(-50%) rotate(-15deg)}
.numbers-wheat-r{right:2%;transform:translateY(-50%) rotate(15deg) scaleX(-1)}

/* ===== BENTO FEATURES ===== */
.features{background:linear-gradient(180deg,var(--sourdough) 0%,var(--cream) 100%);padding:5rem 1.5rem}
.features-header{text-align:center;margin-bottom:3rem}
.features-header h2{font-family:var(--font-serif);font-size:var(--text-3xl)}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}
.bento-card{background:var(--white);border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px rgba(28,20,16,.08),0 1px 3px rgba(28,20,16,.04);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;display:flex;flex-direction:column;border:none;position:relative}
.bento-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--honey),var(--golden));border-radius:20px 20px 0 0}
.bento-card:hover,.bento-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 40px rgba(28,20,16,.12),0 2px 6px rgba(28,20,16,.06)}
.bento-large{grid-column:span 3}
.bento-medium{grid-column:span 2}
.bento-card h3{font-family:var(--font-serif);font-size:var(--text-xl);margin-bottom:.5rem;color:var(--warm-black)}
.bento-card p{font-size:var(--text-sm);color:var(--walnut);margin-bottom:1.25rem;line-height:1.6}
.bento-card:not(.bento-large) p{min-height:2.6em}
.bento-demo{background:linear-gradient(135deg,var(--flour),rgba(232,220,200,.3));border-radius:14px;padding:1.25rem;flex:1;font-size:var(--text-sm);overflow:hidden;position:relative;border:1px solid rgba(212,146,12,.08)}

/* Storefront demo */
.bento-sf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.bento-sf-item{background:var(--white);border-radius:8px;padding:.5rem;text-align:center}
.bento-sf-swatch{width:100%;aspect-ratio:1;border-radius:6px;margin-bottom:.3rem}
.bento-sf-item:nth-child(1) .bento-sf-swatch{background:linear-gradient(135deg,var(--crust),var(--cinnamon))}
.bento-sf-item:nth-child(2) .bento-sf-swatch{background:linear-gradient(135deg,var(--butter),var(--honey))}
.bento-sf-item:nth-child(3) .bento-sf-swatch{background:linear-gradient(135deg,var(--sourdough),var(--walnut))}
.bento-sf-name{font-size:var(--text-xs);font-weight:500}.bento-sf-price{font-size:var(--text-xs);color:var(--honey);font-weight:700}
.bento-cart-btn{display:inline-block;margin-top:.5rem;padding:3px 10px;background:var(--honey);color:var(--white);border-radius:6px;font-size:var(--text-xs);font-weight:700;animation:cartPulse 5s ease-in-out infinite}
@keyframes cartPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

/* Chart demo — bars start at 0, animate on scroll */
.bento-chart{display:flex;align-items:flex-end;gap:6px;height:80px;margin-bottom:.75rem}
.bento-bar{flex:1;background:var(--honey);border-radius:4px 4px 0 0;height:0;transition:height .8s cubic-bezier(.4,0,.2,1)}
.bento-bar.animated{/* heights set via JS */}
.bento-chart-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--cinnamon)}
.bento-cap{margin-top:.75rem;background:var(--sourdough);border-radius:6px;height:10px;overflow:hidden}
.bento-cap-fill{height:100%;background:var(--honey);border-radius:6px;width:72%;transition:width 1s ease}

/* Order flow */
.flow-pills{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;margin-bottom:.5rem}
.flow-pill{padding:4px 10px;border-radius:20px;font-size:var(--text-xs);font-weight:600;color:var(--white);opacity:.4;transition:opacity .5s ease,transform .5s ease}
.flow-pill.active{opacity:1;transform:scale(1.05)}
.flow-arrow{color:var(--cinnamon);font-size:var(--text-xs)}
.flow-anim{height:4px;background:var(--sourdough);border-radius:4px;overflow:hidden;margin-top:.5rem}
.flow-anim-bar{height:100%;background:var(--honey);border-radius:4px;width:0%;transition:width .4s ease}

/* Recipe costing */
.recipe-cost{display:flex;align-items:center;gap:.75rem}
.recipe-cost-icon{font-size:1.5rem}
.recipe-cost-val{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;color:var(--honey)}
.recipe-margin{font-size:var(--text-xs);color:var(--sage);font-weight:700}

/* Customer love */
.love-notif{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--white);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);animation:loveSlide 4s ease infinite}
@keyframes loveSlide{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(-4px);opacity:.9}}
.love-heart{color:var(--berry);font-size:1.25rem}

@media(max-width:767px){
.bento{grid-template-columns:1fr}
.bento-large,.bento-medium{grid-column:span 1}
.bento-card{padding:2rem}
}
@media(min-width:768px) and (max-width:1023px){
.bento{grid-template-columns:repeat(2,1fr)}
.bento-large,.bento-medium{grid-column:span 1}
}

/* ===== BUILT BY A BAKER ===== */
.story{background:linear-gradient(180deg,var(--espresso) 0%,#2a1a0e 100%);padding:7rem 1.5rem;position:relative;overflow:hidden}
.story::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 50%,rgba(212,146,12,.08) 0%,transparent 60%);pointer-events:none}
.story-inner{max-width:900px;margin:0 auto;text-align:center}
.story-label{font-family:var(--font-serif);font-size:var(--text-sm);letter-spacing:.15em;text-transform:uppercase;color:var(--honey);margin-bottom:2rem;opacity:.8}
.story-pullquote{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.4;color:var(--cream);margin-bottom:2.5rem;font-weight:400;font-style:italic;position:relative;max-width:750px;margin-left:auto;margin-right:auto}
.story-pullquote::before,.story-pullquote::after{content:'"';font-size:3em;line-height:0;color:var(--honey);opacity:.3;vertical-align:-.25em;font-style:normal}
.story-pullquote::after{content:'"'}
.story-divider{width:60px;height:2px;background:var(--honey);margin:0 auto 2.5rem;opacity:.4}
.story-body{max-width:680px;margin:0 auto}
.story-body p{font-size:var(--text-lg);line-height:1.9;color:rgba(254,249,239,.75);margin-bottom:1.5rem}
.story-body p:last-of-type{margin-bottom:0}
.story-body .story-kneadit{color:var(--honey);font-weight:700;font-size:1.15em}

/* ===== PRICING ===== */
.pricing{background:var(--cream);padding:5rem 1.5rem}
.pricing-header{text-align:center;margin-bottom:1.5rem}
.pricing-header h2{font-family:var(--font-serif);font-size:var(--text-3xl)}
.pricing-header p{color:var(--walnut);margin-top:.5rem}
.founding-callout{max-width:640px;margin:0 auto 2.5rem;background:var(--cream);border:2px solid var(--golden);border-radius:16px;padding:1.25rem 1.5rem;text-align:center;font-size:var(--text-base);color:var(--walnut)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:960px;margin:0 auto}
.price-card{background:var(--white);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 2px 16px rgba(28,20,16,.06);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;position:relative}
.price-card:hover,.price-card:focus-visible{transform:translateY(-4px);box-shadow:0 8px 32px rgba(28,20,16,.12)}
.price-card.popular{border:2px solid var(--honey);box-shadow:0 4px 24px rgba(212,146,12,.15);background:linear-gradient(180deg,rgba(212,146,12,.06) 0%,var(--white) 40%)}
.price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--honey);color:var(--white);font-size:var(--text-xs);font-weight:700;padding:4px 16px;border-radius:20px;white-space:nowrap}
.price-tier{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;margin-bottom:.25rem}
.price-desc{font-size:var(--text-sm);color:var(--cinnamon);margin-bottom:1.5rem}
.price-features{list-style:none;flex:1;margin-bottom:1.5rem}
.price-features li{padding:.4rem 0;font-size:var(--text-sm);color:var(--walnut);display:flex;align-items:center;gap:.5rem}
.price-features li::before{content:'✓';color:var(--sage);font-weight:700}
.price-amount{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;margin-bottom:.25rem}
.price-founding{font-size:var(--text-sm);color:var(--cinnamon);margin-bottom:1rem}
.price-founding s{opacity:.6}
.price-btn{display:block;text-align:center;padding:.85rem;border-radius:14px;border:2px solid var(--honey);background:transparent;color:var(--honey);font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all .2s}
.price-btn:hover,.price-btn:focus-visible{background:var(--honey);color:var(--white)}
.price-card.popular .price-btn{background:var(--honey);color:var(--white)}
.price-card.popular .price-btn:hover,.price-card.popular .price-btn:focus-visible{background:var(--golden)}
@media(max-width:767px){.pricing-grid{grid-template-columns:1fr;max-width:400px}.price-card{width:100%}}

/* ===== FAQ ===== */
.faq{background:var(--flour);padding:5rem 1.5rem}
.faq-header{text-align:center;margin-bottom:3rem}
.faq-header h2{font-family:var(--font-serif);font-size:var(--text-3xl)}
.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}
.faq-item{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(28,20,16,.04)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border:none;background:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--warm-black);text-align:left;gap:1rem}
.faq-q:hover{color:var(--honey)}
.faq-icon{font-size:1.25rem;color:var(--honey);transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.faq-item.open .faq-a{max-height:300px}
.faq-a-inner{padding:0 1.5rem 1.25rem;font-size:var(--text-sm);color:var(--walnut);line-height:1.7}

/* ===== CONTACT ===== */
.contact{background:linear-gradient(180deg,var(--espresso) 0%,#2a1a0e 100%);padding:6rem 1.5rem;position:relative;overflow:hidden}
.contact::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 70% 50%,rgba(212,146,12,.06) 0%,transparent 60%);pointer-events:none}
.contact-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;position:relative;z-index:1}
.contact-info{color:var(--cream)}
.contact-header{margin-bottom:1rem}
.contact-header h2{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--cream)}
.contact-header p{color:rgba(254,249,239,.7);margin-top:.5rem;font-size:var(--text-sm);line-height:1.7}
.contact-details{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem}
.contact-detail{display:flex;align-items:center;gap:.75rem;color:rgba(254,249,239,.6);font-size:var(--text-sm)}
.contact-detail-icon{width:40px;height:40px;border-radius:12px;background:rgba(212,146,12,.12);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.contact-detail strong{color:var(--cream);display:block;font-size:var(--text-base)}
.contact-form-wrap{background:rgba(255,255,255,.04);border:1px solid rgba(212,146,12,.12);border-radius:24px;padding:2.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.contact-form{display:flex;flex-direction:column;gap:1.25rem}
.contact-row{display:flex;gap:1.25rem}
.contact-field{flex:1;display:flex;flex-direction:column;gap:.35rem}
.contact-field label{font-size:var(--text-sm);font-weight:600;color:var(--golden)}
.contact-field input,.contact-field textarea{padding:.85rem 1.25rem;border-radius:14px;border:2px solid var(--walnut);background:rgba(28,20,16,.5);color:var(--cream);font-family:var(--font-sans);font-size:var(--text-base);outline:none;transition:border-color .2s}
.contact-field input:focus,.contact-field textarea:focus{border-color:var(--honey)}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--cinnamon)}
.contact-field textarea{resize:vertical;min-height:140px}
.contact-submit{align-self:flex-start;padding:.85rem 2.5rem;border-radius:14px;border:none;background:var(--honey);color:var(--white);font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:background .2s,transform .2s;width:100%}
.contact-submit:hover,.contact-submit:focus-visible{background:var(--golden);transform:translateY(-1px)}
@media(max-width:767px){.contact-inner{grid-template-columns:1fr;gap:2.5rem}.contact-row{flex-direction:column}.contact-form-wrap{padding:1.75rem}}

/* ===== FINAL CTA + FOOTER ===== */
.final-cta{background:var(--warm-black);color:var(--cream);padding:5rem 1.5rem 3rem;text-align:center;position:relative;overflow:hidden}
.final-cta-content{position:relative;z-index:1}
.final-cta h2{font-family:var(--font-serif);font-size:clamp(2.25rem,5vw,3.5rem);margin:1.5rem 0 .5rem}
.final-cta .cta-sub{font-size:var(--text-lg);color:var(--cinnamon);margin-bottom:.5rem}
.final-cta .waitlist{margin-top:1.5rem;max-width:500px}
.final-cta .cta-note{font-size:var(--text-sm);color:var(--cinnamon);margin-top:1rem}
.final-cta .cta-privacy{font-size:var(--text-xs);color:var(--cinnamon);margin-top:.75rem}
footer{background:var(--warm-black);color:var(--cinnamon);padding:3rem 1.5rem;text-align:center;font-size:var(--text-sm);border-top:1px solid var(--walnut)}
.footer-brand{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;color:var(--cream);margin-bottom:.25rem}
.footer-tagline{font-size:var(--text-xs);color:var(--cinnamon);margin-bottom:.75rem}
/* footer-social removed */
.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.5rem}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--cream)}
.footer-made{margin-top:.25rem}