@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090d16;--surface:#111827;--surface2:#172237;--text:#f4f7fc;--muted:#9aa8bf;--line:#27334a;--accent:#a7f3d0;--violet:#a9a1ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 82% 3%,#29486655,transparent 40%),radial-gradient(ellipse at 10% 55%,#29214b55,transparent 43%)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:#a7f3d0;color:#111827}
.container{width:min(1160px,calc(100% - 44px));margin:auto}
header{position:sticky;top:0;z-index:20;background:#090d16dd;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff16}
.nav{height:78px;display:flex;align-items:center;gap:28px}.logo{font-weight:800;letter-spacing:-1.2px;font-size:23px;white-space:nowrap}.logo b{color:var(--accent)}.navlinks{display:flex;gap:26px;margin-left:auto;align-items:center}.navlinks a{color:#c3cddd;font-size:14px;transition:color .2s}.navlinks a:hover,.navlinks a.active{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ffffff27;border-radius:12px;padding:13px 20px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;background:#ffffff0c;color:white}.btn:hover{transform:translateY(-3px);background:#ffffff18}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0b1920}.btn.primary:hover{box-shadow:0 12px 35px #a7f3d033}.menu{display:none}
.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;padding:75px 0 90px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}.hero h1{font-size:clamp(48px,6vw,82px);letter-spacing:-5px;line-height:1.09;margin:18px 0 25px}.gradient{background:linear-gradient(110deg,var(--accent),#a9a1ff);color:transparent;background-clip:text}.lead{font-size:18px;color:var(--muted);max-width:630px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.heroart{min-height:390px;position:relative;display:grid;place-items:center}.orb{width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d6fff2,#78d8c5 30%,#5665b8 70%,#242644);box-shadow:0 0 100px #65d4c344;animation:float 7s ease-in-out infinite}.ring{position:absolute;width:400px;height:400px;border:1px solid #a7f3d04a;border-radius:50%;transform:rotate(-25deg) scaleY(.42);animation:spin 20s linear infinite}.floatcard{position:absolute;right:0;bottom:45px;background:#172237e8;backdrop-filter:blur(12px);border:1px solid #ffffff28;border-radius:16px;padding:18px 23px;box-shadow:0 18px 45px #0005;animation:float 5s ease-in-out infinite}.floatcard strong{display:block;font-size:27px;color:var(--accent)}
section{padding:60px 0}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.sectiontop h2,h2{font-size:clamp(28px,3.6vw,43px);letter-spacing:-1.9px;line-height:1.2;margin:12px 0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:block;background:linear-gradient(160deg,#1a2538,#111827);border:1px solid #ffffff18;border-radius:20px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);border-color:#a7f3d080;box-shadow:0 20px 40px #0005}.card .content{padding:25px}.card h3{font-size:21px;letter-spacing:-.6px;line-height:1.35;margin:10px 0}.card p{color:var(--muted);font-size:14px}.tag{font-size:11px;letter-spacing:1.4px;color:var(--accent);font-weight:800;text-transform:uppercase}.visual{height:185px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 30%,#8de0c580,#25364e 42%,#111827 80%)}.visual:after{content:"";position:absolute;width:150px;height:150px;border:2px solid #ffffff50;border-radius:30px;transform:rotate(28deg);left:calc(50% - 75px);top:20px;box-shadow:0 0 0 28px #ffffff08,0 0 0 55px #ffffff08}.visual.v2{background:radial-gradient(circle at 35% 60%,#a9a1ff99,#293257 50%,#111827)}.visual.v3{background:radial-gradient(circle at 60% 50%,#ffbe9d88,#594062 50%,#111827)}.visual.v4{background:radial-gradient(circle at 40% 45%,#5ab4d999,#243b5e 50%,#111827)}
.banner{border:1px solid #ffffff22;border-radius:24px;padding:44px;background:linear-gradient(110deg,#172c36,#22203c);display:flex;align-items:center;justify-content:space-between;gap:30px}.banner h2{margin:0 0 12px}.banner p{color:#b8c5d5;max-width:600px}
.pagehead{padding:75px 0 35px}.pagehead h1{font-size:clamp(42px,6vw,68px);line-height:1.12;letter-spacing:-3px;margin:12px 0}.pagehead p{color:var(--muted);max-width:720px;font-size:18px}.article{max-width:820px;margin:auto;padding:35px 0 95px}.article p{color:#c5cede;font-size:17px}.article h2{margin-top:45px}.article .meta{color:var(--accent);font-size:13px;font-weight:700}.article .cover{height:300px;border-radius:20px;margin:30px 0}.pillrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.pill{border:1px solid #ffffff26;border-radius:100px;padding:9px 16px;background:transparent;color:#bfc8d8;font-size:13px}.pill.active,.pill:hover{background:var(--accent);color:#111827;border-color:var(--accent)}
.form{max-width:680px}.field{display:block;margin:18px 0;color:#cbd5e1;font-size:14px}.field input,.field textarea{display:block;width:100%;margin-top:8px;border:1px solid #ffffff28;border-radius:12px;background:#141d2c;color:white;padding:15px;outline:none}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--accent)}
footer{border-top:1px solid #ffffff1c;margin-top:80px;padding:36px 0;color:var(--muted);font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{margin-left:18px}.foot a:hover{color:var(--accent)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes spin{to{transform:rotate(335deg) scaleY(.42)}}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.heroart{min-height:300px}.orb{width:230px;height:230px}.ring{width:300px;height:300px}.grid{grid-template-columns:repeat(2,1fr)}.navlinks{display:none;position:absolute;top:77px;left:0;right:0;background:#101827;padding:24px;flex-direction:column;align-items:start}.navlinks.open{display:flex}.menu{display:block;margin-left:auto;background:transparent;color:white;border:1px solid #ffffff33;border-radius:9px;padding:8px 12px}.nav>.btn{display:none}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2.5px}.banner{padding:28px;display:block}.floatcard{right:0;bottom:15px}.sectiontop{align-items:start;flex-direction:column}.pagehead{padding-top:50px}.pagehead h1{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}