:root{
--bg:#090a0c;--panel:#101216;--panel2:#14161b;--text:#f5f4ef;--muted:#9b9da4;--line:rgba(255,255,255,.10);
--accent:#d7b45b;--accent2:#9f7b2e;--green:#86d39a;--max:1180px;--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 80% 10%,rgba(215,180,91,.08),transparent 28%),radial-gradient(circle at 10% 60%,rgba(100,130,180,.05),transparent 30%);pointer-events:none;z-index:-2}
a{color:inherit;text-decoration:none}.section-shell{width:min(calc(100% - 40px),var(--max));margin:auto}.section-pad{padding:130px 0}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
#progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--accent);z-index:100}
.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(215,180,91,.10),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:-1;transition:opacity .3s}
#scene{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.site-header{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),1160px);height:68px;padding:8px 10px 8px 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(13,14,17,.72);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:18px;z-index:50;box-shadow:0 18px 60px rgba(0,0,0,.22)}
.brand{display:flex;align-items:center;gap:10px;font:600 14px "Space Grotesk";letter-spacing:.08em}.brand b{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(215,180,91,.5);border-radius:10px;color:var(--accent);font-size:11px}
nav{display:flex;align-items:center;gap:8px}nav a{padding:12px 14px;color:#c9c9cc;font-size:13px}nav a:hover{color:#fff}.nav-cta{background:#f2f0e9;color:#111!important;border-radius:12px;font-weight:700}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:20px}
.hero{min-height:920px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px;padding-top:90px}.eyebrow,.kicker{font:600 11px "Space Grotesk";text-transform:uppercase;letter-spacing:.17em;color:var(--accent)}.eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:22px}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}
h1,h2,h3,p{margin-top:0}h1{font:600 clamp(48px,6.5vw,86px)/.98 "Space Grotesk";letter-spacing:-.065em;max-width:760px;margin-bottom:28px}h1 span{color:var(--accent)}.hero-text{font-size:18px;line-height:1.7;color:var(--muted);max-width:640px}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);padding:14px 18px;border-radius:13px;font:600 13px "DM Sans";cursor:pointer;transition:.3s}.btn-primary{background:#f4f1e8;color:#101010;border-color:#f4f1e8}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(215,180,91,.12)}.btn-ghost{color:#ddd}.btn-ghost:hover{border-color:rgba(215,180,91,.5);transform:translateY(-3px)}
.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#7f8188;font-size:12px}.trust-row i{color:var(--accent);margin-right:5px}
.hero-object-wrap{height:610px;position:relative;display:grid;place-items:center;perspective:1200px}.hero-object{width:330px;height:330px;position:relative;transform-style:preserve-3d;animation:float 7s ease-in-out infinite}.object-core{position:absolute;inset:72px;border:1px solid rgba(215,180,91,.55);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015));box-shadow:inset 0 0 60px rgba(215,180,91,.08),0 0 80px rgba(215,180,91,.07);backdrop-filter:blur(8px);transform:rotateX(15deg) rotateY(-20deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.core-label{font:700 24px/1 "Space Grotesk";letter-spacing:.08em;text-align:center}.core-line{width:70px;height:1px;background:var(--accent)}.object-core strong{font-size:10px;color:var(--accent)}.object-ring{position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform-style:preserve-3d}.ring-1{transform:rotateX(67deg) rotateY(18deg) scale(1.02)}.ring-2{transform:rotateY(67deg) rotateZ(20deg) scale(.9)}.ring-3{transform:rotateX(22deg) rotateZ(67deg) scale(1.12);border-color:rgba(215,180,91,.24)}
.orbital{position:absolute;border:1px solid rgba(215,180,91,.12);border-radius:50%}.orbital-a{width:500px;height:500px;transform:rotate(24deg)}.orbital-b{width:430px;height:180px;transform:rotate(-28deg)}
.floating-card{position:absolute;padding:13px 15px;background:rgba(17,18,22,.8);border:1px solid var(--line);border-radius:13px;backdrop-filter:blur(12px);box-shadow:0 15px 40px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr auto;column-gap:18px;min-width:140px}.floating-card small{font-size:8px;letter-spacing:.15em;color:#777}.floating-card b{font:600 12px "Space Grotesk"}.floating-card span{grid-row:1/3;grid-column:2;color:var(--accent);align-self:center}.card-a{top:15%;right:0}.card-b{bottom:18%;left:0}.card-c{bottom:5%;right:15%}
@keyframes float{50%{transform:translateY(-14px) rotateX(2deg) rotateY(5deg)}}
.marquee-strip{overflow:hidden;border-block:1px solid var(--line);padding:20px 0;background:rgba(255,255,255,.015)}.marquee-track{width:max-content;display:flex;gap:24px;align-items:center;animation:marquee 32s linear infinite;color:#888;font:600 12px "Space Grotesk";letter-spacing:.13em}.marquee-track i{color:var(--accent);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-heading h2,.process-copy h2,.contact-intro h2,.about-card h2{font:600 clamp(36px,5vw,58px)/1 "Space Grotesk";letter-spacing:-.05em;margin:12px 0 0}.section-heading p{color:var(--muted);line-height:1.7;max-width:390px;margin:0}
.filters{display:flex;gap:7px;margin-bottom:30px}.filters button{border:1px solid var(--line);background:transparent;color:#888;padding:10px 14px;border-radius:10px;cursor:pointer}.filters button.active,.filters button:hover{color:#111;background:#eeeae0;border-color:#eeeae0}.filters b{font-size:10px;margin-left:5px}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portfolio-item{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);transition:.45s;opacity:0;transform:translateY(15px)}.portfolio-item.visible,.portfolio-item{animation:cardin .6s forwards}.portfolio-item:hover{transform:translateY(-7px);border-color:rgba(215,180,91,.32);box-shadow:0 20px 55px rgba(0,0,0,.3)}@keyframes cardin{to{opacity:1;transform:none}}.project-media{aspect-ratio:1.32;position:relative;overflow:hidden;background:linear-gradient(135deg,#17191e,#0c0d0f)}.project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.6s}.portfolio-item:hover img{transform:scale(1.04)}.project-type{position:absolute;left:10px;top:10px;padding:6px 8px;border-radius:8px;background:rgba(10,10,10,.78);font-size:9px;color:#ddd;backdrop-filter:blur(7px)}.project-body{padding:15px}.project-body h3{font:600 15px "Space Grotesk";margin-bottom:5px}.project-body p{font-size:11px;color:#777;margin:0}.project-link{float:right;margin-top:-18px;color:var(--accent)}.load-more{margin:30px auto 0;display:flex;border:1px solid var(--line);background:transparent;color:#ddd;padding:12px 16px;border-radius:11px;cursor:pointer}
.services-section{border-top:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{min-height:350px;padding:25px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:var(--radius);display:flex;flex-direction:column;transition:.35s}.service-card:hover{border-color:rgba(215,180,91,.28);transform:translateY(-5px)}.service-card>i{font-size:25px;color:var(--accent);margin:55px 0 22px}.service-number{font:10px "Space Grotesk";color:#666}.service-card h3{font:600 24px "Space Grotesk";margin-bottom:12px}.service-card p{font-size:13px;line-height:1.65;color:var(--muted)}.service-card a{margin-top:auto;color:#ddd;font-size:12px}.service-card a span{color:var(--accent);margin-left:5px}
.process-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.process-visual{height:500px;display:grid;place-items:center}.process-cube{width:190px;height:190px;position:relative;transform-style:preserve-3d;animation:cuberotate 14s linear infinite}.process-cube span{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(215,180,91,.38);background:rgba(215,180,91,.035);font:600 12px "Space Grotesk";letter-spacing:.16em}.process-cube span:nth-child(1){transform:translateZ(95px)}.process-cube span:nth-child(2){transform:rotateY(90deg) translateZ(95px)}.process-cube span:nth-child(3){transform:rotateX(90deg) translateZ(95px)}.process-cube span:nth-child(4){transform:rotateY(180deg) translateZ(95px)}@keyframes cuberotate{to{transform:rotateX(360deg) rotateY(360deg)}}.steps{margin-top:40px}.step{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.step>b{color:var(--accent);font:12px "Space Grotesk"}.step h3{font:600 18px "Space Grotesk";margin-bottom:7px}.step p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.about-section{border-top:1px solid var(--line)}.about-card{display:grid;grid-template-columns:190px 1fr;gap:70px;padding:55px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}.about-badge{width:125px;height:155px;border:1px solid rgba(215,180,91,.35);display:flex;flex-direction:column;justify-content:space-between;padding:16px}.about-badge span{font:700 32px "Space Grotesk";color:var(--accent)}.about-badge small{font:10px/1.4 "Space Grotesk";letter-spacing:.12em;color:#777}.about-card p{max-width:680px;color:var(--muted);line-height:1.75}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:12px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.stats-grid div{background:var(--panel);padding:25px}.stats-grid strong{display:block;font:600 34px "Space Grotesk";color:var(--accent)}.stats-grid span{color:#777;font-size:11px}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-intro h2{max-width:600px}.contact-intro>p{color:var(--muted);line-height:1.7;max-width:500px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:40px}.contact-links a{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;color:#bbb;font-size:12px}.contact-links i{color:var(--accent);width:18px;text-align:center}.contact-form{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.contact-form label{display:block;font-size:11px;color:#8c8e94;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:11px;background:#0b0c0f;color:#eee;padding:13px;font:13px "DM Sans";outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(215,180,91,.55)}.contact-form textarea{resize:vertical}.contact-form .btn{width:100%}.form-note{font-size:10px!important;color:#686a70!important;margin:13px 0 0!important;text-align:center}.form-note i{color:var(--green)}.honeypot{position:absolute!important;left:-9999px!important}
.footer{padding:30px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.footer p{font-size:11px;color:#666;margin:12px 0 0}.footer-right{display:flex;gap:18px;align-items:center;color:#777;font-size:11px}.footer-right a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-object-wrap{height:500px;order:-1}.hero-copy{padding-top:30px}.process-section{grid-template-columns:1fr;gap:30px}.process-visual{height:360px}.contact-section{gap:40px}}
@media(max-width:720px){.section-shell{width:min(calc(100% - 28px),var(--max))}.site-header{top:10px}.menu-toggle{display:block}.site-header nav{position:absolute;top:74px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:10px;background:rgba(13,14,17,.94);border:1px solid var(--line);border-radius:15px}.site-header nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:850px;padding-top:100px}.hero-object-wrap{height:400px}.hero-object{width:230px;height:230px}.object-core{inset:52px}.orbital-a{width:340px;height:340px}.orbital-b{width:300px}.floating-card{transform:scale(.85)}.card-a{top:5%}.card-b{bottom:15%}.card-c{bottom:0}.section-pad{padding:90px 0}.section-heading{display:block}.section-heading p{margin-top:20px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.about-card{grid-template-columns:1fr;padding:28px;gap:35px}.stats-grid{grid-template-columns:1fr 1fr}.contact-section{grid-template-columns:1fr}.contact-links{grid-template-columns:1fr}.footer{display:block}.footer-right{margin-top:25px;flex-wrap:wrap}h1{font-size:52px}}
@media(max-width:440px){.portfolio-grid{grid-template-columns:1fr}.trust-row{display:grid;gap:8px}.hero-actions{flex-direction:column}.btn{width:100%}h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}