:root{
 --ink:#1b1720;--ink2:#332c39;--muted:#6f6677;--soft:#8d8494;
 --paper:#fffdf9;--paper2:#faf7fb;--paper3:#f3eef6;--white:#fff;
 --line:rgba(45,34,54,.11);--line2:rgba(45,34,54,.18);
 --peach:#f4c98b;--rose:#dfa4c8;--lilac:#c8b4df;--sky:#87c6d8;--mint:#a9d7c0;
 --accent:#9d6a96;--accent2:#4f91a4;--shadow:0 18px 55px rgba(59,42,70,.10);
 --shadow2:0 30px 90px rgba(59,42,70,.14);--r:24px;--r2:32px;--w:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;background:
radial-gradient(800px 520px at 100% -8%,rgba(223,164,200,.20),transparent 67%),
radial-gradient(760px 520px at -8% 24%,rgba(135,198,216,.16),transparent 70%),
linear-gradient(180deg,#fffdfa 0%,#fbf9fc 50%,#f7f3f8 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(48,34,55,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(48,34,55,.023) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.c{width:min(calc(100% - 40px),var(--w));margin:auto}
.hdr{position:sticky;top:0;z-index:80;background:rgba(255,253,249,.84);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:.25s}.hdr.scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(54,38,63,.06)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;min-width:140px}.logo img{width:132px;display:block}.links{display:flex;align-items:center;gap:28px;color:#574f60;font-size:14px;font-weight:590}.links a{position:relative}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--rose),var(--sky));transition:.25s}.links a:hover:after{right:0}.links a:hover{color:#19151e}.actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:9px 12px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 19px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.86);color:#211b27;font-weight:720;letter-spacing:-.01em;box-shadow:0 6px 18px rgba(59,42,70,.06);transition:.23s;cursor:pointer}.btn:hover{transform:translateY(-2px);border-color:rgba(45,34,54,.26);box-shadow:0 12px 30px rgba(59,42,70,.10)}.primary{border:0;background:linear-gradient(118deg,#f4d08d 0%,#e2a6ca 48%,#88c8da 100%);color:#241829;box-shadow:0 14px 34px rgba(181,128,179,.23)}
.hero{min-height:calc(100vh - 78px);display:grid;align-items:center;padding:86px 0 74px}.hg{display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center}.eye{display:inline-flex;align-items:center;gap:10px;color:#9c6a94;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:820}.eye:before{content:"";width:24px;height:1px;background:currentColor}
h1,h2,h3{margin:0;line-height:1.06;letter-spacing:-.047em}h1{font-size:clamp(52px,7.3vw,100px);max-width:880px}h2{font-size:clamp(38px,5.1vw,68px)}h3{font-size:clamp(23px,2.4vw,31px)}.grad{background:linear-gradient(110deg,#2d2532 0%,#b88945 32%,#b36d9d 66%,#438ea3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:720px;line-height:1.55}.hero .lead{margin:26px 0 30px}.ctas{display:flex;gap:12px;flex-wrap:wrap}
.orbit{aspect-ratio:1;position:relative;max-width:550px;margin:auto;filter:drop-shadow(0 26px 58px rgba(101,70,112,.15))}.orbit:before{content:"";position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(225,203,232,.18) 42%,transparent 70%)}.ring{position:absolute;inset:7%;border:1px solid rgba(64,45,74,.15);border-radius:50%;animation:spin 52s linear infinite}.ring:before,.ring:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;top:50%;left:-6px;background:var(--rose);box-shadow:0 0 22px rgba(223,164,200,.75)}.ring:after{left:auto;right:-6px;background:var(--sky);box-shadow:0 0 22px rgba(135,198,216,.75)}.ring.r2{inset:23%;animation:spin 34s linear infinite reverse}.core{position:absolute;inset:38%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#fff,#f4d08d 18%,#e2a6ca 50%,#88c8da 75%,#d8c9e4);box-shadow:0 0 75px rgba(183,132,186,.28);color:#2a1d2f;font-weight:900;letter-spacing:-.04em}.node{position:absolute;padding:9px 13px;border:1px solid rgba(45,34,54,.11);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-radius:999px;font-size:12px;color:#514858;box-shadow:0 12px 30px rgba(54,39,67,.10);animation:float 6s ease-in-out infinite}.n1{left:0;top:20%}.n2{right:0;top:18%;animation-delay:-1s}.n3{right:3%;bottom:19%;animation-delay:-2s}.n4{left:2%;bottom:20%;animation-delay:-3s}.n5{left:40%;top:1%;animation-delay:-4s}.n6{left:40%;bottom:1%;animation-delay:-5s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-8px)}}
section{padding:112px 0}.band{border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(244,201,139,.09),rgba(223,164,200,.10),rgba(135,198,216,.08))}.head{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:46px}.head p{max-width:540px;color:var(--muted);margin:0;font-size:17px}.two{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,246,251,.92));border-radius:var(--r);padding:30px;min-height:270px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow);transition:.28s}.card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(223,164,200,.17),transparent 70%)}.card:hover{transform:translateY(-7px);border-color:rgba(180,110,159,.34);box-shadow:var(--shadow2)}.card p{color:var(--muted);margin:15px 0 0}.tag{font-size:11px;color:#4f91a4;text-transform:uppercase;letter-spacing:.15em;font-weight:760}.arrow{margin-top:auto;padding-top:30px;color:#9d6a96;font-weight:720}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid var(--line2);background:rgba(255,255,255,.78);color:#6f6677;padding:10px 15px;border-radius:999px;cursor:pointer;font-weight:650}.filter.active{background:#2a2230;color:#fff;border-color:#2a2230;box-shadow:0 8px 20px rgba(42,34,48,.15)}
.list{display:grid;gap:12px}.list div{padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.77);color:#4f4756;box-shadow:0 8px 24px rgba(58,42,68,.05)}
.demo{display:grid;grid-template-columns:265px 1fr;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;background:rgba(255,255,255,.80);box-shadow:var(--shadow2)}.tabs{padding:22px;border-right:1px solid var(--line);background:linear-gradient(180deg,#f6f1f8,#f0ebf4)}.tab{display:block;width:100%;padding:13px 14px;border:0;background:transparent;color:#756c7e;text-align:left;border-radius:13px;cursor:pointer;font-weight:650}.tab.active,.tab:hover{background:#fff;color:#211b27;box-shadow:0 6px 18px rgba(59,42,70,.08)}.panel{display:none;padding:38px}.panel.active{display:block;animation:fade .35s ease}.scores{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:26px}.score{padding:19px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(58,42,68,.05)}.score b{display:block;font-size:30px;letter-spacing:-.04em}.score span{font-size:12px;color:var(--muted)}.insight{margin-top:24px;padding:19px 20px;border-left:3px solid #c07aaa;background:rgba(223,164,200,.11);border-radius:0 15px 15px 0;color:#514759}.mock{border:1px solid var(--line);border-radius:var(--r);padding:30px;background:linear-gradient(145deg,#fff,#f5f1f7);box-shadow:var(--shadow)}
.cta{text-align:center;padding:76px 32px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(650px 250px at 50% 0,rgba(223,164,200,.20),transparent),linear-gradient(145deg,#fff,#f7f3f8);box-shadow:var(--shadow2)}.cta .lead{margin:20px auto 28px}
.page{padding:100px 0 64px}.back{display:inline-flex;align-items:center;gap:8px;color:#786f81;margin-bottom:24px;font-weight:650}.back:hover{color:#211b27}.mock .donut,.donut{width:220px;height:220px;border-radius:50%;margin:26px auto;background:conic-gradient(#f1ca76 0 28%,#dea1ca 28% 59%,#7fc1d4 59% 84%,#b8adbf 84%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#fbf8fc}.form{display:grid;gap:15px}.form input,.form textarea,.form select{width:100%;padding:14px 15px;background:#fff;border:1px solid var(--line2);border-radius:13px;color:#211b27;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:#b678a8;box-shadow:0 0 0 4px rgba(182,120,168,.10)}.form textarea{min-height:150px}.prose{max-width:840px}.prose p,.prose li{color:var(--muted)}.prose h1{font-size:clamp(46px,6vw,76px)}.prose h2{font-size:34px;margin:44px 0 14px}.prose a{color:#4f91a4;font-weight:650}
footer{border-top:1px solid var(--line);padding:52px 0 28px;background:#f1edf3}.fg{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}footer a{display:block;color:#685f71;font-size:14px;margin:8px 0}footer a:hover{color:#211b27}.home{position:fixed;right:18px;bottom:18px;z-index:70;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);border:1px solid var(--line2);box-shadow:0 12px 30px rgba(49,36,61,.14);font-size:21px;transition:.2s}.home:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(49,36,61,.18)}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@keyframes fade{from{opacity:0;transform:translateY(6px)}}
@media(max-width:980px){.hg,.two{grid-template-columns:1fr}.hero{padding-top:60px}.orbit{width:min(90vw,540px)}.grid{grid-template-columns:repeat(2,1fr)}.demo{grid-template-columns:1fr}.tabs{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto;gap:8px}.tab{min-width:max-content}.scores{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr 1fr}.menu-toggle{display:block}.links{position:fixed;left:18px;right:18px;top:78px;display:none;flex-direction:column;align-items:flex-start;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow2)}.links.open{display:flex}.actions .btn:first-child{display:none}}
@media(max-width:640px){.c{width:min(calc(100% - 24px),var(--w))}.actions .btn{display:none}.hero{min-height:auto;padding:58px 0 70px}.hg{gap:38px}.node{font-size:10px;padding:7px 9px}.head{display:block}.head p{margin-top:16px}.grid{grid-template-columns:1fr}.card{min-height:235px}.scores{grid-template-columns:1fr 1fr}.panel{padding:24px}.fg{grid-template-columns:1fr}.cta{padding:55px 22px}.home{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* ===== KEMIA FINAL WOW PRODUCTION PASS ===== */
:root{
 --violet:#6f4d83;--plum:#4d355d;--amber:#dca85f;--coral:#d98ca9;--aqua:#61aabd;
 --glass:rgba(255,255,255,.72);--glass-strong:rgba(255,255,255,.91);
}
body{background:
 radial-gradient(780px 520px at 96% 0%,rgba(224,166,201,.22),transparent 66%),
 radial-gradient(900px 620px at -12% 22%,rgba(119,190,209,.17),transparent 68%),
 radial-gradient(720px 480px at 50% 88%,rgba(240,203,139,.10),transparent 70%),
 linear-gradient(180deg,#fffefa 0%,#fbf8fc 47%,#f6f1f8 100%)}
.hdr{background:rgba(255,254,250,.74);border-bottom:1px solid rgba(70,50,80,.055)}
.hdr:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(218,158,193,.5),rgba(100,174,195,.45),transparent);opacity:.55}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:4% 2% auto auto;width:580px;height:580px;border-radius:50%;background:conic-gradient(from 210deg,rgba(244,208,141,.13),rgba(226,166,202,.2),rgba(136,200,218,.16),rgba(203,183,226,.14),rgba(244,208,141,.13));filter:blur(22px);z-index:-2;animation:halo 18s linear infinite}
.hero:after{content:"";position:absolute;left:3%;bottom:8%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(132,195,213,.12),transparent 70%);z-index:-1}
@keyframes halo{to{transform:rotate(360deg)}}
.hero h1{font-weight:770;text-wrap:balance}
.hero .lead{max-width:760px}
.grad{background:linear-gradient(105deg,#2a2330 3%,#b47d40 28%,#b66394 58%,#3d8ea6 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.orbit{transform:scale(1.02)}
.orbit:before{inset:13%;background:radial-gradient(circle at 45% 38%,rgba(255,255,255,.98),rgba(245,222,236,.34) 37%,rgba(191,221,230,.16) 58%,transparent 72%);box-shadow:inset 0 0 80px rgba(255,255,255,.6)}
.orbit:after{content:"";position:absolute;inset:2%;border-radius:50%;background:repeating-conic-gradient(from 20deg,rgba(89,70,101,.16) 0 1deg,transparent 1deg 24deg);mask:radial-gradient(circle,transparent 63%,#000 64% 65%,transparent 66%);opacity:.55}
.ring{border-color:rgba(94,67,108,.18)}
.ring.r3{inset:36%;animation:spin 25s linear infinite}
.core{inset:36.5%;font-size:15px;box-shadow:0 0 0 14px rgba(255,255,255,.52),0 0 95px rgba(174,116,178,.34)}
.node{font-weight:680;box-shadow:0 15px 34px rgba(57,40,68,.13)}
.node:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px;background:linear-gradient(135deg,var(--rose),var(--sky));box-shadow:0 0 12px rgba(190,125,179,.35)}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#706778;font-size:12px;font-weight:620}
.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-proof i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--peach),var(--rose),var(--sky));box-shadow:0 0 0 4px rgba(205,150,193,.10)}

.band{background:
 linear-gradient(90deg,rgba(244,201,139,.075),rgba(223,164,200,.09),rgba(135,198,216,.07)),
 rgba(255,255,255,.45)}
.list div{position:relative;padding-left:48px;transition:.25s}.list div:before{content:"";position:absolute;left:18px;top:19px;width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,var(--peach),var(--rose),var(--sky));box-shadow:0 5px 15px rgba(179,111,159,.2)}.list div:hover{transform:translateX(5px);background:#fff}

#maps{position:relative}#maps:before{content:"";position:absolute;left:-120px;top:12%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(137,199,216,.11),transparent 70%);pointer-events:none}
.grid{align-items:stretch}
.card{min-height:292px;padding:31px 30px 28px;isolation:isolate}
.card.map{counter-increment:map-counter}
.card.map:after{content:counter(map-counter,decimal-leading-zero);position:absolute;right:24px;top:20px;font-size:48px;line-height:1;font-weight:800;letter-spacing:-.08em;color:rgba(58,41,69,.055);z-index:-1}
.card.map:nth-child(3n+1){background:linear-gradient(145deg,#fff,rgba(249,238,244,.9))}.card.map:nth-child(3n+2){background:linear-gradient(145deg,#fff,rgba(238,247,250,.9))}.card.map:nth-child(3n){background:linear-gradient(145deg,#fff,rgba(250,244,232,.9))}
.card.map h3:before{content:"";display:block;width:46px;height:46px;border-radius:15px;margin-bottom:22px;background:
 radial-gradient(circle at 34% 30%,#fff 0 8%,transparent 9%),
 conic-gradient(from 210deg,var(--peach),var(--rose),var(--lilac),var(--sky),var(--peach));box-shadow:0 11px 28px rgba(146,96,154,.18)}
.card.map:nth-child(2n) h3:before{border-radius:50%}.card.map:nth-child(3n) h3:before{transform:rotate(12deg)}
.card.map .tag{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:rgba(79,145,164,.08)}
.card.map .arrow{display:flex;align-items:center;justify-content:space-between}.card.map .arrow:after{content:"↗";width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);transition:.25s}.card.map:hover .arrow:after{transform:rotate(45deg);background:#2a2230;color:#fff}

.demo{position:relative;overflow:visible}.demo:before{content:"LIVE REPORT";position:absolute;right:22px;top:-14px;padding:7px 12px;border-radius:999px;background:#2a2230;color:#fff;font-size:10px;font-weight:820;letter-spacing:.15em;box-shadow:0 10px 22px rgba(42,34,48,.16);z-index:3}.tabs{position:relative}.tabs:after{content:"";position:absolute;left:22px;right:22px;bottom:22px;height:110px;border-radius:18px;background:
 linear-gradient(150deg,rgba(244,208,141,.28),rgba(226,166,202,.22),rgba(136,200,218,.24));mask:linear-gradient(#000 0 0);opacity:.7}
.panel{min-height:520px}.scores .score{position:relative;overflow:hidden}.scores .score:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--peach),var(--rose),var(--sky));transform-origin:left;animation:scoregrow 1.4s ease both}@keyframes scoregrow{from{transform:scaleX(.05)}}
.insight{box-shadow:0 10px 26px rgba(111,72,121,.07)}

.team-viz{position:relative;min-height:430px;border-radius:30px;background:
 radial-gradient(circle at 50% 44%,rgba(221,162,199,.25),transparent 24%),
 radial-gradient(circle at 36% 62%,rgba(126,193,211,.18),transparent 28%),
 linear-gradient(145deg,#fff,#f4eef7);border:1px solid var(--line);box-shadow:var(--shadow2);overflow:hidden}.team-viz:before,.team-viz:after{content:"";position:absolute;inset:11%;border:1px solid rgba(91,66,105,.12);border-radius:50%}.team-viz:after{inset:25%;border-style:dashed}.team-dot{position:absolute;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:850;color:#281c2d;background:linear-gradient(135deg,var(--peach),var(--rose),var(--sky));box-shadow:0 12px 28px rgba(124,83,135,.22),0 0 0 8px rgba(255,255,255,.72)}.team-dot small{position:absolute;top:68px;color:#695f72;font-size:11px;font-weight:650;white-space:nowrap}.td1{left:15%;top:22%}.td2{left:42%;top:10%}.td3{right:15%;top:24%}.td4{left:22%;bottom:20%}.td5{left:50%;bottom:12%}.td6{right:11%;bottom:23%}
.team-viz .axis{position:absolute;left:50%;top:50%;width:82%;height:1px;background:linear-gradient(90deg,transparent,rgba(83,61,95,.16),transparent);transform:translate(-50%,-50%)}.team-viz .axis.a2{transform:translate(-50%,-50%) rotate(60deg)}.team-viz .axis.a3{transform:translate(-50%,-50%) rotate(-60deg)}

.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.evidence{padding:26px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.84);box-shadow:var(--shadow)}.evidence b{font-size:34px;display:block;letter-spacing:-.05em;background:linear-gradient(110deg,#9b6b43,#a15c8d,#3e8397);-webkit-background-clip:text;color:transparent}.evidence span{color:var(--muted);font-size:14px}

.cta{position:relative;overflow:hidden}.cta:before,.cta:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.cta:before{width:260px;height:260px;left:-100px;top:-120px;background:radial-gradient(circle,rgba(244,208,141,.28),transparent 70%)}.cta:after{width:300px;height:300px;right:-120px;bottom:-160px;background:radial-gradient(circle,rgba(120,193,212,.24),transparent 70%)}

.home{font-size:0;width:52px;height:52px;background:linear-gradient(145deg,#fff,#f4eef7)}.home:before{content:"";width:20px;height:20px;background:linear-gradient(135deg,var(--peach),var(--rose),var(--sky));clip-path:polygon(50% 0,100% 42%,85% 42%,85% 100%,58% 100%,58% 67%,42% 67%,42% 100%,15% 100%,15% 42%,0 42%)}

@media(max-width:980px){.evidence-grid{grid-template-columns:repeat(2,1fr)}.team-viz{min-height:390px}}
@media(max-width:640px){.hero-proof{gap:10px 16px}.evidence-grid{grid-template-columns:1fr}.team-viz{min-height:340px}.team-dot{width:48px;height:48px}.team-dot small{top:57px}.card.map:after{font-size:40px}}