*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@font-face{font-family:KitPrint;src:url(/fonts/kit-print.woff2) format("woff2"),url(/fonts/kit-print.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{color-scheme:light;--kitly-green:oklch(0.58 0.12 133);--kitly-green-dark:oklch(0.39 0.1 133);--graphite:oklch(0.28 0.011 155);--graphite-soft:oklch(0.48 0.01 150);--mist:oklch(0.94 0.008 102);--mist-2:oklch(0.9 0.01 102);--line:oklch(0.82 0.01 102);--paper:oklch(0.965 0.012 93);--white:oklch(0.992 0.006 93);--shadow:0 26px 70px oklch(0.28 0.02 135/0.16);--font-body:"Avenir Next","DIN Alternate","Segoe UI",sans-serif;--font-display:"DIN Condensed","Avenir Next Condensed","Arial Narrow",sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--paper)}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--graphite);font-family:var(--font-body),sans-serif}::-moz-selection{background:color-mix(in oklch,var(--kitly-green) 25%,transparent)}::selection{background:color-mix(in oklch,var(--kitly-green) 25%,transparent)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;animation:reveal-rise .76s cubic-bezier(.22,1,.36,1) forwards}.rise-1{animation-delay:80ms}.rise-2{animation-delay:.18s}@keyframes reveal-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--white) 96%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.topbar-primary{gap:clamp(1rem,2vw,2rem);min-height:82px;padding:0 clamp(1rem,3vw,3.75rem)}.brand-lockup,.topbar-primary{display:flex;align-items:center}.brand-lockup{min-width:216px;color:var(--kitly-green)}.brand-logo{width:216px;height:auto}.sector-pill{display:inline-flex;align-items:center;gap:var(--space-md);min-height:54px;padding:0 1.55rem;border:0;border-radius:15px;background:var(--kitly-green);color:var(--white);font-size:1.08rem;font-weight:500}.topbar-spacer{flex:1}.search-box,.topbar-contact,.topbar-secondary nav,.utility-icons,.utility-nav{display:flex;align-items:center}.utility-nav{gap:1.6rem;color:var(--graphite-soft);font-size:1rem}.group-link{color:var(--kitly-green-dark);gap:.3rem;display:inline-flex;align-items:center}.utility-icons{gap:1rem;padding-left:1.6rem;border-left:1px solid var(--line)}.utility-icons button{display:inline-flex;align-items:center;gap:.4rem;border:0;background:transparent;color:var(--graphite)}.search-box{width:184px;height:52px;gap:var(--space-sm);padding:0 1rem 0 1.35rem;border:1px solid var(--line);border-radius:15px;background:var(--mist);color:var(--graphite-soft)}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--graphite);font-size:1.15rem}.search-box input::-moz-placeholder{color:oklch(.7 .006 135)}.search-box input::placeholder{color:oklch(.7 .006 135)}.topbar-secondary{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 clamp(1rem,3vw,3.75rem);background:var(--white)}.topbar-secondary nav{gap:clamp(1.1rem,2.6vw,2.7rem);color:var(--graphite-soft);font-size:clamp(1rem,1.3vw,1.32rem);white-space:nowrap}.topbar-secondary a{position:relative;display:inline-flex;align-items:center;min-height:58px}.topbar-secondary a.active:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:5px;background:var(--kitly-green)}.topbar-contact{min-height:56px;gap:.7rem;padding:0 1.25rem;background:var(--kitly-green);color:var(--white);font-size:1.15rem;font-weight:500}.hero-section,.site-shell{overflow:hidden}.hero-section{position:relative;isolation:isolate;background:var(--paper);padding:clamp(1.75rem,4vw,3.75rem) 0 0}.hero-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(oklch(.4 .02 135/.035) 1px,transparent 1.7px);background-size:26px 26px}.hero-inner{position:relative;z-index:1;width:min(100% - 3rem,1520px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:clamp(.5rem,2vw,2.4rem);min-height:clamp(540px,66vh,740px)}.hero-copy{position:relative;z-index:2;min-width:0;max-width:40ch}.hero-eyebrow{display:inline-flex;align-items:center;gap:.7rem;margin:0 0 1.3rem;font-family:var(--font-hero-display),var(--font-display),sans-serif;font-weight:700;font-size:.96rem;letter-spacing:.24em;text-transform:uppercase;color:var(--kitly-green-dark)}.hero-eyebrow:before{content:"";width:2.4rem;height:2px;background:currentColor}.hero-title{margin:0;font-family:var(--font-hero-display),var(--font-display),sans-serif;font-weight:800;font-size:clamp(3.2rem,6.4vw,6.4rem);line-height:.84;letter-spacing:-.005em;text-transform:uppercase;color:var(--graphite);text-wrap:balance}.hero-title span{display:block;color:var(--kitly-green-dark)}.hero-sub{margin:1.7rem 0 0;max-width:44ch;font-family:var(--font-hero-body),var(--font-body),sans-serif;font-size:clamp(1.02rem,1.15vw,1.22rem);line-height:1.62;color:var(--graphite-soft)}.hero-actions{margin-top:2.3rem;display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;gap:.6rem;min-height:60px;padding:0 1.9rem;background:var(--kitly-green-dark);color:var(--white);font-family:var(--font-hero-body),var(--font-body),sans-serif;font-weight:600;font-size:1.08rem;border-radius:3px;box-shadow:0 14px 30px oklch(.39 .1 133/.26);transition:transform .55s cubic-bezier(.16,1,.3,1),background .3s ease,box-shadow .3s ease}.hero-cta:hover{background:var(--graphite);transform:translateY(-3px);box-shadow:0 20px 38px oklch(.28 .02 135/.3)}.hero-ghost{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-hero-body),var(--font-body),sans-serif;font-weight:600;font-size:1.04rem;color:var(--graphite);padding-bottom:3px;border-bottom:2px solid color-mix(in oklch,var(--graphite) 22%,transparent);transition:border-color .3s ease,gap .3s ease}.hero-ghost:hover{border-color:var(--kitly-green);gap:.85rem}.hero-stage{z-index:1;align-self:stretch}.hero-kit-stack,.hero-stage{position:relative;display:flex;align-items:center;justify-content:center}.hero-kit-stack{width:100%}.hero-device{position:relative}.hero-kit-banner{display:block;width:100%;max-width:clamp(440px,48vw,860px);height:auto;margin-inline:auto;filter:drop-shadow(0 30px 38px oklch(.28 .02 135/.26))}.hero-meta{position:relative;z-index:2;width:min(100% - 2.5rem,1480px);margin:clamp(.5rem,2vw,1.5rem) auto 0;padding:1.3rem 0 clamp(1.5rem,3vw,2.6rem);list-style:none;display:flex;flex-wrap:wrap;align-items:center;font-family:var(--font-hero-display),var(--font-display),sans-serif;font-weight:600;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;color:var(--graphite-soft)}.hero-meta li{display:inline-flex;align-items:center}.hero-meta li:not(:first-child):before{content:"";width:5px;height:5px;margin:0 1.6rem;border-radius:50%;background:var(--kitly-green)}.kit-mini{position:relative;width:170px;height:230px;color:var(--graphite)}.kit-mini-sleeve{position:absolute;top:48px;width:54px;height:90px;background:color-mix(in oklch,var(--kitly-green) 18%,var(--white));border:1px solid oklch(.72 .008 135)}.kit-mini-left{left:4px;clip-path:polygon(100% 0,18% 12%,0 90%,74% 100%)}.kit-mini-right{right:4px;clip-path:polygon(0 0,82% 12%,100% 90%,26% 100%)}.kit-mini-body span{width:30px;height:30px;border:2px solid var(--kitly-green);border-radius:50%}.kit-mini-body strong{font-family:var(--font-display),sans-serif;font-size:1.6rem;line-height:1}.kit-mini-body em{width:64px;height:10px;background:var(--kitly-green)}.studio-device,.wallbox{position:relative;width:96px;height:174px;border-radius:12px 12px 18px 18px;background:linear-gradient(180deg,oklch(.98 .003 135),oklch(.83 .006 135));box-shadow:0 18px 28px oklch(.25 .01 135/.22)}.studio-device-dark,.wallbox-dark{background:linear-gradient(180deg,oklch(.25 .014 240),oklch(.13 .012 240))}.studio-device-socket,.wallbox-socket{width:90px;height:132px;background:linear-gradient(180deg,oklch(.97 .003 135),oklch(.88 .006 135))}.device-screen,.wallbox-face{position:absolute;top:22px;left:50%;display:flex;gap:4px;transform:translateX(-50%)}.device-screen span,.wallbox-face span{width:8px;height:4px;background:var(--kitly-green)}.device-port,.wallbox-port{position:absolute;left:50%;bottom:30px;width:42px;height:48px;transform:translateX(-50%);border-radius:9px 9px 15px 15px;background:oklch(.29 .012 240)}.charge-cable,.device-cable{position:absolute;left:-32px;bottom:29px;width:150px;height:150px;border:8px solid var(--kitly-green);border-top:8px solid transparent;border-radius:50%}.studio-device-socket .device-cable,.wallbox-socket .charge-cable{display:none}.car-crop{position:absolute;right:-7%;bottom:-6px;width:min(40vw,590px);height:210px}.car-hood{position:absolute;inset:0;background:linear-gradient(160deg,transparent 0 20%,oklch(.97 .003 135) 20% 75%,oklch(.74 .004 135) 75% 100%);clip-path:polygon(14% 50%,66% 18%,100% 24%,100% 100%,0 100%);box-shadow:inset 0 18px 22px oklch(1 0 0/.8)}.car-wheel{position:absolute;right:18%;bottom:-10px;width:136px;height:136px;border:18px solid oklch(.13 .006 240);border-radius:50%;background:radial-gradient(circle,oklch(.86 .004 135) 0 18%,transparent 19%),repeating-conic-gradient(from 8deg,oklch(.86 .004 135) 0 6deg,oklch(.2 .006 240) 6deg 18deg)}.hero-copy-panel{position:relative;z-index:2;width:min(52vw,860px);margin:0 0 7.6rem;padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,4vw,4.5rem);background:color-mix(in oklch,var(--white) 90%,transparent);box-shadow:var(--shadow)}.eyebrow{margin:0 0 .8rem;color:var(--kitly-green-dark);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.cta-band h2,.hero-copy-panel h1,.section h2,.split-copy h2,.studio-title h1{margin:0;color:var(--graphite);font-family:var(--font-display),sans-serif;font-weight:300;letter-spacing:0;line-height:.95}.hero-copy-panel h1{max-width:850px;font-size:clamp(4rem,8vw,7.4rem)}.hero-copy-panel p:last-child{max-width:760px;margin:1.5rem 0 0;color:var(--graphite-soft);font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.55}.floating-contact{display:inline-flex;align-items:center;gap:.75rem;min-height:64px;margin-top:2rem;padding:0 1.75rem;background:var(--kitly-green);color:var(--white);font-size:1.15rem;font-weight:600}.section,.split-section{width:min(100% - 2rem,1520px);margin:0 auto}.intro-band{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(2rem,7vw,8rem);padding:clamp(4rem,8vw,8rem) 0 3rem}.cta-band h2,.section h2,.split-copy h2{max-width:960px;font-size:clamp(3rem,6vw,5.4rem)}.evidence-item p,.family-card p,.intro-band>p,.site-footer,.split-copy p{color:var(--graphite-soft);font-size:1.04rem;line-height:1.65}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.product-family{padding:2rem 0 5rem}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.family-card{display:grid;grid-template-rows:270px 1fr;min-height:500px;padding:2rem;border-right:1px solid var(--line);background:var(--white)}.family-card:last-child{border-right:0}.family-visual{display:grid;place-items:center;background:linear-gradient(90deg,oklch(.9 .005 135) 1px,transparent 0),linear-gradient(0deg,oklch(.9 .005 135) 1px,transparent 0);background-size:34px 34px}.family-card span{color:var(--kitly-green-dark);font-weight:700}.control-header h2,.evidence-item h3,.family-card h3{margin:.55rem 0 .6rem;color:var(--graphite);font-family:var(--font-display),sans-serif;font-size:2.4rem;font-weight:500;line-height:1}.split-section{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);min-height:560px;margin-top:2rem;background:var(--mist)}.split-media{display:flex;align-items:center;padding:clamp(2rem,5vw,4rem);background:var(--graphite);color:var(--white)}.rail-grid{width:100%;display:grid;gap:0}.rail-row{display:grid;grid-template-columns:72px 1fr;gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid oklch(1 0 0/.16);align-items:center}.rail-row strong{color:var(--kitly-green);font-family:var(--font-display),sans-serif;font-size:2.6rem;font-weight:600}.rail-row span{font-size:1.25rem}.split-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,6rem)}.primary-link,.quote-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:-moz-fit-content;width:fit-content;min-height:58px;margin-top:1.5rem;padding:0 1.35rem;border:0;background:var(--kitly-green);color:var(--white);font-weight:700}.evidence-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:5rem 0}.evidence-item{padding:2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.evidence-item:last-child{border-right:0}.evidence-item svg{color:var(--kitly-green-dark)}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:5rem;padding:clamp(2rem,5vw,4rem);background:var(--kitly-green)}.cta-band,.cta-band .eyebrow,.cta-band h2{color:var(--white)}.inverse{color:var(--kitly-green-dark)}.inverse,.site-footer{background:var(--white)}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,3vw,3.75rem);border-top:1px solid var(--line)}.site-footer div{display:inline-flex;align-items:center;gap:.7rem}.site-footer strong{color:var(--graphite)}.studio-page{min-height:100vh;background:var(--paper)}.studio-workspace{display:grid;grid-template-columns:300px minmax(0,1fr) 430px;min-height:calc(100vh - 161px)}.studio-controls,.studio-left{background:var(--white);border-right:1px solid var(--line)}.studio-left{padding:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--graphite-soft);font-weight:600}.studio-title{margin-top:3rem}.studio-title h1{font-size:clamp(3rem,4.8vw,5.2rem)}.studio-title span{display:block;margin-top:1rem;color:var(--graphite-soft);line-height:1.55}.step-list{display:grid;margin-top:3rem;border-top:1px solid var(--line)}.step-line{display:grid;grid-template-columns:42px 1fr 18px;gap:.6rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.step-line strong{color:var(--kitly-green-dark)}.studio-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,oklch(.93 .006 135),oklch(.86 .006 135))}.stage-wall{position:absolute;inset:0 0 18%;background:radial-gradient(circle at 40% 20%,oklch(.35 .006 135/.2) 0 1px,transparent 1.5px),radial-gradient(circle at 76% 44%,oklch(.35 .006 135/.15) 0 1px,transparent 1.5px),linear-gradient(120deg,transparent 0 72%,oklch(.2 .006 135/.15) 72% 100%);background-size:32px 26px,42px 34px,auto}.stage-floor{position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(180deg,oklch(.84 .006 135),oklch(.77 .006 135));border-top:1px solid oklch(.72 .006 135)}.stage-device-wrap{position:relative;z-index:2;display:grid;place-items:center;gap:2rem;transform:scale(1.85)}.stage-label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;background:var(--white);color:var(--kitly-green-dark);font-weight:800;box-shadow:var(--shadow)}.studio-controls{overflow-y:auto;padding:1.4rem;border-right:0;border-left:1px solid var(--line)}.control-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:var(--mist);color:var(--graphite)}.control-group{padding:1.25rem 0;border-bottom:1px solid var(--line)}.control-group h3{margin:0 0 .85rem;color:var(--graphite);font-size:.92rem;letter-spacing:.08em;text-transform:uppercase}.option-grid,.segmented{display:grid;gap:.55rem}.option{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;padding:.85rem;border:1px solid var(--line);background:var(--mist);color:var(--graphite);text-align:left}.option span{color:var(--graphite-soft)}.option.active,.segmented button.active{border-color:var(--kitly-green);background:color-mix(in oklch,var(--kitly-green) 13%,var(--white));color:var(--kitly-green-dark)}.segmented{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.55rem .65rem;border:1px solid var(--line);background:var(--white);color:var(--graphite);font-size:.88rem}.range-row{display:grid;grid-template-columns:1fr auto;gap:.8rem;color:var(--graphite-soft);font-weight:600}.range-row input{grid-column:1/-1;width:100%;accent-color:var(--kitly-green)}.stripe-range{margin:.75rem 0;padding:.85rem;border:1px solid var(--line);background:color-mix(in oklch,var(--white) 84%,var(--paper))}.summary-box{display:grid;gap:.55rem;margin-top:1.25rem;padding:1rem;background:var(--graphite);color:var(--white)}.summary-box div{display:flex;align-items:center;justify-content:space-between;gap:1rem}.summary-box span{color:oklch(.84 .006 135);font-size:.86rem}.quote-button{width:100%}.kit-workspace{grid-template-columns:315px minmax(520px,1fr) 470px}.kit-stage{align-items:stretch;background:linear-gradient(90deg,oklch(.88 .006 135) 1px,transparent 0),linear-gradient(0deg,oklch(.88 .006 135) 1px,transparent 0),linear-gradient(180deg,oklch(.96 .005 135),oklch(.9 .006 135));background-size:42px 42px,42px 42px,auto}.kit-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 22%,oklch(.35 .005 135/.14) 0 1.2px,transparent 1.6px),radial-gradient(circle at 74% 62%,oklch(.35 .005 135/.12) 0 1.2px,transparent 1.6px);background-size:36px 36px,52px 52px}.kit-view-tabs{position:absolute;z-index:4;top:1.25rem;left:50%;display:inline-flex;gap:.35rem;padding:.35rem;transform:translateX(-50%);background:color-mix(in oklch,var(--white) 92%,transparent);border:1px solid var(--line)}.kit-view-tabs button{min-height:38px;padding:0 .9rem;border:0;background:transparent;color:var(--graphite-soft);font-weight:700;text-transform:capitalize}.kit-view-tabs button.active{background:var(--kitly-green);color:var(--white)}.kit-preview-area{position:relative;z-index:2;display:grid;place-items:center;width:100%;min-height:100%;padding:5.5rem 2rem 2rem}.jersey-stage-card{display:grid;place-items:center;gap:1rem}.jersey-stage-card p{max-width:460px;margin:0;padding:.75rem 1rem;background:color-mix(in oklch,var(--white) 88%,transparent);color:var(--graphite-soft);font-size:.9rem;font-weight:600;text-align:center}.jersey-shadow{width:360px;height:34px;margin-bottom:-20px;border-radius:50%;background:oklch(.25 .01 135/.18);filter:blur(16px)}.jersey{--kit-base:#f8faf6;--kit-accent:#65a540;--stripe-width:26px;position:relative;width:min(42vw,430px);min-width:330px;height:540px;color:var(--graphite)}.jersey-body{position:absolute;inset:58px 75px 0;overflow:hidden;clip-path:polygon(17% 0,83% 0,100% 13%,91% 100%,9% 100%,0 13%);border:1px solid oklch(.72 .008 135);box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--kit-accent) 10%,transparent)}.jersey-body,.jersey-plain .jersey-body{background:var(--kit-base)}.jersey-vertical-stripes .jersey-body{background:repeating-linear-gradient(90deg,var(--kit-base) 0 var(--stripe-width),color-mix(in srgb,var(--kit-accent) 18%,var(--kit-base)) var(--stripe-width) calc(var(--stripe-width) + 7px))}.jersey-horizontal-stripes .jersey-body{background:repeating-linear-gradient(180deg,var(--kit-base) 0 var(--stripe-width),color-mix(in srgb,var(--kit-accent) 16%,var(--kit-base)) var(--stripe-width) calc(var(--stripe-width) + 7px))}.jersey-check .jersey-body{background:linear-gradient(45deg,color-mix(in srgb,var(--kit-accent) 12%,transparent) 25%,transparent 25% 75%,color-mix(in srgb,var(--kit-accent) 12%,transparent) 75%),linear-gradient(45deg,color-mix(in srgb,var(--kit-accent) 12%,transparent) 25%,transparent 25% 75%,color-mix(in srgb,var(--kit-accent) 12%,transparent) 75%),var(--kit-base);background-position:0 0,18px 18px,0 0;background-size:36px 36px}.sleeve{position:absolute;top:72px;width:122px;height:178px;background:var(--kit-base);border:1px solid oklch(.72 .008 135)}.sleeve-left{left:2px;clip-path:polygon(100% 0,20% 12%,0 88%,72% 100%)}.sleeve-right{right:2px;clip-path:polygon(0 0,80% 12%,100% 88%,28% 100%)}.jersey-cut-padel-shirt .sleeve{top:86px;width:108px;height:142px}.jersey-cut-padel-shirt .jersey-body{inset:62px 70px 0;clip-path:polygon(14% 0,86% 0,100% 12%,92% 100%,8% 100%,0 12%)}.jersey-cut-padel-shirt .collar{width:106px;height:42px;border-width:8px;border-top:8px solid color-mix(in srgb,var(--kit-accent) 85%,#111);border-radius:4px 4px 38px 38px}.jersey-cut-basketball-kit .sleeve{display:none}.jersey-cut-basketball-kit .jersey-body{inset:58px 92px 0;clip-path:polygon(22% 0,78% 0,96% 13%,88% 100%,12% 100%,4% 13%)}.jersey-cut-basketball-kit .collar{width:92px;height:68px;border-width:9px;border-top:0;border-radius:0 0 64px 64px}.collar{position:absolute;z-index:3;top:52px;left:50%;width:84px;height:54px;transform:translateX(-50%);background:var(--paper);border:10px solid color-mix(in srgb,var(--kit-accent) 85%,#111);border-top:0;border-radius:0 0 60px 60px}.front-top{display:flex;justify-content:space-between;align-items:start;padding:62px 34px 0}.kitly-chest{--mark-ink:var(--kit-base);width:58px;height:58px;color:color-mix(in srgb,var(--kit-accent) 86%,#101411);filter:drop-shadow(0 3px 5px oklch(.2 .01 155/.18))}.shirt-brand-mark{display:block;flex:0 0 auto}.logo-slot{display:grid;place-items:center;color:color-mix(in srgb,var(--kit-accent) 70%,#1f2b23);font-family:var(--font-display),sans-serif;font-weight:800;text-align:center;overflow:hidden}.logo-slot img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.crest-slot{width:72px;height:72px;border:2px solid color-mix(in srgb,var(--kit-accent) 65%,#1f2b23);border-radius:50%;font-size:.66rem}.sponsor{margin:54px auto 0;width:220px;min-height:58px;padding:.4rem;font-size:2.1rem;letter-spacing:.04em}.sponsor-secondary{width:170px;min-height:40px;margin-top:18px;font-size:1rem}.back-print{display:grid;grid-template-rows:.72fr auto auto 1fr;justify-items:center;height:100%;padding:78px 28px 46px;color:color-mix(in srgb,var(--kit-accent) 64%,#243027);font-family:var(--font-display),sans-serif}.back-print strong{grid-row:2;max-width:230px;overflow-wrap:anywhere;font-size:clamp(1.65rem,3.8vw,2.65rem);font-weight:700;line-height:1;text-align:center}.back-print span{grid-row:3;margin-top:.7rem;font-size:clamp(6.4rem,13vw,10.8rem);font-weight:700;line-height:.9;letter-spacing:0}.transfer-sheet{width:min(70vw,720px);min-height:620px;padding:2rem;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.sheet-meta{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.sheet-meta strong{color:var(--graphite)}.sheet-meta span{color:var(--graphite-soft)}.paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-top:1.5rem}.paper-logo,.paper-name,.paper-number,.paper-sponsor{min-height:110px;border:1px dashed oklch(.66 .02 135);background:var(--paper)}.paper-brand-logo{display:grid;place-items:center}.paper-brand-logo .shirt-brand-mark{--mark-ink:var(--white);width:92px;height:92px;color:var(--graphite)}.paper-sponsor{grid-column:span 2;font-size:2.1rem}.paper-name,.paper-number{display:grid;place-items:center;color:var(--graphite);font-family:var(--font-display),sans-serif;font-weight:800}.paper-name{font-size:3rem}.paper-number{font-size:8rem;line-height:1}.swatch-row,.text-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.swatch-row label,.text-field-grid label,.upload-control label:first-child{display:grid;gap:.35rem;color:var(--graphite-soft);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.swatch-row input[type=color]{width:100%;height:44px;padding:0;border:1px solid var(--line);background:var(--white)}.text-field-grid input,.upload-control input[type=text],.upload-control label:first-child input{width:100%;min-height:44px;padding:0 .75rem;border:1px solid var(--line);background:var(--white);color:var(--graphite);outline-color:var(--kitly-green)}.upload-control{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:end;padding:.7rem 0;border-bottom:1px solid color-mix(in oklch,var(--line) 70%,transparent)}.upload-control:last-child{border-bottom:0}.upload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:0 .75rem;border:1px solid var(--line);background:var(--mist);color:var(--graphite);font-size:.78rem;font-weight:800;white-space:nowrap}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.artwork-controls{display:grid;gap:.75rem;margin-top:.85rem;padding:.85rem;border:1px solid var(--line);background:color-mix(in oklch,var(--white) 86%,var(--paper))}.artwork-controls>span{color:var(--graphite-soft);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.artwork-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.artwork-selector button{min-height:38px;border:1px solid var(--line);background:var(--white);color:var(--graphite);font-size:.78rem;font-weight:800}.artwork-selector button.active{border-color:var(--kitly-green-dark);background:var(--kitly-green-dark);color:var(--white)}.shirt-artwork-slot{cursor:grab;transform-box:fill-box;transform-origin:center}.shirt-artwork-slot:active{cursor:grabbing}.shirt-artwork-slot.active{outline:2px solid var(--kitly-green);outline-offset:4px}.mockup-canvas-wrap{position:relative;aspect-ratio:1028/1024;height:100%;max-width:min(100%,720px);max-height:100%;touch-action:none}.mockup-canvas{display:block}.mockup-canvas,.mockup-overlay{position:absolute;inset:0;width:100%;height:100%}.size-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.size-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem;border:1px solid var(--line);background:var(--mist)}.size-row>div{display:inline-flex;align-items:center;gap:.4rem}.size-row button{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);background:var(--white);color:var(--graphite)}.size-row span{min-width:24px;text-align:center;font-weight:800}.roster-table{display:grid;gap:.55rem;max-height:min(46vh,520px);overflow-y:auto;padding-right:.25rem}.roster-row{display:grid;grid-template-columns:26px 34px minmax(0,1fr) 60px;gap:.4rem;align-items:end;padding:.5rem;border:1px solid var(--line);background:color-mix(in oklch,var(--white) 84%,var(--paper));color:var(--graphite);text-align:left}.roster-row.active{border-color:var(--kitly-green-dark)}.roster-index{align-self:center;color:var(--graphite-soft);font-size:.78rem;font-weight:800}.roster-row>strong{align-self:center;color:var(--kitly-green-dark);font-size:1rem}.roster-row label{display:grid;gap:.2rem;min-width:0;color:var(--graphite-soft);font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.roster-row input{width:100%;min-width:0;min-height:34px;padding:0 .4rem;border:1px solid var(--line);background:var(--white);color:var(--graphite);font-size:.85rem;outline-color:var(--kitly-green)}.empty-roster{padding:1rem;border:1px dashed var(--line);color:var(--graphite-soft);line-height:1.5}@media (max-width:1180px){.search-box,.utility-nav{display:none}.hero-copy-panel{width:min(72vw,860px)}.kit-workspace,.studio-workspace{grid-template-columns:260px minmax(0,1fr)}.studio-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.control-header,.quote-button,.summary-box{grid-column:1/-1}.kit-preview-area{min-height:620px}.jersey{width:min(46vw,390px);min-width:310px;height:500px}.transfer-sheet{width:min(86vw,680px)}}@media (max-width:820px){.topbar-primary{display:grid;grid-template-columns:1fr auto;min-height:auto;padding:1rem;gap:.75rem}.brand-lockup{min-width:0}.brand-logo{width:min(42vw,156px)}.sector-pill{grid-column:1/-1;justify-content:center;width:100%;min-height:48px;border-radius:12px;font-size:1rem}.topbar-spacer,.utility-nav{display:none}.utility-icons{justify-content:end;padding-left:0;border-left:0}.topbar-secondary{min-height:auto;overflow-x:auto;padding:0 1rem}.topbar-secondary nav{gap:1.2rem}.topbar-contact{display:none}.hero-inner{grid-template-columns:1fr;align-items:start;gap:clamp(1.5rem,6vw,2.5rem);min-height:0}.hero-stage{order:-1;min-height:clamp(300px,56vw,420px)}.hero-backdrop:after{inset:0 0 auto 0;width:100%;height:56%;clip-path:none}.car-crop{display:none}.hero-cta{min-height:54px;font-size:1rem}.evidence-section,.intro-band,.split-section,.studio-workspace{grid-template-columns:1fr}.kit-workspace,.studio-workspace{min-height:auto}.studio-left{padding:1.1rem;border-right:0;border-bottom:1px solid var(--line)}.studio-title{margin-top:1.6rem}.studio-title h1{max-width:9ch;font-size:clamp(3rem,16vw,4.7rem)}.step-list{display:flex;gap:.55rem;margin-top:1.5rem;overflow-x:auto;border-top:0;padding-bottom:.15rem}.step-line{grid-template-columns:auto 1fr;min-width:180px;padding:.75rem;border:1px solid var(--line);background:var(--mist)}.step-line svg{display:none}.family-grid{grid-template-columns:1fr}.evidence-item,.family-card{border-right:0;border-bottom:1px solid var(--line)}.cta-band,.site-footer{flex-direction:column;align-items:start}.studio-stage{min-height:600px;order:2}.studio-controls{order:3;grid-template-columns:1fr;padding:1rem;border-left:0}.kit-preview-area{min-height:600px;padding:5rem .75rem 1.25rem}.kit-view-tabs{top:.8rem;width:calc(100% - 1.5rem);overflow-x:auto}.kit-view-tabs button{flex:1 0 auto;min-height:44px;padding:0 .7rem;font-size:.86rem}.jersey{width:min(88vw,330px);min-width:0;height:455px}.jersey-body{inset:48px 56px 0}.sleeve{top:62px;width:94px;height:148px}.collar{top:44px;width:70px;height:45px;border-width:8px;border-top:0}.front-top{padding:52px 24px 0}.kitly-chest{width:48px;height:48px}.crest-slot{width:58px;height:58px;font-size:.58rem}.sponsor{width:175px;min-height:48px;margin-top:44px;font-size:1.55rem}.sponsor-secondary{width:142px;min-height:36px;margin-top:14px;font-size:.86rem}.back-print strong{max-width:210px;font-size:2rem}.back-print span{margin-top:.45rem;font-size:7.6rem}.jersey-shadow{width:min(78vw,280px)}.jersey-stage-card p{max-width:min(88vw,340px);font-size:.86rem}.transfer-sheet{width:min(92vw,420px);min-height:520px;padding:1rem}.paper-grid{grid-template-columns:1fr;gap:.75rem}.paper-sponsor{grid-column:auto;font-size:1.5rem}.paper-name{font-size:2.2rem}.paper-number{font-size:5.5rem}.control-header{align-items:center;position:sticky;top:0;z-index:5;margin:-1rem -1rem 0;padding:1rem;background:color-mix(in oklch,var(--white) 96%,transparent);backdrop-filter:blur(14px)}.control-header h2{font-size:2rem}.segmented,.size-table,.swatch-row,.text-field-grid{grid-template-columns:1fr}.option,.primary-link,.quote-button,.segmented button,.text-field-grid input,.upload-button,.upload-control label:first-child input{min-height:48px}.upload-control{grid-template-columns:1fr}.upload-button{width:100%}.size-row{min-height:54px}.size-row button{width:36px;height:36px}.roster-table{max-height:none;padding-right:0}.roster-row{grid-template-columns:34px 42px 1fr}.roster-row label:last-child{grid-column:3}}@media (max-width:420px){.topbar-secondary nav{font-size:.95rem}.hero-title{font-size:clamp(2.9rem,14vw,4.4rem)}.hero-actions{gap:1.1rem}.hero-cta{width:100%;justify-content:center}.kit-preview-area,.studio-stage{min-height:550px}.jersey{width:min(92vw,292px);height:408px}.jersey-body{inset:42px 49px 0}.sleeve{top:56px;width:82px;height:130px}.front-top{padding:46px 19px 0}.sponsor{width:150px;margin-top:36px;font-size:1.25rem}.back-print span{font-size:6.6rem}.roster-row{grid-template-columns:1fr;gap:.45rem}.roster-index,.roster-row>strong{display:inline-flex}.roster-row label:last-child{grid-column:auto}}.premium-studio{background:radial-gradient(circle at 52% 8%,oklch(.99 .006 93) 0 12%,transparent 32%),linear-gradient(180deg,oklch(.965 .012 93),oklch(.925 .012 93))}.premium-workspace{display:grid;grid-template-columns:minmax(250px,320px) minmax(560px,1fr) minmax(360px,430px);min-height:calc(100vh - 161px);border-top:1px solid var(--line)}.premium-brief,.premium-editor{background:color-mix(in oklch,var(--white) 92%,transparent)}.premium-brief{display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.25rem,2vw,2rem);border-right:1px solid var(--line)}.premium-title{display:grid;gap:1rem;margin-top:1rem}.premium-title h1{max-width:9ch;margin:0;color:var(--graphite);font-family:var(--font-display),sans-serif;font-size:clamp(3.6rem,5.7vw,6.4rem);font-weight:300;line-height:.88}.premium-title span{max-width:30ch;color:var(--graphite-soft);line-height:1.55}.brief-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.brief-metrics div{display:grid;gap:.25rem;min-height:92px;padding:1rem;background:var(--kitly-green-dark);color:var(--white)}.brief-metrics span{color:oklch(.86 .01 93);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brief-metrics strong{align-self:end;font-family:var(--font-display),sans-serif;font-size:2.3rem;font-weight:700;line-height:1;text-transform:capitalize}.premium-steps{display:grid;gap:.5rem;margin-top:auto}.premium-steps button{display:grid;grid-template-columns:40px 1fr 18px;gap:.75rem;align-items:center;min-height:56px;padding:.75rem;border:1px solid var(--line);background:transparent;color:var(--graphite);text-align:left}.premium-steps button.active{border-color:var(--kitly-green-dark);background:var(--kitly-green-dark);color:var(--white)}.premium-steps strong{color:var(--graphite-soft)}.premium-steps button.active strong{color:var(--white)}.premium-viewer{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;overflow:hidden;background:linear-gradient(90deg,oklch(.86 .01 93/.8) 1px,transparent 0),linear-gradient(0deg,oklch(.86 .01 93/.8) 1px,transparent 0),radial-gradient(circle at 50% 36%,oklch(.99 .006 93) 0 18%,transparent 42%),linear-gradient(180deg,oklch(.94 .01 93),oklch(.88 .012 93));background-size:44px 44px,44px 44px,auto,auto}.viewer-toolbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem clamp(1rem,2vw,1.75rem)}.viewer-toolbar div{display:grid;gap:.15rem}.editor-tabs button,.viewer-toolbar button,.viewer-toolbar span{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.viewer-toolbar strong{color:var(--graphite);font-size:1.05rem}.viewer-state,.viewer-toolbar button{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .9rem;border:1px solid var(--line);background:color-mix(in oklch,var(--white) 90%,transparent);color:var(--graphite)}.viewer-state{text-transform:capitalize}.viewer-stage{position:relative;display:grid;place-items:center;min-height:680px;padding:1rem 1rem 2rem;outline-offset:-4px}.viewer-stage:focus-visible{outline:2px solid var(--kitly-green)}.studio-light{position:absolute;top:7%;left:50%;width:min(62vw,720px);height:min(62vw,720px);transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,oklch(1 .005 93/.74),transparent 65%);pointer-events:none}.viewer-card{position:relative;z-index:2;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .24s ease}.viewer-mode-bar{position:relative;z-index:5;display:flex;justify-content:center;gap:.5rem;padding:0 1rem 1.4rem}.viewer-mode-bar button{min-height:44px;padding:0 1rem;border:1px solid var(--line);background:color-mix(in oklch,var(--white) 88%,transparent);color:var(--graphite-soft);font-weight:800;text-transform:capitalize}.viewer-mode-bar button.active{border-color:var(--kitly-green-dark);background:var(--kitly-green-dark);color:var(--white)}.premium-editor{min-width:0;overflow-y:auto;border-left:1px solid var(--line)}.premium-control-header{position:sticky;top:0;z-index:8;margin:0;padding:1.25rem;background:color-mix(in oklch,var(--white) 96%,transparent);backdrop-filter:blur(16px)}.editor-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editor-tabs button{min-height:52px;border:0;border-right:1px solid var(--line);background:var(--white);color:var(--graphite-soft)}.editor-tabs button:last-child{border-right:0}.editor-tabs button.active{background:var(--kitly-green-dark);color:var(--white)}.editor-panel{padding:1.25rem}.premium-editor .control-group{border-bottom:0;padding:0}.premium-editor .control-group+.control-group{margin-top:1.25rem}.premium-editor .segmented{margin-bottom:.75rem}.premium-editor .option,.premium-editor .segmented button,.premium-editor .size-row,.premium-editor .text-field-grid input,.premium-editor .upload-button,.premium-editor .upload-control label:first-child input{border-color:oklch(.76 .012 93);background:color-mix(in oklch,var(--white) 84%,var(--paper))}.premium-editor .segmented button.active{border-color:var(--kitly-green-dark);background:var(--kitly-green-dark);color:var(--white)}.premium-swatches input[type=color]{height:58px}.premium-summary{margin-top:0}.premium-quote,.premium-summary{background:var(--kitly-green-dark)}.premium-quote{margin-top:1rem}.premium-transfer{position:relative;z-index:2}.premium-studio .jersey{width:min(38vw,470px);min-width:380px;height:610px}.premium-studio .jersey-shadow{width:min(35vw,420px);height:42px}.premium-studio .jersey-body{box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--kit-accent) 8%,transparent),0 34px 70px oklch(.2 .01 155/.18)}.premium-studio .jersey-stage-card p{border:1px solid var(--line);background:color-mix(in oklch,var(--white) 92%,transparent)}@media (max-width:1280px){.premium-workspace{grid-template-columns:minmax(220px,280px) minmax(420px,1fr)}.premium-editor{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr);border-top:1px solid var(--line);border-left:0}.editor-panel,.editor-tabs{grid-column:1/-1}.premium-studio .jersey{width:min(46vw,430px);min-width:330px;height:550px}.viewer-stage{min-height:620px}}@media (max-width:820px){.premium-workspace{grid-template-columns:1fr;min-height:auto}.premium-brief{gap:1rem;padding:1rem;border-right:0;border-bottom:1px solid var(--line)}.premium-title{margin-top:.75rem}.premium-title h1{max-width:10ch;font-size:clamp(3rem,15vw,4.8rem)}.premium-title span{max-width:100%}.brief-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-metrics div{min-height:78px}.premium-steps{display:flex;margin-top:.25rem;overflow-x:auto;padding-bottom:.2rem}.premium-steps button{grid-template-columns:auto 1fr;min-width:148px}.premium-steps svg{display:none}.premium-viewer{min-height:auto}.viewer-toolbar{padding:1rem}.viewer-toolbar button span{display:none}.viewer-stage{min-height:560px;padding:.5rem .75rem 1.25rem}.premium-studio .jersey{width:min(88vw,330px);min-width:0;height:455px}.viewer-mode-bar{justify-content:flex-start;overflow-x:auto;padding:0 1rem 1rem}.viewer-mode-bar button{flex:0 0 auto}.premium-editor{display:block;border-top:1px solid var(--line)}.editor-tabs{position:sticky;top:0;z-index:9;grid-template-columns:repeat(4,max-content);overflow-x:auto}.editor-tabs button{min-width:112px;padding:0 .8rem}.editor-panel{padding:1rem}.premium-control-header{position:static}}@media (max-width:420px){.viewer-stage{min-height:500px}.premium-studio .jersey{width:min(92vw,292px);height:408px}.premium-title h1{font-size:clamp(2.8rem,16vw,4.1rem)}.viewer-toolbar{align-items:start}.viewer-toolbar strong{font-size:.95rem}}.kitly-wizard{background:var(--paper);color:var(--graphite)}.studio-product-bar{display:flex;align-items:center;gap:.7rem;min-height:58px;padding:.65rem clamp(1rem,2vw,1.75rem);overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}.studio-product-bar span{color:var(--graphite-soft);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.studio-product-bar button{min-height:36px;padding:0 .9rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--graphite-soft);font-weight:700;white-space:nowrap}.studio-product-bar button.active{border-color:var(--kitly-green-dark);background:var(--kitly-green-dark);color:var(--white)}.studio-note{margin:.8rem 0 0;padding:.75rem .85rem;border:1px solid var(--line);background:color-mix(in oklch,var(--kitly-green) 7%,var(--white));color:var(--graphite-soft);font-size:.84rem;line-height:1.45}.wizard-shell{display:grid;grid-template-columns:280px minmax(480px,1fr) 360px;min-height:calc(100vh - 219px)}.wizard-steps{display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--line);background:var(--white)}.wizard-steps .back-link{margin:1rem 1.1rem}.wizard-steps button{position:relative;display:grid;grid-template-columns:30px 1fr;gap:.7rem .85rem;align-items:start;padding:1rem 1.1rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--graphite);text-align:left}.wizard-steps button:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent}.wizard-steps button.active{background:color-mix(in oklch,var(--kitly-green) 10%,var(--white))}.wizard-steps button.active:before{background:var(--kitly-green-dark)}.wizard-steps button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--mist);color:var(--graphite-soft);font-size:.8rem;font-weight:900}.wizard-steps button.active>span,.wizard-steps button.complete>span{background:var(--kitly-green-dark);color:var(--white)}.wizard-steps strong{font-size:.92rem}.wizard-steps em{grid-column:2;color:var(--graphite-soft);font-size:.76rem;font-style:normal;line-height:1.35}.wizard-canvas{display:flex;flex-direction:column;align-items:center;min-width:0;overflow-y:auto;padding:1.35rem;background:linear-gradient(90deg,oklch(.86 .01 93/.8) 1px,transparent 0),linear-gradient(0deg,oklch(.86 .01 93/.8) 1px,transparent 0),radial-gradient(circle at 50% 34%,oklch(1 .005 93/.88),transparent 42%),linear-gradient(180deg,oklch(.94 .01 93),oklch(.89 .012 93));background-size:44px 44px,44px 44px,auto,auto}.wizard-view-tabs{display:flex;gap:.35rem;margin-bottom:1rem;padding:.3rem;border:1px solid var(--line);background:color-mix(in oklch,var(--white) 92%,transparent)}.wizard-view-tabs button{min-height:38px;padding:0 1.2rem;border:0;background:transparent;color:var(--graphite-soft);font-weight:800;text-transform:capitalize}.wizard-view-tabs button.active{background:var(--kitly-green-dark);color:var(--white)}.real-shirt-stage{display:grid;place-items:center;touch-action:none;width:min(100%,760px);min-height:560px;padding:clamp(1rem,3vw,2.25rem);border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,var(--white),transparent 48%),linear-gradient(180deg,oklch(.98 .006 93),oklch(.9 .01 93));box-shadow:0 18px 44px oklch(.22 .01 155/.09)}.real-shirt-svg{width:min(100%,520px);height:auto;display:block}.wizard-preview-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100%,760px);margin-top:1rem;padding:.75rem .9rem;border:1px solid var(--line);background:var(--white);color:var(--graphite-soft);font-size:.86rem}.wizard-preview-info label{display:inline-flex;align-items:center;gap:.55rem;color:var(--graphite);font-weight:700}.wizard-preview-info select{min-height:34px;border:1px solid var(--line);background:var(--mist);color:var(--graphite)}.wizard-panel{display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--line);background:var(--white)}.wizard-panel-body{flex:1;overflow-y:auto;padding:1.1rem}.wizard-panel .pane-header{padding-bottom:1rem;margin-bottom:1.1rem;border-bottom:1px solid var(--line)}.wizard-panel .pane-title{margin:0 0 .25rem;color:var(--graphite);font-size:1.1rem;font-weight:800}.wizard-panel .pane-subtitle{margin:0;color:var(--graphite-soft);font-size:.82rem}.wizard-colour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.wizard-colour{display:grid;gap:.4rem;color:var(--graphite-soft);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.wizard-colour input{width:100%;height:54px;padding:0;border:1px solid var(--line);background:var(--white)}.wizard-panel-footer{display:grid;gap:.75rem;padding:1rem;border-top:1px solid var(--line);background:var(--white)}.wizard-panel-footer>div{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.wizard-primary,.wizard-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;border:1px solid var(--line);font-weight:800}.wizard-primary{border-color:var(--kitly-green-dark);background:var(--kitly-green-dark);color:var(--white)}.wizard-secondary{background:var(--white);color:var(--graphite)}.wizard-primary:disabled,.wizard-secondary:disabled{opacity:.45;cursor:not-allowed}.export-button{width:100%;margin-top:.75rem}.commerce-error{margin:.75rem 0;color:oklch(.48 .16 28);font-size:.84rem;font-weight:700;line-height:1.4}.kitly-checkout{min-height:100vh}.checkout-hero{display:grid;gap:1.25rem;padding:clamp(1.2rem,3vw,2.5rem) clamp(1rem,3vw,3rem);border-bottom:1px solid var(--line);background:var(--white)}.checkout-hero h1{margin:0;color:var(--graphite);font-family:var(--font-display);font-size:clamp(2.4rem,6vw,5rem);font-weight:900;letter-spacing:0;line-height:.95}.checkout-shell{grid-template-columns:minmax(0,1fr) 340px;align-items:start;padding:clamp(1rem,3vw,2rem)}.checkout-main,.checkout-shell{display:grid;gap:1rem}.checkout-card,.checkout-empty,.checkout-summary,.order-status-card{border:1px solid var(--line);background:var(--white)}.checkout-card-head{display:flex;align-items:center;gap:.65rem;min-height:58px;padding:0 1rem;border-bottom:1px solid var(--line)}.checkout-card-head h2{flex:1;margin:0;color:var(--graphite);font-size:1rem}.checkout-card-head button{display:inline-flex;align-items:center;gap:.4rem;border:0;background:transparent;color:oklch(.48 .16 28);font-weight:800}.kitly-cart-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:1rem;border-bottom:1px solid var(--line)}.kitly-cart-item:last-child{border-bottom:0}.kitly-cart-thumb{display:grid;place-items:center;width:58px;height:58px;background:var(--mist);color:var(--kitly-green-dark)}.cart-shirt-thumb{position:relative;display:block;width:34px;height:42px;filter:drop-shadow(0 7px 7px oklch(.22 .01 135/.18))}.cart-shirt-thumb:after,.cart-shirt-thumb:before{content:"";position:absolute;background:color-mix(in oklch,var(--kitly-green) 42%,var(--white));border:1px solid color-mix(in oklch,var(--graphite) 14%,transparent)}.cart-shirt-thumb:before{inset:5px 7px 0;clip-path:polygon(18% 0,82% 0,100% 14%,88% 100%,12% 100%,0 14%);background:linear-gradient(90deg,transparent 0 35%,var(--white) 35% 63%,transparent 63%),linear-gradient(90deg,color-mix(in oklch,var(--kitly-green) 56%,var(--white)),color-mix(in oklch,var(--kitly-green) 34%,var(--white)))}.cart-shirt-thumb:after{left:0;right:0;top:8px;height:14px;clip-path:polygon(0 52%,22% 0,78% 0,100% 52%,88% 100%,12% 100%);opacity:.9}.kitly-cart-item h3,.kitly-cart-item p{margin:0}.kitly-cart-item h3{color:var(--graphite);font-size:.98rem}.kitly-cart-item p{margin-top:.2rem;color:var(--graphite-soft);font-size:.82rem}.size-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.size-chips span{padding:.25rem .45rem;background:color-mix(in oklch,var(--kitly-green) 10%,var(--white));color:var(--kitly-green-dark);font-size:.72rem;font-weight:800}.checkout-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:1rem}.checkout-form-grid label,.checkout-option-grid h3{display:grid;gap:.35rem;color:var(--graphite-soft);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.checkout-form-grid .wide,.checkout-form-grid label:first-child{grid-column:1/-1}.checkout-form-grid input{min-height:44px;border:1px solid var(--line);background:var(--mist);color:var(--graphite);padding:0 .75rem;letter-spacing:0;text-transform:none}.checkout-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 1rem 1rem}.checkout-option-grid>div{display:grid;gap:.55rem}.checkout-option-grid button{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:48px;border:1px solid var(--line);background:var(--white);color:var(--graphite);padding:0 .8rem;text-align:left}.checkout-option-grid button.active{border-color:var(--kitly-green-dark);background:color-mix(in oklch,var(--kitly-green) 10%,var(--white));color:var(--kitly-green-dark)}.checkout-summary{position:sticky;top:104px;display:grid;gap:.85rem;padding:1rem}.checkout-summary>div{display:flex;justify-content:space-between;gap:1rem;color:var(--graphite-soft);font-size:.9rem}.checkout-summary strong{color:var(--graphite)}.checkout-summary .total{padding-top:.85rem;border-top:1px solid var(--line);color:var(--graphite);font-size:1.1rem}.checkout-empty{display:grid;place-items:center;gap:.75rem;min-height:340px;padding:2rem;text-align:center}.checkout-empty h2,.checkout-empty p{margin:0}.checkout-empty p{max-width:34rem;color:var(--graphite-soft)}.order-confirmation{display:grid;gap:1rem;max-width:980px;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.order-status-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;color:var(--kitly-green-dark)}.order-status-card h2,.order-status-card p{margin:0}.wizard-size-table{grid-template-columns:1fr}.size-chart-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;width:100%;margin-bottom:.75rem;border:1px solid var(--kitly-green-dark);background:color-mix(in oklch,var(--kitly-green) 10%,var(--white));color:var(--kitly-green-dark);font-weight:900}.size-chart-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:oklch(.2 .01 155/.48)}.size-chart-modal{width:min(900px,100%);max-height:min(760px,92vh);overflow:hidden;border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow)}.size-chart-modal header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem;border-bottom:1px solid var(--line)}.size-chart-modal h2{margin:0;color:var(--graphite);font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.5rem);line-height:.95}.size-chart-modal header button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);background:var(--mist);color:var(--graphite)}.size-chart-scroll{overflow-x:auto;padding:1rem 1.35rem 0}.size-chart-modal table{width:100%;min-width:680px;border-collapse:collapse;color:var(--graphite);font-size:.9rem}.size-chart-modal td,.size-chart-modal th{padding:.78rem .7rem;border:1px solid var(--line);text-align:center}.size-chart-modal th{background:var(--mist);color:var(--graphite-soft);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.size-chart-modal td:first-child,.size-chart-modal th:first-child{text-align:left;font-weight:900}.size-chart-modal tr:nth-child(2n) td{background:color-mix(in oklch,var(--mist) 54%,var(--white))}.size-chart-note{margin:0;padding:1rem 1.35rem 1.25rem;color:var(--graphite-soft);font-size:.86rem;line-height:1.5}@media (max-width:1180px){.wizard-shell{grid-template-columns:220px minmax(0,1fr)}.wizard-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}}@media (max-width:820px){.wizard-shell{grid-template-columns:1fr}.wizard-steps{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.wizard-steps .back-link{display:none}.wizard-steps button{min-width:118px;grid-template-columns:24px 1fr;padding:.75rem;border-right:1px solid var(--line);border-bottom:0}.wizard-steps button:before{inset:auto 0 0;width:auto;height:4px}.wizard-steps em{display:none}.wizard-canvas{padding:1rem}.real-shirt-stage{min-height:440px;padding:1rem}.real-shirt-svg{width:min(100%,360px)}.wizard-preview-info{flex-direction:column;align-items:stretch}.wizard-preview-info label{justify-content:space-between}.checkout-option-grid,.checkout-shell,.wizard-colour-grid{grid-template-columns:1fr}.checkout-summary{position:static}.checkout-form-grid{grid-template-columns:1fr}.kitly-cart-item{grid-template-columns:48px minmax(0,1fr)}.kitly-cart-item>strong{grid-column:2}}.sector-pill{transition:background .16s ease}.sector-pill:hover{background:oklch(.53 .12 133)}.topbar-secondary a:not(.active){transition:color .14s ease}.topbar-secondary a:not(.active):hover{color:var(--graphite)}.hero-copy-panel{backdrop-filter:blur(10px)}.floating-contact{transition:background .18s ease,transform .15s ease}.floating-contact:hover{background:oklch(.53 .12 133);transform:translateY(-2px)}.primary-link{transition:background .18s ease,color .18s ease}.primary-link:not(.inverse):hover{background:oklch(.53 .12 133)}.primary-link.inverse:hover{background:color-mix(in oklch,var(--white) 88%,var(--kitly-green))}.evidence-item{transition:background .2s ease}.evidence-item:hover{background:color-mix(in oklch,var(--kitly-green) 5%,var(--white))}.checkout-option-grid button,.option,.segmented button{transition:border-color .15s ease,background .15s ease,color .15s ease}.upload-button{transition:background .15s ease}.upload-button:hover{background:color-mix(in oklch,var(--mist) 60%,var(--white))}.wizard-steps button{transition:background .14s ease}.wizard-steps button:not(.active):not(.complete):hover{background:var(--mist)}.wizard-primary,.wizard-secondary{transition:background .16s ease,border-color .16s ease}.wizard-primary:not(:disabled):hover{background:oklch(.42 .1 133);border-color:oklch(.42 .1 133)}.wizard-secondary:not(:disabled):hover{background:var(--mist)}.size-chart-button{transition:background .15s ease}.size-chart-button:hover{background:color-mix(in oklch,var(--kitly-green) 16%,var(--white))}.back-link{transition:color .14s ease}.back-link:hover{color:var(--graphite)}.wizard-panel-body::-webkit-scrollbar{width:4px}.wizard-panel-body::-webkit-scrollbar-track{background:transparent}.wizard-panel-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.upload-control-actions{display:flex;gap:.3rem;align-items:flex-end}.config-card .upload-control{grid-template-columns:1fr;gap:.5rem}.config-card .upload-control-actions{align-items:stretch}.config-card .upload-button{flex:1}.upload-remove-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 .55rem;border:1px solid oklch(.76 .1 28);background:transparent;color:oklch(.52 .15 28);transition:background .15s ease;flex-shrink:0}.upload-remove-button:hover{background:oklch(.96 .02 28)}.add-sponsor-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;width:100%;margin-top:.5rem;border:1px dashed var(--kitly-green-dark);background:transparent;color:var(--kitly-green-dark);font-size:.78rem;font-weight:800;transition:background .15s ease}.add-sponsor-button:hover{background:color-mix(in oklch,var(--kitly-green) 8%,var(--white))}.configurator-shell{display:grid;grid-template-columns:250px minmax(540px,1fr) 290px;height:calc(100vh - 200px);min-height:720px;border-top:1px solid var(--line)}.config-center,.config-left,.config-right{min-height:0;min-width:0}.config-left,.config-right{overflow-y:auto;background:var(--white)}.config-left{border-right:1px solid var(--line)}.config-right{border-left:1px solid var(--line)}.config-panel-scroll{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.config-back{margin-bottom:.25rem}.config-card{padding:1rem;border:1px solid var(--line);background:var(--white);border-radius:2px;box-shadow:0 1px 4px oklch(.28 .01 135/.05)}.config-section-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .75rem;color:var(--graphite);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.config-qty-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;background:var(--kitly-green-dark);color:var(--white);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:none}.config-colour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.config-reset-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;width:100%;border:1px solid var(--line);background:transparent;color:var(--graphite-soft);font-size:.78rem;font-weight:800;transition:background .15s ease,color .15s ease}.config-reset-button:hover{background:color-mix(in oklch,oklch(.48 .16 28) 8%,var(--white));border-color:oklch(.7 .08 28);color:oklch(.48 .16 28)}.config-center{display:flex;flex-direction:column;align-items:center;min-width:0;overflow-y:auto;padding:1.25rem 1.25rem .75rem;background:linear-gradient(90deg,oklch(.86 .01 93/.7) 1px,transparent 0),linear-gradient(0deg,oklch(.86 .01 93/.7) 1px,transparent 0),radial-gradient(circle at 50% 30%,oklch(1 .005 93/.9),transparent 44%),linear-gradient(180deg,oklch(.95 .01 93),oklch(.89 .012 93));background-size:44px 44px,44px 44px,auto,auto}.config-view-tabs{display:flex;gap:.35rem;margin-bottom:1rem;padding:.3rem;border:1px solid var(--line);background:color-mix(in oklch,var(--white) 92%,transparent);box-shadow:0 2px 8px oklch(.22 .01 155/.06)}.config-view-tabs button{min-height:38px;padding:0 1.4rem;border:0;background:transparent;color:var(--graphite-soft);font-weight:800;text-transform:capitalize;transition:background .14s ease,color .14s ease}.config-view-tabs button.active{background:var(--kitly-green-dark);color:var(--white)}.config-shirt-stage{display:grid;place-items:center;touch-action:none;width:100%;flex:1;min-height:520px;overflow:hidden;padding:clamp(.5rem,1.5vw,1rem);border:1px solid var(--line);background:radial-gradient(circle at 50% 28%,var(--white),transparent 50%),linear-gradient(180deg,oklch(.985 .006 93),oklch(.91 .01 93));box-shadow:0 22px 56px oklch(.22 .01 155/.08)}.config-shirt-stage .real-shirt-svg{height:100%;width:auto;max-width:100%;max-height:560px;display:block}.config-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:.75rem;padding:.65rem .9rem;border:1px solid var(--line);background:var(--white);font-size:.84rem}.config-product-note{color:var(--graphite-soft);font-size:.82rem}.config-preview-select{display:inline-flex;align-items:center;gap:.55rem;color:var(--graphite);font-weight:700;font-size:.82rem;white-space:nowrap}.config-preview-select select{min-height:32px;border:1px solid var(--line);background:var(--mist);color:var(--graphite);font-size:.82rem;padding:0 .35rem}.config-summary-strip{display:flex;flex-wrap:wrap;gap:0;width:100%;margin-top:.75rem;border:1px solid var(--line);background:var(--white);overflow:hidden}.config-summary-item{display:flex;flex-direction:column;gap:.15rem;flex:1 1 auto;padding:.55rem .75rem;border-right:1px solid var(--line)}.config-summary-item:last-child{border-right:0}.config-summary-item span{color:var(--graphite-soft);font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.config-summary-item strong{color:var(--graphite);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.config-cart-section{display:grid;gap:.55rem;margin-top:auto;position:sticky;bottom:-1rem;padding:.75rem 0 .25rem;background:linear-gradient(180deg,transparent,var(--white) 28%)}.config-add-to-cart{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:52px;border:0;background:var(--kitly-green-dark);color:var(--white);font-size:.9rem;font-weight:800;letter-spacing:.02em;transition:background .16s ease,transform .14s ease}.config-add-to-cart:not(:disabled):hover{background:oklch(.42 .1 133);transform:translateY(-1px)}.config-add-to-cart:disabled{opacity:.45;cursor:not-allowed}.config-empty-note{margin:0;padding:.75rem;border:1px dashed var(--line);color:var(--graphite-soft);font-size:.82rem;line-height:1.5}@media (max-width:1280px){.configurator-shell{grid-template-columns:240px minmax(0,1fr) 280px}}@media (max-width:1080px){.configurator-shell{grid-template-columns:1fr;height:auto;min-height:0}.config-center,.config-left,.config-right{overflow-y:visible;min-height:0}.config-left{border-right:0;border-bottom:1px solid var(--line)}.config-right{grid-column:auto;border-left:0;border-top:1px solid var(--line)}.config-left .config-panel-scroll,.config-right .config-panel-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.config-back,.config-cart-section,.config-reset-button{grid-column:1/-1}.config-cart-section{position:static;background:none;padding:0}.config-shirt-stage{min-height:480px}}@media (max-width:640px){.config-left .config-panel-scroll,.config-right .config-panel-scroll{grid-template-columns:1fr}.config-shirt-stage{min-height:420px}.config-shirt-stage .real-shirt-svg{width:min(100%,380px)}.config-summary-strip{display:none}}.mobile-step-bar{display:none}@media (max-width:900px){.config-center{order:0}.config-left{order:1}.config-right{order:2}[data-step]:not(.is-active-step){display:none!important}.config-left .config-panel-scroll,.config-right .config-panel-scroll{display:flex;flex-direction:column;gap:.6rem}.config-back{display:none}.config-preview-footer{font-size:.78rem;padding:.55rem .7rem}.configurator-shell{padding-bottom:84px}.mobile-step-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;align-items:center;gap:.55rem;padding:.65rem .9rem max(env(safe-area-inset-bottom),.65rem);background:var(--white);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.08)}.mobile-step-button{flex:1;min-height:44px;padding:0 .65rem;border:0;border-radius:10px;font-weight:800;font-size:.88rem;cursor:pointer;transition:background .14s ease,opacity .14s ease}.mobile-step-back{background:var(--mist);color:var(--graphite)}.mobile-step-next{background:var(--kitly-green-dark);color:var(--white)}.mobile-step-button:disabled{opacity:.4;cursor:not-allowed}.mobile-step-meta{flex:1.5;display:flex;flex-direction:column;align-items:center;line-height:1.15;text-align:center;min-width:0}.mobile-step-counter{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite-soft)}.mobile-step-title{font-size:.84rem;color:var(--graphite);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}}