:root{--bg-base:#f6f7fc;--bg-soft:#eef0f8;--bg-card:#fff;--bg-glass:#ffffffb8;--text-1:#0b1020;--text-2:#3b4256;--text-3:#6b7488;--text-4:#9aa1b4;--border-1:#0f172a12;--border-2:#0f172a1c;--accent:#4f46e5;--accent-2:#6366f1;--accent-3:#8b5cf6;--accent-soft:#eef0ff;--accent-tint:#f3f2fe;--grad-1:linear-gradient(135deg,#6366f1 0%,#4f46e5 50%,#7c3aed 100%);--grad-2:linear-gradient(135deg,#8b5cf6,#4f46e5);--grad-soft:linear-gradient(135deg,#6366f11a,#7c3aed0f);--success:#0e9f6e;--success-soft:#e6f7f0;--info:#2563eb;--info-soft:#e6eefe;--warning:#d97706;--warning-soft:#fef3e2;--danger:#dc2626;--danger-soft:#fdecec;--neutral:#475569;--neutral-soft:#f1f5f9;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 2px 6px #0f172a0d,0 1px 2px #0f172a0a;--shadow-md:0 8px 20px -6px #0f172a14,0 2px 6px #0f172a0a;--shadow-lg:0 24px 48px -16px #4f46e52e,0 8px 20px -8px #0f172a14;--shadow-xl:0 48px 96px -24px #4f46e538,0 16px 32px -12px #0f172a1a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-base);color:var(--text-1);font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 600px at 12% -5%,#6366f11a,#0000 60%),radial-gradient(800px 600px at 92% 8%,#7c3aed14,#0000 60%),radial-gradient(700px 500px at 50% 110%,#6366f10f,#0000 60%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#0f172a06 1px,#0000 1px),linear-gradient(90deg,#0f172a06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(100% 80% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(100% 80% at 50% 0,#000 30%,#0000 75%)}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.container-wide{z-index:1;max-width:1320px;margin:0 auto;padding:0 24px;position:relative}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);border:1px solid #6366f12e;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #6366f12e}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.section-label:before{content:"";background:var(--accent);border-radius:2px;width:24px;height:2px}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-1);font-weight:700;line-height:1.1}.hero-title{letter-spacing:-.03em;font-size:clamp(34px,5.4vw,60px);font-weight:800;line-height:1.04}.section-title{letter-spacing:-.025em;font-size:clamp(28px,3.8vw,44px);font-weight:700}.section-heading{letter-spacing:-.02em;font-size:clamp(22px,2.6vw,30px);font-weight:700}.card-title{letter-spacing:-.01em;font-size:18px;font-weight:600}p{color:var(--text-2)}.lead{color:var(--text-2);font-size:clamp(16px,1.4vw,19px);line-height:1.7}.nav{z-index:100;-webkit-backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid var(--border-1);background:#f6f7fcc7;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1320px;margin:0 auto;padding:14px 24px;display:flex}.brand{color:var(--text-1);letter-spacing:-.01em;align-items:center;gap:12px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.brand-logo{object-fit:contain;border:1px solid var(--border-1);border-radius:8px;width:auto;height:42px;box-shadow:0 4px 12px -2px #0f172a14}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-text small{color:var(--text-3);letter-spacing:.02em;margin-top:2px;font-size:11px;font-weight:500;display:block}.nav-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nav-links a{color:var(--text-2);border-radius:8px;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--accent);background:var(--accent-soft)}.nav-cta{background:var(--text-1);color:#fff;border-radius:var(--radius-pill);align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px #0f172a66}.btn-primary{background:var(--grad-1);color:#fff;border-radius:var(--radius-pill);border:1px solid #ffffff2e;align-items:center;gap:10px;padding:16px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.2,.7,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 28px -8px #4f46e58c,inset 0 1px #ffffff40}.btn-primary:before{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff40 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -8px #4f46e599,inset 0 1px #ffffff4d}.btn-primary:hover:before{transform:translate(100%)}.btn-primary .arrow{transition:transform .3s}.btn-primary:hover .arrow{transform:translate(4px)}.btn-ghost{color:var(--text-1);border-radius:var(--radius-pill);border:1px solid var(--border-2);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero{padding:80px 0 100px;position:relative;overflow:hidden}.hero-inner{text-align:center;z-index:2;max-width:920px;margin:0 auto;position:relative}.hero .eyebrow{margin-bottom:28px}.hero h1{margin-bottom:24px}.hero h1 .accent-word{background:var(--grad-1);color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.hero-lead{color:var(--text-2);max-width:720px;margin:0 auto 36px;font-size:clamp(16px,1.4vw,18px);line-height:1.75}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-deco{z-index:1;pointer-events:none;position:absolute;inset:0}.float-chip{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-2);box-shadow:var(--shadow-md);color:var(--text-2);background:#ffffffd9;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:500;animation:6s ease-in-out infinite floatY;display:flex;position:absolute}.float-chip .chip-dot{border-radius:50%;width:8px;height:8px}.float-chip strong{color:var(--text-1);font-size:13px;font-weight:700}.float-chip.c1{animation-delay:0s;top:18%;left:6%}.float-chip.c2{animation-delay:1.2s;top:62%;left:4%}.float-chip.c3{animation-delay:.6s;top:24%;right:7%}.float-chip.c4{animation-delay:1.8s;top:68%;right:5%}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{padding:90px 0;position:relative}.section-head{max-width:720px;margin-bottom:56px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head .section-label{margin-bottom:18px}.section-head .section-title{margin-bottom:16px}.section-head .lead{margin-bottom:0}.section-head.center .section-label{justify-content:center;margin-left:auto;margin-right:auto}.outcome-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.outcome-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;transition:all .35s cubic-bezier(.2,.7,.3,1);position:relative;overflow:hidden}.outcome-card:before{content:"";background:var(--grad-1);transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.outcome-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f140;transform:translateY(-4px)}.outcome-card:hover:before{transform:scaleX(1)}.outcome-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.outcome-icon svg{width:22px;height:22px}.outcome-card h3{color:var(--text-1);margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.3}.outcome-card p{color:var(--text-3);font-size:14.5px;line-height:1.6}.analysis{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:32px;padding:40px;position:relative;overflow:hidden}.analysis-head{border-bottom:1px solid var(--border-1);align-items:center;gap:18px;margin-bottom:28px;padding-bottom:24px;display:flex}.analysis-num{background:var(--grad-1);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:grid;box-shadow:0 8px 18px -6px #4f46e580}.analysis-head h3{color:var(--text-1);font-size:22px;font-weight:700;line-height:1.25}.analysis-head h3 small{color:var(--text-3);letter-spacing:0;margin-top:4px;font-size:13px;font-weight:500;display:block}.analysis-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:36px;display:grid}.analysis-grid.reverse{grid-template-columns:1.1fr 1fr}.analysis-grid.reverse .analysis-text{order:2}.analysis-grid.reverse .analysis-visual{order:1}.meta-row{flex-direction:column;gap:18px;margin-top:8px;display:flex}.meta-block{background:var(--bg-soft);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:16px 18px}.meta-block.objective{background:linear-gradient(135deg,#6366f112,#7c3aed0a);border-color:#6366f12e}.meta-block.recommendation{background:linear-gradient(135deg,#0e9f6e0f,#0e9f6e08);border-color:#0e9f6e2e}.meta-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.meta-block.recommendation .meta-label{color:var(--success)}.meta-label svg{width:13px;height:13px}.meta-block p{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.meta-block .meta-content{color:var(--text-2);font-size:14px;line-height:1.6}.analysis-text p{color:var(--text-2);margin-bottom:14px;font-size:14.5px;line-height:1.7}.analysis-text .insight-quote{background:var(--accent-tint);border-left:3px solid var(--accent);color:var(--text-1);border-radius:0 12px 12px 0;margin-top:14px;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.6}.data-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);border:1px solid var(--border-1);background:#fff;width:100%;font-size:13.5px;overflow:hidden}.data-table thead th{background:var(--bg-soft);color:var(--text-2);text-align:left;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border-1);padding:12px 14px;font-size:12px;font-weight:600}.data-table tbody td{color:var(--text-1);border-bottom:1px solid var(--border-1);padding:14px;font-weight:500}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:var(--accent-tint)}.data-table .num{font-variant-numeric:tabular-nums;font-weight:600}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;text-transform:capitalize;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge svg{width:11px;height:11px}.badge.scale{background:var(--success-soft);color:var(--success)}.badge.maintain{background:var(--info-soft);color:var(--info)}.badge.pause{background:var(--warning-soft);color:var(--warning)}.badge.kill{background:var(--danger-soft);color:var(--danger)}.badge.winner{background:var(--success-soft);color:var(--success)}.badge.strong{background:var(--info-soft);color:var(--info)}.visual-card{border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:24px}.visual-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.visual-title .legend{letter-spacing:0;text-transform:none;gap:10px;font-size:11px;font-weight:500;display:flex}.legend-dot{color:var(--text-3);align-items:center;gap:5px;display:inline-flex}.legend-dot:before{content:"";border-radius:50%;width:8px;height:8px}.bar-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.bar-row:last-child{margin-bottom:0}.bar-label{color:var(--text-1);flex:0 0 130px;font-size:13px;font-weight:600}.bar-track{background:var(--bg-soft);border-radius:8px;flex:1;height:28px;position:relative;overflow:hidden}.bar-fill{background:var(--grad-1);color:#fff;transform-origin:0;border-radius:8px;justify-content:flex-end;align-items:center;height:100%;padding-right:10px;font-size:12px;font-weight:700;animation:1.2s cubic-bezier(.2,.7,.3,1) forwards barGrow;display:flex;transform:scaleX(0)}.bar-fill.success{background:linear-gradient(135deg,#10b981,#0e9f6e)}.bar-fill.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bar-fill.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.bar-fill.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes barGrow{to{transform:scaleX(1)}}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.kpi-card{border:1px solid var(--border-1);border-radius:var(--radius-md);text-align:left;background:#fff;padding:20px;transition:all .3s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:before{content:"";background:var(--grad-1);height:2px;position:absolute;top:0;left:0;right:0}.kpi-card.success:before{background:linear-gradient(90deg,#10b981,#0e9f6e)}.kpi-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.kpi-card.danger:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.kpi-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;font-size:11px;font-weight:600}.kpi-value{color:var(--text-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.kpi-sub{color:var(--text-3);margin-top:6px;font-size:12px}.kpi-trend{color:var(--success);align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.kpi-trend.down{color:var(--danger)}.compare-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.compare-tile{border-radius:var(--radius-md);border:1px solid var(--border-1);padding:18px;position:relative;overflow:hidden}.compare-tile.good{background:linear-gradient(135deg,#e6f7f0,#f0fbf7);border-color:#0e9f6e33}.compare-tile.bad{background:linear-gradient(135deg,#fdecec,#fef5f5);border-color:#dc26262e}.compare-tile h4{color:var(--text-2);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.compare-tile h4 .indicator{border-radius:50%;width:8px;height:8px}.compare-tile.good h4 .indicator{background:var(--success)}.compare-tile.bad h4 .indicator{background:var(--danger)}.compare-tile .metric-row{border-bottom:1px dashed #0f172a12;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.compare-tile .metric-row:last-child{border-bottom:none}.compare-tile .metric-row span:first-child{color:var(--text-3)}.compare-tile .metric-row span:last-child{color:var(--text-1);font-variant-numeric:tabular-nums;font-weight:700}.creative-matrix{flex-direction:column;gap:10px;display:flex}.creative-row{border:1px solid var(--border-1);background:#fff;border-radius:12px;grid-template-columns:1.4fr .7fr .7fr .7fr .7fr .8fr;align-items:center;gap:10px;padding:14px;font-size:13px;transition:all .25s;display:grid}.creative-row:hover{box-shadow:var(--shadow-sm);transform:translate(2px)}.creative-row.header{background:var(--bg-soft);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:10px 14px;font-size:11px;font-weight:700}.creative-name{color:var(--text-1);align-items:center;gap:10px;font-weight:600;display:flex}.creative-thumb{background:var(--grad-soft);width:32px;height:32px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.creative-thumb svg{width:16px;height:16px}.creative-row .num{font-variant-numeric:tabular-nums;color:var(--text-1);font-weight:600}.placement-list{flex-direction:column;gap:14px;display:flex}.placement-item{border:1px solid var(--border-1);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .25s;display:flex}.placement-item:hover{box-shadow:var(--shadow-sm);transform:translate(2px)}.placement-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.placement-icon svg{width:20px;height:20px}.placement-info{flex:1}.placement-info .name{color:var(--text-1);margin-bottom:6px;font-size:13px;font-weight:600}.placement-bar{background:var(--bg-soft);border-radius:4px;height:8px;overflow:hidden}.placement-bar-fill{transform-origin:0;border-radius:4px;height:100%;animation:1.2s cubic-bezier(.2,.7,.3,1) forwards barGrow;transform:scaleX(0)}.placement-value{color:var(--text-1);font-variant-numeric:tabular-nums;text-align:right;min-width:54px;font-size:15px;font-weight:700}.funnel{flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.funnel-stage{background:var(--grad-1);color:#fff;transform-origin:top;opacity:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;max-width:560px;padding:18px 22px;animation:.6s cubic-bezier(.2,.7,.3,1) forwards funnelDrop;display:flex;position:relative;transform:scaleY(0);box-shadow:0 8px 24px -8px #4f46e566}.funnel-stage:first-child{background:linear-gradient(135deg,#6366f1,#4f46e5);width:100%;animation-delay:.1s}.funnel-stage:nth-child(3){background:linear-gradient(135deg,#7c3aed,#6366f1);width:94%;animation-delay:.2s}.funnel-stage:nth-child(5){background:linear-gradient(135deg,#8b5cf6,#7c3aed);width:84%;animation-delay:.3s}.funnel-stage:nth-child(7){background:linear-gradient(135deg,#a855f7,#8b5cf6);width:64%;animation-delay:.4s}.funnel-stage:nth-child(9){background:linear-gradient(135deg,#c084fc,#a855f7);width:48%;animation-delay:.5s}.funnel-stage:nth-child(11){background:linear-gradient(135deg,#d946ef,#c084fc);width:34%;animation-delay:.6s}@keyframes funnelDrop{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.funnel-stage .stage-label{opacity:.9;font-size:13px;font-weight:600}.funnel-stage .stage-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:800}.funnel-arrow{color:var(--text-4);font-size:18px;line-height:1;animation:2s ease-in-out infinite pulseArrow}@keyframes pulseArrow{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.funnel-finding{background:var(--warning-soft);border:1px solid #d9770633;border-left:3px solid var(--warning);color:var(--text-2);border-radius:0 12px 12px 0;margin-top:24px;padding:16px 18px;font-size:13.5px;line-height:1.6}.funnel-finding strong{color:var(--warning);font-weight:700}.compare-table{background:var(--border-1);border:1px solid var(--border-1);border-radius:14px;grid-template-columns:1.4fr 1fr 1fr;gap:1px;display:grid;overflow:hidden}.compare-table>div{background:#fff;padding:16px 18px;font-size:13.5px}.compare-table .head{background:var(--bg-soft);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}.compare-table .head.meta{color:var(--accent);background:var(--accent-tint)}.compare-table .head.biz{color:var(--success);background:var(--success-soft)}.compare-table .metric-name{color:var(--text-1);font-weight:600}.compare-table .val{color:var(--text-1);font-variant-numeric:tabular-nums;font-weight:700}.compare-table .val.meta{color:var(--accent)}.compare-table .val.biz{color:var(--success)}.compare-table .val.dim{color:var(--text-4);font-size:12.5px;font-style:italic;font-weight:500}.budget-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.budget-col{border:1px solid var(--border-1);background:#fff;border-radius:14px;padding:18px}.budget-col h4{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border-1);margin-bottom:14px;padding-bottom:10px;font-size:12px;font-weight:700}.budget-col.current h4{color:var(--text-2)}.budget-col.recommended h4{color:var(--accent)}.budget-item{border-bottom:1px dashed var(--border-1);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.budget-item:last-child{border-bottom:none}.budget-item .name{color:var(--text-1);font-size:14px;font-weight:600}.budget-item .value{color:var(--text-1);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.direction-badge{border-radius:var(--radius-pill);align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.direction-badge.increase{background:var(--success-soft);color:var(--success)}.direction-badge.reduce{background:var(--danger-soft);color:var(--danger)}.direction-badge.moderate{background:var(--info-soft);color:var(--info)}.ecosystem{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:#fff;padding:32px;position:relative}.ecosystem-core{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.eco-node{border:1.5px solid var(--border-2);text-align:center;background:#fff;border-radius:14px;padding:16px;transition:all .3s;position:relative}.eco-node:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.eco-node .eco-ico{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;margin:0 auto 10px;display:grid}.eco-node .eco-ico svg{width:20px;height:20px}.eco-node .eco-name{color:var(--text-1);margin-bottom:3px;font-size:13px;font-weight:700}.eco-node .eco-type{color:var(--text-3);font-size:11px;font-weight:500}.eco-node.central{background:var(--grad-1);color:#fff;border-color:#0000}.eco-node.central .eco-ico{color:#fff;background:#ffffff2e}.eco-node.central .eco-name{color:#fff}.eco-node.central .eco-type{color:#fffc}.eco-node.data{background:var(--accent-tint);border-color:#6366f14d}.eco-node.platform{background:var(--success-soft);border-color:#0e9f6e4d}.eco-node.auto{background:var(--warning-soft);border-color:#d977064d}.decision-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.decision-card{border:1px solid var(--border-1);border-radius:var(--radius-md);background:#fff;padding:20px;transition:all .3s}.decision-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-3px)}.decision-card .area{color:var(--text-1);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.decision-card .area-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.decision-card .area-icon svg{width:15px;height:15px}.decision-actions{flex-wrap:wrap;gap:6px;display:flex}.action-badge{background:var(--bg-soft);color:var(--text-2);border-radius:6px;align-items:center;gap:4px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.action-badge.scale{background:var(--success-soft);color:var(--success)}.action-badge.pause{background:var(--warning-soft);color:var(--warning)}.action-badge.kill{background:var(--danger-soft);color:var(--danger)}.action-badge.maintain{background:var(--info-soft);color:var(--info)}.action-badge.test{color:#7c3aed;background:#f3e8ff}.action-badge.cut{background:var(--danger-soft);color:var(--danger)}.action-badge.expand{background:var(--success-soft);color:var(--success)}.action-badge.refine{color:#92400e;background:#fef3c7}.action-badge.refresh{color:#1e40af;background:#dbeafe}.action-badge.replace{background:var(--danger-soft);color:var(--danger)}.action-badge.increase{background:var(--success-soft);color:var(--success)}.action-badge.reduce{background:var(--danger-soft);color:var(--danger)}.action-badge.optimize{background:var(--success-soft);color:var(--success)}.action-badge.monitor{background:var(--info-soft);color:var(--info)}.action-badge.reallocate{color:#92400e;background:#fef3c7}.action-badge.fix{background:var(--danger-soft);color:var(--danger)}.action-badge.validate{background:var(--info-soft);color:var(--info)}.deliverables-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.deliverable-card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;transition:all .35s cubic-bezier(.2,.7,.3,1);position:relative;overflow:hidden}.deliverable-card:before{content:"";background:var(--grad-1);transform-origin:top;width:3px;transition:transform .4s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.deliverable-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f138;transform:translateY(-4px)}.deliverable-card:hover:before{transform:scaleY(1)}.deliv-num{letter-spacing:.12em;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:700}.deliv-title{color:var(--text-1);margin-bottom:6px;font-size:17px;font-weight:700;line-height:1.3}.deliv-sub{color:var(--accent);letter-spacing:.02em;margin-bottom:12px;font-size:12px;font-weight:600}.deliv-desc{color:var(--text-3);font-size:14px;line-height:1.6}.deliv-tag{background:var(--bg-soft);color:var(--text-2);border-radius:6px;margin-top:12px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.upgrade-banner{border-radius:var(--radius-xl);background:linear-gradient(135deg,#6366f10f,#7c3aed0a);border:1px solid #6366f12e;grid-template-columns:1fr 1fr;gap:32px;padding:36px;display:grid}.upgrade-col h3{color:var(--text-1);margin-bottom:14px;font-size:18px}.upgrade-list{flex-direction:column;gap:8px;list-style:none;display:flex}.upgrade-list li{color:var(--text-2);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.upgrade-list li:before{content:"";background:var(--accent-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F46E5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-radius:50%;flex-shrink:0;width:18px;height:18px}.dashboard-section{padding:90px 0}.dash-wrap{border-radius:var(--radius-xl);border:1px solid var(--border-1);box-shadow:var(--shadow-xl);background:linear-gradient(#f1f2f8,#f8f9fc);padding:20px;position:relative;overflow:hidden}.dash-wrap:before{content:"";z-index:0;background:linear-gradient(#fff,#fff0);height:60px;position:absolute;top:0;left:0;right:0}.dash{border:1px solid var(--border-1);border-radius:var(--radius-lg);z-index:1;background:#fff;position:relative;overflow:hidden;box-shadow:0 20px 50px -20px #0f172a1f}.dash-top{border-bottom:1px solid var(--border-1);background:#fff;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.dash-top .left{align-items:center;gap:12px;display:flex}.dash-dots{gap:6px;display:flex}.dash-dots span{border-radius:50%;width:10px;height:10px}.dash-dots span:first-child{background:#ff5f57}.dash-dots span:nth-child(2){background:#febc2e}.dash-dots span:nth-child(3){background:#28c840}.dash-title{color:var(--text-1);font-size:14px;font-weight:600}.dash-title small{color:var(--text-3);margin-left:6px;font-size:12px;font-weight:400}.dash-filters{align-items:center;gap:8px;display:flex}.dash-filter{background:var(--bg-soft);border:1px solid var(--border-1);color:var(--text-2);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.dash-filter svg{width:12px;height:12px}.dash-filter.active{background:var(--accent);color:#fff;border-color:var(--accent)}.dash-body{background:#fafbfe;grid-template-columns:repeat(12,1fr);gap:14px;padding:22px;display:grid}.dash-kpi{grid-column:span 12;grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.dkpi{border:1px solid var(--border-1);background:#fff;border-radius:12px;padding:16px;position:relative}.dkpi-label{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.dkpi-label .ico{width:14px;height:14px;color:var(--accent)}.dkpi-value{color:var(--text-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1}.dkpi-foot{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.dkpi-trend{align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.dkpi-trend.up{color:var(--success)}.dkpi-trend.down{color:var(--danger)}.dkpi-trend svg{width:11px;height:11px}.dkpi-spark{width:60px;height:24px}.dash-panel{border:1px solid var(--border-1);background:#fff;border-radius:12px;padding:18px}.dash-panel.full{grid-column:span 12}.dash-panel.half{grid-column:span 6}.dash-panel.third{grid-column:span 4}.dash-panel.two-thirds{grid-column:span 8}.panel-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title{color:var(--text-1);font-size:13px;font-weight:700}.panel-title small{color:var(--text-3);margin-left:6px;font-size:11px;font-weight:500}.panel-actions{gap:6px;display:flex}.panel-tab{color:var(--text-3);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.panel-tab.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.line-chart{height:160px;position:relative}.line-chart svg{width:100%;height:100%;overflow:visible}.chart-x{color:var(--text-4);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.donut-wrap{align-items:center;gap:18px;display:flex}.donut{flex-shrink:0;width:130px;height:130px;position:relative}.donut svg{transform:rotate(-90deg)}.donut-center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.donut-center .dc-val{color:var(--text-1);font-size:22px;font-weight:800;line-height:1}.donut-center .dc-lab{color:var(--text-3);margin-top:3px;font-size:10px;font-weight:600}.donut-legend{flex-direction:column;flex:1;gap:8px;display:flex}.donut-leg-item{align-items:center;gap:8px;font-size:12px;display:flex}.donut-leg-item .dot{border-radius:3px;width:10px;height:10px}.donut-leg-item .lab{color:var(--text-2);flex:1}.donut-leg-item .val{color:var(--text-1);font-variant-numeric:tabular-nums;font-weight:700}.mini-table{border-collapse:collapse;width:100%;font-size:12px}.mini-table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border-1);letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;font-size:10.5px;font-weight:600}.mini-table td{border-bottom:1px solid var(--border-1);color:var(--text-1);padding:9px 10px}.mini-table tr:last-child td{border-bottom:none}.mini-table .num{font-variant-numeric:tabular-nums;font-weight:600}.mini-funnel{flex-direction:column;gap:4px;display:flex}.mf-stage{align-items:center;gap:10px;font-size:11.5px;display:flex}.mf-bar{background:var(--grad-1);color:#fff;border-radius:4px;align-items:center;height:18px;padding:0 8px;font-size:10.5px;font-weight:700;display:flex}.mf-label{color:var(--text-2);flex:0 0 100px;font-weight:600}.mf-val{color:var(--text-1);font-variant-numeric:tabular-nums;font-weight:700}.faq-list{flex-direction:column;gap:12px;max-width:840px;margin:0 auto;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-md);transition:all .3s;overflow:hidden}.faq-item.open{box-shadow:var(--shadow-md);border-color:#6366f14d}.faq-q{text-align:left;cursor:pointer;width:100%;color:var(--text-1);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-family:inherit;font-size:15.5px;font-weight:600;display:flex}.faq-q:hover{color:var(--accent)}.faq-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;transition:all .3s;display:grid}.faq-icon svg{width:14px;height:14px;transition:transform .3s}.faq-item.open .faq-icon{background:var(--accent);color:#fff}.faq-item.open .faq-icon svg{transform:rotate(45deg)}.faq-a{max-height:0;padding:0 24px;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-a{max-height:400px;padding:0 24px 22px}.faq-a p{color:var(--text-2);margin:0;font-size:14.5px;line-height:1.7}.pricing-section{padding:90px 0}.pricing-card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-xl);text-align:center;max-width:680px;box-shadow:var(--shadow-lg);margin:0 auto;padding:48px;position:relative;overflow:hidden}.pricing-card:before{content:"";background:var(--grad-1);height:5px;position:absolute;top:0;left:0;right:0}.pricing-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11f,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.pricing-card .eyebrow{margin-bottom:18px}.pricing-card h3{margin-bottom:8px;font-size:28px;font-weight:800}.pricing-card .sub{color:var(--text-3);margin-bottom:24px;font-size:14px}.pricing-amount{letter-spacing:-.03em;background:var(--grad-1);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:54px;font-weight:800;line-height:1}.pricing-amount .dash{color:var(--text-3);-webkit-text-fill-color:var(--text-3);font-weight:400}.pricing-note{color:var(--text-3);margin-bottom:30px;font-size:13px}.pricing-features{text-align:left;background:var(--bg-soft);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);gap:14px;max-width:580px;margin:0 auto 32px;padding:24px;display:grid}.pricing-features li{color:var(--text-2);align-items:center;gap:10px;font-size:14px;line-height:1.4;list-style:none;display:flex}.pricing-features li:before{content:"";background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:11px;border-radius:50%;flex-shrink:0;width:18px;height:18px}.pricing-features li strong{color:var(--text-1);font-weight:700}.footer{border-top:1px solid var(--border-1);background:linear-gradient(#0000,#6366f10a);padding:60px 0 40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer p{color:var(--text-3);font-size:13px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-2);font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (max-width:1024px){.outcome-grid,.deliverables-grid,.decision-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid,.analysis-grid.reverse{grid-template-columns:1fr}.analysis-grid.reverse .analysis-text{order:1}.analysis-grid.reverse .analysis-visual{order:2}.upgrade-banner{grid-template-columns:1fr}.dash-kpi{grid-template-columns:repeat(3,1fr)}.dash-panel.half,.dash-panel.third,.dash-panel.two-thirds{grid-column:span 12}.pricing-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links{display:none}.nav-inner{padding:12px 18px}.hero{padding:50px 0 70px}.section{padding:60px 0}.float-chip{display:none}.outcome-grid,.deliverables-grid,.decision-grid,.kpi-grid{grid-template-columns:1fr}.analysis{padding:24px}.compare-grid,.budget-grid{grid-template-columns:1fr}.ecosystem-core{grid-template-columns:repeat(2,1fr)}.creative-row{grid-template-columns:1.4fr .8fr .8fr;font-size:12px}.creative-row .col-4,.creative-row .col-5,.creative-row .col-6{display:none}.dash-kpi{grid-template-columns:repeat(2,1fr)}.dash-body{gap:10px;padding:14px}.dash-top{flex-wrap:wrap;gap:10px}.dash-filters{flex-wrap:wrap}.pricing-card{padding:32px 24px}.footer-inner{text-align:center;flex-direction:column}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap .data-table{min-width:560px}.pricing-features{grid-template-columns:1fr}}@media (max-width:480px){.dash-kpi{grid-template-columns:1fr}.hero h1{font-size:32px}}.text-accent{color:var(--accent)}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);overflow-x:auto}.mt-0{margin-top:0}html{overflow-x:hidden}.analysis-text,.analysis-visual{min-width:0}@media (max-width:1024px){.analysis-grid,.analysis-grid.reverse{grid-template-columns:minmax(0,1fr)}}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px;display:none}.nav-hamburger span{background:var(--text-1,#111827);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.nav-hamburger span+span{margin-top:5px}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-menu{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-1,#e5e7eb);z-index:99;background:#fffffffa;flex-direction:column;gap:0;padding:12px 0;display:none;position:fixed;top:70px;left:0;right:0;box-shadow:0 20px 25px -5px #0000000d}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{color:var(--text-2,#4b5563);padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:block}.nav-mobile-menu a:hover,.nav-mobile-menu a:active{background:var(--accent-soft,#eef0ff);color:var(--accent,#4f46e5)}.nav-mobile-menu a.nav-mobile-cta{background:var(--text-1,#111827);color:#fff;border-radius:var(--radius-pill,999px);text-align:center;margin:8px 16px;padding:10px 18px;font-weight:600}@media (max-width:768px){.nav-hamburger{display:block}.nav-cta{display:none}}