:root{--bg:#f8f7f3;--panel:#fff;--selected:#fbf6ee;--ink:#111;--muted:#686868;--line:#e7e2da;--accent:#fa766b;--accent-soft:#fde7e2;--blue:#a9d8ef;--green:#bfead8;--gold:#f6dfa4;--purple:#dccded;--shadow:0 1px 2px #14141414}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff;align-items:center;gap:24px;min-height:76px;padding:10px clamp(18px,3vw,52px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:230px;display:flex}.brand img{object-fit:contain;width:52px;height:52px}.brand-title{font-size:20px;font-weight:800;line-height:1.1;display:block}.brand-domain{color:var(--muted);margin-top:2px;padding-left:1px;font-size:11px;display:block}.nav{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:0;display:flex;overflow:visible}.nav a,.nav summary{color:#383838;border-bottom:3px solid #0000;padding:10px clamp(10px,1.05vw,18px);font-size:15px;font-weight:500}.nav a:hover,.nav a.active,.nav summary:hover,.nav summary.active{color:var(--ink);border-color:var(--accent);font-weight:800}.nav-dropdown{position:relative}.nav-dropdown summary{cursor:pointer;align-items:center;gap:7px;list-style:none;display:inline-flex}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown-menu{z-index:30;border:1px solid var(--line);min-width:190px;box-shadow:var(--shadow);background:#fff;border-radius:7px;padding:8px;position:absolute;top:calc(100% + 8px);left:0}.nav-dropdown-menu a{color:var(--muted);border:0;padding:9px 10px;font-size:14px;display:block}.nav-dropdown-menu a:hover{color:var(--ink);border:0}.dropdown-caret{color:var(--accent);font-size:12px;line-height:1}.nav a[href=\#roas]{border:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:6px;align-items:center;gap:9px;margin-left:10px;padding:10px 16px;font-weight:700;display:inline-flex}.nav-icon{color:var(--accent);flex:none}.nav a[href=\#roas]:hover{border-color:var(--line);color:var(--ink);font-weight:800}.year-select{background:var(--panel);border:1px solid var(--line);border-radius:7px;align-items:center;gap:10px;min-width:max-content;padding:13px 16px;font-weight:800;display:flex}.container{width:min(1780px,100% - 56px);margin:32px auto 70px}.hero,.section{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.hero{justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px;padding:30px 34px;display:flex}.eyebrow{color:var(--accent);align-items:center;gap:10px;margin-bottom:14px;font-weight:800;display:flex}.dot{background:var(--accent);border-radius:99px;width:12px;height:12px}h1,h2,h3{color:var(--ink);margin:0}h1{letter-spacing:0;font-family:Literata,Georgia,serif;font-size:clamp(30px,2.4vw,40px);line-height:1.08}h2{letter-spacing:0;font-family:Literata,Georgia,serif;font-size:clamp(28px,2.2vw,42px);line-height:1.08}h3{font-size:20px;line-height:1.15}.subtitle{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.45}.hero .subtitle,.section-header .subtitle{font-size:14px}.actions{flex-wrap:nowrap;gap:14px;min-width:max-content;display:flex}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;align-items:center;gap:10px;padding:12px 16px;font-weight:800;display:inline-flex}.btn.primary,.toggle.active{border-color:var(--accent);background:var(--selected);color:var(--ink)}.grid{gap:18px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi-grid .card{padding:18px 20px}.kpi-grid .card h3{font-size:16px;line-height:1.18}.kpi-grid .card-head{gap:10px}.kpi-grid .tag{padding:5px 8px;font-size:12px}.kpi-grid .metric{margin-top:12px;font-size:clamp(30px,2.55vw,42px)}.kpi-grid .rule{margin:14px 0}.kpi-grid .card>.muted{font-size:14px;line-height:1.35}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;padding:22px;display:flex}.five-col .card,.four-col .card,.three-col .card{min-height:230px}.five-col .card-head,.four-col .card-head,.three-col .card-head{min-height:52px}.five-col .metric,.four-col .metric,.three-col .metric{margin-top:16px}.five-col .metric{white-space:nowrap;font-size:clamp(27px,2.1vw,34px)}.card:hover .metric,.metric.metric-accent{color:var(--accent)}.card.emphasis{border-color:var(--accent);background:var(--selected);box-shadow:inset 0 0 0 1px var(--accent)}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tag{white-space:nowrap;color:var(--accent);background:#faf7f2;border-radius:6px;align-items:center;padding:6px 9px;font-size:13px;font-weight:800;display:inline-flex}.metric{margin-top:14px;font-size:clamp(32px,3vw,48px);font-weight:800;line-height:1;transition:color .15s;display:block}.rule{background:var(--line);height:1px;margin:18px 0}.muted{color:var(--muted);font-size:14px;line-height:1.45}.card>.muted{margin-top:auto;font-size:14px;line-height:1.45}.accent{color:var(--accent)}.section{margin-top:28px;padding:34px;scroll-margin-top:110px}.section-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:22px;padding-bottom:22px;display:flex}.section-header .subtitle:empty{display:none}.section-title{align-items:center;gap:12px;display:flex}.section-title svg{width:26px;height:26px}.year-toggles{gap:12px;display:flex}.toggle{border:1px solid var(--line);background:var(--panel);border-radius:7px;min-width:68px;padding:11px 16px;font-weight:800}.year-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.line-item{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:12px 0;font-size:14px;display:flex}.line-item strong{color:var(--ink);font-size:18px}.line-item strong em{color:var(--accent);margin-left:8px;font-size:15px;font-style:normal}.roas-line strong{color:var(--accent);font-size:30px}.table-wrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;background:var(--panel);width:100%;min-width:940px}th,td{border-bottom:1px solid var(--line);text-align:right;padding:16px 18px;font-size:15px}th:first-child,td:first-child{text-align:left;font-weight:500}th{background:#fbfaf6;font-size:16px;font-weight:800}.ref-col{font-weight:inherit;background:#fff7f4}.outline-tag{border:1px solid var(--accent);background:#fff7f4}.growth-subtitle{margin:30px 0 -6px;font-family:Literata,serif;font-size:24px;line-height:1.15}.growth-table .growth-value,.compact-table .growth-value{font-size:16px;font-weight:800}.growth-value strong{color:var(--muted);font-size:16px;display:block}.growth-value span{color:var(--accent);font-size:18px;display:block}.growth-table table{table-layout:fixed;min-width:0}.growth-table th:first-child,.growth-table td:first-child,.compact-table th:first-child,.compact-table td:first-child{width:24%;color:var(--muted);font-size:14px}.growth-channel-stack{gap:22px;margin-top:28px;display:grid}.channel-block{gap:18px}.compact-table table{table-layout:fixed;min-width:0}.month-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.month-card{min-height:190px}.mini-line{color:var(--muted);justify-content:space-between;gap:12px;margin-top:10px;font-size:14px;display:flex}.mini-line strong{color:var(--ink)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.channels-layout{grid-template-columns:1fr;align-items:start}.channel-viz-grid{margin-top:10px}.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.five-col{grid-template-columns:repeat(5,minmax(0,1fr))}.chart-card{min-height:370px}.chart-card .recharts-responsive-container{margin-top:18px}.recharts-legend-item-text{font-size:14px;color:var(--muted)!important}.chart-subtitle{white-space:nowrap;font-size:18px}.chart-spacer{height:18px}.viz-grid{grid-template-columns:1fr 1.25fr}.chart-note{margin:12px 0 22px;font-size:14px}.chart-card>.chart-note{margin-top:12px}.roas-panel{grid-template-columns:170px 1fr;align-items:center;gap:22px;min-height:280px;display:grid}.roas-score{text-align:center;color:#fff;background:#0f766e;border-radius:8px;align-content:center;gap:8px;min-height:150px;padding:20px;display:grid}.roas-score span{text-transform:uppercase;font-size:13px;font-weight:800}.roas-score strong{font-family:Literata,Georgia,serif;font-size:42px;line-height:1}.roas-bars{gap:22px;display:grid}.roas-row{gap:9px;display:grid}.roas-label{justify-content:space-between;gap:14px;font-size:14px;display:flex}.roas-label span{color:var(--muted)}.roas-track{background:#f1eee8;border-radius:999px;height:13px;overflow:hidden}.roas-track span{border-radius:inherit;height:100%;display:block}.monthly-chart-wrap{align-items:center;min-height:300px;display:flex}.notice{border:1px solid var(--accent);background:#fffaf6;border-radius:8px;padding:24px}.roas-proof h3{color:var(--accent)}.roas-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px;display:grid}.marketing-mix{margin-top:24px}.marketing-mix h3{margin-bottom:18px}.mix-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.mix-grid article{border:1px solid var(--line);background:#fff;border-radius:7px;padding:12px}.mix-grid span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.mix-grid strong{font-size:17px;display:block}.mix-grid p{color:var(--muted);border-top:1px solid var(--line);margin:10px 0 0;padding-top:10px;font-size:13px;line-height:1.35}.mix-detail{gap:5px;display:grid}.mix-detail span{justify-content:space-between;gap:8px;margin:0;display:flex}.mix-detail em{color:var(--muted);font-style:normal}.mix-detail strong{color:var(--ink);text-align:right;font-size:13px;line-height:1.1}.seo-table table{table-layout:auto}.seo-table th,.seo-table td{color:var(--muted);font-size:14px}.seo-table th button{color:var(--ink);background:0 0;border:0;padding:0;font-weight:800}.channels-table table{table-layout:fixed;min-width:0}.channels-table th,.channels-table td{font-size:13px}.channels-table th{white-space:nowrap;padding:14px 10px}.channels-table th button{color:var(--ink);white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px;font-weight:800}.seo-table th button span,.channels-table th button span{color:#111;margin-left:5px;font-size:11px}.url-cell{white-space:nowrap}.url-cell span{color:#1a77bf;text-underline-offset:2px;text-decoration:underline}.email-grid{align-items:stretch}.sea-highlight strong{color:var(--accent)}.chart-mini-legend{justify-items:center;gap:4px;margin-top:-6px;display:grid}.chart-mini-legend span{color:var(--muted);font-size:12px;font-weight:400}.chart-mini-legend strong{color:var(--accent);font-size:20px;line-height:1}.roas-stack{grid-template-columns:1fr;gap:24px;margin-top:28px;display:grid}.roas-proof-grid article,.simulation-results article{border:1px solid var(--line);background:#fff;border-radius:7px;padding:20px}.roas-proof-grid span,.simulation-results span{color:var(--muted);margin-bottom:10px;font-size:14px;display:block}.roas-proof-grid strong,.simulation-results strong{color:var(--ink);font-size:30px;line-height:1;display:block}.roas-proof-grid p{color:var(--muted);border-top:1px solid var(--line);margin:18px 0 0;padding-top:16px;font-size:14px;line-height:1.45}.funnel-card,.simulator-card{gap:22px}.pyramid-funnel{justify-items:center;gap:22px;padding:10px 0 4px;display:grid}.funnel-row{grid-template-columns:minmax(220px,760px) 420px;justify-content:center;align-items:center;gap:28px;width:100%;display:grid}.pyramid-step,.funnel-value{width:min(var(--funnel-width), 100%);color:#fff;background:var(--funnel-color);clip-path:polygon(6% 0,94% 0,86% 100%,14% 100%);align-content:center;justify-self:center;place-items:center;gap:12px;min-height:92px;padding:22px 42px;display:grid;box-shadow:inset 0 -9px #0000001c}.funnel-rect,.funnel-value{clip-path:none;border-radius:0}.funnel-value{--funnel-width:394px;border:1px solid var(--line);color:#082439;box-shadow:none;background:#fff}.funnel-rect{color:#082439}.pyramid-step strong{font-size:22px;line-height:1}.pyramid-step span{font-size:27px;font-weight:800;line-height:1}.funnel-value strong{font-size:30px;line-height:1}.funnel-value span{font-size:36px;font-weight:800;line-height:1}.funnel-callout{color:var(--muted);white-space:nowrap;grid-template-columns:42px minmax(110px,auto);align-items:center;column-gap:10px;font-size:18px;line-height:1.35;display:grid}.funnel-callout span{background:var(--accent);width:42px;height:1px}.funnel-callout strong{color:var(--accent);grid-column:2;font-size:34px;line-height:1}.funnel-callout em{color:var(--muted);grid-column:2;font-size:18px;font-style:normal;font-weight:400}.funnel-arrow-row{grid-template-columns:minmax(220px,760px) 420px;justify-content:center;width:100%;margin:-4px 0;display:grid}.funnel-arrow{text-align:center;width:min(394px,100%);color:var(--accent);justify-self:center;font-size:58px;line-height:1}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:4px}.field label{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.field input{border:1px solid var(--line);background:#f8f8f8;border-radius:7px;width:100%;padding:15px;font-size:18px;font-weight:800}.simulation-results{border:1px solid var(--accent);background:#fffaf6;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px;display:grid}.simulation-results article{padding:16px}.simulation-results strong{color:var(--accent)}@media (max-width:1180px){.topbar{flex-wrap:wrap;align-items:flex-start}.nav{order:3;width:100%}.kpi-grid,.month-grid,.four-col,.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.year-cards,.two-col,.channels-layout,.viz-grid,.form-grid,.roas-proof-grid,.funnel-row,.simulation-results,.mix-grid{grid-template-columns:1fr}.funnel-callout{justify-content:center}.funnel-callout span{display:none}}@media (max-width:720px){.container{width:min(100% - 28px,1780px);margin-top:20px}.hero,.section-header{flex-direction:column}.kpi-grid,.month-grid,.four-col,.three-col,.five-col{grid-template-columns:1fr}.metric{font-size:34px}.roas-panel{grid-template-columns:1fr;display:grid}}