:root { --violet:#6d28d9; --cyan:#06b6d4; --ink:#111827; --muted:#64748b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:Inter,system-ui,sans-serif; background:#fbfbff; }
header,main { width:min(1120px,calc(100% - 40px)); margin:auto; }
header { padding:26px 0; display:flex; justify-content:space-between; align-items:center; }
header a { color:inherit; text-decoration:none; font-weight:750; } nav { display:flex; gap:24px; }
.logo { font-size:1.4rem; color:var(--violet); }
.hero { min-height:70vh; display:grid; grid-template-columns:1.3fr .7fr; gap:50px; align-items:center; }
.eyebrow { color:var(--violet); font-weight:850; letter-spacing:.15em; }
h1 { max-width:780px; margin:12px 0 22px; font-size:clamp(3rem,8vw,6.5rem); line-height:.94; letter-spacing:-.06em; }
.hero p:not(.eyebrow) { max-width:690px; color:var(--muted); font-size:1.15rem; line-height:1.75; }
.button { display:inline-block; margin-top:18px; padding:14px 20px; color:#fff; text-decoration:none; font-weight:800; background:linear-gradient(135deg,var(--violet),var(--cyan)); border-radius:13px; }
.orb { aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 30% 25%,#67e8f9,var(--violet) 55%,#1e1b4b); box-shadow:0 30px 80px rgba(109,40,217,.3); }
.orb span { color:#fff; font:800 clamp(2.5rem,7vw,5rem)/1 monospace; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:20px 0 70px; }
article,.about { padding:28px; background:#fff; border:1px solid #e8e7ff; border-radius:20px; box-shadow:0 14px 40px rgba(76,29,149,.06); }
article p,.about p { color:var(--muted); line-height:1.65; }
.about { margin-bottom:70px; }
@media (max-width:760px) { .hero { grid-template-columns:1fr; padding:70px 0; } .orb { display:none; } .grid { grid-template-columns:1fr; } }