@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600&display=swap');
:root{--bg:#0b0b0b;--panel:#141414;--text:#f4f1eb;--muted:#aaa59d;--line:#2b2b2b;--accent:#d7ff42}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:var(--text);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:10;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(11,11,11,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.logo{font-family:Oswald,sans-serif;font-size:31px;font-weight:600;letter-spacing:.04em}.logo span{color:var(--accent)}nav{display:flex;gap:30px;color:#c8c4bc;font-size:14px}nav a:hover{color:#fff}.nav-cta{padding:11px 18px;border:1px solid #444;border-radius:999px;font-size:13px}.hero{min-height:92vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(120deg,#151515,#090909 55%,#191919)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(215,255,66,.13),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.75));}.hero:after{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:55px 55px}.hero-content{position:relative;z-index:2;padding:0 8vw 9vh;max-width:850px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--accent);font-weight:700;margin:0 0 18px}.hero h1{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(65px,10vw,150px);line-height:.83;margin:0 0 28px;letter-spacing:-.025em}.hero h1 em{font-style:normal;color:var(--accent)}.hero-text{font-size:18px;line-height:1.6;color:#c8c4bc;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:700;font-size:14px}.primary{background:var(--accent);color:#0b0b0b}.ghost{border:1px solid #555;background:rgba(0,0,0,.25)}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;color:#aaa;font-size:13px}.hero-meta span:first-child{color:var(--accent);letter-spacing:.15em}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust div{padding:24px 5vw;border-right:1px solid var(--line)}.trust div:last-child{border-right:0}.trust strong,.trust span{display:block}.trust strong{font-size:18px}.trust span{font-size:11px;color:#777;letter-spacing:.15em;margin-top:5px}.section{padding:110px 8vw}.section-head{max-width:650px;margin-bottom:50px}.section h2,.contact h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(48px,6vw,88px);line-height:.9;margin:0 0 25px}.section-head>p:last-child,.showcase-copy p,.contact>div>p{color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{background:var(--bg);padding:42px;min-height:250px}.service-card span{color:var(--accent);font-size:12px;letter-spacing:.15em}.service-card h3{font-family:Oswald,sans-serif;font-size:40px;text-transform:uppercase;margin:55px 0 10px}.service-card p{color:var(--muted);line-height:1.6;max-width:450px}.showcase{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.showcase-image{min-height:620px;display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif;font-size:clamp(55px,8vw,120px);line-height:.8;text-align:center;color:#222;background:linear-gradient(135deg,#222,#0e0e0e)}.showcase-copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center;background:#121212}.showcase-copy h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(45px,5vw,75px);line-height:.92;margin:0 0 25px}.showcase-copy p{max-width:520px}.text-link{margin-top:18px;color:var(--accent);font-weight:700}.dark-section{background:#121212}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-grid>div:last-child{padding-top:25px}.about-grid p{color:#bbb;line-height:1.8}.about-grid .small{font-size:13px;color:#777}.hours{background:#0b0b0b}.hours-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hours-card div{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);font-size:16px}.hours-card div:last-child{border-bottom:0}.hours-card span{color:#888}.contact{padding:120px 8vw;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;background:var(--accent);color:#0b0b0b}.contact .eyebrow{color:#0b0b0b}.contact h2{font-size:clamp(55px,7vw,100px)}.contact>div>p{color:#303030;max-width:600px}.contact .primary{background:#0b0b0b;color:#fff}.contact .ghost{border-color:#0b0b0b}.contact-box{align-self:center;border:1px solid rgba(0,0,0,.25)}.contact-box div{padding:22px;border-bottom:1px solid rgba(0,0,0,.2)}.contact-box div:last-child{border-bottom:0}.contact-box span{display:block;font-size:10px;letter-spacing:.17em;font-weight:700;margin-bottom:8px}.contact-box strong,.contact-box a{font-size:16px}.contact-box a{text-decoration:underline;text-underline-offset:4px}footer{padding:35px 8vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;border-top:1px solid var(--line);color:#777;font-size:12px}.demo-note{max-width:360px;text-align:right}.placeholder{background-image:linear-gradient(135deg,#252525,#111)}@media(max-width:800px){nav{display:none}.nav{padding:0 5vw}.nav-cta{font-size:12px}.hero{min-height:88vh}.hero-content{padding:0 6vw 8vh}.hero h1{font-size:18vw}.trust{grid-template-columns:1fr 1fr}.trust div{padding:18px 6vw}.service-grid,.showcase,.about-grid,.contact{grid-template-columns:1fr}.section{padding:80px 6vw}.service-card{min-height:220px;padding:30px}.service-card h3{margin-top:45px}.showcase-image{min-height:430px}.showcase-copy{padding:80px 6vw}.contact{padding:80px 6vw;gap:50px}footer{grid-template-columns:1fr;text-align:left}.demo-note{text-align:left}}
