:root{--tomato: #E84B36;--tomato-dark: #B93A28;--basil: #58734B;--mozz: #F4DE9B}.hero{display:flex;align-items:center;flex-wrap:wrap-reverse;gap:clamp(20px,5vw,48px);padding:clamp(36px,7vw,68px) 20px clamp(24px,5vw,40px)}.hero-text{flex:1 1 320px;min-width:260px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);margin:0 0 12px}h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(34px,6.4vw,72px);line-height:1.04;max-width:14ch;margin:0 0 16px}.sauce-word{position:relative;display:inline-block}.sauce-word:after{content:"";position:absolute;left:2px;right:2px;bottom:-2px;height:.14em;background:var(--tomato);border-radius:6px;opacity:.85;transform-origin:left;transform:scaleX(0);animation:sauce-draw .55s .7s cubic-bezier(.65,0,.35,1) forwards}@keyframes sauce-draw{to{transform:scaleX(1)}}.lede{max-width:42ch;color:var(--ink-soft);font-size:clamp(15px,2vw,18px)}.hero-tomato{position:relative;flex:0 0 auto;width:clamp(120px,22vw,220px);animation:tomato-drop .75s cubic-bezier(.22,1,.36,1) both;transform-origin:bottom center}.tomato-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 16px rgba(30,26,14,.18));transition:transform .18s ease;transform-origin:60% 85%}.hero-tomato:hover .tomato-svg{transform:scaleX(1.07) scaleY(.93)}@keyframes tomato-drop{0%{transform:translateY(-160px) scale(.9);opacity:0}55%{transform:translateY(0) scale(1);opacity:1}72%{transform:translateY(-14px) scale(1.02,.98)}86%{transform:translateY(0) scale(.99,1.01)}to{transform:translateY(0) scale(1)}}.basil-leaf{position:absolute;top:-6%;right:-4%;width:15%;min-width:26px;animation:leaf-drift 4.5s ease-in-out infinite}@keyframes leaf-drift{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(5deg)}}@media (prefers-reduced-motion: reduce){.hero-tomato,.basil-leaf{animation:none}.sauce-word:after{animation:none;transform:scaleX(1)}}.layout{padding:8px 20px}.calc-editorial,.phase-result .result-editorial{max-width:640px;margin:0 auto}.smash-stage{max-width:440px;margin:0 auto;text-align:center}.field-block{padding:30px 0}.field-block:first-child{padding-top:12px}.field-row-split{display:flex;flex-wrap:wrap;gap:24px 40px}.field-row-split .field-block{flex:1 1 220px}.field-heading{font-family:var(--font-serif);font-weight:500;font-size:clamp(20px,3vw,26px);margin:0 0 18px}.field-heading--sm{font-size:clamp(17px,2.2vw,20px);margin-bottom:12px}.field-sub{margin:-12px 0 14px;font-size:13.5px;color:var(--ink-soft)}.stepper-row{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.stepper-block{display:flex;flex-direction:column;align-items:center;gap:10px}.stepper-label{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--ink-soft)}.stepper-xl{display:flex;align-items:center;gap:clamp(12px,3vw,22px)}.step-btn{flex:none;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:var(--surface);font-size:20px;font-weight:700;color:var(--ink);cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease}.step-btn:hover{background:var(--tomato);border-color:var(--tomato);color:#fff;transform:scale(1.08)}.step-btn:active{transform:scale(.92)}.stepper-xl input{width:clamp(64px,16vw,90px);border:none;background:transparent;text-align:center;font-family:var(--font-serif);font-weight:500;font-size:clamp(38px,9vw,54px);color:var(--ink);-moz-appearance:textfield}.stepper-xl input::-webkit-outer-spin-button,.stepper-xl input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hunger-row{display:flex;gap:clamp(8px,2vw,16px)}.hunger-row .hunger-pill{flex:1;min-width:0;padding:16px 8px;border:none;border-bottom:3px solid var(--line);border-radius:0;background:transparent;font-family:var(--font-serif);font-weight:500;font-size:clamp(14px,2.4vw,19px);color:var(--ink-soft);text-align:center;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .15s ease,color .15s ease}.hunger-row .hunger-pill.is-active{color:var(--ink);font-weight:800;border-color:var(--tomato);transform:scale(1.05);background:transparent}.size-row{display:flex;justify-content:center;align-items:flex-end;gap:clamp(16px,4vw,28px)}.size-row .size-pill{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:none;border-radius:0;background:none;cursor:pointer;font:inherit;color:var(--ink);transition:none}.size-circle{display:block;border-radius:50%;border:3px solid var(--ink);background:var(--mozz);transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease}.size-circle--medium{width:52px;height:52px}.size-circle--large{width:72px;height:72px}.size-circle--xl{width:92px;height:92px}.size-name{font-weight:700;font-size:14px}.size-sub{font-size:11.5px;color:var(--ink-soft)}.size-row .size-pill.is-active{background:none;border-color:transparent;transform:none}.size-pill.is-active .size-circle{background:var(--tomato);border-color:var(--tomato);transform:scale(1.08)}.size-pill.is-active .size-name{color:var(--tomato-dark)}@media (max-width: 380px){.size-row{gap:14px}.size-circle--medium{width:44px;height:44px}.size-circle--large{width:60px;height:60px}.size-circle--xl{width:76px;height:76px}}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{flex:1;min-width:fit-content;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease}.pill:hover{border-color:var(--tomato)}.pill.is-active{background:var(--tomato);color:#fff;border-color:var(--tomato);transform:scale(1.03)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 16px 9px 12px;border:2px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:700;cursor:pointer;user-select:none;transition:border-color .15s ease,background .15s ease,transform .12s ease}.chip:hover{transform:translateY(-1px)}.chip-emoji{font-size:15px;line-height:1;display:inline-block;transition:transform .15s ease}.chip:hover .chip-emoji{transform:rotate(-10deg) scale(1.15)}.chip input{position:absolute;opacity:0;width:0;height:0}.chip:has(input:checked){background:color-mix(in srgb,var(--chip-color, var(--tomato)) 18%,transparent);border-color:var(--chip-color, var(--tomato));transform:scale(1.03)}.chip.plain:has(input:checked){background:color-mix(in srgb,var(--basil) 16%,transparent);border-color:var(--basil);transform:scale(1.03)}.note{margin:10px 0 0;font-size:12.5px;color:var(--ink-soft);font-style:italic}.calculate-btn{display:block;width:100%;margin-top:12px;padding:20px 24px;border:2px solid var(--ink);border-radius:10px;background:var(--tomato);color:#fff;font-family:var(--font-sans);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;text-align:center;box-shadow:5px 5px 0 var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.calculate-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.calculate-btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.smash-stage{padding:56px 24px 24px}.tomato-smash{position:relative;width:140px;height:140px;margin:0 auto 20px}.tomato-smash .tomato-svg{position:absolute;inset:0;width:100%;height:100%;transform:translateY(-90px);filter:drop-shadow(0 14px 16px rgba(30,26,14,.18))}.tomato-smash.is-falling .tomato-svg{animation:tomato-fall .26s cubic-bezier(.55,0,1,.45) forwards}@keyframes tomato-fall{to{transform:translateY(0)}}.tomato-smash.is-hit .tomato-svg{animation:tomato-flatten .22s ease-out forwards}@keyframes tomato-flatten{0%{transform:translateY(0) scale(1)}to{transform:translateY(6px) scale(1.5,.28);opacity:.85}}.juice-burst{position:absolute;inset:0;pointer-events:none}.juice-burst span{position:absolute;top:62%;left:50%;width:9px;height:9px;border-radius:50%;background:var(--tomato);opacity:0}.juice-burst span:nth-child(3n){background:var(--tomato-dark)}.juice-burst span:nth-child(5n){background:var(--basil);width:6px;height:6px}.juice-burst.pop span{animation:juice-fly .5s ease-out forwards}.juice-burst span:nth-child(1){--tx: -70px;--ty: -30px;animation-delay:0ms}.juice-burst span:nth-child(2){--tx: 60px;--ty: -35px;animation-delay:15ms}.juice-burst span:nth-child(3){--tx: -85px;--ty: 10px;animation-delay:30ms}.juice-burst span:nth-child(4){--tx: 85px;--ty: 8px;animation-delay:5ms}.juice-burst span:nth-child(5){--tx: -45px;--ty: 45px;animation-delay:45ms}.juice-burst span:nth-child(6){--tx: 50px;--ty: 48px;animation-delay:20ms}.juice-burst span:nth-child(7){--tx: 0px;--ty: -55px;animation-delay:35ms}.juice-burst span:nth-child(8){--tx: -95px;--ty: -10px;animation-delay:0ms}.juice-burst span:nth-child(9){--tx: 95px;--ty: -14px;animation-delay:50ms}.juice-burst span:nth-child(10){--tx: 8px;--ty: 60px;animation-delay:12ms}@keyframes juice-fly{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(1)}}@media (prefers-reduced-motion: reduce){.tomato-smash .tomato-svg{transform:translateY(0);animation:none}.juice-burst.pop span{animation:none;opacity:0}}.loading-caption{color:var(--ink-soft);font-size:15px;font-weight:700;margin:0;min-height:1.4em}.result-editorial{position:relative;text-align:center;padding:40px 20px 48px}.confetti-burst{position:absolute;top:30%;left:50%;width:0;height:0;pointer-events:none}.confetti-burst span{position:absolute;top:0;left:0;width:8px;height:8px;border-radius:2px;opacity:0}.confetti-burst span:nth-child(1){background:var(--accent)}.confetti-burst span:nth-child(2){background:var(--tomato)}.confetti-burst span:nth-child(3){background:var(--basil)}.confetti-burst span:nth-child(4){background:var(--pink)}.confetti-burst span:nth-child(5){background:var(--accent)}.confetti-burst span:nth-child(6){background:var(--tomato)}.confetti-burst span:nth-child(7){background:var(--basil)}.confetti-burst span:nth-child(8){background:var(--pink)}.confetti-burst span:nth-child(9){background:var(--accent)}.confetti-burst span:nth-child(10){background:var(--tomato)}.confetti-burst.pop span{animation:confetti-pop .9s ease-out forwards}.confetti-burst span:nth-child(1){animation-delay:0ms}.confetti-burst span:nth-child(2){animation-delay:20ms}.confetti-burst span:nth-child(3){animation-delay:40ms}.confetti-burst span:nth-child(4){animation-delay:10ms}.confetti-burst span:nth-child(5){animation-delay:60ms}.confetti-burst span:nth-child(6){animation-delay:30ms}.confetti-burst span:nth-child(7){animation-delay:50ms}.confetti-burst span:nth-child(8){animation-delay:0ms}.confetti-burst span:nth-child(9){animation-delay:70ms}.confetti-burst span:nth-child(10){animation-delay:25ms}.confetti-burst span:nth-child(1){--tx: -90px;--ty: -70px;--rot: -60deg}.confetti-burst span:nth-child(2){--tx: 80px;--ty: -80px;--rot: 45deg}.confetti-burst span:nth-child(3){--tx: -110px;--ty: 10px;--rot: 90deg}.confetti-burst span:nth-child(4){--tx: 110px;--ty: 5px;--rot: -30deg}.confetti-burst span:nth-child(5){--tx: -65px;--ty: 90px;--rot: 120deg}.confetti-burst span:nth-child(6){--tx: 70px;--ty: 95px;--rot: -90deg}.confetti-burst span:nth-child(7){--tx: 0px;--ty: -110px;--rot: 20deg}.confetti-burst span:nth-child(8){--tx: -120px;--ty: -20px;--rot: -45deg}.confetti-burst span:nth-child(9){--tx: 120px;--ty: -25px;--rot: 70deg}.confetti-burst span:nth-child(10){--tx: 12px;--ty: 115px;--rot: -20deg}@keyframes confetti-pop{0%{opacity:1;transform:translate(0) rotate(0) scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(1)}}@media (prefers-reduced-motion: reduce){.confetti-burst.pop span{animation:none;opacity:0}}.result-kicker{margin:0;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink-soft)}.result-headline{margin:4px 0 22px}.result-num{display:block;font-family:var(--font-serif);font-weight:500;font-size:clamp(72px,17vw,128px);line-height:.92;color:var(--tomato-dark)}.result-unit{display:block;font-weight:700;font-size:clamp(18px,3.6vw,24px);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.topping-breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:0 0 6px;padding:0}.topping-item{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px}.topping-item .dot{width:10px;height:10px;border-radius:50%;flex:none}.result-slices{color:var(--ink-soft);font-size:14px;line-height:1.7;margin:14px 0 0}.result-note,.extras{font-size:12.5px;color:var(--ink-soft);font-style:italic;margin:8px 0 0}.result-plan{margin:22px auto 0;padding-top:18px;border-top:1px solid var(--line);max-width:420px}.plan-label{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);margin-bottom:4px}.result-plan p{margin:0;font-size:14px;font-weight:600}.back-btn{display:inline-flex;justify-content:center;margin-top:28px}.party-transition{margin-top:32px;padding:52px 20px 64px;text-align:center;background:color-mix(in srgb,var(--tomato) 8%,var(--bg))}.party-transition h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,4.6vw,38px);line-height:1.1;margin:0 0 24px}.party-cta{display:inline-flex;align-items:center;padding:16px 28px;border:2px solid var(--ink);border-radius:10px;background:transparent;color:var(--ink);text-decoration:none;font-weight:800;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;transition:transform .12s ease,background .12s ease,color .12s ease}.party-cta:hover{background:var(--ink);color:var(--surface);transform:translateY(-2px)}