:root{
  --bg:#050505;
  --panel:#0c0c0c;
  --ink:#f5f5f1;
  --muted:#b7b7b2;
  --lime:#c6ef00;
  --lime2:#9ed500;
  --line:#292929;
  --paper:#ecebe7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:9999;background-image:radial-gradient(rgba(255,255,255,.13) .65px,transparent .65px);background-size:4px 4px;mix-blend-mode:soft-light}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.topbar{height:42px;background:linear-gradient(90deg,#222,#111,#202020);display:flex;align-items:center;justify-content:space-between;padding:0 3.1vw;font:700 12px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.7px;color:#fafafa}.topbar span{color:var(--lime)}.topbar-right{display:flex;gap:30px}.topbar-right b{font-weight:700}
.site-header{height:100px;display:grid;grid-template-columns:330px 1fr 160px;align-items:center;padding:0 3.1vw;background:#030303;border-bottom:1px solid #101010;position:sticky;top:0;z-index:1000}
.brand{display:inline-flex;flex-direction:column;line-height:.82;width:max-content;transform:skew(-5deg)}.brand strong{font:900 30px/1 Impact,"Arial Black",sans-serif;letter-spacing:1.3px}.brand span{font:900 20px/1 "Arial Narrow",Arial,sans-serif;color:var(--lime);letter-spacing:.7px;margin-top:4px}
.nav{display:flex;justify-content:center;gap:2.4vw;align-items:center}.nav a{font:800 12px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.5px;padding:12px 0;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--lime);transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}
.cart-btn{justify-self:end;border:1px solid var(--lime);padding:15px 18px;font:800 12px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.8px}.cart-btn span{margin-left:9px;color:var(--lime)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:535px;display:grid;grid-template-columns:46% 54%;background:#030303;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-copy{padding:54px 0 40px 3.1vw;position:relative;z-index:2}.eyebrow{font:800 13px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:2px;color:#cfcfcf;margin:0 0 18px}.hero h1{font:900 clamp(66px,7vw,119px)/.81 Impact,"Arial Black",sans-serif;letter-spacing:-1px;margin:0;color:#f4f4f0;text-shadow:0 3px 0 #4b4b4b}.hero h2{font:900 clamp(23px,2.2vw,38px)/1.05 "Segoe Print","Comic Sans MS",cursive;font-style:italic;transform:skew(-8deg);color:var(--lime);margin:16px 0 18px}.lede{max-width:590px;color:#dbdbd7;font-size:16px;line-height:1.55;margin:0 0 28px}.hero-actions{display:flex;gap:20px;flex-wrap:wrap}.btn{min-width:194px;height:44px;display:inline-flex;align-items:center;justify-content:space-between;padding:0 24px;font:900 12px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.7px;border:1px solid #555;cursor:pointer}.btn span{font-size:18px}.btn.primary{background:linear-gradient(90deg,#d2f400,#afe600);border-color:var(--lime);color:#050505}.btn.primary:hover{filter:brightness(1.08)}.btn.secondary:hover{border-color:#aaa}
.hero-media{position:relative;min-width:0;background:#151515;overflow:hidden}.hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.75) 9%,rgba(3,3,3,0) 35%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 45%)}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.12) contrast(1.06)}
.hero-stamp{position:absolute;right:34px;bottom:28px;z-index:2;width:120px;height:120px;border:2px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:rotate(-12deg);background:rgba(0,0,0,.38);backdrop-filter:blur(3px)}.hero-stamp:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,255,255,.55);border-radius:50%}.hero-stamp b{font:900 16px/1 Impact,sans-serif;letter-spacing:1px}.hero-stamp span{font:700 9px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:1px;margin-top:7px;color:var(--lime)}
.benefit-row{display:grid;grid-template-columns:repeat(5,1fr);min-height:100px;background:#0a0a0a;border-bottom:1px solid #2b2b2b}.benefit-row article{display:grid;grid-template-columns:52px 1fr;align-items:center;padding:20px 22px;border-right:1px solid #2a2a2a}.benefit-row article:last-child{border-right:0}.benefit-row .ico{font-size:28px;color:var(--lime);text-align:center}.benefit-row h3{margin:0 0 6px;font:900 14px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.5px}.benefit-row p{margin:0;color:#dadad7;font-size:12px;line-height:1.4}
.gallery-band{display:grid;grid-template-columns:22% repeat(5,1fr);min-height:250px;background:#090909;border-bottom:0}.gallery-copy{padding:22px 3vw 22px 3.1vw;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #252525}.brush{font:900 30px/.92 "Segoe Print","Comic Sans MS",cursive;font-style:italic;transform:skew(-5deg);margin:0 0 18px}.brush em{font-style:inherit;color:var(--lime)}.gallery-copy p:not(.brush){font-size:12px;line-height:1.45;color:#d0d0cb;max-width:270px}.outline-link{margin-top:10px;border:1px solid var(--lime);padding:12px 15px;width:max-content;font:900 11px/1 "Arial Narrow",Arial,sans-serif}.outline-link span{margin-left:16px}.art-card{padding:0;border:0;border-right:1px solid #242424;background:#111;overflow:hidden;cursor:zoom-in;position:relative}.art-card:after{content:"VIEW";position:absolute;inset:auto 14px 14px auto;background:rgba(0,0,0,.7);border:1px solid var(--lime);padding:7px 9px;font:800 9px/1 Arial;letter-spacing:1px;opacity:0;transition:.2s}.art-card:hover:after{opacity:1}.art-card img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover;transition:transform .4s,filter .4s}.art-card:hover img{transform:scale(1.035);filter:saturate(1.13) contrast(1.04)}
.trust-strip{position:relative;background:var(--paper);color:#161616;padding:25px 4vw 27px;text-align:center}.torn-top{position:absolute;top:-16px;left:0;right:0;height:20px;background:var(--paper);clip-path:polygon(0 55%,3% 28%,6% 65%,10% 34%,14% 70%,18% 40%,23% 72%,28% 38%,33% 67%,38% 34%,43% 72%,48% 38%,53% 68%,58% 29%,63% 70%,68% 39%,73% 69%,78% 34%,83% 70%,88% 36%,93% 68%,97% 34%,100% 55%,100% 100%,0 100%)}.trust-strip>p{font:900 21px/1.05 "Segoe Print","Comic Sans MS",cursive;font-style:italic;margin:0 0 17px;transform:skew(-3deg)}.trust-types{display:flex;align-items:center;justify-content:space-around;gap:25px;flex-wrap:wrap;color:#555}.trust-types span{font:900 24px/.95 Impact,"Arial Black",sans-serif;letter-spacing:1px;opacity:.8}
.section{padding:85px 5.6vw}.dark-section{background:linear-gradient(180deg,#080808,#0f0f0f)}.section-heading span,.kicker{font:900 12px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:2px;color:var(--lime)}.section-heading h2,.split-section h2,.about-section h2{font:900 clamp(44px,5vw,77px)/.91 Impact,"Arial Black",sans-serif;margin:11px 0 42px}.section h2 em{font-style:normal;color:var(--lime)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.steps article{min-height:225px;padding:26px;border-right:1px solid var(--line);background:rgba(255,255,255,.015)}.steps article:last-child{border-right:0}.steps b{font:900 48px/1 Impact,sans-serif;color:#272727}.steps h3{font:900 20px/1 "Arial Narrow",Arial,sans-serif;margin:24px 0 9px}.steps p{color:#aaa;font-size:14px;line-height:1.55;margin:0}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#050505}.split-section>div:first-child p{max-width:620px;color:#bcbcb7;font-size:16px;line-height:1.65}.spec-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2e2e2e}.spec-grid div{min-height:145px;padding:24px;border-right:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;display:flex;flex-direction:column;justify-content:center}.spec-grid div:nth-child(2n){border-right:0}.spec-grid div:nth-last-child(-n+2){border-bottom:0}.spec-grid b{font:900 35px/1 Impact,sans-serif;color:var(--lime);letter-spacing:1px}.spec-grid span{font-size:13px;color:#aaa;margin-top:10px}
.about-section{display:grid;grid-template-columns:28% 1fr;align-items:center;background:#0b0b0b;border-top:1px solid #252525;border-bottom:1px solid #252525}.about-mark{font:900 clamp(110px,17vw,260px)/.7 Impact,sans-serif;color:#121212;text-shadow:-1px 0 #252525,0 1px #252525,1px 0 #252525,0 -1px #252525;transform:rotate(-8deg)}.about-section p{max-width:790px;color:#bebeba;font-size:16px;line-height:1.65}.about-section h2{margin-bottom:25px}
.faq-section{display:grid;grid-template-columns:34% 1fr;gap:7vw;background:#050505}.compact h2{margin-bottom:0}.faq-list{border-top:1px solid #333}.faq-list details{border-bottom:1px solid #333;padding:0}.faq-list summary{cursor:pointer;list-style:none;padding:24px 42px 24px 0;font:900 17px/1.15 "Arial Narrow",Arial,sans-serif;position:relative}.faq-list summary:after{content:"+";position:absolute;right:4px;top:20px;font-size:28px;color:var(--lime)}.faq-list details[open] summary:after{content:"−"}.faq-list p{padding:0 50px 23px 0;color:#aaa;line-height:1.6;margin:0}
.quote-section{display:grid;grid-template-columns:40% 1fr;gap:6vw;background:linear-gradient(135deg,#111,#050505);padding:80px 5.6vw;border-top:1px solid #2a2a2a}.brush.small{font-size:32px}.quote-section h2{font:900 clamp(45px,5vw,70px)/.9 Impact,sans-serif;margin:25px 0 18px}.quote-section>div>p:not(.brush){color:#bbb;line-height:1.6;max-width:520px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form label{font:800 11px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:1px;color:#ccc}.quote-form input,.quote-form textarea{width:100%;margin-top:8px;background:#0a0a0a;border:1px solid #3a3a3a;color:white;padding:14px;outline:none}.quote-form input:focus,.quote-form textarea:focus{border-color:var(--lime)}.quote-form .full{grid-column:1/-1}.quote-form .btn{width:100%;border:0}.form-note{font-size:11px;color:#777;margin:0}
footer{padding:45px 5.6vw;background:#020202;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:35px;border-top:1px solid #202020;color:#8b8b87;font-size:12px}.footer-brand strong{font-size:23px}.footer-brand span{font-size:15px}footer>a:not(.brand){color:var(--lime)}.copyright{text-align:right}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:2000;display:none;align-items:center;justify-content:center;padding:5vw}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:86vh;box-shadow:0 0 0 1px #444,0 30px 80px #000}.lightbox-close{position:absolute;top:22px;right:30px;color:white;background:none;border:0;font-size:48px;cursor:pointer}
@media (max-width:1150px){.site-header{grid-template-columns:270px 1fr 140px}.nav{gap:1.35vw}.hero{grid-template-columns:52% 48%}.benefit-row{grid-template-columns:repeat(3,1fr)}.benefit-row article:nth-child(3){border-right:0}.benefit-row article:nth-child(-n+3){border-bottom:1px solid #2a2a2a}.gallery-band{grid-template-columns:33.333% repeat(2,1fr)}.gallery-copy{grid-row:span 2}.art-card:last-child{grid-column:2/-1;min-height:240px}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}.steps article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:850px){.topbar{height:auto;min-height:38px;padding:10px 18px}.topbar-right{display:none}.site-header{height:80px;grid-template-columns:1fr auto;position:sticky;padding:0 18px}.brand strong{font-size:23px}.brand span{font-size:15px}.menu-toggle{display:block}.cart-btn{display:none}.nav{position:absolute;top:80px;left:0;right:0;background:#050505;display:none;flex-direction:column;padding:18px;border-bottom:1px solid #333}.nav.open{display:flex}.nav a{width:100%;padding:13px 0}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:50px 22px 38px}.hero h1{font-size:70px}.hero-media{min-height:390px}.benefit-row{grid-template-columns:1fr 1fr}.benefit-row article{border-bottom:1px solid #2a2a2a}.benefit-row article:nth-child(odd){border-right:1px solid #2a2a2a}.benefit-row article:nth-child(even){border-right:0}.gallery-band{grid-template-columns:1fr 1fr}.gallery-copy{grid-column:1/-1;grid-row:auto;padding:35px 22px}.art-card:last-child{grid-column:1/-1}.trust-strip>p{font-size:17px}.trust-types span{font-size:18px}.section{padding:65px 22px}.steps,.split-section,.about-section,.faq-section,.quote-section{grid-template-columns:1fr}.about-mark{font-size:180px;margin-bottom:20px}.spec-grid{margin-top:20px}.quote-form{grid-template-columns:1fr}.quote-form label,.quote-form .full{grid-column:1}footer{grid-template-columns:1fr;gap:15px;text-align:left}.copyright{text-align:left}}
@media (max-width:540px){.hero h1{font-size:57px}.hero h2{font-size:24px}.hero-media{min-height:315px}.hero-stamp{width:90px;height:90px;right:18px;bottom:18px}.hero-stamp b{font-size:12px}.benefit-row{grid-template-columns:1fr}.benefit-row article{border-right:0!important}.gallery-band{grid-template-columns:1fr}.art-card{min-height:300px}.art-card:last-child{grid-column:auto}.trust-types{display:grid;grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.spec-grid{grid-template-columns:1fr}.spec-grid div{border-right:0!important;border-bottom:1px solid #2e2e2e!important}.spec-grid div:last-child{border-bottom:0!important}}

/* Contact form delivery + anti-spam */
.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.captcha-wrap{display:flex;flex-direction:column;gap:9px;min-width:0}
.captcha-label{font:800 11px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:1px;color:#ccc}
.captcha-fallback input{max-width:220px}
.form-status{min-height:20px;margin:0;font-size:13px;font-weight:700;letter-spacing:.2px}
.form-status.success{color:var(--lime)}
.form-status.error{color:#ff6666}
.quote-form .btn:disabled{opacity:.6;cursor:wait}

/* Artwork uploads + Deck Studio-style progress overlay */
.file-upload{border:1px solid #363636;background:#080808;padding:18px;min-width:0}
.file-upload-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.file-upload-heading>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.file-upload-heading>div>span{font:900 12px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:1px;color:#ddd}
.file-upload-heading small{font-size:11px;line-height:1.45;color:#808080;text-transform:none;letter-spacing:0}
.file-pick{flex:0 0 auto!important;display:inline-flex!important;align-items:center;gap:12px;border:1px solid var(--lime);padding:12px 14px;color:#fff!important;cursor:pointer;margin:0!important;font:900 11px/1 "Arial Narrow",Arial,sans-serif!important}
.file-pick span{font-size:18px;color:var(--lime)}
.file-upload>input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.file-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px;min-height:30px;align-items:center}
.file-list-empty{font-size:12px;color:#666}
.file-chip{display:flex;align-items:center;gap:10px;max-width:100%;border:1px solid #2d2d2d;background:#101010;padding:9px 10px;font-size:11px;color:#9c9c99}
.file-chip-name{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9e9e4;font-weight:700}
.file-total{width:100%;font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}

.upload-modal{position:fixed;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(6px);z-index:5000;display:none;align-items:center;justify-content:center;padding:22px}
.upload-modal.open{display:flex}
.upload-modal-card{width:min(560px,100%);background:linear-gradient(145deg,#111,#060606);border:1px solid #333;box-shadow:0 30px 100px #000;padding:34px;position:relative;overflow:hidden}
.upload-modal-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--lime)}
.upload-mark{width:58px;height:58px;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime);font:900 32px/1 Impact,sans-serif;margin-bottom:24px;transform:rotate(-3deg)}
.upload-eyebrow{font:900 10px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:2px;color:var(--lime);margin:0 0 9px}
.upload-modal h2{font:900 clamp(35px,6vw,56px)/.9 Impact,"Arial Black",sans-serif;margin:0 0 13px;letter-spacing:.3px}
.upload-modal p:not(.upload-eyebrow){color:#aaa;line-height:1.45;margin:0 0 25px;font-size:14px}
.upload-progress-track{height:12px;border:1px solid #333;background:#020202;padding:2px}
.upload-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--lime2),var(--lime));transition:width .12s linear}
.upload-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;font:800 10px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:1px;color:#858585}
.upload-progress-meta span:first-child{color:#fff}
.upload-close{margin-top:24px;width:100%;border:1px solid var(--lime);background:var(--lime);color:#050505;padding:13px 18px;font:900 12px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:1px;cursor:pointer}
.upload-modal.success .upload-mark{background:var(--lime);color:#050505}
.upload-modal.error .upload-modal-card:before{background:#ff5656}
.upload-modal.error .upload-mark{border-color:#ff5656;color:#ff5656}
.upload-modal.error .upload-progress-bar{background:#ff5656}
.upload-modal.error .upload-close{border-color:#ff5656;background:#ff5656}
@media (max-width:600px){.file-upload-heading{align-items:stretch;flex-direction:column}.file-pick{justify-content:space-between}.file-chip{width:100%;justify-content:space-between}.file-chip-name{max-width:70vw}.upload-modal-card{padding:26px 22px}}

/* Exact shark/skeleton surfer hero selected for production */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero.hero-art{position:relative;display:block;min-height:0;background:#030303;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-art-image{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.hero-quote-hitbox{position:absolute;left:1.65%;top:66.0%;width:13.2%;height:6.7%;z-index:4;border-radius:2px}
.hero-quote-hitbox:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
@media (max-width:850px){.hero.hero-art{overflow-x:auto;scrollbar-width:none}.hero.hero-art::-webkit-scrollbar{display:none}.hero-art-image{width:980px;max-width:none}.hero-quote-hitbox{left:16px;top:auto;bottom:28%;width:145px;height:47px}}