@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#04080d;--text:#eef5fb;--muted:#9eafbc;--cyan:#34d7ff;--line:rgba(92,205,235,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(180deg,rgba(3,7,12,.94),rgba(3,7,12,.45),transparent);backdrop-filter:blur(4px)}
.brand{display:flex;align-items:center;gap:12px}.p2{font-size:28px;font-weight:900;letter-spacing:-3px;color:var(--cyan);text-shadow:0 0 18px rgba(52,215,255,.25)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:12px;letter-spacing:2px}.brand-copy small{font-size:8px;color:var(--cyan);letter-spacing:1.5px}
nav{display:flex;gap:30px}nav a{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#d0dde4}
.hero{position:relative;min-height:780px;height:100vh;max-height:960px;display:flex;align-items:center;overflow:hidden;background:#071019 url("images/hero.jpg") center center/cover no-repeat}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,13,.92) 0%,rgba(3,8,13,.73) 32%,rgba(3,8,13,.18) 61%,rgba(3,8,13,.05) 100%),linear-gradient(0deg,rgba(2,6,10,.58) 0%,transparent 36%);pointer-events:none}
.hero-content{position:relative;z-index:2;width:min(700px,48vw);margin-left:10vw;padding-top:45px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:4px;margin:0 0 13px}
h1{font-size:clamp(55px,6.8vw,104px);line-height:.9;letter-spacing:-5px;margin:0;font-weight:900}h1 span{color:var(--cyan);text-shadow:0 0 26px rgba(52,215,255,.22)}.evo{font-size:clamp(16px,1.7vw,24px);letter-spacing:7px;margin:18px 0 24px;font-weight:600}.tagline{font-size:clamp(19px,2vw,28px);line-height:1.28;max-width:640px;margin:0 0 17px}.intro{max-width:600px;color:#c0d0da;font-size:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-block;border:1px solid rgba(52,215,255,.7);padding:12px 18px;background:rgba(3,14,20,.48);font-size:10px;font-weight:800;letter-spacing:1.5px}.button.primary{background:#0cbbdf;color:#021017;border-color:#0cbbdf}.button b{font-size:15px;margin-left:7px}
section{padding:110px 10vw}.statement{max-width:950px}.statement h2,.pillars>h2,.latest h2,.friends h2,.follow h2{font-size:clamp(34px,5vw,64px);line-height:1.03;letter-spacing:-2px;margin:0 0 28px}.statement p,.friends p,.follow p,.latest p{max-width:850px;color:var(--muted);font-size:18px}
.pillars{background:linear-gradient(#070d14,#0a121a);border-block:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:45px}.grid article{min-height:275px;padding:24px;border:1px solid var(--line);background:#ffffff04;transition:.25s}.grid article:hover{transform:translateY(-5px);border-color:rgba(52,215,255,.55)}.grid i{font-style:normal;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:2px}.grid h3{font-size:18px;letter-spacing:1px;margin:45px 0 15px}.grid p{color:var(--muted);font-size:14px}
.latest{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.latest-card{padding:30px;border:1px solid rgba(52,215,255,.25);background:linear-gradient(135deg,#0b1821,#071018)}.latest-card span{display:block;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:2px;margin-bottom:20px}.latest-card strong{display:block;font-size:22px;line-height:1.25}.latest-card small{display:block;color:var(--muted);margin-top:20px}
.friends{background:#071018}.follow{background:radial-gradient(circle at 70% 30%,rgba(25,123,157,.16),transparent 30%),#071018}.joke{margin-top:50px!important;color:#cddbe3!important;font-size:14px!important}footer{display:flex;justify-content:space-between;padding:25px 10vw;border-top:1px solid var(--line);color:#70808d;font-size:11px;letter-spacing:1px}
@media(max-width:900px){.hero-content{width:72vw;margin-left:7vw}.grid{grid-template-columns:1fr 1fr}.latest{grid-template-columns:1fr;gap:20px}}
@media(max-width:560px){.site-header{height:66px;padding:0 5vw}.brand-copy{display:none}nav{gap:13px}nav a{font-size:8px}.hero{min-height:760px;background-position:58% center}.hero-content{width:82vw;margin-left:7vw;padding-top:70px}.hero-shade{background:linear-gradient(90deg,rgba(3,8,13,.94) 0%,rgba(3,8,13,.68) 60%,rgba(3,8,13,.12) 100%),linear-gradient(0deg,rgba(2,6,10,.62),transparent 45%)}section{padding:80px 7vw}.grid{grid-template-columns:1fr}.grid article{min-height:210px}.grid h3{margin-top:30px}footer{padding:20px 7vw;flex-direction:column;gap:8px}}