@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#070707;--panel:#111;--yellow:#ffd21a;--text:#f5f5f5;--muted:#a6a6a6;--line:#252525}
*{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 10%,#1b1b0a 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,7,7,.88);backdrop-filter:blur(12px);z-index:10}
.logo{font-size:25px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--yellow)}
nav{display:flex;gap:28px;color:#ccc;font-size:14px}nav a:hover{color:var(--yellow)}.nav-btn{border:1px solid var(--yellow);padding:11px 18px;border-radius:8px;color:var(--yellow);font-weight:700}
.hero{min-height:calc(100vh - 78px);padding:8% 6%;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:60px}.eyebrow{color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(48px,7vw,90px);line-height:.98;letter-spacing:-4px;margin:18px 0}.hero h1 span{color:var(--yellow)}.lead{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;padding:14px 22px;border-radius:9px;font-weight:800}.primary{background:var(--yellow);color:#080808}.outline{border:1px solid #444}.outline:hover{border-color:var(--yellow);color:var(--yellow)}
.hero-card{border:1px solid #2b2b2b;background:linear-gradient(145deg,#171717,#0b0b0b);min-height:340px;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.4)}.brand-mark{font-size:clamp(45px,7vw,85px);font-weight:900;color:var(--yellow);letter-spacing:-5px}.hero-card p{color:#888;font-size:12px}
.section{padding:100px 6%;border-top:1px solid var(--line)}.section-head{max-width:760px;margin-bottom:45px}.section h2,.about h2,.cta h2,.contact h2{font-size:clamp(32px,4vw,55px);letter-spacing:-2px;margin:10px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border:1px solid var(--line);background:var(--panel);border-radius:16px;transition:.25s}.card:hover{transform:translateY(-7px);border-color:#555}.card.featured{border-color:#5a500e}.icon{font-size:30px;margin-bottom:24px}.card h3{font-size:21px;margin:0 0 12px}.card p{color:var(--muted);line-height:1.6;min-height:75px}.card a{color:var(--yellow);font-weight:700;font-size:14px}
.about{padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#0c0c0c}.about>p{color:#aaa;line-height:1.9;font-size:17px}.cta{text-align:center;padding:110px 6%;border-top:1px solid var(--line)}.cta p:not(.eyebrow){color:#999}.actions{justify-content:center}.contact{padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.contact>div:first-child p:last-child{color:#999;line-height:1.7}.contact-box{display:flex;flex-direction:column;gap:12px}.contact-box a{padding:20px;border:1px solid var(--line);border-radius:12px;background:#101010;display:flex;flex-direction:column;gap:7px}.contact-box a:hover{border-color:var(--yellow)}.contact-box small{color:#777}.contact-box strong{color:var(--yellow)}
footer{padding:28px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#777;font-size:12px}
@media(max-width:850px){nav{display:none}.nav{padding:0 5%}.hero{grid-template-columns:1fr;padding:70px 5%}.hero-card{min-height:240px}.cards{grid-template-columns:1fr 1fr}.about,.contact{grid-template-columns:1fr;gap:25px;padding:70px 5%}.section{padding:75px 5%}}
@media(max-width:550px){.cards{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.nav-btn{padding:9px 12px}.hero-card{display:none}.card p{min-height:auto}footer{flex-direction:column;gap:15px}}