:root{--bg:#fff9e8;--surface:#fffef8;--ink:#24323a;--muted:#6f7b80;--line:#eadfbe;--brand:#ff7a3d;--brand2:#e95f20;--yellow:#ffd84d;--yellow-soft:#fff2a8;--teal:#14b8a6;--teal2:#0f766e;--soft:#fff0e5;--green:#0f766e;--shadow:0 18px 50px rgba(36,50,58,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--brand);text-decoration:none}h1,h2,p{margin-top:0}h1{font-size:40px;letter-spacing:-1.5px;margin-bottom:8px}h2{letter-spacing:-.4px}header{height:74px;background:rgba(255,253,249,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand span:last-child{display:grid}.brand small{color:var(--muted)}.mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#fff;color:var(--brand);font:800 30px Georgia,serif;box-shadow:var(--shadow)}.mark.small{width:40px;height:40px;border-radius:12px;background:var(--brand);color:#fff;font-size:20px;box-shadow:none}.account{display:flex;align-items:center;gap:16px}.account form{margin:0}.link{border:0;background:none;color:var(--brand);cursor:pointer}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 74px)}aside{border-right:1px solid var(--line);padding:24px 14px;background:#fbf7f2}nav{display:grid;gap:5px;position:sticky;top:98px}nav a{padding:11px 13px;border-radius:11px;color:#5f5149;font-weight:700}nav a:hover,nav a.active{background:var(--soft);color:var(--brand2)}.content{padding:38px;max-width:1320px;width:100%;margin:0 auto}.head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.head p{color:var(--muted);max-width:720px;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--brand);font-size:11px;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:11px 15px;border:1px solid var(--line);font-weight:800;cursor:pointer;font-size:14px}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand2)}.btn.secondary{background:#fff;color:var(--ink)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.panelhead,.section{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panelhead h2,.section h2{margin:0}.panelhead span,.section p{color:var(--muted);margin:3px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metrics article,.results article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.metrics span,.results span{display:block;color:var(--muted);font-size:13px}.metrics strong,.results strong{display:block;font-size:27px;margin-top:5px}.split{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.45fr);gap:18px}.table{display:grid}.row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:18px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);color:var(--ink)}.row:last-child{border-bottom:0}.row:hover{background:#fffaf5}.row span:first-child{display:grid}.row small{color:var(--muted);margin-top:3px}.empty{padding:28px;text-align:center;color:var(--muted)}form{display:grid;gap:15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid.four{grid-template-columns:repeat(4,1fr)}label{display:grid;gap:7px;font-size:13px;font-weight:800}input,select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--brand)}.wide{grid-column:1/-1}.editor{gap:24px}.section{border-top:1px solid var(--line);padding-top:22px;margin:0}.lineitem{display:grid;grid-template-columns:170px 1fr 170px 42px;gap:10px;margin:10px 0}.lineitem.pack{grid-template-columns:1fr 170px 42px}.remove{border:1px solid var(--line);background:#fff;border-radius:10px;font-size:20px;color:#914936;cursor:pointer}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.results.four{grid-template-columns:repeat(4,1fr)}.results .accent{background:var(--brand);color:#fff;border-color:var(--brand);grid-column:1/-1}.results .accent span{color:#f5dfd2}.actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px}.flash{padding:13px 15px;border-radius:11px;background:#e5f2e9;color:#22583c;margin-bottom:18px}.flash.error{background:#f9e4df;color:#8d3d31}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 470px}.hero{display:grid;place-content:center;padding:60px;background:radial-gradient(circle at 25% 20%,#d7b18d,transparent 32%),linear-gradient(145deg,#60321f,#a5623d);color:#fff}.hero h1{font-size:68px;letter-spacing:-3px;margin:20px 0 4px}.hero p{font-size:20px;color:#f3dfd1}.authbox{align-self:center;margin:42px}.authbox h2{font-size:30px;margin:6px 0 18px}.authbox .btn{margin-top:2px}.muted{color:var(--muted)}@media(max-width:950px){.shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:10px 16px;overflow:auto}nav{display:flex;position:static}.content{padding:24px 16px}.metrics{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.grid.four,.results.four{grid-template-columns:1fr 1fr}.auth{grid-template-columns:1fr}.hero{display:none}.authbox{margin:24px}.lineitem{grid-template-columns:1fr 1fr}.lineitem .remove{grid-column:2}.head{align-items:flex-start;flex-direction:column}.row{grid-template-columns:1fr auto}}@media(max-width:560px){.metrics,.results,.grid,.grid.four,.results.four{grid-template-columns:1fr}.wide{grid-column:auto}header{padding:0 14px}.account span{display:none}h1{font-size:32px}.row{grid-template-columns:1fr}.results .accent{grid-column:auto}}

.public-main{max-width:1280px;margin:0 auto;padding:50px 28px 70px}.public-actions{display:flex;gap:10px}.calc-hero{text-align:center;max-width:850px;margin:0 auto 34px}.calc-hero h1{font-size:54px;line-height:1.03;margin:8px 0 16px}.calc-hero h1 em{font-family:Georgia,serif;font-weight:700;color:var(--brand);font-style:italic}.calc-hero p{font-size:18px;line-height:1.65;color:var(--muted)}.hero-note{display:inline-block;background:var(--soft);color:var(--brand2);padding:9px 13px;border-radius:999px;font-size:13px;font-weight:800}.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.calculator-card{padding:26px}.calculator-card .panelhead p{margin:4px 0 0;color:var(--muted)}.calc-table-head,.calc-ingredient-row{display:grid;grid-template-columns:minmax(140px,1.4fr) 105px 105px 85px 105px 90px 38px;gap:9px;align-items:center}.calc-table-head{padding:0 4px 8px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.calc-ingredient-row{padding:9px 0;border-top:1px solid var(--line)}.calc-ingredient-row .row-cost{text-align:right;font-weight:900}.calc-section{margin-top:22px}.calc-summary{position:relative}.sticky-summary{position:sticky;top:94px}.sticky-summary h2{margin:5px 0 18px}.summary-line,.summary-total{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.summary-line span,.summary-total span{color:var(--muted)}.summary-total{margin-top:3px;font-weight:900}.summary-total span{color:var(--ink)}.big-result{background:var(--soft);border-radius:14px;padding:16px;margin:16px 0}.big-result span,.suggested span{display:block;color:var(--muted);font-size:12px;font-weight:800}.big-result strong{display:block;font-size:34px;margin-top:3px;color:var(--brand2)}.suggested{padding:14px 0 4px}.suggested strong{display:block;font-size:24px;color:var(--green);margin-top:3px}.save-cta{width:100%;margin-top:16px}.save-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.5;margin:10px 0 0}.calc-empty{border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--muted);margin-top:6px}
@media(max-width:1000px){.calculator-layout{grid-template-columns:1fr}.sticky-summary{position:static}.calc-table-head{display:none}.calc-ingredient-row{grid-template-columns:1fr 1fr 1fr}.calc-ingredient-row input:first-child{grid-column:1/-1}.calc-ingredient-row .row-cost{display:flex;align-items:center;justify-content:flex-end}.calc-ingredient-row .remove{height:42px}.calc-hero h1{font-size:44px}}
@media(max-width:620px){.public-main{padding:34px 14px 50px}.public-header{height:auto;min-height:70px;padding:12px 14px}.public-header .brand small{display:none}.public-actions .btn{padding:9px 11px}.calc-hero{text-align:left}.calc-hero h1{font-size:38px}.calc-ingredient-row{grid-template-columns:1fr 1fr}.calc-ingredient-row input:first-child{grid-column:1/-1}.calc-ingredient-row .row-cost{justify-content:flex-start}.calculator-card{padding:17px}.calculator-card .panelhead{align-items:flex-start;flex-direction:column}.grid.four{grid-template-columns:1fr 1fr}}

html{scroll-behavior:smooth}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:70px;align-items:center;padding:46px 0 76px;position:relative}
.landing-hero:before{content:"";position:absolute;left:-180px;top:-100px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(197,135,94,.16),rgba(197,135,94,0) 68%);pointer-events:none}
.landing-copy{position:relative;z-index:1}
.landing-copy h1{font-size:66px;line-height:.98;letter-spacing:-3.4px;max-width:690px;margin:10px 0 22px}
.landing-copy h1 em{font-family:Georgia,serif;font-style:italic;color:var(--brand);font-weight:700}
.landing-copy>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:670px;margin-bottom:26px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-button{padding:14px 19px;font-size:15px}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#6d6058;font-size:13px;font-weight:750}
.hero-trust span{display:flex;align-items:center;gap:6px}
.result-demo{background:linear-gradient(165deg,#fffefa,#fff7ef);border:1px solid #e9d8cb;border-radius:26px;padding:26px;box-shadow:0 30px 80px rgba(85,47,28,.15);transform:rotate(1.2deg);position:relative;overflow:hidden}
.result-demo:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;top:-70px;background:rgba(155,85,47,.08)}
.demo-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line)}
.demo-top h2{font-size:27px;margin:4px 0 3px}.demo-top p{color:var(--muted);margin:0;font-size:14px}.demo-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-weight:900;font-size:10px}
.demo-badge{background:var(--brand);color:#fff;border-radius:999px;padding:7px 11px;font-weight:900;font-size:11px}
.demo-lines{padding:13px 0}.demo-lines>div,.demo-total,.demo-profit{display:flex;justify-content:space-between;gap:18px;padding:9px 0}.demo-lines span,.demo-profit span{color:var(--muted);font-size:14px}.demo-total{border-top:1px dashed #dcc8b9;border-bottom:1px dashed #dcc8b9;font-size:16px;font-weight:900;padding:14px 0}
.demo-highlight{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.demo-highlight>div{border-radius:16px;padding:16px;background:var(--soft)}.demo-highlight>div:last-child{background:#e8f1eb}.demo-highlight span{font-size:11px;color:var(--muted);display:block;font-weight:800}.demo-highlight strong{display:block;font-size:25px;margin-top:4px}.demo-highlight>div:last-child strong{color:var(--green)}
.demo-profit{padding:12px 14px;background:#2f241f;color:#fff;border-radius:13px}.demo-profit span{color:#d7c9c1}.demo-profit strong{font-size:14px}
.landing-section{padding:70px 0}.section-heading{text-align:center;max-width:720px;margin:0 auto 34px}.section-heading h2,.calculator-intro h2,.why-copy h2,.save-banner h2{font-size:38px;letter-spacing:-1.5px;margin:8px 0 10px}.section-heading p,.calculator-intro p{color:var(--muted);font-size:16px}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px;position:relative;box-shadow:0 12px 35px rgba(70,42,28,.05)}.step-card h3{font-size:19px;margin:13px 0 8px}.step-card p{color:var(--muted);line-height:1.6;margin:0}.step-number{position:absolute;right:18px;top:16px;font:800 44px Georgia,serif;color:#eee1d6}.step-icon{width:48px;height:48px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-size:23px;color:var(--brand2);font-weight:900}
.why-section{margin:48px 0 82px;padding:48px;background:#2e211b;color:#fff;border-radius:28px;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;overflow:hidden;position:relative}.why-section:after{content:"";position:absolute;right:-100px;bottom:-180px;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.035)}
.why-copy{position:relative;z-index:1}.why-copy .eyebrow{color:#e7ae84}.why-copy h2{color:#fff}.why-copy p{color:#d2c6bf;line-height:1.7;max-width:620px}.cost-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.cost-chips span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800;color:#efe6e0}
.why-visual{position:relative;z-index:1;min-height:330px;display:grid;place-items:center}.mini-receipt{width:min(100%,355px);background:#fffdf9;color:var(--ink);padding:23px;border-radius:18px;box-shadow:0 25px 65px rgba(0,0,0,.2);transform:rotate(-2deg)}.mini-receipt>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}.mini-receipt>div span{color:var(--muted)}.mini-receipt .receipt-title{display:grid;gap:2px}.mini-receipt .receipt-title span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--brand);font-weight:900}.mini-receipt .receipt-title strong{font-size:21px}.mini-receipt .receipt-total{font-size:18px;border-bottom:0;padding-top:14px}.mini-receipt .receipt-total span{color:var(--ink);font-weight:900}
.margin-card{position:absolute;right:0;bottom:5px;background:#e8f1eb;color:var(--ink);padding:14px 17px;border-radius:16px;box-shadow:0 18px 35px rgba(0,0,0,.18);transform:rotate(3deg);display:grid}.margin-card span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:900}.margin-card strong{font-size:28px;color:var(--green)}.margin-card small{color:#557361}
.calculator-intro{text-align:center;padding:72px 0 26px;scroll-margin-top:95px}.calculator-intro p{margin-bottom:0}
.calculator-layout{margin-bottom:76px}
.save-banner{display:flex;justify-content:space-between;align-items:center;gap:35px;background:linear-gradient(135deg,#efe0d4,#f7eee6);border:1px solid #e2cdbd;border-radius:25px;padding:34px 38px;margin:26px 0 60px}.save-banner>div{max-width:760px}.save-banner h2{font-size:31px}.save-banner p{color:var(--muted);line-height:1.6;margin-bottom:0}
.public-footer{border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:24px 0 4px;color:var(--muted);font-size:13px}.public-footer>span{font-weight:900;color:var(--ink);font-size:16px}.public-footer p{margin:0}
@media(max-width:1050px){.landing-hero{grid-template-columns:1fr;gap:35px}.landing-copy{text-align:center}.landing-copy h1,.landing-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.result-demo{max-width:600px;margin:0 auto;transform:none}.why-section{grid-template-columns:1fr;gap:32px}.why-visual{min-height:290px}.margin-card{right:18%}}
@media(max-width:760px){.landing-hero{padding:35px 0 55px}.landing-copy{text-align:left}.landing-copy h1{font-size:48px;letter-spacing:-2.5px}.landing-copy>p{font-size:17px}.hero-actions,.hero-trust{justify-content:flex-start}.hero-trust{display:grid;gap:8px}.step-grid{grid-template-columns:1fr}.landing-section{padding:50px 0}.why-section{margin:25px 0 55px;padding:28px 20px}.section-heading h2,.calculator-intro h2,.why-copy h2{font-size:31px}.save-banner{align-items:flex-start;flex-direction:column;padding:27px 22px}.public-footer{grid-template-columns:1fr;text-align:center}.margin-card{right:2%}}
@media(max-width:520px){.landing-copy h1{font-size:41px}.result-demo{padding:19px}.demo-highlight{grid-template-columns:1fr}.demo-profit{display:grid}.hero-actions .btn{width:100%}.why-visual{min-height:315px}.mini-receipt{width:100%}.margin-card{right:0;bottom:-5px}.public-main{padding-top:20px}}

.brand.wordmark{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:28px;font-style:normal;font-weight:900;letter-spacing:-.8px;line-height:1;color:var(--ink);display:inline-block}
.brand.wordmark:hover{color:var(--brand)}

.public-actions .btn.primary,.hero-actions .btn.primary,.save-banner .btn.primary{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.public-actions .btn.primary:hover,.hero-actions .btn.primary:hover,.save-banner .btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(110,53,31,.18);background:var(--brand2)}

/* Restyled hidden-costs section */
.why-section{margin:48px 0 82px;padding:42px 46px;background:linear-gradient(145deg,#fffaf5,#f4e9df);color:var(--ink);border:1px solid #e7d7ca;border-radius:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:58px;align-items:center;overflow:hidden;position:relative;box-shadow:0 18px 50px rgba(70,42,28,.06)}
.why-section:after{content:"";position:absolute;right:-120px;top:-140px;width:360px;height:360px;border-radius:50%;background:rgba(155,85,47,.07)}
.why-copy{position:relative;z-index:1}.why-copy .eyebrow{color:var(--brand)}.why-copy h2{color:var(--ink);max-width:600px}.why-copy p{color:var(--muted);line-height:1.75;max-width:620px;font-size:16px}
.cost-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.cost-chips span{border:1px solid #e5d3c4;background:#fffdf9;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#6b574c;box-shadow:0 4px 12px rgba(70,42,28,.04)}
.why-visual{position:relative;z-index:1;min-height:auto;display:block}
.cost-breakdown{background:#fffdf9;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 20px 45px rgba(70,42,28,.1)}
.cost-breakdown-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid var(--line)}.cost-breakdown-head>div{display:grid;gap:3px}.cost-breakdown-head span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:900}.cost-breakdown-head strong{font-size:20px}.cost-breakdown-head>b{background:var(--soft);color:var(--brand2);padding:7px 10px;border-radius:999px;font-size:11px}
.cost-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:17px 0}.cost-breakdown-grid>div{background:#fbf6f1;border:1px solid #eee2d9;border-radius:14px;padding:13px}.cost-breakdown-grid span,.cost-breakdown-profit span{display:block;color:var(--muted);font-size:11px;font-weight:800}.cost-breakdown-grid strong{display:block;font-size:19px;margin-top:3px}
.cost-breakdown-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 2px;font-weight:900}.cost-breakdown-total span{font-size:14px}.cost-breakdown-total strong{font-size:23px;color:var(--brand2)}
.cost-breakdown-profit{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.cost-breakdown-profit>div{padding:14px;border-radius:14px;background:#f3ede7}.cost-breakdown-profit>div:last-child{background:#e8f1eb}.cost-breakdown-profit strong{display:block;font-size:23px;margin-top:3px}.cost-breakdown-profit>div:last-child strong{color:var(--green)}.cost-breakdown-profit small{display:block;color:#557361;margin-top:1px;font-size:11px}
@media(max-width:1050px){.why-section{grid-template-columns:1fr;gap:30px}.why-visual{max-width:680px;width:100%;margin:0 auto}}
@media(max-width:760px){.why-section{margin:25px 0 55px;padding:28px 20px}.cost-breakdown-grid,.cost-breakdown-profit{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cost-breakdown{padding:16px}.cost-breakdown-grid,.cost-breakdown-profit{grid-template-columns:1fr}.cost-breakdown-head{align-items:flex-start;flex-direction:column}}

/* Krumbly bright brand refresh */
body{background:linear-gradient(180deg,#fff9e8 0,#fffdf6 30%,#fff9e8 100%)}
header{background:rgba(255,254,248,.95);border-bottom-color:#eadfbe}
.brand.wordmark{color:var(--ink)}
.brand.wordmark:hover{color:var(--brand)}
.eyebrow{color:var(--teal2)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.primary:hover{background:var(--brand2)}
.btn.secondary{background:#fffef8;border-color:#e7d9ad;color:var(--ink)}
.btn.secondary:hover{background:var(--yellow-soft);border-color:#e7c936}
.panel{background:var(--surface);border-color:#ebdfbd;box-shadow:var(--shadow)}
nav a:hover,nav a.active{background:var(--yellow-soft);color:#7b5b00}
aside{background:#fff8dc;border-right-color:#eadfbe}
input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,184,166,.12)}
.mark.small{background:var(--yellow);color:var(--ink)}
.flash{background:#dff8f3;color:#0f6259}.flash.error{background:#ffe4d8;color:#a8441d}

.landing-hero:before{background:radial-gradient(circle,rgba(255,216,77,.32),rgba(255,216,77,0) 68%)}
.landing-copy h1 em{color:var(--brand)}
.hero-trust span:before{color:var(--teal)}
.result-demo{background:linear-gradient(160deg,#fffef8,#fff6c9);border-color:#efd974;box-shadow:0 30px 80px rgba(255,122,61,.13)}
.result-demo:before{background:rgba(20,184,166,.12)}
.demo-badge{background:var(--yellow);color:var(--ink)}
.demo-highlight>div{background:#fff0d5}
.demo-highlight>div:last-child{background:#dff8f3}
.demo-highlight>div:last-child strong{color:var(--teal2)}
.demo-profit{background:var(--teal2);color:#fff}
.demo-profit span{color:#c8f2ed}

.step-card{border-color:#eadfbe;background:#fffef8}
.step-card:nth-child(1) .step-icon{background:var(--yellow-soft)}
.step-card:nth-child(2) .step-icon{background:#ffe1d2;color:var(--brand2)}
.step-card:nth-child(3) .step-icon{background:#dff8f3;color:var(--teal2)}
.step-number{color:#f4e7a7}

.why-section{background:linear-gradient(135deg,#fff5bd 0%,#fff0dd 52%,#daf7f1 100%);border-color:#ead779;box-shadow:0 18px 50px rgba(36,50,58,.07)}
.why-section:after{background:rgba(20,184,166,.10)}
.why-copy .eyebrow{color:var(--teal2)}
.cost-chips span{background:#fffef8;border-color:#eadb9a;color:var(--ink)}
.cost-chips span:nth-child(2n){background:#e8faf6;border-color:#bcece3}
.cost-chips span:nth-child(3n){background:#fff0e5;border-color:#ffd0b9}
.cost-breakdown{background:#fffef8;border-color:#e9dcae}
.cost-breakdown-head>b{background:var(--yellow-soft);color:#745d00}
.cost-breakdown-grid>div{background:#fff9ea;border-color:#efe2bd}
.cost-breakdown-grid>div:nth-child(2),.cost-breakdown-grid>div:nth-child(4){background:#eefaf7;border-color:#cdeee7}
.cost-breakdown-total strong{color:var(--brand)}
.cost-breakdown-profit>div{background:#fff0e5}
.cost-breakdown-profit>div:last-child{background:#dff8f3}
.cost-breakdown-profit>div:last-child strong{color:var(--teal2)}

.big-result{background:var(--yellow-soft)}
.big-result strong{color:#745d00}
.suggested strong{color:var(--teal2)}
.sticky-summary{border-top:5px solid var(--yellow)}
.save-banner{background:linear-gradient(135deg,#fff0b0,#ffe3cf 58%,#dff8f3);border-color:#ead46f}
.public-footer{border-top-color:#eadfbe}

.public-actions .btn.primary,.hero-actions .btn.primary,.save-banner .btn.primary{box-shadow:0 8px 18px rgba(255,122,61,.12)}
.public-actions .btn.primary:hover,.hero-actions .btn.primary:hover,.save-banner .btn.primary:hover{box-shadow:0 12px 26px rgba(255,122,61,.24)}

.metrics article:nth-child(1){border-top:4px solid var(--yellow)}
.metrics article:nth-child(2){border-top:4px solid var(--brand)}
.metrics article:nth-child(3){border-top:4px solid var(--teal)}
.metrics article:nth-child(4){border-top:4px solid var(--teal2)}
.results .accent{background:var(--teal2);border-color:var(--teal2)}

/* Krumbly high-pop solid colour pass */
body{background:#fffdf3}
.public-main{background:#fffdf3}
.public-header{background:#fffdf3}

.landing-hero{background:transparent}
.landing-hero:before{display:none}
.result-demo{background:#ffd84d;border:0;box-shadow:0 24px 60px rgba(36,50,58,.14)}
.result-demo:before{display:none}
.demo-badge{background:#24323a;color:#fff}
.demo-highlight>div{background:#fffdf3}
.demo-highlight>div:last-child{background:#14b8a6;color:#fff}
.demo-highlight>div:last-child span,
.demo-highlight>div:last-child strong{color:#fff}
.demo-profit{background:#ff7a3d;color:#fff}
.demo-profit span{color:#ffe9dc}
.demo-total{border-color:rgba(36,50,58,.22)}

.step-card{box-shadow:none;border:0}
.step-card:nth-child(1){background:#ffd84d}
.step-card:nth-child(2){background:#ff7a3d;color:#fff}
.step-card:nth-child(3){background:#14b8a6;color:#fff}
.step-card:nth-child(2) p,.step-card:nth-child(3) p{color:rgba(255,255,255,.86)}
.step-card:nth-child(2) .step-number,.step-card:nth-child(3) .step-number{color:rgba(255,255,255,.22)}
.step-card:nth-child(1) .step-number{color:rgba(36,50,58,.16)}
.step-card:nth-child(1) .step-icon{background:#24323a;color:#fff}
.step-card:nth-child(2) .step-icon{background:#fff;color:#ff7a3d}
.step-card:nth-child(3) .step-icon{background:#fff;color:#0f766e}

.why-section{background:#24323a;border:0;box-shadow:none}
.why-section:after{display:none}
.why-copy h2{color:#fff}
.why-copy p{color:#dfe6e8}
.why-copy .eyebrow{color:#ffd84d}
.cost-chips span{border:0;box-shadow:none;color:#24323a}
.cost-chips span:nth-child(1),
.cost-chips span:nth-child(4){background:#ffd84d}
.cost-chips span:nth-child(2),
.cost-chips span:nth-child(5){background:#ff7a3d;color:#fff}
.cost-chips span:nth-child(3),
.cost-chips span:nth-child(6){background:#14b8a6;color:#fff}
.cost-breakdown{background:#fffdf3;border:0;box-shadow:none}
.cost-breakdown-head>b{background:#ffd84d;color:#24323a}
.cost-breakdown-grid>div{background:#fff;border:0}
.cost-breakdown-grid>div:nth-child(2){background:#fff0e5}
.cost-breakdown-grid>div:nth-child(3){background:#fff5c2}
.cost-breakdown-grid>div:nth-child(4){background:#d9f7f2}
.cost-breakdown-total strong{color:#ff7a3d}
.cost-breakdown-profit>div{background:#ff7a3d;color:#fff}
.cost-breakdown-profit>div span{color:#ffe9dc}
.cost-breakdown-profit>div:last-child{background:#14b8a6}
.cost-breakdown-profit>div:last-child span,
.cost-breakdown-profit>div:last-child strong,
.cost-breakdown-profit>div:last-child small{color:#fff}

.calculator-intro{background:#ffd84d;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:58px max(20px,calc((100vw - 1280px)/2)) 34px}
.calculator-intro .eyebrow{color:#24323a}
.calculator-intro h2{color:#24323a}
.calculator-intro p{color:#4d5458}

.calculator-card{border:3px solid #24323a;box-shadow:none}
.sticky-summary{background:#14b8a6;border:0;border-top:0;color:#fff;box-shadow:none}
.sticky-summary .eyebrow,
.sticky-summary h2{color:#fff}
.sticky-summary .summary-line,
.sticky-summary .summary-total{border-color:rgba(255,255,255,.25)}
.sticky-summary .summary-line span,
.sticky-summary .summary-total span{color:rgba(255,255,255,.82)}
.sticky-summary .summary-total span{color:#fff}
.big-result{background:#ffd84d}
.big-result span{color:#5d5200}
.big-result strong{color:#24323a}
.suggested strong{color:#fff}
.sticky-summary .btn.primary{background:#ff7a3d;border-color:#ff7a3d}
.sticky-summary .btn.primary:hover{background:#e95f20}
.save-note{color:rgba(255,255,255,.78)}

.save-banner{background:#ff7a3d;border:0;color:#fff}
.save-banner .eyebrow{color:#ffd84d}
.save-banner h2{color:#fff}
.save-banner p{color:#ffe8dc}
.save-banner .btn.primary{background:#ffd84d;border-color:#ffd84d;color:#24323a}
.save-banner .btn.primary:hover{background:#f3c928}

.public-footer{border-top:4px solid #24323a}
.public-actions .btn.primary{background:#ff7a3d}
.public-actions .btn.secondary{background:#ffd84d;border-color:#ffd84d}
.hero-actions .btn.primary{background:#ff7a3d}
.hero-actions .btn.secondary{background:#14b8a6;border-color:#14b8a6;color:#fff}

.metrics article{border:0;box-shadow:none}
.metrics article:nth-child(1){background:#ffd84d;border-top:0}
.metrics article:nth-child(2){background:#ff7a3d;color:#fff;border-top:0}
.metrics article:nth-child(3){background:#14b8a6;color:#fff;border-top:0}
.metrics article:nth-child(4){background:#24323a;color:#fff;border-top:0}
.metrics article:nth-child(2) span,
.metrics article:nth-child(3) span,
.metrics article:nth-child(4) span{color:rgba(255,255,255,.8)}

@media(max-width:760px){
  .calculator-intro{margin-left:-14px;margin-right:-14px;padding-left:20px;padding-right:20px}
}

/* Krumbly solid-background brand direction */
:root{
  --krumbly-bg:#0f766e;
  --krumbly-bg-deep:#0b5f59;
  --krumbly-cream:#fff8e7;
  --krumbly-yellow:#ffd84d;
  --krumbly-peach:#ffd9c7;
  --krumbly-orange:#ff7a3d;
  --krumbly-ink:#24323a;
}

body{background:var(--krumbly-bg);color:var(--krumbly-ink)}
.public-main{background:var(--krumbly-bg)}
.public-header{
  background:var(--krumbly-bg);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.brand.wordmark{color:#fff}
.brand.wordmark:hover{color:var(--krumbly-yellow)}
.public-actions .btn.secondary{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.28);
  color:#fff;
}
.public-actions .btn.secondary:hover{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.4);
}
.public-actions .btn.primary{
  background:var(--krumbly-yellow);
  border-color:var(--krumbly-yellow);
  color:var(--krumbly-ink);
}
.public-actions .btn.primary:hover{background:#f6ca2b}

.landing-copy h1{color:#fff}
.landing-copy h1 em{color:var(--krumbly-yellow)}
.landing-copy>p{color:rgba(255,255,255,.82)}
.hero-trust{color:rgba(255,255,255,.84)}
.hero-trust span:before{color:var(--krumbly-yellow)}
.hero-actions .btn.primary{
  background:var(--krumbly-yellow);
  border-color:var(--krumbly-yellow);
  color:var(--krumbly-ink);
}
.hero-actions .btn.primary:hover{background:#f6ca2b}
.hero-actions .btn.secondary{
  background:var(--krumbly-cream);
  border-color:var(--krumbly-cream);
  color:var(--krumbly-ink);
}
.hero-actions .btn.secondary:hover{background:#fff0be}

.result-demo{
  background:var(--krumbly-cream);
  color:var(--krumbly-ink);
  border:0;
  box-shadow:0 24px 60px rgba(4,48,45,.22);
}
.demo-badge{background:var(--krumbly-yellow);color:var(--krumbly-ink)}
.demo-highlight>div{background:#fff1c0}
.demo-highlight>div:last-child{background:#d7f2ed;color:var(--krumbly-ink)}
.demo-highlight>div:last-child span{color:#52736e}
.demo-highlight>div:last-child strong{color:var(--krumbly-bg-deep)}
.demo-profit{background:var(--krumbly-orange)}
.demo-profit span{color:#fff0e9}

.landing-section{color:#fff}
.section-heading h2{color:#fff}
.section-heading p{color:rgba(255,255,255,.76)}

.step-card{
  background:var(--krumbly-cream)!important;
  color:var(--krumbly-ink)!important;
  border:0;
  box-shadow:0 14px 34px rgba(4,48,45,.14);
}
.step-card p{color:#6f746f!important}
.step-card .step-number{color:#eadfb5!important}
.step-card:nth-child(1) .step-icon{
  background:var(--krumbly-yellow);
  color:var(--krumbly-ink);
}
.step-card:nth-child(2) .step-icon{
  background:var(--krumbly-peach);
  color:#a94d22;
}
.step-card:nth-child(3) .step-icon{
  background:#d7f2ed;
  color:var(--krumbly-bg-deep);
}

.why-section{
  background:var(--krumbly-cream);
  color:var(--krumbly-ink);
  border:0;
  box-shadow:0 18px 45px rgba(4,48,45,.16);
}
.why-copy h2{color:var(--krumbly-ink)}
.why-copy p{color:#707875}
.why-copy .eyebrow{color:var(--krumbly-orange)}
.cost-chips span{
  color:var(--krumbly-ink)!important;
  border:0;
}
.cost-chips span:nth-child(1),
.cost-chips span:nth-child(4){background:#fff0b0}
.cost-chips span:nth-child(2),
.cost-chips span:nth-child(5){background:var(--krumbly-peach)}
.cost-chips span:nth-child(3),
.cost-chips span:nth-child(6){background:#d7f2ed}
.cost-breakdown{background:#fff;border:1px solid #ece2c5}
.cost-breakdown-profit>div{background:var(--krumbly-peach);color:var(--krumbly-ink)}
.cost-breakdown-profit>div span{color:#7f695f}
.cost-breakdown-profit>div:last-child{background:#d7f2ed}
.cost-breakdown-profit>div:last-child span,
.cost-breakdown-profit>div:last-child strong,
.cost-breakdown-profit>div:last-child small{color:var(--krumbly-bg-deep)}

.calculator-intro{
  background:transparent;
  margin-left:0;
  margin-right:0;
  padding:72px 0 26px;
}
.calculator-intro .eyebrow{color:var(--krumbly-yellow)}
.calculator-intro h2{color:#fff}
.calculator-intro p{color:rgba(255,255,255,.76)}

.calculator-card{
  background:var(--krumbly-cream);
  border:0;
  box-shadow:0 18px 45px rgba(4,48,45,.16);
}
.sticky-summary{
  background:#d7f2ed;
  color:var(--krumbly-ink);
}
.sticky-summary .eyebrow{color:var(--krumbly-bg-deep)}
.sticky-summary h2{color:var(--krumbly-ink)}
.sticky-summary .summary-line,
.sticky-summary .summary-total{border-color:#b9ddd7}
.sticky-summary .summary-line span,
.sticky-summary .summary-total span{color:#5e736f}
.sticky-summary .summary-total span{color:var(--krumbly-ink)}
.sticky-summary .btn.primary{
  background:var(--krumbly-orange);
  border-color:var(--krumbly-orange);
  color:#fff;
}
.big-result{background:var(--krumbly-yellow)}
.suggested strong{color:var(--krumbly-bg-deep)}
.save-note{color:#627672}

.save-banner{
  background:var(--krumbly-yellow);
  color:var(--krumbly-ink);
  border:0;
  box-shadow:0 16px 38px rgba(4,48,45,.14);
}
.save-banner .eyebrow{color:var(--krumbly-bg-deep)}
.save-banner h2{color:var(--krumbly-ink)}
.save-banner p{color:#645f49}
.save-banner .btn.primary{
  background:var(--krumbly-orange);
  border-color:var(--krumbly-orange);
  color:#fff;
}
.save-banner .btn.primary:hover{background:#e95f20}

.public-footer{
  border-top:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.74);
}
.public-footer>span{color:#fff}
.public-footer a{color:var(--krumbly-yellow)}

@media(max-width:760px){
  .calculator-intro{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
}

/* Modern Pop refresh — bright, crisp, playful SaaS */
:root{
  --pop-bg:#f6f7f2;
  --pop-surface:#ffffff;
  --pop-ink:#1f2630;
  --pop-muted:#66707a;
  --pop-yellow:#ffd633;
  --pop-orange:#ff6b35;
  --pop-teal:#13c7b6;
  --pop-teal-dark:#0c8f84;
  --pop-line:#1f2630;
}

body{
  background:var(--pop-bg);
  color:var(--pop-ink);
}

.public-main{background:var(--pop-bg)}
.public-header{
  background:rgba(246,247,242,.96);
  border-bottom:2px solid var(--pop-line);
  backdrop-filter:blur(14px);
}
.brand.wordmark{
  color:var(--pop-ink);
  font-size:30px;
  font-weight:950;
  letter-spacing:-1.4px;
}
.brand.wordmark:hover{color:var(--pop-orange)}

.public-actions .btn{
  border-radius:12px;
  font-weight:900;
}
.public-actions .btn.secondary{
  background:#fff;
  border:2px solid var(--pop-line);
  color:var(--pop-ink);
}
.public-actions .btn.secondary:hover{
  background:var(--pop-yellow);
  border-color:var(--pop-line);
}
.public-actions .btn.primary{
  background:var(--pop-orange);
  border:2px solid var(--pop-line);
  color:#fff;
  box-shadow:4px 4px 0 var(--pop-line);
}
.public-actions .btn.primary:hover{
  background:#ff7f50;
  transform:translate(-1px,-1px);
  box-shadow:6px 6px 0 var(--pop-line);
}

.landing-hero{
  padding-top:76px;
  padding-bottom:74px;
  gap:54px;
}
.landing-copy h1{
  color:var(--pop-ink);
  font-size:70px;
  line-height:.96;
  letter-spacing:-4px;
}
.landing-copy h1 em{
  color:var(--pop-orange);
  font-family:inherit;
  font-style:normal;
}
.landing-copy>p{
  color:var(--pop-muted);
  font-size:18px;
}
.hero-trust{color:var(--pop-muted)}
.hero-trust span:before{color:var(--pop-teal)}

.hero-actions .btn{
  border-radius:14px;
  border:2px solid var(--pop-line);
  font-weight:900;
}
.hero-actions .btn.primary{
  background:var(--pop-yellow);
  color:var(--pop-ink);
  border-color:var(--pop-line);
  box-shadow:5px 5px 0 var(--pop-line);
}
.hero-actions .btn.primary:hover{
  background:#ffe15c;
  transform:translate(-2px,-2px);
  box-shadow:7px 7px 0 var(--pop-line);
}
.hero-actions .btn.secondary{
  background:#fff;
  border-color:var(--pop-line);
  color:var(--pop-ink);
}
.hero-actions .btn.secondary:hover{background:#e9fffc}

.result-demo{
  background:var(--pop-teal);
  color:var(--pop-ink);
  border:2px solid var(--pop-line);
  border-radius:24px;
  box-shadow:10px 10px 0 var(--pop-line);
  transform:rotate(1deg);
}
.demo-kicker{color:#073f3a}
.demo-badge{
  background:var(--pop-yellow);
  color:var(--pop-ink);
  border:2px solid var(--pop-line);
}
.demo-lines span{color:#244f4b}
.demo-total{border-color:rgba(31,38,48,.35)}
.demo-highlight>div{
  background:#fff;
  border:2px solid var(--pop-line);
}
.demo-highlight>div:last-child{
  background:var(--pop-yellow);
  color:var(--pop-ink);
}
.demo-highlight>div:last-child span,
.demo-highlight>div:last-child strong{color:var(--pop-ink)}
.demo-profit{
  background:var(--pop-orange);
  border:2px solid var(--pop-line);
  color:#fff;
}
.demo-profit span{color:#fff1eb}

.landing-section{color:var(--pop-ink)}
.section-heading h2{color:var(--pop-ink)}
.section-heading p{color:var(--pop-muted)}

.step-card{
  background:#fff!important;
  color:var(--pop-ink)!important;
  border:2px solid var(--pop-line);
  border-radius:20px;
  box-shadow:6px 6px 0 var(--pop-line);
}
.step-card p{color:var(--pop-muted)!important}
.step-card:nth-child(1){background:#fff!important}
.step-card:nth-child(2){background:#fff!important}
.step-card:nth-child(3){background:#fff!important}
.step-card .step-number{color:#dce0dc!important}
.step-card:nth-child(1) .step-icon{
  background:var(--pop-yellow);
  color:var(--pop-ink);
  border:2px solid var(--pop-line);
}
.step-card:nth-child(2) .step-icon{
  background:var(--pop-orange);
  color:#fff;
  border:2px solid var(--pop-line);
}
.step-card:nth-child(3) .step-icon{
  background:var(--pop-teal);
  color:var(--pop-ink);
  border:2px solid var(--pop-line);
}

.why-section{
  background:var(--pop-yellow);
  color:var(--pop-ink);
  border:2px solid var(--pop-line);
  border-radius:24px;
  box-shadow:8px 8px 0 var(--pop-line);
}
.why-copy h2{color:var(--pop-ink)}
.why-copy p{color:#5f5d45}
.why-copy .eyebrow{color:#8c4a00}
.cost-chips span{
  border:2px solid var(--pop-line);
  color:var(--pop-ink)!important;
  font-weight:900;
}
.cost-chips span:nth-child(1),
.cost-chips span:nth-child(4){background:#fff}
.cost-chips span:nth-child(2),
.cost-chips span:nth-child(5){background:#ffd9c8}
.cost-chips span:nth-child(3),
.cost-chips span:nth-child(6){background:#c9f6f1}

.cost-breakdown{
  background:#fff;
  border:2px solid var(--pop-line);
  box-shadow:5px 5px 0 var(--pop-line);
}
.cost-breakdown-head>b{
  background:var(--pop-teal);
  color:var(--pop-ink);
  border:2px solid var(--pop-line);
}
.cost-breakdown-grid>div{
  border:2px solid #d8dde0;
  background:#fff;
}
.cost-breakdown-grid>div:nth-child(2){background:#fff0e9}
.cost-breakdown-grid>div:nth-child(3){background:#fff7c5}
.cost-breakdown-grid>div:nth-child(4){background:#e4fbf8}
.cost-breakdown-total strong{color:var(--pop-orange)}
.cost-breakdown-profit>div{
  background:var(--pop-orange);
  color:#fff;
  border:2px solid var(--pop-line);
}
.cost-breakdown-profit>div span{color:#ffe9df}
.cost-breakdown-profit>div:last-child{background:var(--pop-teal)}
.cost-breakdown-profit>div:last-child span,
.cost-breakdown-profit>div:last-child strong,
.cost-breakdown-profit>div:last-child small{color:var(--pop-ink)}

.calculator-intro{
  background:transparent;
  color:var(--pop-ink);
}
.calculator-intro .eyebrow{color:var(--pop-orange)}
.calculator-intro h2{color:var(--pop-ink)}
.calculator-intro p{color:var(--pop-muted)}

.calculator-card{
  background:#fff;
  border:2px solid var(--pop-line);
  border-radius:22px;
  box-shadow:7px 7px 0 var(--pop-line);
}
.sticky-summary{
  background:#e6fbf8;
  color:var(--pop-ink);
  border:2px solid var(--pop-line);
  box-shadow:5px 5px 0 var(--pop-line);
}
.sticky-summary .eyebrow{color:var(--pop-teal-dark)}
.sticky-summary h2{color:var(--pop-ink)}
.sticky-summary .summary-line,
.sticky-summary .summary-total{border-color:#b6d8d3}
.sticky-summary .summary-line span,
.sticky-summary .summary-total span{color:#61716f}
.big-result{
  background:var(--pop-yellow);
  border:2px solid var(--pop-line);
}
.big-result strong{color:var(--pop-ink)}
.suggested strong{color:var(--pop-teal-dark)}
.sticky-summary .btn.primary{
  background:var(--pop-orange);
  color:#fff;
  border:2px solid var(--pop-line);
  box-shadow:4px 4px 0 var(--pop-line);
}
.sticky-summary .btn.primary:hover{
  background:#ff7f50;
  transform:translate(-1px,-1px);
  box-shadow:6px 6px 0 var(--pop-line);
}
.save-note{color:#687875}

.save-banner{
  background:var(--pop-orange);
  color:#fff;
  border:2px solid var(--pop-line);
  border-radius:22px;
  box-shadow:7px 7px 0 var(--pop-line);
}
.save-banner .eyebrow{color:var(--pop-yellow)}
.save-banner h2{color:#fff}
.save-banner p{color:#fff0e9}
.save-banner .btn.primary{
  background:var(--pop-yellow);
  color:var(--pop-ink);
  border:2px solid var(--pop-line);
  box-shadow:4px 4px 0 var(--pop-line);
}
.save-banner .btn.primary:hover{
  background:#ffe15c;
  transform:translate(-1px,-1px);
  box-shadow:6px 6px 0 var(--pop-line);
}

.public-footer{
  border-top:2px solid var(--pop-line);
  color:var(--pop-muted);
}
.public-footer>span{color:var(--pop-ink)}
.public-footer a{color:var(--pop-teal-dark)}

.metrics article{
  border:2px solid var(--pop-line);
  box-shadow:4px 4px 0 var(--pop-line);
}
.metrics article:nth-child(1){background:var(--pop-yellow)}
.metrics article:nth-child(2){background:#fff}
.metrics article:nth-child(3){background:#dff9f5}
.metrics article:nth-child(4){background:#fff0e8;color:var(--pop-ink)}
.metrics article:nth-child(2) span,
.metrics article:nth-child(3) span,
.metrics article:nth-child(4) span{color:var(--pop-muted)}

@media(max-width:760px){
  .landing-copy h1{font-size:50px;letter-spacing:-3px}
  .result-demo{transform:none;box-shadow:6px 6px 0 var(--pop-line)}
  .why-section,.calculator-card,.save-banner{box-shadow:5px 5px 0 var(--pop-line)}
}

/* Bright & minimal brand direction */
:root{
  --bm-bg:#fbfbf7;
  --bm-surface:#ffffff;
  --bm-ink:#20262d;
  --bm-muted:#6c747c;
  --bm-yellow:#ffd84d;
  --bm-yellow-soft:#fff4b8;
  --bm-teal:#14b8a6;
  --bm-teal-soft:#e5f8f5;
  --bm-orange:#ff7a3d;
  --bm-line:#e8e9e5;
  --bm-shadow:0 14px 35px rgba(32,38,45,.07);
}

body{background:var(--bm-bg);color:var(--bm-ink)}
.public-main{background:var(--bm-bg)}
.public-header{
  background:rgba(251,251,247,.96);
  border-bottom:1px solid var(--bm-line);
  backdrop-filter:blur(14px);
}
.brand.wordmark{
  color:var(--bm-ink);
  font-size:30px;
  font-weight:900;
  letter-spacing:-1.2px;
}
.brand.wordmark:hover{color:var(--bm-orange)}

.public-actions .btn,
.hero-actions .btn{
  border-radius:12px;
  font-weight:800;
  box-shadow:none;
}
.public-actions .btn.secondary,
.hero-actions .btn.secondary{
  background:#fff;
  border:1px solid var(--bm-line);
  color:var(--bm-ink);
}
.public-actions .btn.secondary:hover,
.hero-actions .btn.secondary:hover{
  background:var(--bm-teal-soft);
  border-color:#cdece7;
}
.public-actions .btn.primary,
.hero-actions .btn.primary{
  background:var(--bm-yellow);
  border:1px solid var(--bm-yellow);
  color:var(--bm-ink);
  box-shadow:none;
}
.public-actions .btn.primary:hover,
.hero-actions .btn.primary:hover{
  background:#ffdf67;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(255,216,77,.25);
}

.landing-hero{
  padding-top:78px;
  padding-bottom:76px;
}
.landing-copy h1{
  color:var(--bm-ink);
  font-size:68px;
  line-height:.98;
  letter-spacing:-3.7px;
}
.landing-copy h1 em{
  color:var(--bm-orange);
  font-family:inherit;
  font-style:normal;
}
.landing-copy>p{color:var(--bm-muted)}
.hero-trust{color:var(--bm-muted)}
.hero-trust span:before{color:var(--bm-teal)}

.result-demo{
  background:#fff;
  color:var(--bm-ink);
  border:1px solid var(--bm-line);
  border-radius:24px;
  box-shadow:var(--bm-shadow);
  transform:none;
}
.demo-kicker{color:var(--bm-orange)}
.demo-badge{
  background:var(--bm-yellow-soft);
  color:var(--bm-ink);
  border:0;
}
.demo-lines span{color:var(--bm-muted)}
.demo-total{border-color:#ece7ce}
.demo-highlight>div{
  background:#fff8d8;
  border:0;
}
.demo-highlight>div:last-child{
  background:var(--bm-teal-soft);
  color:var(--bm-ink);
}
.demo-highlight>div:last-child span{color:#5a7773}
.demo-highlight>div:last-child strong{color:#0f766e}
.demo-profit{
  background:#20262d;
  border:0;
  color:#fff;
}
.demo-profit span{color:#d8dde0}

.landing-section{color:var(--bm-ink)}
.section-heading h2{color:var(--bm-ink)}
.section-heading p{color:var(--bm-muted)}

.step-card{
  background:#fff!important;
  color:var(--bm-ink)!important;
  border:1px solid var(--bm-line);
  border-radius:20px;
  box-shadow:0 10px 28px rgba(32,38,45,.05);
}
.step-card p{color:var(--bm-muted)!important}
.step-card .step-number{color:#eceee9!important}
.step-card:nth-child(1) .step-icon{
  background:var(--bm-yellow-soft);
  color:var(--bm-ink);
  border:0;
}
.step-card:nth-child(2) .step-icon{
  background:#ffe9dd;
  color:var(--bm-orange);
  border:0;
}
.step-card:nth-child(3) .step-icon{
  background:var(--bm-teal-soft);
  color:#0f766e;
  border:0;
}

.why-section{
  background:#fff;
  color:var(--bm-ink);
  border:1px solid var(--bm-line);
  border-radius:24px;
  box-shadow:var(--bm-shadow);
}
.why-section:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:9px;
  height:100%;
  background:var(--bm-yellow);
}
.why-copy h2{color:var(--bm-ink)}
.why-copy p{color:var(--bm-muted)}
.why-copy .eyebrow{color:var(--bm-orange)}
.cost-chips span{
  border:0;
  color:var(--bm-ink)!important;
  font-weight:800;
}
.cost-chips span:nth-child(1),
.cost-chips span:nth-child(4){background:var(--bm-yellow-soft)}
.cost-chips span:nth-child(2),
.cost-chips span:nth-child(5){background:#ffe9dd}
.cost-chips span:nth-child(3),
.cost-chips span:nth-child(6){background:var(--bm-teal-soft)}

.cost-breakdown{
  background:#fbfbf8;
  border:1px solid var(--bm-line);
  box-shadow:none;
}
.cost-breakdown-head>b{
  background:var(--bm-teal-soft);
  color:#0f766e;
  border:0;
}
.cost-breakdown-grid>div{
  border:1px solid var(--bm-line);
  background:#fff;
}
.cost-breakdown-grid>div:nth-child(2){background:#fffaf5}
.cost-breakdown-grid>div:nth-child(3){background:#fffdf0}
.cost-breakdown-grid>div:nth-child(4){background:#f4fbfa}
.cost-breakdown-total strong{color:var(--bm-orange)}
.cost-breakdown-profit>div{
  background:#fff1e9;
  color:var(--bm-ink);
  border:0;
}
.cost-breakdown-profit>div span{color:#7e6a61}
.cost-breakdown-profit>div:last-child{background:var(--bm-teal-soft)}
.cost-breakdown-profit>div:last-child span,
.cost-breakdown-profit>div:last-child strong,
.cost-breakdown-profit>div:last-child small{color:#0f766e}

.calculator-intro{
  background:transparent;
  color:var(--bm-ink);
}
.calculator-intro .eyebrow{color:var(--bm-orange)}
.calculator-intro h2{color:var(--bm-ink)}
.calculator-intro p{color:var(--bm-muted)}

.calculator-card{
  background:#fff;
  border:1px solid var(--bm-line);
  border-radius:22px;
  box-shadow:var(--bm-shadow);
}
.sticky-summary{
  background:#fff;
  color:var(--bm-ink);
  border:1px solid var(--bm-line);
  box-shadow:var(--bm-shadow);
}
.sticky-summary .eyebrow{color:#0f766e}
.sticky-summary h2{color:var(--bm-ink)}
.sticky-summary .summary-line,
.sticky-summary .summary-total{border-color:#e4ecea}
.sticky-summary .summary-line span,
.sticky-summary .summary-total span{color:var(--bm-muted)}
.big-result{
  background:var(--bm-yellow-soft);
  border:0;
}
.big-result strong{color:var(--bm-ink)}
.suggested strong{color:#0f766e}
.sticky-summary .btn.primary{
  background:var(--bm-teal);
  color:#fff;
  border:0;
  box-shadow:none;
}
.sticky-summary .btn.primary:hover{
  background:#0fa695;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(20,184,166,.18);
}
.save-note{color:var(--bm-muted)}

.save-banner{
  background:var(--bm-yellow);
  color:var(--bm-ink);
  border:0;
  border-radius:22px;
  box-shadow:none;
}
.save-banner .eyebrow{color:#8a6200}
.save-banner h2{color:var(--bm-ink)}
.save-banner p{color:#5f5842}
.save-banner .btn.primary{
  background:var(--bm-ink);
  color:#fff;
  border:0;
  box-shadow:none;
}
.save-banner .btn.primary:hover{
  background:#343b43;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(32,38,45,.15);
}

.public-footer{
  border-top:1px solid var(--bm-line);
  color:var(--bm-muted);
}
.public-footer>span{color:var(--bm-ink)}
.public-footer a{color:#0f766e}

.metrics article{
  background:#fff!important;
  color:var(--bm-ink)!important;
  border:1px solid var(--bm-line);
  box-shadow:0 8px 22px rgba(32,38,45,.05);
}
.metrics article span{color:var(--bm-muted)!important}
.metrics article:nth-child(1){border-top:4px solid var(--bm-yellow)}
.metrics article:nth-child(2){border-top:4px solid var(--bm-orange)}
.metrics article:nth-child(3){border-top:4px solid var(--bm-teal)}
.metrics article:nth-child(4){border-top:4px solid #20262d}

@media(max-width:760px){
  .landing-copy h1{font-size:49px;letter-spacing:-2.7px}
}

/* Simplified how-it-works cards */
.step-card{padding:26px}
.step-card h3{margin:0 0 10px;font-size:20px}
.step-card p{margin:0}
.step-card:nth-child(1){border-top:4px solid var(--bm-yellow)}
.step-card:nth-child(2){border-top:4px solid var(--bm-orange)}
.step-card:nth-child(3){border-top:4px solid var(--bm-teal)}
.step-number,.step-icon{display:none!important}

/* Modern Krumbly authentication pages */
.auth{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
  background:var(--bm-bg);
}
.auth .hero{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  padding:46px 56px 58px;
  background:var(--bm-yellow);
  color:var(--bm-ink);
  position:relative;
  overflow:hidden;
}
.auth .hero:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(255,255,255,.28);
  right:-170px;
  bottom:-190px;
}
.auth-wordmark{
  color:var(--bm-ink);
  font-size:32px;
  line-height:1;
  font-weight:950;
  letter-spacing:-1.5px;
  position:relative;
  z-index:1;
}
.auth-wordmark:hover{color:var(--bm-orange)}
.auth-hero-copy{
  max-width:660px;
  position:relative;
  z-index:1;
}
.auth-hero-copy>span{
  display:inline-block;
  background:#fff;
  border-radius:999px;
  padding:8px 12px;
  margin-bottom:22px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.auth .hero h1{
  color:var(--bm-ink);
  font-size:64px;
  line-height:.98;
  letter-spacing:-3.4px;
  margin:0 0 20px;
}
.auth .hero p{
  color:#5e5945;
  font-size:18px;
  line-height:1.65;
  max-width:570px;
  margin:0;
}
.auth .authbox{
  align-self:center;
  width:min(100% - 64px,520px);
  margin:48px auto;
  padding:34px;
  background:#fff;
  border:1px solid var(--bm-line);
  border-radius:24px;
  box-shadow:var(--bm-shadow);
}
.authbox .eyebrow{color:var(--bm-orange)}
.authbox h2{
  color:var(--bm-ink);
  font-size:34px;
  letter-spacing:-1.2px;
  margin:7px 0 12px;
}
.authbox .muted{
  color:var(--bm-muted);
  line-height:1.6;
}
.authbox form{margin-top:22px}
.authbox label{
  color:var(--bm-ink);
  font-size:13px;
  font-weight:800;
}
.authbox input{
  min-height:46px;
  background:#fff;
  border:1px solid #dfe2df;
  border-radius:12px;
  padding:12px 13px;
  font-size:15px;
}
.authbox input:focus{
  border-color:var(--bm-teal);
  box-shadow:0 0 0 4px rgba(20,184,166,.11);
}
.authbox .btn.primary{
  min-height:48px;
  background:var(--bm-yellow);
  border:0;
  border-radius:12px;
  color:var(--bm-ink);
  font-weight:900;
}
.authbox .btn.primary:hover{
  background:#ffdf67;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(255,216,77,.25);
}
.authbox a{color:#0f766e;font-weight:800}
.authbox a:hover{color:var(--bm-orange)}

@media(max-width:950px){
  .auth{grid-template-columns:1fr}
  .auth .hero{
    display:flex;
    min-height:auto;
    padding:28px 24px 32px;
  }
  .auth-hero-copy{margin-top:48px}
  .auth .hero h1{font-size:44px;letter-spacing:-2.3px}
  .auth .hero p{font-size:16px}
  .auth .authbox{
    width:min(100% - 32px,560px);
    margin:28px auto 40px;
  }
}
@media(max-width:560px){
  .auth .hero{padding:24px 18px 28px}
  .auth-hero-copy{margin-top:38px}
  .auth .hero h1{font-size:38px}
  .auth .authbox{
    width:calc(100% - 24px);
    padding:24px 20px;
    border-radius:20px;
  }
  .authbox h2{font-size:29px}
}

/* Login alternate actions */
.auth-alt-actions{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--bm-line);
}
.auth-alt-actions>span{
  display:block;
  margin-bottom:10px;
  color:var(--bm-muted);
  font-size:13px;
  font-weight:700;
}
.auth-alt-actions>div{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.auth-alt-actions .btn{
  min-height:42px;
  padding:10px 14px;
  border:1px solid var(--bm-line);
  background:#fff;
  color:var(--bm-ink);
  border-radius:11px;
  font-weight:800;
}
.auth-alt-actions .btn:hover{
  background:var(--bm-teal-soft);
  border-color:#cdece7;
  color:var(--bm-ink);
}

/* Simplified Krumbly palette — off-white, yellow and charcoal */
:root{
  --kr-bg:#fbfaf5;
  --kr-surface:#ffffff;
  --kr-ink:#24272c;
  --kr-muted:#6f7378;
  --kr-yellow:#ffd84d;
  --kr-yellow-soft:#fff4bd;
  --kr-yellow-deep:#d9ad00;
  --kr-line:#e7e5de;
  --kr-soft:#f3f1ea;
  --kr-shadow:0 14px 34px rgba(36,39,44,.07);
}

body,
.public-main{
  background:var(--kr-bg);
  color:var(--kr-ink);
}

.public-header{
  background:rgba(251,250,245,.96);
  border-bottom:1px solid var(--kr-line);
}

.brand.wordmark{
  color:var(--kr-ink);
}
.brand.wordmark:hover{
  color:var(--kr-yellow-deep);
}

.eyebrow,
.demo-kicker,
.authbox .eyebrow,
.calculator-intro .eyebrow{
  color:#8a6b00;
}

.btn.primary,
.public-actions .btn.primary,
.hero-actions .btn.primary,
.authbox .btn.primary{
  background:var(--kr-yellow);
  border-color:var(--kr-yellow);
  color:var(--kr-ink);
}

.btn.primary:hover,
.public-actions .btn.primary:hover,
.hero-actions .btn.primary:hover,
.authbox .btn.primary:hover{
  background:#ffdf67;
  border-color:#ffdf67;
  color:var(--kr-ink);
}

.btn.secondary,
.public-actions .btn.secondary,
.hero-actions .btn.secondary,
.auth-alt-actions .btn{
  background:#fff;
  border-color:var(--kr-line);
  color:var(--kr-ink);
}

.btn.secondary:hover,
.public-actions .btn.secondary:hover,
.hero-actions .btn.secondary:hover,
.auth-alt-actions .btn:hover{
  background:var(--kr-yellow-soft);
  border-color:#ead36f;
  color:var(--kr-ink);
}

.landing-copy h1,
.section-heading h2,
.calculator-intro h2{
  color:var(--kr-ink);
}

.landing-copy h1 em{
  color:var(--kr-yellow-deep);
}

.landing-copy>p,
.section-heading p,
.calculator-intro p,
.hero-trust{
  color:var(--kr-muted);
}

.result-demo{
  background:#fff;
  border:1px solid var(--kr-line);
  box-shadow:var(--kr-shadow);
}

.demo-badge{
  background:var(--kr-yellow-soft);
  color:var(--kr-ink);
}

.demo-highlight>div,
.demo-highlight>div:last-child{
  background:var(--kr-yellow-soft);
  color:var(--kr-ink);
}

.demo-highlight>div span,
.demo-highlight>div:last-child span{
  color:#7a7151;
}

.demo-highlight>div strong,
.demo-highlight>div:last-child strong{
  color:var(--kr-ink);
}

.demo-profit{
  background:var(--kr-ink);
  color:#fff;
}

.step-card{
  background:#fff!important;
  color:var(--kr-ink)!important;
  border:1px solid var(--kr-line);
  box-shadow:0 10px 26px rgba(36,39,44,.05);
}

.step-card:nth-child(1),
.step-card:nth-child(2),
.step-card:nth-child(3){
  border-top:4px solid var(--kr-yellow);
}

.why-section{
  background:#fff;
  color:var(--kr-ink);
  border:1px solid var(--kr-line);
  box-shadow:var(--kr-shadow);
}

.why-section:before{
  background:var(--kr-yellow);
}

.why-copy .eyebrow{
  color:#8a6b00;
}

.why-copy h2{
  color:var(--kr-ink);
}

.why-copy p{
  color:var(--kr-muted);
}

.cost-chips span,
.cost-chips span:nth-child(1),
.cost-chips span:nth-child(2),
.cost-chips span:nth-child(3),
.cost-chips span:nth-child(4),
.cost-chips span:nth-child(5),
.cost-chips span:nth-child(6){
  background:var(--kr-yellow-soft);
  color:var(--kr-ink)!important;
  border:0;
}

.cost-breakdown{
  background:#faf9f5;
  border:1px solid var(--kr-line);
}

.cost-breakdown-head>b{
  background:var(--kr-yellow-soft);
  color:var(--kr-ink);
}

.cost-breakdown-grid>div,
.cost-breakdown-grid>div:nth-child(2),
.cost-breakdown-grid>div:nth-child(3),
.cost-breakdown-grid>div:nth-child(4){
  background:#fff;
  border:1px solid var(--kr-line);
}

.cost-breakdown-total strong{
  color:var(--kr-ink);
}

.cost-breakdown-profit>div,
.cost-breakdown-profit>div:last-child{
  background:var(--kr-yellow-soft);
  color:var(--kr-ink);
}

.cost-breakdown-profit>div span,
.cost-breakdown-profit>div:last-child span,
.cost-breakdown-profit>div:last-child strong,
.cost-breakdown-profit>div:last-child small{
  color:#6c654d;
}

.calculator-card,
.sticky-summary{
  background:#fff;
  color:var(--kr-ink);
  border:1px solid var(--kr-line);
  box-shadow:var(--kr-shadow);
}

.sticky-summary .eyebrow{
  color:#8a6b00;
}

.sticky-summary .summary-line,
.sticky-summary .summary-total{
  border-color:var(--kr-line);
}

.sticky-summary .summary-line span,
.sticky-summary .summary-total span{
  color:var(--kr-muted);
}

.big-result{
  background:var(--kr-yellow-soft);
}

.big-result strong,
.suggested strong{
  color:var(--kr-ink);
}

.sticky-summary .btn.primary{
  background:var(--kr-yellow);
  color:var(--kr-ink);
  border:0;
}

.sticky-summary .btn.primary:hover{
  background:#ffdf67;
}

.save-banner{
  background:var(--kr-yellow);
  color:var(--kr-ink);
  box-shadow:none;
}

.save-banner .eyebrow{
  color:#7b5f00;
}

.save-banner h2{
  color:var(--kr-ink);
}

.save-banner p{
  color:#5f5842;
}

.save-banner .btn.primary{
  background:var(--kr-ink);
  color:#fff;
}

.save-banner .btn.primary:hover{
  background:#34383e;
}

.public-footer{
  border-top:1px solid var(--kr-line);
  color:var(--kr-muted);
}

.public-footer>span{
  color:var(--kr-ink);
}

.public-footer a{
  color:#7b5f00;
}

.auth .hero{
  background:var(--kr-yellow);
  color:var(--kr-ink);
}

.auth .hero p{
  color:#5f5842;
}

.auth-wordmark{
  color:var(--kr-ink);
}

.auth-wordmark:hover{
  color:#7b5f00;
}

.authbox a{
  color:#7b5f00;
}

.authbox a:hover{
  color:var(--kr-ink);
}

.authbox input:focus,
input:focus,
select:focus{
  border-color:var(--kr-yellow-deep);
  box-shadow:0 0 0 4px rgba(255,216,77,.18);
}

.metrics article{
  background:#fff!important;
  color:var(--kr-ink)!important;
  border:1px solid var(--kr-line);
  box-shadow:0 8px 22px rgba(36,39,44,.05);
}

.metrics article:nth-child(1),
.metrics article:nth-child(2),
.metrics article:nth-child(3),
.metrics article:nth-child(4){
  border-top:4px solid var(--kr-yellow);
}

.metrics article span{
  color:var(--kr-muted)!important;
}

/* Ingredients page */
.ingredient-editor{width:100%;margin-bottom:22px}
.ingredient-editor .panelhead{align-items:flex-start}
.ingredient-form{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(180px,1.2fr) minmax(130px,.65fr) minmax(190px,1fr) minmax(130px,.65fr);gap:14px;align-items:end}
.ingredient-form .ingredient-save{min-height:46px;grid-column:1/-1;width:100%}
.ingredient-library{width:100%}
.ingredient-library-head{align-items:flex-end}
.ingredient-library-head p{margin:4px 0 0;color:var(--kr-muted)}
.ingredient-tools{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,280px);gap:14px;margin:8px 0 20px;padding:16px;background:var(--kr-soft);border-radius:14px}
.ingredient-list{display:grid}
.ingredient-list-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(220px,1fr) minmax(140px,.7fr) auto;gap:22px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--kr-line)}
.ingredient-list-row:last-child{border-bottom:0}
.ingredient-main,.ingredient-pack,.ingredient-unit-cost{display:grid;gap:4px}
.ingredient-main strong{font-size:15px}
.ingredient-main span,.ingredient-pack span,.ingredient-unit-cost span{font-size:12px;color:var(--kr-muted)}
.ingredient-pack strong,.ingredient-unit-cost strong{font-size:14px}
.ingredient-edit{min-width:72px}
.ingredient-no-results{padding-bottom:6px}
@media(max-width:1100px){
  .ingredient-form{grid-template-columns:1fr 1fr}
  .ingredient-form .ingredient-save{grid-column:1/-1}
  .ingredient-list-row{grid-template-columns:1fr 1fr auto}
  .ingredient-main{grid-column:1/-1}
}
@media(max-width:700px){
  .ingredient-form,.ingredient-tools{grid-template-columns:1fr}
  .ingredient-list-row{grid-template-columns:1fr}
  .ingredient-main{grid-column:auto}
  .ingredient-edit{width:100%}
  .ingredient-library-head{align-items:flex-start;flex-direction:column}
}