:root{--bg:#f6f7fb;--surface:#ffffff;--surface2:#eef1f8;--text:#121827;--muted:#667085;--border:#e5e7eb;--brand:#2563eb;--brand2:#0f172a;--soft:#dbeafe;--ok:#16a34a;--bad:#dc2626;--mid:#f59e0b;--shadow:0 18px 50px rgba(15,23,42,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,#f8fafc,#eef2ff 55%,#fdf2f8);color:var(--text)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.navbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1220px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px}.logo{display:flex;align-items:center;gap:10px;font-weight:900}.logo-mark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#9333ea);color:#fff;box-shadow:0 10px 25px rgba(37,99,235,.25);font-size:14px;letter-spacing:.8px}.logo-text{font-size:18px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a,.dropdown>button,.lang-btn,.ghost-btn,.primary-btn{border:0;background:transparent;border-radius:999px;padding:10px 13px;color:var(--muted);font-weight:750;cursor:pointer}.nav-links a:hover,.dropdown>button:hover,.lang-btn:hover{background:var(--surface2);color:var(--text)}.dropdown{position:relative}.dropdown-panel{position:absolute;right:0;top:42px;min-width:210px;display:none;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:8px}.dropdown:hover .dropdown-panel{display:grid}.dropdown-panel a{border-radius:12px}.lang-switch{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.lang-btn.active{background:var(--brand);color:#fff}.mobile-menu{display:none;border:0;background:var(--brand);color:#fff;border-radius:14px;padding:10px 14px;font-weight:800}.hero{padding:72px 18px 42px}.hero-inner,.page-hero-inner,main,.footer-inner{max-width:1220px;margin:0 auto}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;background:#fff;border:1px solid var(--border);padding:9px 12px;border-radius:999px}.hero h1,.page-hero h1{font-size:clamp(34px,6vw,68px);line-height:.98;margin:16px 0 18px;letter-spacing:-.045em}.hero p,.page-hero p,.section-sub{font-size:18px;line-height:1.7;color:var(--muted);max-width:780px}.hero-actions,.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;padding:13px 18px;box-shadow:0 12px 28px rgba(37,99,235,.25)}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text);border:1px solid var(--border);padding:13px 18px}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.hero-panel,.card,.metric-card,.brand-card,.comment-card{background:rgba(255,255,255,.86);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.hero-panel{position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:-50px -80px auto auto;width:210px;height:210px;border-radius:50%;background:var(--soft);opacity:.8}.mini-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.section{padding:42px 18px}.section-title{font-size:clamp(26px,4vw,42px);margin:0 0 10px;letter-spacing:-.03em}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card h3{margin:0;color:var(--muted);font-size:14px}.metric-card strong{display:block;font-size:34px;margin-top:8px;letter-spacing:-.03em}.metric-card span{color:var(--muted);font-size:13px}.brand-card{position:relative;overflow:hidden;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}.brand-card:before{content:"";position:absolute;right:-45px;top:-45px;width:140px;height:140px;border-radius:44px;background:var(--accent);opacity:.12;transform:rotate(18deg)}.brand-card .icon{font-size:32px}.brand-card h3{font-size:23px;margin:12px 0 5px}.brand-card p{color:var(--muted);line-height:1.55}.pill{display:inline-flex;align-items:center;gap:7px;width:max-content;border-radius:999px;padding:8px 11px;background:var(--surface2);color:var(--muted);font-weight:850;font-size:12px}.pill.good{background:#dcfce7;color:#166534}.pill.bad{background:#fee2e2;color:#991b1b}.pill.neutral{background:#fef3c7;color:#92400e}.bar-row{margin:13px 0}.bar-top{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);font-weight:800;margin-bottom:7px}.bar-track{height:12px;background:#eef2f7;border-radius:999px;overflow:hidden}.bar-fill{height:100%;width:0;border-radius:999px;background:var(--brand);transition:width .6s ease}.stacked{display:flex;height:16px;background:#edf2f7;border-radius:999px;overflow:hidden;margin:10px 0}.seg-pos{background:var(--ok)}.seg-neg{background:var(--bad)}.seg-neu{background:var(--mid)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#f8fafc}td{color:#344054}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tab-btn{border:1px solid var(--border);background:#fff;border-radius:999px;padding:11px 14px;font-weight:850;color:var(--muted);cursor:pointer}.tab-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.tab-panel{display:none}.tab-panel.active{display:block}.strategy-card{border-left:5px solid var(--brand);padding-left:18px}.strategy-card h3{margin:0 0 8px}.strategy-card p{color:var(--muted);line-height:1.65}.kpi-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.comment-card{box-shadow:none}.comment-card p{color:#344054;line-height:1.65}.sentiment-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-pos{background:var(--ok)}.dot-neg{background:var(--bad)}.dot-neu{background:var(--mid)}.page-hero{padding:48px 18px 22px;background:linear-gradient(135deg,var(--brand-soft,#eef2ff),#fff)}.brand-head{display:flex;align-items:center;gap:18px}.brand-badge{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;font-size:34px;background:var(--brand);color:#fff;box-shadow:0 14px 30px rgba(15,23,42,.16)}.insight-list{display:grid;gap:12px}.insight-item{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid var(--border)}.insight-item b{display:block}.insight-item span{color:var(--muted);line-height:1.55}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;color:var(--muted);font-weight:800}.form input,.form textarea,.form select{width:100%;border:1px solid var(--border);border-radius:15px;padding:13px 14px;background:#fff;color:var(--text)}.form textarea{min-height:130px;resize:vertical}.toast{display:none;margin-top:14px;border-radius:16px;padding:13px;background:#dcfce7;color:#166534;font-weight:850}.toast.show{display:block}.footer{margin-top:34px;background:#0f172a;color:#cbd5e1;padding:32px 18px}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:#fff}.timeline{position:relative;display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:42px 1fr;gap:12px}.timeline-num{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:900}.timeline-content{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px}.comparison-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.score-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) var(--score),#e5e7eb 0);font-weight:900}.score-ring span{background:#fff;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:15px}.empty{color:var(--muted);padding:18px;border:1px dashed var(--border);border-radius:18px;background:#fff}@media(max-width:980px){.hero-grid,.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.nav-inner{align-items:flex-start}.mobile-menu{display:block}.nav-links,.lang-switch{display:none}.menu-open .nav-inner{flex-wrap:wrap}.menu-open .nav-links,.menu-open .lang-switch{display:flex;width:100%;flex-direction:column;align-items:stretch}.menu-open .nav-links a,.menu-open .dropdown>button{text-align:left}.dropdown-panel{position:static;display:grid;box-shadow:none;margin-top:4px;width:100%}.hero{padding-top:42px}.brand-head{align-items:flex-start}.footer-inner{display:grid}.comparison-card{grid-template-columns:1fr}.score-ring{margin-top:8px}}@media(max-width:560px){.nav-inner{padding:10px 12px}.logo-text{font-size:16px}.logo-mark{width:38px;height:38px}.hero h1,.page-hero h1{font-size:36px}.hero p,.page-hero p,.section-sub{font-size:16px}.hero-panel,.card,.metric-card,.brand-card{padding:18px}.section{padding:28px 14px}.brand-badge{width:58px;height:58px;border-radius:18px}.primary-btn,.ghost-btn{width:100%}}


/* Content refinement: simple strategy and KPI graphics */
.kpi-chart{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 8px 26px rgba(15,23,42,.06)}
.kpi-chart-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:var(--text)}
.kpi-chart-top span{font-size:24px;font-weight:950;color:var(--brand)}
.kpi-chart small{display:block;margin-top:8px;color:var(--muted);font-weight:750;line-height:1.45}
.strategy-brand-card{overflow:hidden;position:relative}
.strategy-brand-card:before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:48px;background:var(--brand);opacity:.08;transform:rotate(18deg)}
.strategy-simple-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.strategy-mini{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 8px 26px rgba(15,23,42,.05)}
.strategy-mini h3{margin:0 0 8px;font-size:18px}
.strategy-mini p{color:var(--muted);line-height:1.62;margin:0 0 12px}
.strategy-mini b{display:block;color:var(--brand);line-height:1.5}
.strategy-impact{margin-top:16px;background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:16px;color:#344054;line-height:1.65}
@media(max-width:980px){.strategy-simple-list{grid-template-columns:1fr}}

/* Final visual refinement: keep structure, upgrade premium feeling */
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:999px;filter:blur(42px);opacity:.32;pointer-events:none}body:before{width:360px;height:360px;left:-110px;top:100px;background:linear-gradient(135deg,#60a5fa,#a78bfa)}body:after{width:420px;height:420px;right:-150px;bottom:70px;background:linear-gradient(135deg,#f0abfc,#93c5fd)}
.navbar{box-shadow:0 10px 30px rgba(15,23,42,.06)}.nav-links a,.dropdown>button,.lang-btn{transition:all .25s ease}.dropdown-panel{overflow:hidden}.dropdown-panel a{padding:11px 12px;font-weight:800;color:var(--muted);transition:all .2s ease}.dropdown-panel a:hover{background:linear-gradient(135deg,#eef2ff,#f8fafc);color:var(--text);transform:translateX(2px)}
.hero-panel,.card,.metric-card,.brand-card,.comment-card,.timeline-content{backdrop-filter:blur(14px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover,.metric-card:hover,.brand-card:hover,.comment-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(15,23,42,.13);border-color:rgba(37,99,235,.22)}
.hero-panel{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,250,252,.78));border-color:rgba(37,99,235,.16)}.hero-panel:after{content:"";position:absolute;left:24px;right:24px;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.28}.page-hero{position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--brand,#2563eb),transparent 65%);opacity:.14}.section-title{background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-card-plus{min-height:285px}.home-insight{margin-top:14px;padding:13px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(238,242,255,.84));border:1px solid rgba(37,99,235,.12)}.home-insight b{display:block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.home-insight span{display:block;color:#475467;font-size:13px;line-height:1.5}.brand-card .primary-btn{transition:all .25s ease}.brand-card .primary-btn:hover{filter:saturate(1.08);box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 32%,transparent)}
.insight-rich{background:linear-gradient(135deg,#fff,#f8fafc)}.insight-rich b{color:var(--text);margin-bottom:4px}.insight-rich .timeline-num{flex:0 0 auto;box-shadow:0 12px 24px rgba(37,99,235,.18)}.strategy-mini,.kpi-chart{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.strategy-mini:hover,.kpi-chart:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,23,42,.10);border-color:rgba(37,99,235,.18)}.kpi-chart{background:linear-gradient(145deg,#fff,#f8fafc)}.bar-fill{background-image:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,0))}.pill{box-shadow:0 5px 14px rgba(15,23,42,.04)}
@media(max-width:980px){.brand-card-plus{min-height:auto}.dropdown-panel a:hover{transform:none}}

/* Polished final layer: richer visuals without changing structure */
:root{--glass:rgba(255,255,255,.78);--glow:0 26px 70px rgba(37,99,235,.14)}
body{background:
 radial-gradient(circle at 8% 12%,rgba(37,99,235,.14),transparent 30%),
 radial-gradient(circle at 92% 20%,rgba(147,51,234,.13),transparent 28%),
 linear-gradient(135deg,#f8fafc 0%,#eef2ff 48%,#fdf2f8 100%)}
.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:36px 7% auto auto;width:260px;height:260px;background:radial-gradient(circle,#93c5fd,transparent 68%);filter:blur(18px);opacity:.45;animation:floatGlow 7s ease-in-out infinite}.hero:after{content:"";position:absolute;left:8%;bottom:18px;width:190px;height:190px;background:radial-gradient(circle,#c4b5fd,transparent 68%);filter:blur(22px);opacity:.35;animation:floatGlow 8s ease-in-out infinite reverse}@keyframes floatGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.navbar{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(226,232,240,.88)}.logo span:last-child{font-weight:950;letter-spacing:-.02em}.nav-links a:hover,.dropdown>button:hover{box-shadow:inset 0 0 0 1px rgba(37,99,235,.10)}
.hero-panel,.card,.metric-card,.brand-card,.comment-card,.timeline-content,.table-wrap{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,250,252,.76));border-color:rgba(148,163,184,.28);box-shadow:0 18px 55px rgba(15,23,42,.09)}
.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-30px;bottom:-35px;width:110px;height:110px;border-radius:35px;background:linear-gradient(135deg,var(--brand),#8b5cf6);opacity:.08;transform:rotate(18deg)}.metric-card strong{background:linear-gradient(135deg,#0f172a,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-card{border-top:4px solid var(--accent)}.brand-card:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.36}.brand-card .icon{display:inline-grid;width:54px;height:54px;place-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(238,242,255,.85));box-shadow:0 10px 25px rgba(15,23,42,.08)}
.platform-card h3{display:flex;align-items:center;gap:8px}.platform-card h3:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px rgba(37,99,235,.10)}.mini-platform-stats{display:grid;gap:6px;margin-top:12px;color:var(--muted);font-size:13px;font-weight:750}.mini-platform-stats span{padding:8px 10px;border-radius:12px;background:#f8fafc;border:1px solid rgba(226,232,240,.75)}
.full-strategy{grid-column:span 2}.kpi-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-donut{width:84px;height:84px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) var(--p),#e5e7eb 0);box-shadow:inset 0 0 0 10px rgba(255,255,255,.75)}.kpi-donut span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:950;color:var(--brand);box-shadow:0 8px 22px rgba(15,23,42,.08)}.kpi-chart{text-align:center;min-height:190px}.kpi-chart-top{justify-content:center}.kpi-chart-top b{font-size:15px}.kpi-chart small{min-height:36px}.kpi-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
.strategy-hero-card{position:relative;overflow:hidden}.strategy-hero-card:before{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.20),transparent 65%)}.strategy-hero-card h2{font-size:clamp(26px,4vw,42px);margin:14px 0 8px;letter-spacing:-.03em}.strategy-hero-card p{color:var(--muted);font-size:17px;line-height:1.7;max-width:850px}.strategy-balanced{margin-top:18px;align-items:stretch}.strategy-brand-card.polished{border-top:5px solid var(--brand);box-shadow:0 22px 60px rgba(15,23,42,.10)}.strategy-brand-card.polished .strategy-card{background:rgba(255,255,255,.75);border:1px solid rgba(226,232,240,.78);border-left:5px solid var(--brand);border-radius:20px;padding:20px}.strategy-simple-list{grid-template-columns:repeat(3,minmax(0,1fr))}.strategy-mini{position:relative;overflow:hidden}.strategy-mini:after{content:"";position:absolute;right:-34px;top:-36px;width:90px;height:90px;border-radius:30px;background:var(--brand);opacity:.08;transform:rotate(18deg)}.strategy-impact{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-color:rgba(37,99,235,.14)}
.insight-item{box-shadow:0 10px 28px rgba(15,23,42,.05)}.timeline-num{background:linear-gradient(135deg,var(--brand),#7c3aed)}.bar-track{box-shadow:inset 0 1px 2px rgba(15,23,42,.06)}.bar-fill{position:relative;overflow:hidden}.bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:barSheen 2.8s ease-in-out infinite}@keyframes barSheen{0%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}
@media(max-width:980px){.full-strategy{grid-column:auto}.kpi-mini-grid,.kpi-stack,.strategy-simple-list{grid-template-columns:1fr}.kpi-chart{min-height:auto}.hero:before,.hero:after{display:none}}