:root{
  --bg:#09090b;--ink:#f6f5f2;--muted:#a5a4a0;--paper:#f0eee8;--paper-ink:#111114;
  --acid:#d9ff3f;--violet:#7c4dff;--cyan:#50d9ff;--line:rgba(255,255,255,.13);
  --dark-card:#111116;--radius:24px;--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
button{cursor:pointer}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(124,77,255,.16),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:1;mix-blend-mode:screen}
.progress-bar{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--acid));z-index:100}
.section-shell{width:min(calc(100% - 48px),var(--max));margin:auto}.section{padding:130px 0}.eyebrow{font:500 11px/1.2 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.eyebrow .pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:8px;box-shadow:0 0 15px var(--acid)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif}h2{font-size:clamp(3.5rem,7vw,7.2rem);line-height:.86;letter-spacing:-.07em;margin-bottom:24px}h2 span,h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.2px currentColor}p{line-height:1.7;color:var(--muted)}
.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 20px;border-radius:999px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.03em;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.btn span{font-size:18px}.btn-primary{background:var(--acid);color:#09090b}.btn-primary:hover{background:#efffa2;transform:translateY(-3px)}.btn-ghost{border-color:rgba(255,255,255,.25);color:var(--ink)}.btn-ghost:hover{border-color:var(--acid);color:var(--acid);transform:translateY(-3px)}.full{width:100%}
.site-header{height:82px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:40;background:linear-gradient(180deg,rgba(9,9,11,.92),rgba(9,9,11,.35),transparent);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--acid);color:var(--acid);font-family:"Space Grotesk";transform:skew(-8deg)}.brand-dot{color:var(--acid)}.desktop-nav{display:flex;gap:30px;font:500 12px "DM Mono";text-transform:uppercase;color:#bbb}.desktop-nav a:hover{color:var(--acid)}.header-cta{font-size:12px;font-weight:800;border-bottom:1px solid var(--acid);padding-bottom:5px}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;padding-top:100px;overflow:hidden}.hero-grid-bg{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7}.orb-a{width:430px;height:430px;right:25%;top:16%;background:radial-gradient(circle at 35% 30%,rgba(80,217,255,.45),transparent 65%)}.orb-b{width:520px;height:520px;left:-20%;bottom:-25%;background:radial-gradient(circle,rgba(124,77,255,.35),transparent 68%)}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(4.5rem,10vw,9.8rem);line-height:.77;letter-spacing:-.085em;margin:0 0 32px}.hero h1 .accent{color:var(--acid);-webkit-text-stroke:0}.hero-sub{max-width:600px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 28px}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;font:500 10px "DM Mono";text-transform:uppercase;color:#777}.hero-visual{position:relative;min-height:650px;display:grid;place-items:center;z-index:2}.hero-photo-wrap{position:relative;width:min(500px,82vw);aspect-ratio:1/1.12}.hero-photo{position:absolute;width:82%;height:86%;right:2%;bottom:4%;object-fit:cover;object-position:50% 20%;filter:saturate(.85) contrast(1.05);border-radius:180px 180px 28px 28px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.photo-ring{position:absolute;inset:5% 4% 2% 12%;border:1px solid rgba(217,255,63,.35);border-radius:45% 45% 18px 18px;transform:rotate(5deg)}.photo-ring:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(80,217,255,.35);border-radius:45% 45% 18px 18px}.floating-card{position:absolute;background:rgba(12,12,15,.78);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.3);padding:14px 16px}.card-code{left:-2%;top:17%;max-width:205px}.card-status{right:-1%;bottom:13%;font:500 11px "DM Mono";display:flex;align-items:center;gap:8px}.card-kicker{display:block;font:500 9px "DM Mono";color:var(--muted);margin-bottom:7px}.floating-card strong{font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid)}.scroll-cue{position:absolute;bottom:35px;left:0;display:flex;align-items:center;gap:12px;font:500 9px "DM Mono";color:#777;letter-spacing:.1em}.scroll-cue i{width:45px;height:1px;background:#777;position:relative}.scroll-cue i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(-45deg)}
.ticker{overflow:hidden;background:var(--acid);color:#09090b;transform:rotate(-1deg) scale(1.02);padding:13px 0;font:800 14px "DM Mono"}.ticker-track{width:max-content;display:flex;gap:28px;align-items:center;animation:ticker 22s linear infinite}.ticker b{font-size:18px}@keyframes ticker{to{transform:translateX(-50%)}}
.section-dark{background:var(--bg)}.section-light{background:var(--paper);color:var(--paper-ink)}.section-light .eyebrow,.section-light p{color:#666}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.section-intro h2{font-size:clamp(4rem,7vw,7rem)}.mono-note{font:500 11px "DM Mono";text-transform:uppercase;max-width:260px}.about-copy{max-width:720px}.about-copy .lead{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2;color:var(--ink);letter-spacing:-.035em}.about-copy p{font-size:16px}.about-copy strong{color:var(--ink)}.signature{font:700 38px "Space Grotesk";margin-top:40px;letter-spacing:-.08em}.signature span{color:var(--acid)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-heading>p{max-width:340px;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{position:relative;background:#fff;border:1px solid #dedcd5;border-radius:26px;padding:28px;min-height:560px;display:flex;flex-direction:column;transition:box-shadow .3s ease}.price-card:hover{box-shadow:0 25px 60px rgba(0,0,0,.1)}.price-card.featured{background:#101014;color:#fff;border-color:#101014;transform:translateY(-18px)}.price-card.featured p,.price-card.featured .card-top{color:#aaa}.card-top{display:flex;justify-content:space-between;font:500 10px "DM Mono";color:#777}.price-card h3{font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.06em;margin:70px 0 10px}.price{font:800 clamp(2rem,4vw,3.8rem) "Space Grotesk";letter-spacing:-.07em}.price small{font-size:14px;letter-spacing:0}.price-card>p{min-height:72px}.price-card ul{list-style:none;padding:0;margin:18px 0 25px}.price-card li{padding:10px 0;border-top:1px solid #e2e0da;font-size:13px;color:#5c5a56}.price-card.featured li{border-color:#2c2c31;color:#d6d6d1}.price-card li:before{content:"↳";color:#8a8a84;margin-right:8px}.text-btn{margin-top:auto;border:0;background:none;padding:0;text-align:left;font-weight:900;text-transform:uppercase;font-size:12px;display:flex;justify-content:space-between;color:inherit}.text-btn:hover{color:var(--violet)}.featured-tag{position:absolute;top:0;right:25px;transform:translateY(-50%);background:var(--acid);color:#09090b;padding:7px 10px;font:800 9px "DM Mono";border-radius:999px}
.custom-service{background:linear-gradient(125deg,#17131e,#0b1018 55%,#151709);position:relative;overflow:hidden}.custom-service:after{content:"";position:absolute;width:500px;height:500px;right:-170px;top:-220px;background:radial-gradient(circle,rgba(217,255,63,.12),transparent 68%)}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.custom-grid h2{font-size:clamp(3.5rem,6vw,6.5rem)}.custom-panel{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:38px;border-radius:28px}.custom-panel p{font-size:18px;max-width:540px}.service-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.service-pills span{font:500 9px "DM Mono";border:1px solid var(--line);padding:8px 10px;border-radius:999px;color:#aaa}
.work-section{padding-bottom:150px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-card{min-width:0}.project-large{grid-row:span 2}.project-wide{grid-column:1/-1}.project-image{position:relative;aspect-ratio:1.45/1;border-radius:22px;overflow:hidden;background:#17171c;border:1px solid var(--line)}.project-large .project-image{aspect-ratio:1.25/1}.project-wide .project-image{aspect-ratio:3/1}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:saturate(.85)}.project-card:hover .project-image img{transform:scale(1.045)}.project-number{position:absolute;right:15px;top:15px;background:rgba(0,0,0,.65);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;padding:8px 10px;font:500 9px "DM Mono"}.project-image.placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#24242b,#101014)}.project-image.placeholder>span{font:800 clamp(1.2rem,3vw,3rem) "Space Grotesk";text-align:center;line-height:.9;color:#3a3a43}.project-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 2px 30px}.project-info h3{font-size:25px;letter-spacing:-.05em;margin:5px 0 0}.project-info p{font-size:12px;margin:0;max-width:270px}.project-type{font:500 9px "DM Mono";color:#777}.round-arrow{width:44px;height:44px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:19px;transition:.25s}.round-arrow:hover{background:var(--acid);color:#09090b;border-color:var(--acid);transform:rotate(12deg)}
.marquee-cta{padding:28px 0;overflow:hidden;background:var(--acid);color:#09090b;transform:rotate(1deg) scale(1.02);margin:30px 0}.marquee-line{display:flex;gap:35px;white-space:nowrap;width:max-content;font:900 clamp(2.5rem,7vw,7rem) "Space Grotesk";letter-spacing:-.08em;animation:marquee 20s linear infinite}.marquee-line i{font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quote-card{background:#fff;border:1px solid #ddd9d0;border-radius:20px;padding:25px;min-height:250px;display:flex;flex-direction:column}.quote-mark{font:900 42px "Space Grotesk";line-height:.7;color:#bbb}.quote-card p{color:#444;font-size:14px;line-height:1.6}.quote-card strong{font-size:12px;margin-top:auto}.quote-card small{font:500 9px "DM Mono";color:#999;margin-top:6px;text-transform:uppercase}
.contact-section{background:#111116}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-copy h2{font-size:clamp(4rem,7vw,7rem)}.contact-copy p{max-width:500px}.instagram-link{display:inline-flex;gap:12px;border-bottom:1px solid var(--acid);padding:8px 0;font-weight:800;margin-top:20px}.contact-form{background:#f4f2ec;color:#111;border-radius:28px;padding:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font:700 10px "DM Mono";text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;color:#666}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #cbc8c0;background:transparent;padding:13px 0;color:#111;outline:none;border-radius:0}textarea{resize:vertical;min-height:100px}input:focus,select:focus,textarea:focus{border-color:#111}select{appearance:auto}.form-note{font:500 9px/1.5 "DM Mono";margin:12px 0 0;color:#888}.form-status{margin-top:14px;font-size:13px;font-weight:700;min-height:20px}
.location-section{background:#e6e4dc;color:#111}.location-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.location-copy{max-width:430px}.contact-details{display:grid;gap:8px;margin-top:28px;font:600 12px "DM Mono"}.contact-details a:hover{color:#6950ff}.map-wrap{height:480px;border-radius:28px;overflow:hidden;position:relative;background:#cfcfc8}.map-wrap iframe{width:100%;height:100%;border:0;filter:grayscale(.75) contrast(1.05)}.map-overlay{position:absolute;left:18px;bottom:18px;background:#111;color:#fff;border-radius:999px;padding:12px 16px;font:700 10px "DM Mono";box-shadow:0 12px 30px rgba(0,0,0,.18)}
.site-footer{background:#09090b;padding:45px 0}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px}.footer-brand{font-size:20px}.site-footer p{font-size:12px;margin:14px 0 0}.footer-links{display:flex;gap:18px;font:500 10px "DM Mono";text-transform:uppercase;color:#aaa}.footer-links a:hover,.footer-end a:hover{color:var(--acid)}.footer-end{display:flex;justify-content:flex-end;gap:18px;font:500 10px "DM Mono";color:#777}
.modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:20px}.modal.is-open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(12px)}.modal-card{position:relative;z-index:2;width:min(560px,100%);background:#f2f0e9;color:#111;border-radius:28px;padding:42px}.modal-card h2{font-size:clamp(2.8rem,7vw,5rem)}.modal-card p{color:#666}.modal-close{position:absolute;right:18px;top:15px;width:38px;height:38px;border:0;border-radius:50%;background:#ddd9d0;font-size:25px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.modal-actions .btn-ghost{color:#111;border-color:#bbb}.modal-actions .btn-ghost:hover{color:#6950ff;border-color:#6950ff}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}.tilt-card{transform-style:preserve-3d}
@media (max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:145px;padding-bottom:110px}.hero-visual{min-height:550px;margin-top:-20px}.split,.custom-grid,.contact-grid,.location-grid{grid-template-columns:1fr;gap:50px}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.price-card.featured{transform:none}.testimonial-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-end{justify-content:flex-start}}
@media (max-width:680px){.section-shell{width:min(calc(100% - 28px),var(--max))}.site-header{padding:0 14px;height:68px}.desktop-nav{display:none}.header-cta{font-size:10px}.hero{padding-top:110px}.hero h1{font-size:clamp(4rem,19vw,6.8rem)}.hero-sub{font-size:15px}.hero-visual{min-height:430px}.hero-photo-wrap{width:92vw}.floating-card{font-size:10px}.card-code{left:-2%;top:13%}.card-status{right:-2%;bottom:8%}.scroll-cue{bottom:20px}.section{padding:90px 0}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:20px}.work-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-wide{grid-column:auto}.project-wide .project-image{aspect-ratio:1.45/1}.testimonial-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:24px}.map-wrap{height:360px}.footer-links{flex-wrap:wrap}.footer-end{flex-direction:column;gap:8px}.custom-panel{padding:25px}.cursor-glow{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.marquee-line{animation:none}.reveal{transition:none}.cursor-glow{display:none}}