:root{font-family:Instrument Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#14231d;background:radial-gradient(circle at top left,rgba(162,223,205,.35),transparent 28%),radial-gradient(circle at top right,rgba(255,211,141,.38),transparent 24%),linear-gradient(180deg,#f6f3ea,#f1ece1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg: rgba(255, 252, 246, .82);--panel-border: rgba(20, 35, 29, .1);--text-muted: #53635c;--text-soft: #6f7d76;--accent: #1f7a6b;--accent-strong: #0f5d51;--warning: #c96d1a;--gold: #d29c2c;--shadow: 0 24px 60px rgba(31, 52, 45, .08);--nav-offset: 74px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select{font:inherit}.site-layout{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.app-shell{max-width:1440px;margin:0 auto;padding:14px 20px 56px}.site-nav{position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(20,35,29,.08);background:#f6f3eab8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-nav__inner{max-width:1440px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:flex-start;gap:20px}.site-nav__brand{border:0;padding:0;background:transparent;color:#14231d;cursor:pointer;text-decoration:none;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;line-height:1;transition:opacity .18s ease,transform .18s ease}.site-nav__brand{font-weight:600}.site-nav__brand:hover{opacity:.78}.site-nav__brand:focus-visible{outline:none;opacity:.78}.site-footer{margin-top:48px;border-top:1px solid rgba(20,35,29,.08)}.site-footer__inner{max-width:1440px;margin:0 auto;padding:28px 20px 36px;display:grid;gap:14px}.site-footer__block{display:grid;gap:4px}.site-footer__title{color:#23352e;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1rem;letter-spacing:-.02em}.site-footer__block p{margin:0;color:var(--text-soft);font-size:.92rem;line-height:1.45}.site-footer__link{color:inherit;text-decoration-color:#14231d33;text-underline-offset:.14em}.site-footer__link:hover{color:#23352e}.home-shell{max-width:1200px;margin:0 auto;padding:28px 20px 56px}.home-hero{max-width:760px;margin-bottom:34px}.home-hero h1{margin:8px 0 10px;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:.95;letter-spacing:-.04em}.home-hero p,.home-tools__header p,.tool-card p{margin:0;color:var(--text-muted)}.home-tools{display:grid;gap:16px}.home-tools__header h2{margin:0 0 6px;font-size:1.1rem}.tool-card{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:24px;border-radius:24px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.tool-card:hover{transform:translateY(-1px);border-color:#14231d29;box-shadow:0 26px 64px #1f342d1a}.tool-card:focus-visible{outline:none;border-color:#1f7a6b57;box-shadow:0 0 0 4px #1f7a6b1f,0 26px 64px #1f342d1a}.tool-card__content{max-width:56ch}.tool-card__content h3{margin:8px 0;font-size:1.4rem}.tool-card__cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;background:linear-gradient(90deg,#155e52,#278372);color:#f8fbf9;text-decoration:none;white-space:nowrap}.hero{margin-bottom:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 18px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid rgba(20,35,29,.08)}.hero__copy{max-width:720px}.hero__side{display:grid;justify-items:end;gap:8px;padding-top:2px}.hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong)}.hero h1{margin:6px 0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.95rem,3.3vw,3.05rem);line-height:.9;letter-spacing:-.04em;max-width:13ch}.hero p{margin:0;max-width:42ch;font-size:.98rem;color:var(--text-muted)}.dashboard{display:grid;grid-template-columns:minmax(310px,360px) minmax(0,1fr);gap:16px;align-items:start}.content-column{display:grid;gap:20px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px}.controls-panel{position:sticky;top:var(--nav-offset);max-height:calc(100vh - var(--nav-offset) - 20px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:22px;display:grid;gap:18px}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel__header--stacked h3,.panel__header--stacked p{margin-left:0}.panel__header h2,.panel__header h3{margin:6px 0 0;font-size:1.2rem}.panel__header p{margin:8px 0 0;color:var(--text-muted)}.ghost-button{border:1px solid rgba(20,35,29,.12);background:#fff9;color:#14231d;padding:10px 14px;border-radius:999px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(20,35,29,.12);background:#fff9;color:#14231d;border-radius:999px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.icon-button:hover{transform:translateY(-1px)}.icon-button__icon{width:18px;height:18px}.hero-button{border:0;color:#f8fbf9;padding:12px 16px;border-radius:999px;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.hero-button--primary{background:linear-gradient(90deg,#155e52,#278372)}.hero-button:disabled,.ghost-button:disabled{cursor:progress;opacity:.7}.hero-button:hover,.ghost-button:hover{transform:translateY(-1px)}.hero-action{min-height:40px;padding:9px 14px;font-size:.94rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.hero-feedback{min-height:18px;font-size:.82rem;color:var(--text-soft);opacity:.92;text-align:right;transition:color .18s ease,opacity .18s ease}.hero-feedback--visible{color:var(--accent-strong);opacity:1}.button-icon{width:16px;height:16px;flex:0 0 auto}.control-field{display:grid;gap:10px}.control-field__header{display:grid;grid-template-columns:minmax(0,1fr) 176px;align-items:start;gap:16px;font-size:.96rem}.control-field__label{min-width:0;line-height:1.3}.control-field__value-group{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;justify-items:end;min-width:0}.control-field__header strong{color:var(--accent-strong);white-space:nowrap}.control-field__status{padding:4px 8px;border-radius:999px;background:#c96d1a1f;color:#9a5514;font-size:.72rem;font-weight:600;line-height:1;white-space:nowrap;width:96px;text-align:center}.control-field__status--hidden{visibility:hidden}.control-field input[type=range]{width:100%;accent-color:var(--accent)}.control-select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:12px 42px 12px 14px;border-radius:16px;border:1px solid rgba(20,35,29,.12);background-color:#ffffffb8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.5L8 10L12 6.5' stroke='%2353635c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;color:#14231d;box-shadow:inset 0 1px #ffffff73;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.control-select:hover{border-color:#14231d33;background-color:#ffffffd1}.control-select:focus{outline:none;border-color:#1f7a6b73;box-shadow:0 0 0 4px #1f7a6b1f,inset 0 1px #ffffff73}.control-field p,.controls-note p,.metric-card__caption,.how-it-works p{margin:0;color:var(--text-soft);font-size:.92rem}.control-field__benchmark{color:var(--text-muted);font-size:.82rem;line-height:1.3}.controls-note{border-top:1px solid rgba(20,35,29,.08);padding-top:14px}.controls-note strong{display:block;margin-bottom:4px}.controls-note__secondary{margin-top:8px}.controls-context{margin:-2px 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.35}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card{padding:18px;border-radius:22px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow);min-height:160px}.metric-card--accent{background:linear-gradient(180deg,#d9f4eceb,#fffcf6eb)}.metric-card--warning{background:linear-gradient(180deg,#ffedd3f5,#fffcf6eb)}.metric-card__label{display:block;margin-bottom:18px;color:var(--text-muted);font-size:.92rem}.metric-card__value{display:block;margin-bottom:10px;font-size:clamp(1.65rem,2.5vw,2.5rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.metric-card__helper{margin:0 0 10px;color:#30423b;font-size:.9rem;line-height:1.35}.roas-value{color:inherit}.roas-value--negative{color:#9b5b23}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.snapshot-panel,.chart-panel,.insight-panel,.how-it-works{padding:22px}.snapshot-panel{display:grid;gap:18px}.snapshot-panel__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.snapshot-card{position:relative;overflow:hidden;border-radius:28px;padding:26px;background:radial-gradient(circle at top left,rgba(79,172,145,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(226,177,75,.18),transparent 28%),linear-gradient(180deg,#fffcf6f5,#f8f3e9fa);border:1px solid rgba(20,35,29,.08)}.snapshot-card--export{width:1600px;aspect-ratio:16 / 9;min-height:auto;padding:34px 40px 24px;border-radius:0;box-shadow:none;display:grid;align-content:start;gap:0}.snapshot-card--export .snapshot-card__header h3{font-size:1.55rem}.snapshot-card--export .snapshot-card__headline{margin-top:10px}.snapshot-card--export .snapshot-card__context{padding:5px 9px;font-size:.76rem}.snapshot-card--export .snapshot-card__headline h2{max-width:none;width:100%;font-size:3.05rem;line-height:.92;text-wrap:pretty}.snapshot-card--export .snapshot-card__so-what{margin-top:10px;max-width:none;width:100%;font-size:1.06rem;line-height:1.3}.snapshot-card--export .snapshot-card__roas-line{margin-top:8px;max-width:none;width:100%;font-size:.92rem;line-height:1.32;text-wrap:nowrap}.snapshot-card--export .snapshot-card__delta{margin-top:12px;padding:14px 16px}.snapshot-card--export .snapshot-card__delta strong{font-size:1.08rem}.snapshot-card--export .snapshot-grid{margin-top:16px;gap:18px}.snapshot-card--export .snapshot-column{padding:22px}.snapshot-card--export .snapshot-column__label{margin-bottom:16px;font-size:.9rem}.snapshot-card--export .snapshot-column__value{font-size:4rem}.snapshot-card--export .snapshot-column p{margin:8px 0 18px;font-size:.98rem}.snapshot-card--export .snapshot-column__metric{padding-top:14px}.snapshot-card--export .snapshot-column__metric span{font-size:.96rem}.snapshot-card--export .snapshot-column__metric strong{font-size:1.6rem}.snapshot-card--export .snapshot-column__metric small{max-width:20ch;font-size:.9rem}.snapshot-card--export .snapshot-gap{margin-top:14px;padding:14px 16px}.snapshot-card--export .snapshot-gap strong{font-size:1.12rem}.snapshot-card--export .snapshot-gap span{font-size:.96rem}.snapshot-card--export .snapshot-card__footer{margin-top:auto;padding-top:18px;font-size:.88rem}.snapshot-card__header h3,.snapshot-card__headline h2{margin:6px 0 0}.snapshot-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.snapshot-card__download{width:36px;height:36px;flex:0 0 auto}.snapshot-card__header h3{font-size:1.45rem}.snapshot-card__headline{margin-top:18px}.snapshot-card__context{display:inline-flex;padding:6px 10px;border-radius:999px;background:#14231d0f;color:var(--text-muted);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.snapshot-card__headline h2{max-width:none;width:100%;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.8rem,2.3vw,2.6rem);line-height:.94;letter-spacing:-.05em;text-wrap:pretty}.snapshot-card__so-what{margin:10px 0 0;max-width:46ch;color:#30423b;font-size:1.02rem}.snapshot-card__roas-line{margin:8px 0 0;max-width:56ch;color:var(--text-muted);font-size:.96rem;line-height:1.4}.snapshot-roas-inline{color:inherit}.snapshot-roas-inline--negative{color:#9b5b23}.snapshot-card__delta{margin-top:16px;padding:14px 16px;border-radius:18px;background:linear-gradient(90deg,#14231d14,#14231d08)}.snapshot-card__delta strong{font-size:1rem;color:#183028}.snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.snapshot-column{padding:24px;border-radius:24px;background:#ffffffb8}.snapshot-column--reported{border:1px solid rgba(20,35,29,.08);background:#ffffff8f}.snapshot-column--incremental{border:1px solid rgba(31,122,107,.16);background:linear-gradient(180deg,#e8f8f2e6,#ffffffc7);box-shadow:inset 0 0 0 1px #1f7a6b08}.snapshot-column__label{display:inline-flex;margin-bottom:18px;color:var(--text-muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}.snapshot-column__value{font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.snapshot-column--reported .snapshot-column__value,.snapshot-column--reported .snapshot-column__metric strong{color:#44554f}.snapshot-column--incremental .snapshot-column__value,.snapshot-column--incremental .snapshot-column__metric strong{color:#15382f}.snapshot-column p{margin:8px 0 20px;color:var(--text-soft)}.snapshot-column__metric{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-top:16px;border-top:1px solid rgba(20,35,29,.08)}.snapshot-column__metric-value{display:grid;justify-items:end;gap:4px}.snapshot-column__metric strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.snapshot-roas{color:inherit}.snapshot-roas--negative,.snapshot-column--reported .snapshot-column__metric strong.snapshot-roas--negative,.snapshot-column--incremental .snapshot-column__metric strong.snapshot-roas--negative{color:#9b5b23}.snapshot-column__metric small{max-width:19ch;color:var(--text-soft);font-size:.82rem;line-height:1.3;text-align:right}.snapshot-gap{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:20px;padding:18px 20px;border-radius:18px;background:linear-gradient(90deg,#d29c2c24,#14231d0d)}.snapshot-gap strong{font-size:1.18rem;color:#7b4a10}.snapshot-gap span,.snapshot-card__footer{color:var(--text-muted)}.snapshot-card__footer{margin-top:18px;font-size:.9rem;letter-spacing:.01em;border-top:1px solid rgba(20,35,29,.08);padding-top:14px}.bar-chart{display:grid;gap:18px;margin-top:18px}.bar-row{display:grid;gap:10px}.bar-row__meta{display:flex;justify-content:space-between;gap:16px;font-size:.96rem}.bar-track{height:16px;border-radius:999px;background:#14231d14;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;min-width:2px;transition:width .26s ease}.bar-fill--teal{background:linear-gradient(90deg,#1f7a6b,#49a792)}.bar-fill--gold{background:linear-gradient(90deg,#c48317,#e2b14b)}.insight-panel h3,.how-it-works h3{margin:6px 0 12px;font-size:1.4rem}.insight-panel p{margin:0 0 12px;max-width:60ch;color:var(--text-muted)}.insight-panel__highlight{display:inline-flex;padding:10px 14px;border-radius:999px;background:#ffedd3eb;color:#8c4b10}.how-it-works__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.how-it-works__grid article{padding:18px;border-radius:18px;background:#ffffff80;border:1px solid rgba(20,35,29,.08)}.how-it-works__grid h4{margin:0 0 8px;font-size:1rem}.snapshot-export-root{position:fixed;left:-99999px;top:0;pointer-events:none}@media (max-width: 1100px){.dashboard,.chart-grid,.metrics-grid,.how-it-works__grid{grid-template-columns:1fr}.controls-panel{position:static;max-height:none;overflow:visible}}@media (max-width: 720px){.app-shell{padding:16px 14px 40px}.site-nav__inner,.home-shell{padding-left:14px;padding-right:14px}.site-nav__inner,.tool-card{flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr;align-items:start;gap:12px}.hero__side{justify-items:start}.hero__actions,.snapshot-panel__actions{justify-content:start}.hero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.hero-button--primary.hero-action{grid-column:1 / -1;width:100%}.hero-feedback{text-align:left}.controls-panel,.snapshot-panel,.chart-panel,.insight-panel,.how-it-works,.metric-card{border-radius:20px}.panel__header{flex-direction:column}.control-field__header{grid-template-columns:1fr;gap:8px}.control-field__value-group{justify-content:space-between}.snapshot-grid{grid-template-columns:1fr}.snapshot-gap{flex-direction:column;align-items:start}.snapshot-card--export .snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-card--export .snapshot-gap{flex-direction:row;align-items:center}.snapshot-card--export .snapshot-column__metric{flex-direction:row;align-items:flex-start}.snapshot-card--export .snapshot-column__metric-value{justify-items:end}}