:root{--ink:#050505;--paper:#f0f0eb;--acid:#d8ff2e;--grey:#aaa;--line:#373737}*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif}body{margin:0;min-height:100vh;background:var(--ink)}button,input,select,textarea{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.28;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='1.2' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}.topbar{min-height:92px;border-bottom:2px solid var(--paper);display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,64px);position:relative;z-index:2}.brand{display:flex;gap:14px;align-items:center;background:none;border:0;color:var(--paper);text-align:left;cursor:pointer}.brand-mark{width:52px;height:52px;border:3px solid var(--paper);display:grid;place-items:center;font-weight:1000;letter-spacing:-.12em;transform:rotate(-4deg);box-shadow:4px 4px 0 var(--acid);padding-right:4px}.brand b{display:block;font-size:18px;font-weight:1000;letter-spacing:.06em}.brand small{display:block;font-size:11px;letter-spacing:.32em;margin-top:3px}.topbar nav{display:flex;gap:5px}.nav{background:transparent;color:var(--paper);border:2px solid var(--paper);padding:11px 17px;cursor:pointer;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.08em}.nav.active{background:var(--paper);color:var(--ink)}.view{display:none;position:relative;z-index:1}.view.active{display:block}main{max-width:1440px;margin:auto;padding:0 clamp(18px,4vw,64px)}.hero{min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;border-left:2px solid var(--paper);border-right:2px solid var(--paper);border-bottom:2px solid var(--paper)}.hero-copy{padding:clamp(45px,7vw,100px) clamp(24px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.eyebrow{display:inline-flex;align-self:flex-start;background:var(--acid);color:var(--ink);font-size:12px;letter-spacing:.16em;font-weight:1000;padding:7px 9px;margin:0}.hero h1{font-size:clamp(62px,8vw,128px);line-height:.78;letter-spacing:-.075em;margin:32px 0;text-transform:uppercase;font-weight:1000}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--paper)}.lede{max-width:580px;color:#c8c8c3;font-size:18px;line-height:1.55;border-left:8px solid var(--acid);padding-left:18px}.actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 20px;border:2px solid var(--paper);text-decoration:none;cursor:pointer;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}.primary{background:var(--acid);color:var(--ink);border-color:var(--acid);box-shadow:6px 6px 0 var(--paper)}.primary:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--paper)}.secondary{background:transparent;color:var(--paper)}.ink-card{margin:38px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:12px 12px 0 var(--acid);transform:rotate(1deg);overflow:hidden}.ink-card:before,.ink-card:after{content:"";position:absolute;width:160%;height:28px;background:var(--ink);transform:rotate(-17deg)}.ink-card:before{top:8%}.ink-card:after{bottom:7%}.serial{position:absolute;top:25px;left:28px;font-size:11px;letter-spacing:.18em;font-weight:900}.sigil{font-size:clamp(80px,10vw,150px);font-weight:1000;letter-spacing:-.12em;line-height:.8;transform:skew(-9deg);text-shadow:6px 6px 0 var(--acid)}.ink-card p{font-weight:1000;font-size:28px;letter-spacing:.1em;margin:34px 0 8px}.ink-card small{font-weight:900;letter-spacing:.12em}.card-action{position:absolute;bottom:28px;left:28px;right:28px;padding:14px;background:var(--ink);color:var(--paper);border:0;font-weight:1000;cursor:pointer}.process{display:grid;grid-template-columns:repeat(3,1fr);border-left:2px solid var(--paper);border-right:2px solid var(--paper)}.process article{padding:34px;border-right:2px solid var(--paper)}.process article:last-child{border:0}.process span{color:var(--acid);font-size:14px;font-weight:1000}.process h3{font-size:22px;text-transform:uppercase;margin:18px 0 10px}.process p,.section-head p,.dashboard-head p{color:var(--grey);line-height:1.5}.section-head{padding:60px 0 30px;max-width:760px}.section-head h2,.dashboard-head h2{font-size:clamp(40px,6vw,76px);font-weight:1000;letter-spacing:-.055em;text-transform:uppercase;margin:16px 0;line-height:.9}.back{border:0;background:none;color:var(--paper);padding:0;margin-bottom:34px;cursor:pointer;font-weight:900}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;max-width:980px;padding:2px;background:var(--paper);margin-bottom:70px}.form-grid label,.pricing-row label{display:flex;flex-direction:column;gap:10px;color:var(--paper);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:var(--ink);padding:18px}.wide{grid-column:1/-1}input,select,textarea{background:#171717;color:var(--paper);border:1px solid #555;padding:15px;border-radius:0;min-width:0;text-transform:none;font-weight:400}textarea{min-height:120px;resize:vertical}.check{flex-direction:row!important;align-items:center;text-transform:none!important}.check input{width:18px;height:18px;accent-color:var(--acid)}.quote-preview{padding:24px;background:var(--acid)!important;color:var(--ink)!important;display:grid;gap:8px}.quote-preview span,.quote-preview small{color:#333}.quote-preview strong{font-size:28px;font-weight:1000}.form-grid>.primary{margin:18px}.success{max-width:660px;text-align:left;margin:70px 0;padding:38px;background:var(--paper);color:var(--ink);border:0;box-shadow:10px 10px 0 var(--acid)}.success>span{display:grid;place-items:center;width:52px;height:52px;background:var(--ink);color:var(--acid);font-size:26px}.success .primary{margin-top:20px}.dashboard-head{display:flex;align-items:end;justify-content:space-between;padding:58px 0 35px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--paper)}.stats article{padding:24px;border-right:2px solid var(--paper);display:grid;gap:9px}.stats article:last-child{border:0}.stats small,.stats span{color:var(--grey)}.stats strong{font-size:50px;line-height:1;font-weight:1000}.stats span{font-size:12px}.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:20px 0 70px}.panel{background:var(--ink);border:2px solid var(--paper)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid var(--paper);background:var(--paper);color:var(--ink)}.panel-head h3{margin:0;text-transform:uppercase}.panel-head button{background:var(--acid);border:0;color:var(--ink);font-weight:900}.panel-head span{font-size:12px;font-weight:900}.list-item,.appointment{display:flex;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.avatar{width:42px;height:42px;background:var(--acid);color:var(--ink);display:grid;place-items:center;font-weight:1000}.list-item div:nth-child(2),.appointment div{flex:1}.list-item b,.appointment b{display:block}.list-item small,.appointment small{display:block;color:#999;margin-top:5px}.list-item time,.appointment time{font-size:13px;color:#aaa}.empty{padding:55px 20px;text-align:center;color:#888}.tag{font-size:10px;background:var(--acid);color:var(--ink);padding:7px;font-weight:1000}.tag.muted{background:var(--paper)}.pricing-panel{background:var(--paper);color:var(--ink);border:2px solid var(--paper);margin-bottom:70px}.pricing-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;align-items:stretch;background:var(--paper);border-bottom:2px solid var(--paper)}.pricing-row>b,.pricing-row>label{background:var(--ink);color:var(--paper);padding:20px}.pricing-row b{font-size:20px;text-transform:uppercase}.pricing-panel>.primary{margin:20px;border-color:var(--ink);box-shadow:6px 6px 0 var(--ink)}.saved{color:#346500;font-weight:900}footer{border-top:2px solid var(--paper);padding:28px clamp(18px,4vw,64px);display:flex;justify-content:space-between;color:#aaa;font-size:12px;letter-spacing:.08em}
@media(max-width:800px){.topbar{min-height:82px;padding:12px 16px}.brand-mark{width:43px;height:43px}.brand b{font-size:13px}.brand small{font-size:9px}.topbar nav{gap:3px}.nav{padding:9px 8px;font-size:11px}.hero{grid-template-columns:1fr;border-left:0;border-right:0;min-height:auto}.hero-copy{padding:58px 0}.hero h1{font-size:59px}.ink-card{margin:0 0 35px;min-height:430px}.process{grid-template-columns:1fr;border-left:0;border-right:0}.process article{border-right:0;border-bottom:2px solid var(--paper);padding:27px 0}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.dashboard-head{align-items:flex-start;gap:24px;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:2px solid var(--paper)}.dash-grid{grid-template-columns:1fr}.pricing-row{grid-template-columns:1fr}.pricing-panel>.primary{width:calc(100% - 40px)}footer{flex-direction:column;gap:9px}.appointment{gap:10px}.tag{display:none}}

/* WCT xerox tattoo-wall direction */
:root{--paper:#ddd6c5;--acid:#b4a17a;--line:#403d37}.topbar{background:#050505 url("tattoo-flash-wall.png") center 44%/cover no-repeat;background-blend-mode:soft-light;border-color:#777}.brand-mark{font-family:Impact,"Arial Black",sans-serif;box-shadow:5px 5px 0 #6f6046}.brand b{font-family:Impact,"Arial Black",sans-serif;font-size:22px;letter-spacing:.03em;transform:scaleY(1.12)}.brand small{color:#b9b09d}.nav{border-color:#888;background:rgba(0,0,0,.65)}.nav.active{background:var(--paper);color:#080808}.hero{position:relative;background:#050505 url("tattoo-flash-wall.png") center/cover no-repeat;min-height:690px;border-color:#777;overflow:hidden}.hero:after{content:"CUSTOM WORK // NO COPIES // EST. WCT";position:absolute;left:-20px;right:-20px;bottom:18px;padding:8px 0;background:var(--paper);color:#090909;font-weight:1000;font-size:13px;letter-spacing:.2em;text-align:center;transform:rotate(-1.2deg);z-index:4}.hero-copy{position:relative;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.98) 0,rgba(0,0,0,.9) 70%,transparent 100%);padding-bottom:120px}.hero-copy:before{content:"✦";position:absolute;right:30px;top:55px;color:#c8b998;font-size:54px;transform:rotate(17deg);opacity:.65}.eyebrow{background:var(--paper);transform:rotate(-1.5deg);box-shadow:5px 5px 0 #1d1c19}.hero h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(72px,9vw,140px);line-height:.72;letter-spacing:-.045em;text-shadow:3px 3px 0 #000,6px 6px 0 #665942;transform:scaleY(1.08);transform-origin:left}.hero h1 em{-webkit-text-stroke:2px var(--paper);filter:drop-shadow(4px 4px 0 #000)}.lede{background:rgba(0,0,0,.76);border-left:0;border-top:2px solid #a99b80;border-bottom:2px solid #a99b80;padding:16px 16px 16px 0;max-width:640px}.primary{background:var(--paper);border-color:var(--paper);box-shadow:7px 7px 0 #574c37;clip-path:polygon(0 5%,98% 0,100% 91%,3% 100%)}.secondary{background:#080808;border-color:#837c6e}.ink-card{z-index:3;align-self:center;min-height:470px;margin:45px 42px;background:#d8d0bc url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.55' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");box-shadow:14px 15px 0 rgba(0,0,0,.75);transform:rotate(3deg);clip-path:polygon(2% 1%,97% 0,100% 96%,94% 100%,3% 98%,0 8%)}.ink-card:before,.ink-card:after{height:18px;background:#191817;opacity:.9}.sigil{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(90px,11vw,165px);text-shadow:7px 7px 0 #8b7754;transform:skew(-8deg) scaleY(1.2)}.ink-card p{font-family:Impact,"Arial Black",sans-serif;font-size:38px}.card-action{background:#0b0b0a;border:2px solid #0b0b0a;color:#e3dbc8;letter-spacing:.08em}.process{background-image:linear-gradient(rgba(0,0,0,.84),rgba(0,0,0,.84)),url("tattoo-flash-wall.png");background-size:cover;background-position:center bottom;border-color:#777}.process article{background:rgba(5,5,5,.72);border-color:#777}.process h3,.section-head h2,.dashboard-head h2{font-family:Impact,"Arial Black",sans-serif;letter-spacing:.015em}.process span{color:#c0ae89}.section-head .eyebrow,.dashboard-head .eyebrow{transform:rotate(-1deg)}.form-grid{background:#6e685d;transform:rotate(-.15deg);box-shadow:12px 12px 0 #171613}.form-grid label,.pricing-row label{background:#0b0b0a}.quote-preview{background:#d5cdb9!important}.stats,.panel{border-color:#777}.stats article{border-color:#777;background-image:linear-gradient(rgba(0,0,0,.92),rgba(0,0,0,.92)),url("tattoo-flash-wall.png");background-size:900px}.panel-head{background:#d8d0bc}.avatar,.tag{background:#b4a17a}.pricing-panel{background:#867c68}.pricing-row{background:#645e53;border-color:#645e53}
@media(max-width:800px){.hero{background-position:66% center}.hero-copy{background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.7));padding:70px 4px 120px}.hero h1{font-size:68px}.ink-card{margin:0 5px 65px;min-height:400px}.hero:after{font-size:10px}.topbar{background-position:60% 40%}}
.brand img{display:block;width:min(310px,36vw);height:62px;object-fit:contain;object-position:left center}.card-logo{width:86%;height:auto;max-height:210px;object-fit:contain;filter:invert(1);mix-blend-mode:multiply}.sigil{display:none}
html,body{max-width:100%;overflow-x:hidden}img,svg,video{max-width:100%}.view,.hero,.hero-copy,.form-grid,.dash-grid,.panel{min-width:0}
@media(max-width:800px){main{width:100%;padding-left:16px;padding-right:16px}.topbar{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 16px}.brand{width:100%;min-width:0;justify-content:center}.brand img{width:min(330px,88vw);height:72px;object-position:center}.topbar nav{width:100%;display:grid;grid-template-columns:1fr 1fr;margin:0}.nav{min-width:0;width:100%;white-space:normal;line-height:1.15;padding:11px 6px}.hero{width:100%;display:block}.hero-copy{width:100%;padding:58px 10px 110px}.eyebrow{max-width:100%;font-size:10px;line-height:1.35;letter-spacing:.1em;white-space:normal}.hero h1{font-size:clamp(45px,16vw,64px);line-height:.78;max-width:100%;word-break:normal}.lede{width:100%;font-size:16px;line-height:1.55}.actions{width:100%;display:grid;grid-template-columns:1fr}.actions>*{width:100%}.ink-card{width:calc(100% - 8px);margin:8px 4px 65px;min-height:360px}.card-logo{width:90%;max-height:155px}.ink-card p{font-size:30px}.process{width:100%}.form-grid{width:100%;box-shadow:6px 6px 0 #171613}.stats{width:100%}.stats article{min-width:0;padding:18px}.stats strong{font-size:38px}.list-item,.appointment{padding:15px 12px}.pricing-panel{width:100%}}
@media(max-width:380px){.brand img{height:62px}.hero h1{font-size:47px}.topbar{padding-inline:10px}main{padding-inline:12px}.stats{grid-template-columns:1fr}.stats article{border-right:0!important;border-bottom:2px solid var(--paper)!important}.stats article:last-child{border-bottom:0!important}}
.hero:after{content:"FLASH // REFERENCES // CUSTOM WORK // EST. WCT"}

/* Build 7 opening: the machine traces the mark before the studio is revealed */
.opening{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#020202 url("tattoo-flash-wall.png") center/cover no-repeat;isolation:isolate;transition:opacity .45s ease,visibility .45s ease}.opening:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.3),#020202 72%);z-index:-1}.opening:after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(103deg,transparent 0 51px,rgba(221,214,197,.07) 52px 53px,transparent 54px 101px);animation:openingFlicker .18s steps(2,end) infinite;pointer-events:none}.opening.is-done{opacity:0;visibility:hidden;pointer-events:none}.opening-skip{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:4;padding:10px 12px;border:1px solid #8e887c;background:rgba(0,0,0,.7);color:#ddd6c5;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.12em;cursor:pointer}.opening-stage{position:relative;width:min(86vw,520px);aspect-ratio:1;display:grid;place-items:center}.opening-ring{position:absolute;width:68%;height:68%;border:1px solid rgba(221,214,197,.26);border-radius:50%;opacity:0;animation:ringHit 3.8s ease both}.opening-w-wrap{position:absolute;width:52%;height:52%;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 0 16px rgba(221,214,197,.18));clip-path:inset(100% 0 0 0);animation:inkReveal 3.8s cubic-bezier(.55,.05,.25,1) both}.opening-w{width:100%;height:100%;object-fit:contain}.ink-stroke{position:absolute;width:56%;height:4px;top:69%;left:21%;background:#ddd6c5;box-shadow:0 0 7px #fff,18px -4px 0 -1px rgba(221,214,197,.45);transform-origin:left;transform:scaleX(0) rotate(-8deg);animation:strokeDraw 3.8s ease both}.tattoo-machine{position:absolute;width:38%;max-width:210px;height:auto;left:58%;top:8%;transform-origin:12% 88%;filter:drop-shadow(10px 14px 9px #000);animation:machineTrace 3.8s cubic-bezier(.45,.01,.38,1) both}.opening-logo{position:absolute;width:min(92%,470px);height:auto;opacity:0;filter:drop-shadow(0 8px 13px #000);animation:logoReveal 3.8s ease both}.opening-copy{position:absolute;bottom:2%;margin:0;color:#b8ad97;font-size:12px;font-weight:900;letter-spacing:.34em;opacity:0;animation:logoReveal 3.8s ease both}.opening.quick .tattoo-machine,.opening.quick .opening-w-wrap,.opening.quick .ink-stroke,.opening.quick .opening-ring{display:none}.opening.quick .opening-logo,.opening.quick .opening-copy{animation:quickReveal 1.35s ease both}.opening.quick{transition-duration:.25s}
@keyframes machineTrace{0%{transform:translate(4%,-8%) rotate(-12deg);opacity:0}8%{opacity:1}20%{transform:translate(-62%,28%) rotate(-3deg)}35%{transform:translate(-8%,60%) rotate(8deg)}50%{transform:translate(-68%,84%) rotate(-7deg)}65%{transform:translate(-15%,114%) rotate(6deg);opacity:1}76%,100%{transform:translate(45%,84%) rotate(12deg);opacity:0}}
@keyframes inkReveal{0%,12%{clip-path:inset(100% 0 0 0);transform:scale(.94)}67%{clip-path:inset(0 0 0 0);transform:scale(1)}78%,100%{clip-path:inset(0 0 0 0);opacity:0;transform:scale(1.08)}}
@keyframes strokeDraw{0%,48%{transform:scaleX(0) rotate(-8deg)}68%{transform:scaleX(1) rotate(-8deg);opacity:1}80%,100%{transform:scaleX(1) rotate(-8deg);opacity:0}}
@keyframes ringHit{0%,57%{opacity:0;transform:scale(.7)}68%{opacity:.8;transform:scale(1)}82%,100%{opacity:0;transform:scale(1.25)}}
@keyframes logoReveal{0%,73%{opacity:0;transform:scale(.94)}84%,96%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.01)}}
@keyframes quickReveal{0%{opacity:0;transform:scale(.96)}22%,78%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.01)}}
@keyframes openingFlicker{0%{opacity:.35;transform:translate(0)}100%{opacity:.55;transform:translate(2px,-1px)}}
@media(max-width:520px){.opening-stage{width:96vw}.tattoo-machine{width:43%;left:56%}.opening-logo{width:88%}.opening-copy{bottom:8%;font-size:10px;letter-spacing:.22em}.opening-skip{font-size:11px}}
@media(prefers-reduced-motion:reduce){.opening:not(.quick) .tattoo-machine,.opening:not(.quick) .opening-w-wrap,.opening:not(.quick) .ink-stroke,.opening:not(.quick) .opening-ring{display:none}.opening .opening-logo,.opening .opening-copy{animation:quickReveal .75s ease both}.opening:after{animation:none}.opening{transition-duration:.15s}}

/* Blackened-steel studio finish */
:root{--steel:#c9c7c0;--steel-dark:#242424;--bone:#e2dac8;--rust:#806f50}body{background:#030303 radial-gradient(circle at 75% 12%,#202020 0,transparent 28%) fixed;color:var(--bone)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(118deg,transparent 0 74px,rgba(255,255,255,.018) 75px 76px,transparent 77px 145px)}.noise{z-index:20;opacity:.34;mix-blend-mode:screen}.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(12,12,12,.97),rgba(2,2,2,.94)),url("tattoo-flash-wall.png") center/cover;border-bottom:1px solid #8c887e;box-shadow:0 12px 28px rgba(0,0,0,.65)}.brand img{filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 7px rgba(255,255,255,.12))}.nav{border:1px solid #696969;background:linear-gradient(145deg,#1d1d1d,#080808);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 10px #000;color:#d7d2c7}.nav:hover{border-color:#ddd6c5}.nav.active{background:linear-gradient(145deg,#ece6d8,#aaa69d);border-color:#eee7d7;box-shadow:inset 0 1px 0 #fff,0 5px 10px #000}.hero{border-color:#676767;background-image:linear-gradient(90deg,rgba(0,0,0,.94) 0,rgba(0,0,0,.72) 55%,rgba(0,0,0,.3)),url("tattoo-flash-wall.png");box-shadow:inset 0 0 80px #000}.hero-copy{background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(5,5,5,.78) 74%,transparent)}.eyebrow{background:linear-gradient(145deg,#eee7d7,#a9a396);box-shadow:4px 5px 0 #171717;border:1px solid #f5eee0}.hero h1{text-shadow:2px 2px 0 #000,5px 6px 0 #4d4639,0 0 30px rgba(255,255,255,.08)}.lede{color:#d1cdc3;background:linear-gradient(90deg,rgba(10,10,10,.95),rgba(21,21,21,.76));border-color:#8b806b;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.primary{background:linear-gradient(145deg,#f0e9d9,#aea89d);border-color:#e9e2d3;box-shadow:6px 7px 0 #443d31,0 10px 24px rgba(0,0,0,.5)}.secondary{background:linear-gradient(145deg,#202020,#080808);border-color:#777;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.ink-card{background:linear-gradient(145deg,rgba(230,225,213,.96),rgba(151,147,137,.96)),url("tattoo-flash-wall.png");border-color:#f2eee6;box-shadow:inset 0 0 0 3px #393939,inset 0 0 28px rgba(0,0,0,.45),14px 16px 0 #29251f,20px 24px 38px #000}.card-logo{filter:invert(1) drop-shadow(2px 3px 0 rgba(255,255,255,.22));mix-blend-mode:multiply}.card-action{background:linear-gradient(145deg,#202020,#030303);border-color:#585858;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.process{border-color:#5d5d5d}.process article{border-color:#575757;background:linear-gradient(145deg,rgba(19,19,19,.94),rgba(3,3,3,.96))}.process article:hover{background:linear-gradient(145deg,#282828,#090909)}.process span{color:#d0c5af}.form-grid{background:#686868;border:1px solid #8c8c8c;box-shadow:10px 13px 0 #221f1a,0 20px 50px #000}.form-grid label,.pricing-row label{background:linear-gradient(145deg,#171717,#070707);color:#dcd7cc}input,select,textarea{background:linear-gradient(145deg,#222,#0e0e0e);border:1px solid #696969;color:#f0ebe0;box-shadow:inset 0 2px 5px #000,inset 0 1px 0 rgba(255,255,255,.06)}input:focus,select:focus,textarea:focus{outline:2px solid #b8aa8d;outline-offset:1px;border-color:#ded6c4}.quote-preview{background:linear-gradient(145deg,#e2dac8,#a9a397)!important;border:1px solid #f4eee2}.success{background:linear-gradient(145deg,#ebe5d8,#aaa69d);box-shadow:inset 0 0 0 2px #444,10px 12px 0 #3f392f,0 20px 50px #000}.stats{border-color:#666;background:#030303;box-shadow:0 16px 42px #000}.stats article{border-color:#5f5f5f;background-image:linear-gradient(145deg,rgba(29,29,29,.96),rgba(3,3,3,.98)),url("tattoo-flash-wall.png");box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.stats strong{color:#e6dece;text-shadow:3px 3px 0 #3d3931}.panel{border-color:#696969;background:linear-gradient(145deg,#171717,#040404);box-shadow:0 16px 38px #000}.panel-head{background:linear-gradient(145deg,#e2dccd,#9d9a92);border-color:#313131}.list-item,.appointment{border-color:#3f3f3f}.avatar,.tag{background:linear-gradient(145deg,#c9bea7,#756a56);box-shadow:inset 0 1px 0 #eee}.pricing-panel{border-color:#777;background:#4f4b43;box-shadow:10px 12px 0 #211f1b,0 18px 45px #000}.pricing-row{border-color:#58544d;background:#58544d}.pricing-row>b{background:linear-gradient(145deg,#1b1b1b,#060606)}footer{position:relative;z-index:1;border-color:#555;background:linear-gradient(180deg,#0d0d0d,#020202)}
@media(max-width:800px){.topbar{position:relative}.hero-copy{background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.72))}.ink-card{box-shadow:inset 0 0 0 3px #393939,inset 0 0 28px rgba(0,0,0,.45),7px 9px 0 #29251f}.form-grid{box-shadow:6px 8px 0 #221f1a}.nav{min-height:44px}}

/* Build 8 — monochrome scratched steel */
:root{--ink:#020202;--paper:#ededed;--acid:#bdbdbd;--grey:#a8a8a8;--line:#3b3b3b;--steel:#cfcfcf;--steel-dark:#1d1d1d;--bone:#ededed;--rust:#727272}html,body{background:#020202;color:#ededed}body{background-image:radial-gradient(circle at 78% 8%,#242424 0,transparent 29%),linear-gradient(135deg,#080808,#010101 68%)}body:before{background:repeating-linear-gradient(111deg,transparent 0 51px,rgba(255,255,255,.025) 52px,transparent 53px 91px),repeating-linear-gradient(8deg,transparent 0 127px,rgba(255,255,255,.018) 128px,transparent 129px 183px)}body:after{content:"";position:fixed;inset:0;z-index:19;pointer-events:none;opacity:.2;background:linear-gradient(97deg,transparent 14%,rgba(255,255,255,.15) 14.1%,transparent 14.3%),linear-gradient(12deg,transparent 61%,rgba(255,255,255,.1) 61.1%,transparent 61.3%),linear-gradient(176deg,transparent 83%,rgba(255,255,255,.09) 83.1%,transparent 83.25%);mix-blend-mode:screen}.topbar{background:linear-gradient(180deg,rgba(27,27,27,.98),rgba(2,2,2,.98)),url("tattoo-flash-wall.png");border-color:#797979}.nav{border-color:#686868;background:linear-gradient(145deg,#292929,#080808);color:#eee}.nav.active{background:linear-gradient(145deg,#f3f3f3,#9d9d9d);border-color:#fff;color:#050505}.hero{border-color:#676767;background-image:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.62)),url("tattoo-flash-wall.png")}.hero:after{background:linear-gradient(176deg,#ededed,#999);color:#050505}.eyebrow{background:linear-gradient(145deg,#f4f4f4,#9e9e9e);border-color:#fff;color:#050505;box-shadow:5px 5px 0 #292929}.hero h1{color:#f1f1f1;text-shadow:2px 2px 0 #000,5px 6px 0 #505050,0 0 28px rgba(255,255,255,.1)}.hero h1 em{-webkit-text-stroke-color:#ddd}.lede{color:#d0d0d0;border-color:#929292}.primary{background:linear-gradient(145deg,#f6f6f6,#9b9b9b);border-color:#eee;color:#050505;box-shadow:6px 7px 0 #555,0 10px 24px #000}.secondary{border-color:#777;color:#eee}.ink-card{background:linear-gradient(145deg,rgba(238,238,238,.97),rgba(126,126,126,.97)),url("tattoo-flash-wall.png");border-color:#f4f4f4;box-shadow:inset 0 0 0 3px #343434,inset 0 0 32px rgba(0,0,0,.55),14px 16px 0 #3f3f3f,20px 24px 38px #000}.ink-card:before,.ink-card:after{background:#111}.process span{color:#d5d5d5}.form-grid{background:#676767;box-shadow:10px 13px 0 #3b3b3b,0 20px 50px #000}.quote-preview{background:linear-gradient(145deg,#ededed,#9e9e9e)!important}.success{background:linear-gradient(145deg,#f0f0f0,#9b9b9b);box-shadow:inset 0 0 0 2px #3c3c3c,10px 12px 0 #4c4c4c,0 20px 50px #000}.stats strong{color:#eee;text-shadow:3px 3px 0 #454545}.panel-head{background:linear-gradient(145deg,#ececec,#969696)}.avatar,.tag{background:linear-gradient(145deg,#e1e1e1,#767676)}.pricing-panel{background:#505050;box-shadow:10px 12px 0 #3a3a3a,0 18px 45px #000}.saved{color:#eee}.opening{background-color:#010101}.opening-copy{color:#bbb}.opening-ring{border-color:rgba(255,255,255,.3)}.ink-stroke{background:#eee}.opening-skip{color:#eee;border-color:#777}
.process article,.stats article,.panel,.pricing-row>b,.form-grid label,.pricing-row label{background-image:linear-gradient(145deg,rgba(38,38,38,.97),rgba(3,3,3,.99)),repeating-linear-gradient(168deg,transparent 0 34px,rgba(255,255,255,.045) 35px,transparent 36px 68px)}
.ink-card,.form-grid,.stats,.panel,.pricing-panel{position:relative}.ink-card:after{box-shadow:0 -105px 0 -8px rgba(0,0,0,.72),0 112px 0 -7px rgba(0,0,0,.75)}
@media(max-width:800px){.ink-card{box-shadow:inset 0 0 0 3px #343434,inset 0 0 28px rgba(0,0,0,.55),7px 9px 0 #3d3d3d}.form-grid{box-shadow:6px 8px 0 #393939}}

/* Keep the decorative bands behind every piece of card copy */
.ink-card:before,.ink-card:after{z-index:0;pointer-events:none}.serial,.card-logo,.ink-card p,.ink-card small,.card-action{z-index:2}.card-logo,.ink-card p,.ink-card small{position:relative}.serial{background:rgba(226,226,226,.92);padding:5px 8px;box-shadow:4px 4px 0 rgba(255,255,255,.28)}.card-logo{background:#151515;padding:12px 10px;filter:drop-shadow(2px 3px 0 rgba(255,255,255,.16));mix-blend-mode:normal}.ink-card p{background:rgba(218,218,218,.94);padding:6px 12px;margin-bottom:4px}.ink-card small{background:rgba(218,218,218,.94);padding:4px 8px}.card-action{z-index:3}