.phone-shell[data-modern=true] .step-stack-modern{display:grid;grid-gap:var(--p-space-5);gap:var(--p-space-5)}.phone-shell[data-modern=true] .result-hero{padding:var(--p-space-7) var(--p-space-5) var(--p-space-6);border-radius:var(--p-radius-2xl);gap:var(--p-space-4)}.phone-shell[data-modern=true] .result-hero h2{font:var(--p-weight-medium) var(--p-text-15) /1.4 var(--p-font-body);color:rgba(255,255,255,.78);letter-spacing:0;margin:0}.phone-shell[data-modern=true] .hero-amount{display:flex;align-items:baseline;gap:var(--p-space-2);margin-top:calc(var(--p-space-2) * -1)}.phone-shell[data-modern=true] .hero-amount .num{font-family:var(--p-font-display);font-weight:500;font-size:var(--p-text-display);line-height:.95;letter-spacing:-.02em;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;color:#fff;display:inline-block}.phone-shell[data-modern=true] .hero-amount .unit{font:var(--p-weight-medium) var(--p-text-18) /1 var(--p-font-display-thai);letter-spacing:.02em;color:rgba(255,255,255,.7);margin-bottom:6px}.phone-shell[data-modern=true] .hero-trio{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;margin-top:var(--p-space-3);padding-top:var(--p-space-3);border-top:1px solid rgba(255,255,255,.1);background:transparent}.phone-shell[data-modern=true] .hero-trio>div{padding:0 var(--p-space-2);position:relative;background:transparent}.phone-shell[data-modern=true] .hero-trio>div+div:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.1)}.phone-shell[data-modern=true] .hero-trio span{font:var(--p-weight-medium) 9px /1 var(--p-font-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);display:block;margin-bottom:4px}.phone-shell[data-modern=true] .hero-trio strong{font-family:var(--p-font-display);font-weight:500;font-size:var(--p-text-22);line-height:1;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em;color:#fff}.phone-shell[data-modern=true] .hero-trio .trio-potential strong{color:var(--p-gold-100)}.phone-shell[data-modern=true] .hero-trio small{font:var(--p-weight-medium) 10px /1 var(--p-font-mono);color:rgba(91,190,146,.9)}.phone-shell[data-modern=true] .card,.phone-shell[data-modern=true] .ui-section{border-radius:var(--p-radius-xl)}.phone-shell[data-modern=true] .card{padding:var(--p-space-5)}.phone-shell[data-modern=true] .deduction-group{background:var(--card-surface-soft-grad);border-color:var(--border-default);border-radius:var(--p-radius-xl);box-shadow:var(--p-shadow-card-soft);padding:var(--p-space-4)}.phone-shell[data-modern=true] .result-hero{position:relative;background:var(--hero-surface-normal);box-shadow:var(--p-shadow-card-lift);isolation:isolate;overflow:hidden}.phone-shell[data-modern=true] .result-hero.no_tax,.phone-shell[data-modern=true] .result-hero.refund{background:var(--hero-surface-refund)}.phone-shell[data-modern=true] .result-hero.normal{background:var(--hero-surface-pay)}.phone-shell[data-modern=true] .result-hero:before{content:"";position:absolute;inset:0;background:var(--accent-glow);pointer-events:none;z-index:0}.phone-shell[data-modern=true] .result-hero>*{position:relative;z-index:1}.phone-shell[data-modern=true] .hero-amount .num{transition:transform var(--p-dur-2) var(--p-ease-out)}.phone-shell[data-modern=true] .hero-amount.tick .num{animation:number-tick var(--p-dur-2) var(--p-ease-out)}@keyframes number-tick{0%{transform:translateY(2px) scale(.98);opacity:.55}60%{transform:translateY(-1px) scale(1.01)}to{transform:none;opacity:1}}.phone-shell[data-modern=true] .card,.phone-shell[data-modern=true] .ui-section{background:var(--card-surface-soft-grad);box-shadow:var(--p-shadow-card-soft)}.phone-shell[data-modern=true] .bottom-cta button:not(:disabled):not(.secondary-cta){background:var(--accent-duotone);box-shadow:var(--p-shadow-glow-red),0 8px 20px rgba(20,16,12,.1);border-color:transparent}.phone-shell[data-modern=true] .bracket-strip span.active{background:var(--accent-duotone);color:#fff;box-shadow:var(--p-shadow-glow-red),0 0 0 1px rgba(211,17,69,.16);transform:translateY(-1px)}.phone-shell[data-modern=true] .gap-track{position:relative;overflow:hidden}.phone-shell[data-modern=true] .gap-track span{background:var(--accent-duotone);position:relative}.phone-shell[data-modern=true] .gap-track span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);animation:gap-shimmer 2.4s cubic-bezier(.4,0,.6,1) infinite}@keyframes gap-shimmer{0%{transform:translateX(-100%)}70%,to{transform:translateX(200%)}}@media (prefers-reduced-motion:reduce){.phone-shell[data-modern=true] .gap-track span:after,.phone-shell[data-modern=true] .hero-amount.tick .num{animation:none}.phone-shell[data-modern=true] .hero-amount .num{transition:none}.deduction-body-shell,.deduction-chev,.scenario-body-shell,.ui-section-body-shell,.ui-section-chev{transition:none!important}}@media (prefers-reduced-motion:no-preference){.step-frame{animation:step-in .32s var(--p-ease-out,cubic-bezier(.2,.7,.2,1)) both;will-change:opacity,transform}@keyframes step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.phone-shell[data-modern=true] .ui-section[data-status=done] .ui-section-no{background:var(--status-success-fg);color:#fff;border-color:transparent}.phone-shell[data-modern=true] .ui-section[data-status=done] .ui-section-no svg{stroke-width:2.6}.phone-shell[data-modern=true] .celebration-orb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--accent-duotone);color:#fff;flex:0 0 auto;box-shadow:var(--p-shadow-glow-gold);margin-top:2px}.phone-shell[data-modern=true] .ui-banner[data-variant=nudge]>svg{color:var(--accent-gold-text)}.phone-shell[data-modern=true] .action-card,.phone-shell[data-modern=true] .empty-state,.phone-shell[data-modern=true] .intro-panel,.phone-shell[data-modern=true] .suggestion-card{background:var(--card-surface-soft-grad);box-shadow:var(--p-shadow-card-soft);border-radius:var(--p-radius-xl);padding:var(--p-space-5)}.phone-shell[data-modern=true] .suggestion-card .primary-badge{background:var(--accent-gold-soft);color:var(--accent-gold-text);border:1px solid color-mix(in srgb,var(--accent-gold) 32%,transparent);border-radius:var(--p-radius-pill);padding:3px 9px;font:var(--p-weight-semibold) var(--p-text-10) /1.3 var(--p-font-body);letter-spacing:.04em;width:-moz-fit-content;width:fit-content}.phone-shell[data-modern=true] .suggestion-title{align-items:center;gap:var(--p-space-3)}.phone-shell[data-modern=true] .suggestion-title>svg{width:36px;height:36px;padding:8px;border-radius:50%;background:var(--accent-duotone);color:#fff;box-shadow:var(--p-shadow-glow-gold);flex:0 0 auto;stroke-width:1.8}.phone-shell[data-modern=true] .suggestion-title h2{font:var(--p-weight-semibold) var(--p-text-18) /1.25 var(--p-font-body);margin:0}.phone-shell[data-modern=true] .suggestion-reason{background:color-mix(in srgb,var(--accent-gold) 6%,var(--bg-surface-soft));border-left-color:var(--accent-gold);border-radius:var(--p-radius-sm);padding:10px 12px}.phone-shell[data-modern=true] .number-panel{background:color-mix(in srgb,var(--p-navy-700) 4%,var(--bg-surface-soft));border-radius:var(--p-radius-md);padding:var(--p-space-3) var(--p-space-4)}.phone-shell[data-modern=true] .calculated-row strong{font-family:var(--p-font-display);font-weight:500;font-size:var(--p-text-22);letter-spacing:-.01em;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.phone-shell[data-modern=true] .impact-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--status-success-fg) 6%,var(--bg-surface)) 0,var(--bg-surface) 100%);border:1px solid color-mix(in srgb,var(--status-success-fg) 18%,var(--border-default));border-radius:var(--p-radius-md);padding:var(--p-space-3) var(--p-space-4)}.phone-shell[data-modern=true] .impact-panel strong{font-family:var(--p-font-display);font-weight:500;font-size:var(--p-text-18)}.phone-shell[data-modern=true] .celebration-panel>button,.phone-shell[data-modern=true] .empty-state>button,.phone-shell[data-modern=true] .scenario-card .scenario-body>button,.phone-shell[data-modern=true] .suggestion-card>button:last-child{background:var(--accent-duotone);color:#fff;box-shadow:var(--p-shadow-glow-red),0 8px 20px rgba(20,16,12,.1);border-color:transparent}.phone-shell[data-modern=true] .intro-panel .eyebrow{background:var(--accent-gold-soft);color:var(--accent-gold-text);border:1px solid color-mix(in srgb,var(--accent-gold) 32%,transparent)}.phone-shell[data-modern=true] .intro-panel h2{font:var(--p-weight-semibold) var(--p-text-22) /1.25 var(--p-font-body);letter-spacing:-.01em}.phone-shell[data-modern=true] .result-hero.recap{padding:var(--p-space-4) var(--p-space-5)}.phone-shell[data-modern=true] .empty-state h2{font:var(--p-weight-semibold) var(--p-text-18) /1.3 var(--p-font-body)}.phone-shell[data-modern=true] .empty-state>svg{width:40px;height:40px;padding:8px;border-radius:50%;background:var(--accent-duotone);color:#fff;box-shadow:var(--p-shadow-glow-gold);stroke-width:1.8}.phone-shell[data-modern=true] .celebration-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-gold) 14%,var(--bg-surface)) 0,var(--bg-surface) 70%);border-radius:var(--p-radius-xl);box-shadow:var(--p-shadow-card-lift);padding:var(--p-space-5)}