:root{
  --bg:#050c13;--bg2:#081723;--panel:#0b1d2a;--panel2:#0d2230;
  --gold:#efba58;--gold2:#ffdc91;--cyan:#2ad3d6;--text:#f4f8fa;
  --muted:#9db0ba;--line:rgba(255,255,255,.09);--shadow:0 25px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 8% 4%,rgba(42,211,214,.09),transparent 24%),
radial-gradient(circle at 92% 17%,rgba(239,186,88,.08),transparent 25%),
linear-gradient(180deg,#050c13 0%,#07131d 48%,#050c13 100%);
color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.7}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1240px,calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(5,12,19,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navin{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:50px;height:50px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(239,186,88,.3)}.brand strong{display:block;font-size:15px}.brand span{display:block;color:var(--gold);font-size:10px;letter-spacing:1.7px}.links{display:flex;align-items:center;gap:22px;font-size:13px;color:#c7d4da}.links a:hover{color:#fff}.links .cta{border:1px solid rgba(239,186,88,.34);color:var(--gold2);padding:9px 13px;border-radius:11px}
.hero{padding:76px 0 54px;min-height:670px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:58px;align-items:center}.eyebrow,.section-kicker{font-size:11px;letter-spacing:1.8px;color:var(--cyan);font-weight:700}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.15;margin:14px 0 20px;letter-spacing:-2px}.hero h1 .gold{color:var(--gold2)}.hero p{font-size:17px;color:#b8c7ce;max-width:650px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:13px;font-weight:800;font-size:13px}.btn-primary{background:linear-gradient(180deg,#f4c773,#c89338);color:#061019;box-shadow:0 12px 30px rgba(239,186,88,.14)}.btn-ghost{border:1px solid rgba(42,211,214,.3);color:#81f2f4;background:rgba(42,211,214,.035)}.hero-card{position:relative;border:1px solid var(--line);border-radius:28px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:var(--shadow)}.hero-card img{border-radius:20px;aspect-ratio:16/10;object-fit:cover}.hero-badge{position:absolute;bottom:28px;right:28px;background:rgba(4,12,18,.88);border:1px solid rgba(239,186,88,.28);padding:12px 14px;border-radius:13px;backdrop-filter:blur(12px)}.hero-badge strong{display:block;color:var(--gold2)}.hero-badge span{font-size:11px;color:#a9bcc6}
.section{padding:88px 0}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005));border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:28px}.head h2{font-size:clamp(31px,4vw,48px);margin:5px 0}.head p{max-width:720px;color:var(--muted);margin:0}.line{height:2px;width:70px;background:linear-gradient(90deg,var(--gold),var(--cyan));margin-top:15px}
.identity-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:22px}.brand-cover,.identity-copy{border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.035);overflow:hidden}.brand-cover img{width:100%;height:100%;min-height:400px;object-fit:cover}.identity-copy{padding:34px}.identity-copy h3{font-size:30px;margin:0 0 12px}.identity-copy p{color:#aebfc7;margin:0 0 18px}.identity-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}.point{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.point strong{color:var(--gold2);font-size:13px}.point span{display:block;font-size:11px;color:#899da7;margin-top:4px}
.services{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service{display:grid;grid-template-columns:190px 1fr;min-height:210px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.032);transition:.25s}.service:hover{transform:translateY(-4px);border-color:rgba(239,186,88,.26)}.service img{width:100%;height:100%;object-fit:cover}.service .body{padding:22px}.service h3{margin:0 0 8px;font-size:21px}.service p{margin:0;color:var(--muted);font-size:13px}.service small{display:block;color:var(--cyan);margin-bottom:8px;font-size:10px;letter-spacing:1.3px}
.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.work{position:relative;min-height:300px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0a1b28;isolation:isolate;transition:.3s}.work:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(3,8,12,.92) 92%);z-index:1}.work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.45s}.work:hover{transform:translateY(-6px);border-color:rgba(42,211,214,.27);box-shadow:0 20px 50px rgba(0,0,0,.25)}.work:hover img{transform:scale(1.045)}.work-body{position:absolute;z-index:2;bottom:0;right:0;left:0;padding:20px}.work h3{margin:0 0 4px;font-size:18px}.work p{font-size:11px;color:#b0c1c8;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-meta{display:flex;justify-content:space-between;font-size:10px;color:#a5b7c0}.work-meta span:last-child{color:var(--gold2)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-panel{border:1px solid var(--line);border-radius:25px;padding:30px;background:rgba(255,255,255,.035)}.contact-panel h3{font-size:28px;margin:0 0 10px}.contact-panel p{color:var(--muted)}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.contact-list{display:grid;gap:10px}.contact-item{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.contact-item span{display:block;color:#80949e;font-size:11px}.contact-item strong{font-size:14px}
footer{padding:28px 0 40px;color:#738791;font-size:11px;text-align:center}
@media(max-width:1020px){.hero-grid,.identity-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.services{grid-template-columns:1fr}.works-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.links a:not(.cta){display:none}.hero{padding-top:50px}.hero h1{letter-spacing:-1px}.works-grid{grid-template-columns:repeat(2,1fr)}.service{grid-template-columns:135px 1fr}.identity-points{grid-template-columns:1fr}.head{display:block}}@media(max-width:520px){.container{width:min(100% - 24px,1240px)}.works-grid{grid-template-columns:1fr}.service{grid-template-columns:1fr}.service img{height:210px}.hero-card img{aspect-ratio:4/3}.section{padding:65px 0}}
\n/* V8 DEVICE-READY responsive hardening */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.btn,.cta,.work,.service{touch-action:manipulation}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:9px 12px;color:var(--gold2);font-size:13px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{position:absolute;top:48px;left:0;min-width:220px;background:rgba(5,12,19,.98);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow)}.mobile-menu-panel a{display:block;padding:11px 12px;border-radius:10px;font-size:13px;color:#d9e4e9}.mobile-menu-panel a:hover{background:rgba(255,255,255,.05)}
@media(hover:none){.work:hover,.service:hover{transform:none}.work:hover img{transform:none}}
@media(max-width:760px){.links{display:none}.mobile-menu{display:block}.navin{min-height:68px}.brand img{width:44px;height:44px}.brand strong{font-size:13px}.brand span{font-size:9px}.hero{padding:42px 0 38px}.hero-grid{gap:28px}.hero h1{font-size:clamp(34px,10vw,52px)}.hero p{font-size:15px}.hero-badge{bottom:20px;right:20px}.identity-copy{padding:24px}.brand-cover img{min-height:280px}.service .body{padding:18px}.contact-panel{padding:22px}.head h2{font-size:34px}.section{padding:58px 0}.btn{min-height:44px}}
@media(max-width:420px){.container{width:calc(100% - 20px)}.brand span{display:none}.hero h1{font-size:34px}.hero-card{border-radius:20px;padding:8px}.hero-card img{border-radius:14px}.hero-badge{font-size:12px}.actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.work{min-height:270px}.service img{height:190px}.contact-actions{display:grid}.contact-actions .btn{width:100%}}
@media(min-width:761px) and (max-width:1100px){.container{width:min(100% - 32px,1240px)}.works-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:32px}.hero h1{font-size:clamp(44px,5.5vw,62px)}}
@media(min-width:1500px){.container{max-width:1320px}.hero{min-height:720px}}