:root{color-scheme:dark;--green:#80ff30;--muted:#b1b8ad;--line:#30362d;--panel:#141714}*{box-sizing:border-box}body{margin:0;background:#090b09;color:#f3f5ef;font:15px system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,textarea,select{font:inherit}.top,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 4vw;border-bottom:1px solid var(--line);background:#0e110e}.top nav{display:flex;gap:clamp(8px,1.5vw,24px);flex-wrap:wrap}.brand{display:flex;gap:7px;align-items:center;font-weight:1000;font-style:italic;line-height:.95;white-space:nowrap}.brand em{display:block;color:var(--green);font-size:.9em}.rooster{font-size:2.3rem;filter:drop-shadow(0 0 9px #71f632)}.button,button{display:inline-block;background:var(--green);color:#101709;font-weight:800;border:1px solid var(--green);border-radius:7px;padding:10px 15px;cursor:pointer}.button:hover,button:hover{color:#101709;background:#a9ff72}.outline{background:#141d10;color:var(--green)}.hero{overflow:hidden;position:relative;isolation:isolate;text-align:center;padding:clamp(56px,9vw,135px) 18px;background:repeating-linear-gradient(116deg,transparent 0 62px,#8aff2714 63px 68px,transparent 69px 85px),radial-gradient(ellipse at 50% 64%,#315d17 0%,#161e10 43%,#090b09 76%);border-bottom:1px solid #426b2d}.hero:before,.hero:after{position:absolute;z-index:-1;font-size:clamp(105px,20vw,290px);color:#92ff431c;font-weight:1000;transform:rotate(-18deg);top:20%;content:'DESIGN';left:-15%}.hero:after{content:'STUDIO';left:auto;right:-15%;transform:rotate(16deg)}.hero .rooster{font-size:clamp(3rem,8vw,7rem);line-height:1}.hero h1{margin:.1em 0;font:italic 1000 clamp(2.6rem,8.4vw,8rem)/.83 Impact,'Arial Black',sans-serif;text-transform:uppercase;text-shadow:0 4px #000,0 0 32px #000}.hero h1 em{display:block;color:var(--green);font-size:.83em}.hero p{margin:24px auto;color:#e2efda}.hero .button{box-shadow:0 0 23px #74ff4866}.wrap{max-width:1380px;margin:auto;padding:26px 4vw 45px}.kicker{color:var(--green);letter-spacing:.16em;font-size:.75rem;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}p{color:var(--muted);line-height:1.55}.tiles,.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.tile,.panel,.stat{display:block;background:linear-gradient(150deg,#1b2118,#101310);border:1px solid var(--line);border-radius:10px;padding:16px}.tile:hover{border-color:var(--green)}.tile b,.stat b{display:block;font-size:1.15rem}.glyph{font-size:2.2rem;color:var(--green);display:block;margin-bottom:9px}.dash{display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px}.rail{align-self:start;background:#111510;border:1px solid var(--line);padding:13px;border-radius:9px}.rail a{display:block;padding:9px 7px;border-radius:6px}.rail a:hover,.rail a.current{background:#253c1d;color:var(--green)}.stats{margin:12px 0}.stat span{color:var(--muted);font-size:.8rem}.stat b{color:var(--green);font-size:1.65rem}.columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);gap:12px}.stack{display:grid;gap:12px;align-content:start}.steps{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.steps li,.badge{font-size:.77rem;padding:5px 8px;border-radius:20px;background:#253522;color:#c5f9b1}.preview{display:grid;place-items:center;min-height:165px;margin:12px 0;background:radial-gradient(#29461d,#10160f);border:1px solid var(--line);border-radius:8px;font-size:4rem;color:var(--green)}.table{overflow:auto}table{width:100%;text-align:left;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid var(--line)}label{display:block;margin:14px 0}input,textarea,select{width:100%;padding:9px;background:#101610;border:1px solid #53614d;border-radius:6px;margin-top:6px}textarea{min-height:100px}form{max-width:660px}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);flex-wrap:wrap}@media(max-width:760px){.top{flex-wrap:wrap}.top nav{order:3;width:100%}.dash,.columns{grid-template-columns:1fr}.rail{display:flex;flex-wrap:wrap}.rail .kicker{width:100%}}
/* Match the approved storefront proportions and compact dashboard hierarchy. */
.top{min-height:62px;padding:8px clamp(16px,4vw,64px);gap:14px}
.top nav{align-items:center;gap:clamp(8px,1.4vw,21px);font-size:.88rem}
.top nav a{padding:5px 8px;border-radius:6px}
.top nav a[aria-current="page"]{color:var(--green);background:#253a1a}
.brand{font-size:1.12rem;letter-spacing:-.025em}
.hero{min-height:0;padding:clamp(44px,6vw,90px) 16px clamp(38px,5vw,72px);background:radial-gradient(ellipse at 50% 77%,#365d19 0%,#182811 29%,#101810 56%,#080c09 82%)}
.hero::before,.hero::after{content:none}
.hero h1{font-size:clamp(2.3rem,7.3vw,6.4rem);letter-spacing:-.04em}
.hero p{margin:16px auto;color:#d7dfd2}
.hero .button{background:#131c10;color:#f0ffee;border:2px solid var(--green);border-radius:14px;text-transform:uppercase;letter-spacing:.035em;padding:9px 20px}
.home-services{position:relative;margin-top:-20px;padding-top:0}
.home-services .tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.home-services .tile{min-height:115px;padding:12px;border-color:#3b5034;background:linear-gradient(150deg,#253420,#0c100d 73%)}
.home-services .tile:hover{border-color:var(--green)}
.home-services .tile b{font-size:.97rem}
.home-services .tile p{font-size:.8rem;margin:.35rem 0 0}
.home-services .glyph{font-size:1.7rem;margin-bottom:5px}
.dash{max-width:1500px;grid-template-columns:175px minmax(0,1fr);padding:17px 2.5vw 30px}
.dash h1{margin-bottom:5px}
.dash .panel h2{font-size:1rem;margin-bottom:.5rem}
.dash .panel,.dash .stat{padding:12px}
.dash .preview{min-height:230px}
@media(max-width:1000px){.home-services .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dash{grid-template-columns:1fr}.top nav{gap:4px}.top nav a{padding:5px}.hero{padding-top:45px}}
@media(max-width:480px){.home-services .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
:root{--green:#72f725;--line:#353936;--panel:#141514}body,.top,footer{background:#080908}.top{padding:8px 2vw}.brand{width:clamp(135px,22vw,310px);flex-shrink:0}
.art{display:block;position:relative;overflow:hidden;aspect-ratio:var(--w)/var(--h);background:#080908}.art img{position:absolute;max-width:none;width:calc(100% * 1672 / var(--w));left:calc(-100% * var(--x) / var(--w));top:calc(-100% * var(--y) / var(--h))}
.brand-art{width:100%;--x:23;--y:1;--w:385;--h:95}
.hero{padding:0 0 22px;background:#080908;border:0}.hero-art{--x:0;--y:99;--w:1672;--h:370;max-width:1920px;margin:auto}.hero .button{margin:8px 12px 0;padding:12px clamp(18px,5vw,90px);border-radius:32px;font-size:clamp(.9rem,2.3vw,1.45rem);box-shadow:0 0 19px #67fe34a0,inset 0 0 10px #5ee3306e}.hero .button:hover{background:#244912}
.home-services{margin:0 auto;max-width:1720px;padding:0 clamp(12px,3.6vw,62px) 28px}.home-services .tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.home-services .tile{padding:0;overflow:hidden;border:1px solid #607466;border-bottom:2px solid #59dd15;border-radius:clamp(8px,1.7vw,24px);background:linear-gradient(#111912,#0a110b);box-shadow:0 8px 22px -17px #79ff32}.tile-art{--y:601;--h:210}.tile-label{min-height:65px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 12px}.home-services .tile b{font-size:clamp(.75rem,1.2vw,1.12rem);line-height:1.15;text-transform:uppercase}.tile-arrow{color:var(--green);font-size:1.5rem}.home-secondary{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
body.workspace .top,body.workspace footer{display:none}.dash{max-width:1720px;min-height:100vh;padding:0 14px 18px 0;grid-template-columns:clamp(170px,16vw,267px) minmax(0,1fr);gap:15px}.rail{align-self:stretch;background:linear-gradient(150deg,#111511,#080908);border:0;border-right:1px solid var(--line);border-radius:0;padding:10px 12px}.rail a{padding:11px;margin:3px 0;font-weight:650}.rail .logo-link{padding:0}.rail .art{width:100%;margin-bottom:16px}.customer-logo{--x:5;--y:4;--w:251;--h:229}.admin-logo{--x:7;--y:4;--w:247;--h:228}.dash-content{padding-top:16px;min-width:0}.workspace .panel,.workspace .stat{background:linear-gradient(145deg,#1b1c1b,#101110);border-color:#393d38;border-radius:12px}.workspace .stat b{color:#f5f7f3}.workspace .steps{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;border-top:2px solid #507540;padding:9px 0 0}.workspace .steps li{background:none;border-radius:0;font-weight:700;color:#c9efc2}.customer-preview{--x:400;--y:387;--w:550;--h:495;border-radius:8px}.preview-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(130px,1fr);gap:14px;align-items:start;margin-top:12px}.studio-art{--w:150;--h:142;--y:560;border-radius:6px;width:min(150px,100%);margin-bottom:10px}.art-tattoo{--x:306}.art-clothing{--x:849}
@media(max-width:900px){.home-services .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.dash .columns{grid-template-columns:1fr}}
@media(max-width:760px){.dash{grid-template-columns:1fr;padding:0 12px 16px}.rail{border-right:0;border-bottom:1px solid var(--line);align-items:center;padding:4px}.rail a{padding:6px}.rail .logo-link{width:58px}.rail .art{margin:0}.dash-content{padding-top:0}}
@media(max-width:480px){.home-services .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{--x:395;--w:883}.preview-layout{grid-template-columns:1fr}.workspace .steps{gap:3px}.workspace .steps li{padding:4px 1px;font-size:.65rem}}
.reference-preview{display:block;max-width:min(100%,340px);max-height:250px;object-fit:contain;margin:12px 0;border-radius:8px}.reference-preview[hidden]{display:none}.order-actions{display:flex;flex-wrap:wrap;gap:8px}.order-actions .button{font-size:.85rem}.top #import-status{margin:0}.order-note{margin:8px 0 16px}.addon-price{font-size:1.25rem;font-weight:800;color:var(--green)}
/* Replace the mascot while retaining the original art crops and wordmarks. */
.brand-mascot{width:26%;height:auto;aspect-ratio:1;object-fit:contain}
.brand-art{width:74%;--x:137;--y:11;--w:267;--h:80}
.workspace-mascot{display:block;width:67%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto -3px}
.customer-logo{--x:14;--y:116;--w:223;--h:101}
.admin-logo{--x:22;--y:146;--w:226;--h:86}
.hero-mascot{display:grid;place-items:center;position:absolute;left:39%;width:19%;top:0;height:48.4%;background:radial-gradient(ellipse at 52% 69%,#182c0d 4%,#090f08 61%,#090c08 76%,transparent 90%);clip-path:polygon(0 100%,8% 18%,23% 5%,44% 0,81% 0,98% 17%,100% 100%)}
.hero-mascot img{position:static;width:100%;height:100%;object-fit:contain;min-height:0;filter:drop-shadow(0 0 10px #67e22e55)}
@media(max-width:480px){.hero-mascot{left:29.1%;width:36%}}
.hero-mascot{height:51.5%;clip-path:polygon(0 94%,8% 18%,23% 5%,44% 0,81% 0,98% 17%,100% 94%,78% 94%,75% 99%,61% 100%,59% 94%);background:radial-gradient(ellipse at 52% 69%,#172910 4%,#090f08 64%,#090c08 76%,transparent 91%)}
.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.proof-grid:empty{display:none}.proof-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#131815}.proof-grid img{display:block;width:100%;height:auto}.proof-grid figcaption{font-weight:800;text-align:center;padding:8px}.proof-grid+.panel{max-width:850px}#placements label{overflow-wrap:anywhere}
.hero-mascot{isolation:isolate;background:radial-gradient(ellipse at 50% 75%,#101d0b 18%,#080d07 58%,#0d170b 75%,#14230c 100%)}
.hero-mascot::before{content:'';position:absolute;inset:0;z-index:-1;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20340%20210%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cdefs%3E%3ClinearGradient%20id%3D%22outer%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23123f09%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%2338a20c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2389ff30%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22inner%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%232f990d%22%20stop-opacity%3D%22.18%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b9ff6a%22%20stop-opacity%3D%22.94%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%0A%3Cpath%20fill%3D%22url(%23outer)%22%20opacity%3D%22.82%22%20d%3D%22M0%20202c7-38%2036-39%2029-73%2027%2021%2017%2043%2030%2037%2021-14-18-39%200-72%202%2030%2030%2040%2034%2063%2010-6%209-23%207-35%2024%2023%2026%2057%2055%2066%2021%208%2049%208%2068-14%2018-21%208-46%2024-69%201%2020%202%2032%2013%2042%2015-21%2034-29%2032-70%2026%2037-3%2065%209%2076%2011-12%2021-23%2023-39%2015%2036-5%2066%2016%2088v8H0Z%22%2F%3E%0A%3Cpath%20fill%3D%22url(%23inner)%22%20d%3D%22M0%20210c17-16%2021-32%2019-47%2021%2016%2015%2028%2028%2028%2017-6%2023-23%2020-39%2022%2017%2018%2033%2039%2047%2024%2011%2054%2011%2081%206%2024-4%2046-12%2061-39-2%2021%2012%2024%2021%2019%2012-8%2020-17%2021-31%2013%2016%209%2033%2022%2030%2012-7%2016-17%2016-27%2013%2019%203%2040%2012%2053Z%22%2F%3E%0A%3C%2Fsvg%3E') center bottom/100% 100% no-repeat;filter:drop-shadow(0 0 7px #64ff25b0)}
.hero-mascot img{filter:drop-shadow(0 0 12px #63ff367c)}