:root { --ink:#090a0c; --paper:#f6f3ec; --muted:#686a70; --cyan:#00d9ff; --blue:#3263ff; --pink:#ff2bb5; --lime:#baff00; --violet:#8d4dff; --font-geist-sans:Arial,sans-serif; --font-geist-mono:"Courier New",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-geist-sans),Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.announcement { min-height:38px; display:flex; align-items:center; justify-content:center; gap:10px; padding:8px 24px; background:var(--ink); color:#fff; font-size:12px; letter-spacing:.04em; text-align:center; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 14px var(--lime); flex:0 0 auto; }
.site-nav { width:min(1240px,calc(100% - 48px)); height:88px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; }
.brand { display:inline-flex; align-items:center; gap:12px; font-size:14px; font-weight:760; letter-spacing:-.02em; }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:var(--ink); color:#fff; font-size:12px; font-weight:900; letter-spacing:-.08em; box-shadow:inset -10px -10px 20px #143fff,inset 9px 9px 17px #ff28af; }
.facebook-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:56px; padding:0 22px; border-radius:999px; background:#1877f2; color:#fff; font-size:14px; font-weight:760; box-shadow:0 14px 34px rgba(24,119,242,.24); transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.facebook-button:hover { transform:translateY(-2px); background:#0866d9; box-shadow:0 18px 42px rgba(24,119,242,.34); }
.facebook-button:focus-visible,a:focus-visible { outline:3px solid var(--pink); outline-offset:4px; }
.facebook-button.compact { min-height:44px; padding:0 17px; font-size:13px; box-shadow:none; }
.facebook-icon { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#fff; color:#1877f2; font:900 18px/1 Arial; padding-top:4px; }
.compact .facebook-icon { width:20px; height:20px; font-size:15px; padding-top:3px; }
.arrow { font-size:17px; }

.hero { width:min(1240px,calc(100% - 48px)); min-height:690px; margin:16px auto 0; padding:60px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:64px; position:relative; overflow:hidden; border:1px solid rgba(9,10,12,.11); border-radius:38px; background:radial-gradient(circle at 1px 1px,rgba(0,0,0,.11) 1px,transparent 1.2px) 0 0/22px 22px,#fff; box-shadow:0 24px 80px rgba(20,20,30,.08); }
.hero-copy { position:relative; z-index:2; }
.eyebrow { margin:0 0 24px; display:flex; align-items:center; gap:10px; text-transform:uppercase; font-family:var(--font-geist-mono),monospace; font-size:11px; font-weight:700; letter-spacing:.16em; }
.eyebrow span { display:inline-block; width:26px; height:3px; border-radius:3px; background:linear-gradient(90deg,var(--pink),var(--cyan)); }
.eyebrow.light { color:rgba(255,255,255,.75); }
.hero h1 { max-width:650px; margin:0; font-size:clamp(54px,6.3vw,92px); line-height:.91; letter-spacing:-.07em; font-weight:870; }
.gradient-type { display:block; padding-right:.08em; color:transparent; background:linear-gradient(100deg,#8f42ff 2%,#266cff 28%,#00cfe9 52%,#57d64b 73%,#ff2bad 100%); background-clip:text; -webkit-background-clip:text; }
.hero-lede { max-width:590px; margin:30px 0 0; color:#565960; font-size:18px; line-height:1.65; }
.hero-actions { margin-top:34px; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.text-link { padding:10px 0; border-bottom:1px solid #b6b6b6; font-size:14px; font-weight:700; }
.trust-row { margin-top:40px; display:flex; gap:20px; color:#6c6d72; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.1em; }
.trust-row span { display:flex; align-items:center; gap:7px; }
.trust-row span::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--pink); }

.hero-studio { min-height:530px; position:relative; border-radius:30px; background:#090b10; overflow:hidden; isolation:isolate; box-shadow:0 30px 70px rgba(9,10,15,.25); }
.hero-studio::before { content:""; position:absolute; width:420px; height:420px; top:-125px; right:-100px; border-radius:50%; background:conic-gradient(var(--pink),var(--violet),var(--cyan),var(--lime),var(--pink)); filter:blur(34px); opacity:.77; }
.hero-studio::after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.08),transparent 64%); z-index:6; pointer-events:none; }
.studio-label { position:absolute; top:27px; left:30px; z-index:8; color:#fff; font:700 10px/1 var(--font-geist-mono),monospace; letter-spacing:.18em; text-transform:uppercase; }
.product { position:absolute; color:#fff; }
.product-caption { position:absolute; display:inline-block; color:rgba(255,255,255,.6); font:650 9px/1 var(--font-geist-mono),monospace; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.product-shirt { width:235px; height:290px; left:57px; top:106px; border-radius:28px 28px 52px 52px; background:linear-gradient(145deg,#252733,#111218 68%); box-shadow:0 26px 42px rgba(0,0,0,.5); transform:rotate(-5deg); z-index:3; }
.shirt-sleeve { position:absolute; top:20px; width:82px; height:116px; background:#1d1f28; }
.shirt-sleeve.left { left:-56px; clip-path:polygon(55% 0,100% 25%,78% 100%,0 76%); }
.shirt-sleeve.right { right:-56px; clip-path:polygon(0 25%,45% 0,100% 76%,22% 100%); }
.product-shirt::before { content:""; position:absolute; left:76px; top:-2px; width:80px; height:38px; border-radius:0 0 45px 45px; background:#08090d; }
.shirt-art { position:absolute; top:87px; left:50%; transform:translateX(-50%); font-size:67px; font-weight:950; letter-spacing:-.13em; color:transparent; background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan),var(--lime)); background-clip:text; -webkit-background-clip:text; filter:drop-shadow(0 10px 16px rgba(0,217,255,.22)); }
.product-shirt .product-caption { bottom:25px; left:50%; transform:translateX(-50%); }
.product-hat { right:36px; bottom:88px; width:190px; height:140px; z-index:4; transform:rotate(7deg); }
.hat-crown { position:absolute; left:25px; top:0; width:140px; height:92px; border-radius:72px 72px 24px 24px; background:linear-gradient(135deg,#4364ff,#1a1f49 65%); box-shadow:0 24px 35px rgba(0,0,0,.45); overflow:hidden; }
.hat-crown::after { content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid rgba(255,255,255,.14); }
.hat-crown span { position:absolute; left:50%; top:48%; transform:translate(-50%,-50%); font-weight:950; font-style:italic; font-size:22px; color:var(--lime); }
.hat-brim { position:absolute; right:-2px; bottom:17px; width:125px; height:34px; border-radius:10% 90% 80% 30%/40% 50% 50% 60%; background:#101630; transform:rotate(8deg); }
.product-hat .product-caption { bottom:-3px; left:45px; }
.sticker-stack { position:absolute; right:25px; top:70px; width:180px; height:160px; z-index:5; }
.sticker { position:absolute; display:grid; place-items:center; padding:14px 18px; border:5px solid #fff; color:#08090c; font-size:12px; font-weight:950; box-shadow:0 12px 25px rgba(0,0,0,.3); }
.sticker.cyan { top:7px; left:18px; background:var(--cyan); border-radius:46% 54% 39% 61%/52% 41% 59% 48%; transform:rotate(10deg); }
.sticker.pink { top:72px; right:0; background:var(--pink); border-radius:38% 62% 58% 42%/55% 40% 60% 45%; transform:rotate(-8deg); }
.sticker.lime { top:100px; left:7px; background:var(--lime); border-radius:50%; transform:rotate(8deg); }
.color-bar { position:absolute; left:0; right:0; bottom:0; height:12px; background:linear-gradient(90deg,var(--pink),var(--violet),var(--blue),var(--cyan),var(--lime),#ffd400,var(--pink)); }
.ink-orb { position:absolute; border-radius:50%; filter:blur(55px); pointer-events:none; }
.orb-one { width:160px; height:160px; left:-60px; bottom:-70px; background:rgba(255,43,181,.22); }
.orb-two { width:160px; height:160px; right:37%; top:-75px; background:rgba(0,217,255,.22); }

.services { width:min(1160px,calc(100% - 48px)); margin:150px auto; }
.section-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:end; margin-bottom:48px; }
.section-heading h2,.equipment h2,.final-cta h2 { margin:0; font-size:clamp(42px,5.3vw,72px); line-height:.98; letter-spacing:-.06em; }
.section-heading>p { max-width:480px; margin:0 0 5px; color:var(--muted); line-height:1.65; }
.service-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.service-card { min-height:300px; padding:34px; border-radius:26px; background:#fff; border:1px solid rgba(9,10,12,.1); position:relative; overflow:hidden; transition:transform .25s ease,box-shadow .25s ease; }
.service-card:hover { transform:translateY(-4px); box-shadow:0 22px 50px rgba(10,10,20,.09); }
.service-card::after { content:""; position:absolute; right:-40px; bottom:-55px; width:190px; height:190px; border-radius:50%; opacity:.17; }
.service-cyan::after { background:var(--cyan); }.service-lime::after { background:var(--lime); }.service-pink::after { background:var(--pink); }.service-violet::after { background:var(--violet); }
.service-topline { display:flex; align-items:center; justify-content:space-between; font:700 11px/1 var(--font-geist-mono),monospace; color:#87888d; }
.service-spark { font-size:24px; color:var(--pink); }
.service-card h3 { margin:72px 0 16px; font-size:31px; letter-spacing:-.04em; }
.service-card p { max-width:470px; margin:0; color:var(--muted); line-height:1.65; font-size:14px; }

.equipment { width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:76px; display:grid; grid-template-columns:.82fr 1.18fr; gap:90px; background:var(--ink); color:#fff; border-radius:36px; position:relative; overflow:hidden; }
.equipment::before { content:""; position:absolute; inset:0; opacity:.18; background:radial-gradient(circle at 75% 5%,var(--violet),transparent 28%),radial-gradient(circle at 100% 100%,var(--cyan),transparent 24%); }
.equipment-copy,.equipment-list { position:relative; z-index:1; }
.equipment-copy>p:last-child { max-width:490px; margin:28px 0 0; color:rgba(255,255,255,.6); line-height:1.65; }
.equipment-list { display:grid; grid-template-columns:repeat(2,1fr); border:1px solid rgba(255,255,255,.14); border-radius:24px; overflow:hidden; }
.equipment-list div { min-height:150px; padding:28px; display:flex; justify-content:space-between; gap:20px; border:1px solid rgba(255,255,255,.1); }
.equipment-list b { color:var(--cyan); font:600 11px/1 var(--font-geist-mono),monospace; }
.equipment-list span { text-align:right; color:rgba(255,255,255,.6); font-size:13px; line-height:1.5; }
.equipment-list strong { color:#fff; font-size:16px; }
.logo-showcase { width:min(950px,calc(100% - 48px)); margin:135px auto; text-align:center; }
.logo-showcase .eyebrow { justify-content:center; }
.logo-showcase img { display:block; width:100%; height:auto; border-radius:28px; box-shadow:0 30px 75px rgba(0,0,0,.18); }
.final-cta { width:min(1240px,calc(100% - 48px)); min-height:580px; margin:0 auto 32px; padding:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border-radius:36px; background:#0b0c10; color:#fff; position:relative; overflow:hidden; }
.final-cta>* { position:relative; z-index:2; }
.final-cta h2 { font-size:clamp(54px,8vw,104px); }
.final-cta>p:not(.eyebrow) { max-width:600px; margin:28px 0 32px; color:rgba(255,255,255,.62); font-size:17px; line-height:1.65; }
.cta-glow { position:absolute; z-index:0; width:690px; height:690px; left:50%; top:48%; transform:translate(-50%,-50%); border-radius:50%; background:conic-gradient(from 140deg,var(--pink),var(--violet),var(--cyan),var(--lime),var(--pink)); filter:blur(115px); opacity:.25; }
footer { width:min(1160px,calc(100% - 48px)); min-height:110px; margin:0 auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:32px; color:#686a70; font-size:12px; }
.footer-brand { color:var(--ink); }.footer-links { display:flex; justify-content:flex-end; gap:24px; font-weight:700; color:var(--ink); }

@media (max-width:980px) { .hero { grid-template-columns:1fr; padding:46px; }.hero-studio { min-height:520px; }.section-heading,.equipment { grid-template-columns:1fr; }.equipment { gap:54px; padding:58px; }.section-heading { gap:25px; } }
@media (max-width:660px) {
  .announcement { font-size:10px; }.site-nav,.hero,.equipment,.final-cta { width:calc(100% - 24px); }.site-nav { height:74px; }.brand>span:last-child { display:none; }.facebook-button.compact .arrow { display:none; }
  .hero { min-height:0; margin-top:6px; padding:36px 24px 24px; border-radius:26px; gap:46px; }.hero h1 { font-size:clamp(48px,15vw,68px); }.hero-lede { font-size:16px; }.hero-actions { align-items:stretch; flex-direction:column; }.hero-actions .facebook-button { width:100%; }.text-link { text-align:center; border:0; }.trust-row { gap:10px 16px; flex-wrap:wrap; margin-top:28px; }
  .hero-studio { min-height:410px; border-radius:22px; }.product-shirt { left:35px; top:94px; width:170px; height:220px; }.product-shirt::before { left:54px; width:61px; }.shirt-sleeve { width:65px; height:90px; }.shirt-sleeve.left { left:-44px; }.shirt-sleeve.right { right:-44px; }.shirt-art { top:66px; font-size:52px; }.product-hat { right:16px; bottom:58px; transform:scale(.78) rotate(7deg); transform-origin:right bottom; }.sticker-stack { right:10px; top:55px; transform:scale(.72); transform-origin:right top; }
  .services,.logo-showcase { width:calc(100% - 24px); margin:100px auto; }.service-grid { grid-template-columns:1fr; }.service-card { min-height:270px; padding:28px; }.equipment { padding:42px 22px; border-radius:26px; }.equipment-list { grid-template-columns:1fr; }.equipment-list div { min-height:112px; }.logo-showcase img { border-radius:18px; }.final-cta { min-height:560px; padding:54px 24px; border-radius:26px; }
  footer { grid-template-columns:1fr; text-align:center; justify-items:center; padding:38px 0 50px; }.footer-brand>span:last-child { display:inline; }.footer-links { justify-content:center; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }* { transition:none!important; } }