:root{
  --bg:#f7efff;
  --surface:#fff9f8;
  --surface-2:#fff4f8;
  --ink:#332553;
  --muted:#746583;
  --purple:#9368ef;
  --purple-dark:#7350cf;
  --purple-soft:#e9dcff;
  --pink:#ffafd2;
  --yellow:#ffd66f;
  --blue:#a9c7ff;
  --green:#bce9b7;
  --line:rgba(131,93,190,.16);
  --shadow:0 28px 70px rgba(110,78,168,.16),0 10px 26px rgba(88,58,146,.10);
  --shadow-soft:0 14px 32px rgba(110,78,168,.12);
  --inner:inset 0 1px 0 rgba(255,255,255,.72), inset 0 -8px 18px rgba(128,93,190,.06);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--ink);background:
  radial-gradient(circle at 2% 2%,rgba(202,178,255,.75),transparent 30rem),
  radial-gradient(circle at 100% 0%,rgba(255,207,229,.75),transparent 28rem),
  linear-gradient(180deg,#f8efff 0%,#fff7fb 48%,#f6edff 100%);overflow-x:hidden;}
a{text-decoration:none;color:inherit}img,video{display:block;max-width:100%}button,input{font:inherit}.muted{color:var(--muted)}
.bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.10;pointer-events:none;z-index:-2}.bg-wash{position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));z-index:-1;pointer-events:none}
.app{width:min(1460px,calc(100% - 20px));margin:10px auto;padding:14px;border-radius:36px;background:rgba(255,252,253,.70);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow);display:grid;grid-template-columns:236px minmax(0,1fr);gap:14px;min-height:calc(100vh - 20px);backdrop-filter:blur(18px)}
.sidebar{border-radius:32px;background:linear-gradient(180deg,#b99cff 0%,#9c73f2 56%,#8d64e3 100%);color:#fff;padding:18px 16px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--inner),0 24px 44px rgba(105,69,177,.24);position:sticky;top:10px;min-height:calc(100vh - 48px)}
.profile{text-align:center;padding-bottom:4px}.profile img{width:112px;height:112px;object-fit:cover;border-radius:36px;border:4px solid rgba(255,255,255,.48);box-shadow:0 16px 30px rgba(79,48,134,.24);margin:0 auto 12px}.profile strong{display:block;font-size:22px;letter-spacing:-.035em}.profile span{display:block;font-size:14px;line-height:1.35;color:rgba(255,255,255,.86);margin-top:4px}
.side-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:rgba(255,255,255,.72);padding:0 10px;margin-bottom:8px}.nav{display:grid;gap:8px}.nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:18px;color:#fff;font-weight:850;transition:.2s ease}.nav a i{width:24px;text-align:center;font-style:normal;font-size:18px}.nav a.active,.nav a:hover{background:#fff;color:#714eb8;box-shadow:0 12px 24px rgba(88,58,146,.16);transform:translateX(2px)}
.sidebar-card{margin-top:auto;border-radius:26px;padding:16px;background:linear-gradient(180deg,#ffc2d7,#f69dbf);box-shadow:var(--inner),0 16px 28px rgba(153,72,122,.18);color:#7a3654}.sidebar-card.secondary{margin-top:0;background:linear-gradient(180deg,#cdb0ff,#aa83f2);color:#fff}.sidebar-card .big-icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(145deg,#ffe89f,#ffc34d);display:grid;place-items:center;font-size:30px;box-shadow:var(--inner),0 10px 20px rgba(178,105,0,.18);margin-bottom:10px}.sidebar-card h3{font-size:22px;margin:0 0 6px;letter-spacing:-.04em}.sidebar-card p{font-size:13px;line-height:1.4;margin:0 0 14px}.small-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:16px;background:#fff;color:#8755b3;font-weight:900;box-shadow:var(--shadow-soft)}
.content{min-width:0;border-radius:32px;background:rgba(255,249,248,.92);border:1px solid rgba(255,255,255,.9);padding:16px 20px 20px;box-shadow:var(--inner);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 4px 16px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#c9b4ff,#9469ef);box-shadow:var(--inner),0 12px 22px rgba(125,91,190,.18)}.brand b{display:block;font-size:30px;line-height:.9;letter-spacing:-.07em}.brand span{font-size:13px;color:var(--muted)}
.search{display:flex;align-items:center;gap:11px;flex:1;max-width:640px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:15px 18px;box-shadow:var(--shadow-soft)}.search input{border:0;outline:0;background:transparent;width:100%;color:#594379}.search input::placeholder{color:#a596b7}.top-actions{display:flex;align-items:center;gap:12px}.top-icon{width:48px;height:48px;border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);border:1px solid var(--line);display:grid;place-items:center;position:relative;font-size:20px}.badge{position:absolute;top:-5px;right:-4px;background:#ff6b9f;color:#fff;min-width:21px;height:21px;border-radius:99px;display:grid;place-items:center;font-size:11px;font-weight:900}.top-cta{height:48px;border-radius:18px;background:linear-gradient(145deg,#a57cff,#8056dc);display:flex;align-items:center;gap:10px;padding:0 18px;color:#fff;font-weight:900;box-shadow:0 14px 28px rgba(128,86,220,.22)}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:center;padding:34px 38px;border-radius:34px;background:linear-gradient(135deg,#e3d2ff 0%,#ddc6ff 48%,#f4e3ff 100%);box-shadow:var(--shadow);overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 22%,rgba(255,255,255,.44),transparent 24rem),radial-gradient(circle at 12% 92%,rgba(255,225,238,.55),transparent 20rem);pointer-events:none}.hero-copy,.hero-art{position:relative;z-index:1}.tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.66);padding:10px 14px;border-radius:999px;box-shadow:var(--shadow-soft);font-weight:900;color:#7955d1}.hero h1{font-size:clamp(42px,5vw,70px);line-height:.94;letter-spacing:-.07em;margin:16px 0 16px}.hero h1 .accent{color:#8b61ed;text-shadow:0 8px 18px rgba(139,97,237,.18)}.hero p{font-size:18px;line-height:1.45;color:#5f4b7e;max-width:590px;margin:0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 20px;border-radius:20px;font-weight:900;transition:.18s ease;box-shadow:var(--shadow-soft)}.btn.primary{background:linear-gradient(145deg,#a981ff,#8055e1);color:#fff}.btn.soft{background:#fff;color:#7a55d3}.btn.pink{background:linear-gradient(145deg,#ff9fc5,#f16b9e);color:#fff}.btn.yellow{background:linear-gradient(145deg,#ffe38a,#ffc548);color:#6b4900}.btn:hover{transform:translateY(-2px)}
.benefits{display:flex;gap:18px;flex-wrap:wrap}.benefit{display:flex;align-items:center;gap:10px;color:#584474;font-size:13px}.benefit i{width:34px;height:34px;border-radius:14px;background:rgba(255,255,255,.78);display:grid;place-items:center;box-shadow:var(--shadow-soft);font-style:normal}.benefit b{display:block;color:#473268}.hero-art{min-height:350px;display:grid;place-items:center}.avatar-main{position:relative;z-index:2;width:min(350px,92%);filter:drop-shadow(0 18px 30px rgba(93,62,144,.18))}.avatar-real{border-radius:40px;object-fit:cover;box-shadow:var(--shadow);width:260px;height:310px}.float-card{position:absolute;background:rgba(255,250,252,.92);border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:var(--shadow-soft);padding:13px}.float-card.chart{right:0;top:8px;width:220px;height:118px}.float-card.chart i{display:block;position:absolute;left:28px;right:28px;bottom:34px;height:48px;border-bottom:8px solid #f4a1c4;border-right:8px solid #f4a1c4;border-radius:0 0 20px 0;transform:skewX(-20deg) rotate(-6deg)}.float-card.donut{left:4px;top:108px;width:140px;height:140px;display:grid;place-items:center}.donut{width:94px;height:94px;border-radius:50%;background:conic-gradient(#8fb8ff 0 35%,#ffd06d 35% 62%,#ff9dc4 62% 100%);position:relative}.donut:after{content:'';position:absolute;inset:22px;background:#fff7fb;border-radius:50%}.float-card.bars{right:18px;bottom:76px;height:112px;width:164px;display:flex;align-items:end;justify-content:center;gap:12px}.float-card.bars i{display:block;width:22px;border-radius:14px 14px 10px 10px;background:linear-gradient(180deg,#cdb3ff,#9a72f2);box-shadow:var(--inner)}.float-card.bars i:nth-child(1){height:42px}.float-card.bars i:nth-child(2){height:72px}.float-card.bars i:nth-child(3){height:96px}.plant{position:absolute;right:-3px;bottom:12px;width:86px;height:108px;border-radius:0 0 34px 34px;background:linear-gradient(180deg,#efbd89,#dda065);box-shadow:var(--shadow-soft)}.plant:before,.plant:after{content:'';position:absolute;background:linear-gradient(180deg,#9be16d,#70b94b);border-radius:100% 0 100% 0}.plant:before{width:32px;height:72px;left:8px;top:-52px;transform:rotate(-18deg)}.plant:after{width:36px;height:84px;right:8px;top:-62px;transform:rotate(22deg)}.mug{position:absolute;right:104px;bottom:14px;width:70px;height:58px;border-radius:14px 14px 20px 20px;background:linear-gradient(145deg,#9b74ec,#7d56d4);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:var(--shadow-soft)}.mug:after{content:'';position:absolute;right:-16px;top:12px;width:22px;height:22px;border:6px solid #835bd8;border-left:0;border-radius:0 18px 18px 0}
.metrics,.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:16px 0}.metric,.mini-card,.product-card{background:linear-gradient(180deg,#fff,#fff8fa);border:1px solid var(--line);border-radius:25px;padding:18px;box-shadow:var(--shadow-soft);transition:.18s ease}.metric{display:flex;align-items:center;gap:13px}.metric-icon{width:62px;height:62px;border-radius:21px;display:grid;place-items:center;font-size:30px;box-shadow:var(--inner),0 10px 22px rgba(110,78,168,.12)}.mi-purple{background:linear-gradient(145deg,#d0b8ff,#9d72ee)}.mi-pink{background:linear-gradient(145deg,#ffc1d8,#f47dad)}.mi-yellow{background:linear-gradient(145deg,#ffe8a0,#ffca4f)}.mi-blue{background:linear-gradient(145deg,#d1e1ff,#8fb7ff)}.metric b,.product-card b,.mini-card b{display:block;font-size:15px}.metric strong{display:block;font-size:24px;letter-spacing:-.05em}.metric span,.mini-card span,.product-card p{color:var(--muted);font-size:13px;line-height:1.38}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 4px 14px}.section-title h2{margin:0;font-size:24px;letter-spacing:-.04em}.section-title p{margin:4px 0 0;color:var(--muted);font-size:14px}.section-title a{background:#f0e5ff;color:#7a55d3;border-radius:999px;padding:12px 16px;font-weight:850;box-shadow:var(--shadow-soft)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:116px;background:linear-gradient(180deg,#fff,#fff8fa);border:1px solid var(--line);border-radius:25px;padding:16px;display:grid;grid-template-columns:76px 1fr 30px;align-items:center;gap:13px;box-shadow:var(--shadow-soft);transition:.18s ease}.service-card .thumb{width:76px;height:76px;border-radius:22px;background:linear-gradient(145deg,#f1e6ff,#fff);box-shadow:var(--inner),0 10px 20px rgba(110,78,168,.10);display:grid;place-items:center;overflow:hidden;font-size:34px}.service-card img{max-width:86%;max-height:86%;object-fit:contain}.service-card h3{margin:0 0 5px;font-size:16px}.service-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.33}.go{width:30px;height:30px;border-radius:50%;background:#f0e5ff;display:grid;place-items:center;color:#7a55d3;font-weight:900}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:18px 22px;border-radius:26px;background:linear-gradient(135deg,#e4d0ff,#f2defd);box-shadow:var(--shadow-soft)}.bottom-bar .seal{display:flex;align-items:center;gap:13px;font-weight:850;color:#594375}.seal i{width:48px;height:48px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-soft);font-style:normal}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card .image{height:150px;border-radius:22px;background:linear-gradient(145deg,#f0e5ff,#fff);display:grid;place-items:center;box-shadow:var(--inner);margin-bottom:13px;overflow:hidden}.product-card .image img{max-width:94%;max-height:94%;object-fit:contain}.product-card h3{margin:0 0 7px;font-size:18px}.checklist{display:grid;gap:6px;margin:12px 0 14px;color:#68597d;font-size:13px}.checklist div:before{content:'✓';font-weight:900;color:#935fe8;margin-right:7px}.split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{background:linear-gradient(180deg,#fff,#fff8fa);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:26px;padding:20px}.bar-chart{height:230px;display:flex;align-items:end;gap:13px;margin-top:16px}.bar-chart i{flex:1;border-radius:16px 16px 9px 9px;background:linear-gradient(180deg,#ceb7ff,#976df1);box-shadow:var(--inner)}.bar-chart i:nth-child(1){height:44%}.bar-chart i:nth-child(2){height:70%;background:linear-gradient(180deg,#ffbed6,#f47dad)}.bar-chart i:nth-child(3){height:57%;background:linear-gradient(180deg,#ffe49b,#ffca4f)}.bar-chart i:nth-child(4){height:86%;background:linear-gradient(180deg,#ffd5bd,#ffae7a)}.bar-chart i:nth-child(5){height:62%;background:linear-gradient(180deg,#d4efb9,#96d45d)}.bar-chart i:nth-child(6){height:78%;background:linear-gradient(180deg,#d0e2ff,#8fb7ff)}.donut-big{width:210px;height:210px;border-radius:50%;background:conic-gradient(#9871ef 0 42%,#ff8db8 42% 68%,#ffca4f 68% 83%,#94d45c 83% 92%,#8eb7ff 92% 100%);margin:16px auto;position:relative}.donut-big:after{content:'';position:absolute;inset:35px;background:#fff9fa;border-radius:50%}.cta-line{margin-top:16px;padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,#ead9ff,#ffe1ed);display:flex;justify-content:space-between;gap:14px;align-items:center;box-shadow:var(--shadow-soft)}.cta-line b{font-size:18px}.wa{position:fixed;right:18px;bottom:18px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#43f08d,#17c765);box-shadow:0 18px 38px rgba(37,203,100,.24);color:#032713;font-size:28px;font-weight:900;z-index:30}.reveal{opacity:0;transform:translateY(16px);transition:.55s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:1180px){.app{grid-template-columns:1fr}.sidebar{position:relative;min-height:auto}.hero{grid-template-columns:1fr}.hero-art{min-height:300px}.metrics,.grid-4,.service-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:720px){.app{width:calc(100% - 10px);margin:5px auto;padding:8px;border-radius:24px}.content,.sidebar{border-radius:24px}.topbar{flex-wrap:wrap}.search{order:3;max-width:none}.top-cta{display:none}.hero{padding:24px 18px}.hero h1{font-size:42px}.metrics,.grid-4,.service-grid,.product-grid{grid-template-columns:1fr}.service-card{grid-template-columns:70px 1fr 28px}.bottom-bar,.cta-line{display:block}.bottom-bar .btn,.cta-line .btn{margin-top:12px}.hero-art{min-height:250px}.float-card.chart,.float-card.bars{display:none}.avatar-main{width:260px}.sidebar-card.secondary{display:none}}