@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Caveat:wght@600;700&display=swap');
:root{--bg:#07080d;--panel:#0e1019;--panel2:#111423;--purple:#9a4dff;--violet:#7027d9;--green:#9cff3f;--text:#f7f7fb;--muted:#b7b3c5;--line:#302052}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% 18%,#21123e 0,transparent 27%),radial-gradient(circle at 20% 70%,#101d18 0,transparent 25%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 67.8%,rgba(156,255,63,.025) 67.8% 68%,transparent 68%);z-index:-1}
.site-header{height:78px;border-bottom:1px solid #2a1b47;display:flex;align-items:center;padding:0 3.1%;gap:28px;position:sticky;top:0;background:rgba(7,8,13,.94);backdrop-filter:blur(14px);z-index:20}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:300px}.brand-mark{width:48px;height:58px;border-radius:15px;background:linear-gradient(145deg,#7835e8,#17102b);border:1px solid #a06bff;display:grid;place-items:center;color:var(--green);font-weight:900;font-size:25px;box-shadow:0 0 22px #7c38ff55}.brand strong{display:block;font-size:19px;letter-spacing:.03em}.brand strong i{color:#bc72ff;font-style:normal}.brand small{display:block;color:#d9d6e5;font-size:9px;letter-spacing:.28em;margin-top:2px}
nav{display:flex;gap:25px;flex:1;justify-content:center}nav a{color:#ddd9e6;text-decoration:none;font-size:12px;font-weight:600;padding:29px 0 25px;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--green);border-color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:11px;padding:13px 23px;font-weight:800;font-size:13px}.btn-green{background:linear-gradient(135deg,#b7ff61,#78ef3f);color:#081007;box-shadow:0 0 28px #8fff3d25}.btn-green b{font-size:18px;margin-left:12px}.btn-outline{color:#fff;border:1px solid #66709c;background:#0b0e17}.btn.small{padding:9px 18px;font-size:11px;margin-top:14px}
.hero{min-height:485px;display:grid;grid-template-columns:52% 48%;border-bottom:1px solid #271d3b;overflow:hidden}.hero-copy{padding:52px 30px 40px 4.4%;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.42em;color:#caa9ff;font-weight:800;margin-bottom:18px}.hero h1{font-size:55px;line-height:1.02;margin:0 0 20px;font-weight:900;letter-spacing:-.045em}.hero h1 span{color:var(--green)}.hero p{max-width:610px;color:#e0dce8;font-size:14px;line-height:1.65;margin-bottom:24px}.actions{display:flex;gap:14px}.hero-art{position:relative;min-height:485px;display:flex;align-items:flex-end;justify-content:center}.hero-art .glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#9cff3f44,#9cff3f00 68%);right:28%;top:80px;filter:blur(5px)}.hero-art img{height:465px;width:auto;max-width:88%;object-fit:cover;object-position:center;border-radius:45% 45% 0 0;mix-blend-mode:screen;filter:saturate(1.12) contrast(1.03);position:relative;z-index:2}.right-note{position:absolute;right:4%;top:73px;z-index:4;width:145px}.script{font-family:Caveat,cursive;font-size:34px;line-height:.85;color:#eee9ff;transform:rotate(-5deg);text-shadow:0 0 18px #9f68ff55}.right-note ul{list-style:none;padding:12px 0 0;margin:0}.right-note li{font-size:12px;margin:10px 0;color:#f4f2fa}.right-note li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green);color:#071006;font-weight:900;margin-right:8px}
.feature-strip{margin:18px 2.3%;border:1px solid #45436e;background:linear-gradient(180deg,#101322,#0b0d15);border-radius:13px;display:grid;grid-template-columns:repeat(8,1fr);padding:17px 8px;box-shadow:0 0 30px #7b38ff14}.feature-strip div{min-height:68px;border-right:1px solid #29243c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}.feature-strip div:last-child{border-right:0}.feature-strip b{font-size:22px;color:var(--green);line-height:1}.feature-strip div:nth-child(even) b,.feature-strip div:nth-child(6) b{color:#9d57ff}.feature-strip span{font-size:10px;line-height:1.25;color:#f1eef7;font-weight:600}
.health{margin:24px 2.3% 18px;display:grid;grid-template-columns:1.25fr .9fr .7fr;gap:18px;align-items:stretch}.health-intro,.health-list,.melting{border-radius:12px;border:1px solid #292442;background:linear-gradient(145deg,#11121e,#0a0c13);min-height:155px}.health-intro{display:flex;gap:20px;padding:22px}.witch-icon{font-size:55px;color:var(--green);text-shadow:0 0 25px #9cff3f55}.health h2{font-size:20px;line-height:1;margin:0 0 9px}.health h2 span{color:#c269ff}.health h2 em{color:var(--green);font-style:normal}.health p{font-size:11px;font-weight:700;margin:0 0 7px}.health small{display:block;color:#aaa7b7;line-height:1.45;font-size:10px;max-width:370px}.health-list{padding:12px 16px}.health-list div{height:22px;border-bottom:1px solid #242334;display:flex;align-items:center;font-size:10px;color:#ddd9e5}.health-list div:last-child{border:0}.health-list span{color:var(--green);margin-right:9px}.health-list b{margin-left:auto;color:var(--green);font-weight:600}.melting{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(circle at 50% 100%,#2d0c4e,#0b0c13 65%)}.melting .script{font-size:28px}.melting small{font-size:10px;color:#b9b4c5;margin-top:12px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 2.3% 22px}.cards article{border:1px solid #292442;border-radius:10px;padding:20px;background:linear-gradient(145deg,#111321,#0b0d15)}.cards .icon{font-size:28px;color:var(--green)}.cards h3{margin:5px 0 8px;font-size:15px}.cards p{font-size:11px;line-height:1.55;color:#aaa7b7;margin:0}.bottom-line{border-top:1px solid #3c2463;padding:15px 0 22px;text-align:center;color:#c28cff;letter-spacing:.42em;font-size:9px}
.side-panel{position:absolute;top:0;right:0;width:32%;min-height:100%;padding:88px 2.3% 35px;border-left:1px solid #38245b;background:linear-gradient(180deg,#0b0713,#0a0811)}main{width:68%;padding-bottom:20px}.logo-art{display:block;width:100%;height:285px;object-fit:cover;object-position:center top;mix-blend-mode:screen;border-radius:10px}.domain-box,.middleware{border:1px solid #4d4b80;border-radius:14px;background:linear-gradient(145deg,#121423,#090b12);padding:17px;margin-top:13px;box-shadow:0 0 24px #7032d916}.domain-box h2{font-size:16px;margin:0;color:#f5f3fb}.domain-box h2:first-letter{color:var(--green)}.domain-box p{font-size:10px;color:#c1bdcb;margin:6px 0 10px}.domain{height:28px;border-radius:7px;margin:4px 0;padding:0 8px 0 10px;background:#171a28;display:flex;align-items:center;justify-content:space-between;font-size:9px}.domain b{background:var(--green);color:#071006;border-radius:6px;padding:4px 9px;font-size:8px}.middleware{text-align:center;padding:24px 15px;border-color:#a24eff;box-shadow:0 0 25px #9b43ff2a}.middleware .script{font-size:35px}.middleware strong{display:block;font-size:12px;margin-top:8px}.middleware strong span{color:var(--green)}.hat{color:var(--green);font-size:30px;margin:12px}.middleware h3{font-size:13px;margin:0}.middleware p{font-size:9px;color:#aaa6b6;margin:7px 0 0}
@media(max-width:1100px){nav{gap:12px}.brand{min-width:245px}.hero h1{font-size:45px}.side-panel{position:relative;width:100%;border-left:0;padding:35px 4%}.side-panel .logo-art{height:330px}main{width:100%}.site-header{position:relative}.feature-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.site-header{height:auto;flex-wrap:wrap;padding:14px 5%}.brand{min-width:0;flex:1}.site-header>.btn{display:none}nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 10px}.hero h1{font-size:46px}.hero-art{min-height:430px}.right-note{right:6%}.feature-strip{grid-template-columns:repeat(2,1fr)}.health,.cards{grid-template-columns:1fr}.domain{font-size:10px}.domain-box,.middleware{max-width:620px;margin-left:auto;margin-right:auto}}

/* Header Brand Logo */
.header-logo{
  display:block;
  width:auto;
  height:58px;
  max-width:320px;
  object-fit:contain;
}