
:root{--orange:#ff7900;--black:#080808;--white:#fff;--ink:#151515;--muted:#777}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#000}img{max-width:100%;display:block}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#090909;position:sticky;top:0;z-index:20;border-bottom:1px solid #222}.nav img{width:245px;height:auto}.nav nav{display:flex;gap:26px}.nav a{color:#ddd;text-decoration:none;font-size:12px;letter-spacing:1px;text-transform:uppercase}.nav a:hover{color:var(--orange)}
.hero{height:680px;position:relative;background:url('assets/hero-clean-hd.jpg') center/cover no-repeat}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 43%,rgba(0,0,0,.05) 78%)}.hero-copy{position:absolute;left:6vw;top:90px;max-width:480px;color:#fff}.hero h1{font-size:70px;line-height:.92;margin:0;font-weight:900}.hero h1 span,.eyebrow,.section-title span{color:var(--orange)}.rule{width:54px;height:4px;background:var(--orange);margin:28px 0}.hero h2{font-size:21px;letter-spacing:2px}.hero p{font-size:18px;line-height:1.55;color:#ddd}
section{padding:70px 6vw}.light{background:#f5f5f3}.dark{background:linear-gradient(#111,#050505);color:#fff}.split{display:grid;grid-template-columns:1fr 1.35fr;gap:50px;align-items:center}.split h2,.identities h2,.final h2,.technology h2{font-size:46px;line-height:.98;margin:10px 0 24px}.split p{font-size:16px;line-height:1.55}.eyebrow{font-weight:700;letter-spacing:1px}.split img{width:100%;max-height:440px;object-fit:cover}.section-title{display:flex;justify-content:space-between;border-bottom:1px solid #444;padding-bottom:16px;margin-bottom:28px;font-weight:700}.section-title small{color:#aaa;letter-spacing:2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333}.cards article{background:#0b0b0b;padding:28px;min-height:560px}.cards b{font-size:52px;color:#333}.cards h3{font-size:26px;margin:8px 0}.cards h4{font-size:12px;letter-spacing:1px;color:#bbb}.cards img{height:220px;width:100%;object-fit:cover;margin:18px 0}.cards p{color:#ccc;line-height:1.5}.cards a{display:inline-block;margin-top:12px;border:1px solid var(--orange);padding:12px 20px;color:#fff;text-decoration:none;font-size:12px}.cards a:hover{background:var(--orange)}
.creator-copy ul{line-height:1.9;padding-left:20px}.technology{min-height:480px;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.35)),url('assets/technology-clean-hd.jpg') center/cover no-repeat;display:flex;align-items:center}.technology>div{max-width:1000px}.technology p{font-size:18px;color:#ddd}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0}.specs span{border-left:2px solid var(--orange);padding:12px 16px;color:#eee}.technology small{color:#aaa}.identities{display:grid;grid-template-columns:.8fr 2fr;gap:30px;align-items:center}.identities img{max-height:270px;width:100%;object-fit:cover}.final{min-height:520px;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.25)),url('assets/footer-clean-hd.jpg') center/cover no-repeat;display:grid;grid-template-columns:1fr 1fr;align-items:center}.final p{font-size:22px;line-height:1.5}.contact{justify-self:end;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.contact img{width:300px;height:auto}.contact span{font-size:12px;letter-spacing:2px;color:#aaa}.contact a{color:var(--orange);font-size:20px;text-decoration:none;font-weight:700}footer{background:#050505;color:#777;padding:24px 6vw;font-size:11px;display:flex;justify-content:space-between}
@media(max-width:900px){.nav nav{display:none}.nav{height:68px}.nav img{width:220px;height:auto}.hero{height:610px}.hero h1{font-size:52px}.hero-copy{left:7vw;right:7vw}.split,.identities,.final{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.cards article{min-height:auto}.specs{grid-template-columns:1fr 1fr}.contact{justify-self:start}.split h2,.identities h2,.final h2,.technology h2{font-size:36px}}
@media(max-width:560px){section{padding:50px 7vw}.hero h1{font-size:44px}.hero p{font-size:16px}.specs{grid-template-columns:1fr}.hero{background-position:60% center}.final{min-height:620px}}

/* V2 clean HD section assets */
#concept img{object-fit:contain;background:#f5f5f3;max-height:480px}
.identities img{object-fit:contain;background:#f5f5f3;max-height:300px}

/* V3: all section artwork is text-free. All typography/logo/contact remain HTML. */
.hero{background-image:url('assets/hero-clean-hd.jpg')}
.technology{background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.30)),url('assets/technology-clean-hd.jpg')}
.final{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.20)),url('assets/footer-clean-hd.jpg')}
