:root{--ink:#111410;--black:#0c100c;--char:#1b1e1b;--acid:#d6fc30;--bone:#f3f3ef;--white:#fff;--gray:#737970;--rule:#dcded5;--light:#ededeb;--font:Arial,Helvetica,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}img,svg{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #799f03;outline-offset:3px}.shell{width:min(1440px,calc(100% - 80px));margin:auto}.skip-link{position:absolute;left:-5000px;top:1rem;z-index:200;background:var(--acid);padding:10px}.skip-link:focus{left:1rem}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;height:1px;width:1px}.topline{background:var(--acid);height:32px}.topline-inner{display:flex;align-items:center;justify-content:space-between;height:100%;font-size:10px;font-weight:900;letter-spacing:1.1px}.topline .symbol-arrow{font-size:16px}.live-dot{width:7px;height:7px;display:inline-block;background:#2f3b00;box-shadow:0 0 0 4px #44600a22;border-radius:50%;margin-right:8px}.site-header{position:sticky;z-index:30;top:0;background:var(--bone);border-bottom:1px solid var(--rule)}.header-inner{display:flex;align-items:center;gap:25px;min-height:83px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:185px;height:auto;max-height:64px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,40px);margin-left:auto}.desktop-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;transition:opacity .15s}.desktop-nav a:hover{opacity:.55}.nav-actions{display:flex;align-items:center;gap:9px;margin-left:18px}.nav-cta{background:var(--black);color:white;padding:15px 19px;font-size:12px;font-weight:900;letter-spacing:.5px;white-space:nowrap}.nav-cta span{color:var(--acid);margin-left:8px}.cart-open{display:flex;gap:9px;align-items:center;justify-content:center;background:none;border:1px solid #c6c9c0;min-width:70px;padding:12px 11px;font-size:12px;font-weight:900}.cart-open span{border-radius:100%;background:var(--acid);min-width:21px;height:21px;display:inline-grid;place-items:center}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{width:23px;height:2px;background:var(--black);display:block;margin:5px}.mobile-nav{position:absolute;top:100%;left:0;width:100%;background:var(--bone);padding:18px 35px 25px;border-bottom:1px solid var(--rule)}.mobile-nav:not([hidden]){display:grid;gap:20px}.mobile-nav a{font-size:14px;font-weight:900;text-transform:uppercase}
.hero{background:#111510;color:var(--bone);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.01fr .99fr;min-height:660px;align-items:stretch}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:70px 15px 68px 0}.eyebrow,.kicker{font-size:11px;letter-spacing:2.5px;font-weight:900;text-transform:uppercase}.eyebrow{color:#c7d5a0;display:flex;align-items:center;gap:12px}.accent-stroke{height:2px;width:33px;background:var(--acid)}h1,h2,h3,p{margin-top:0}.hero h1,.section-top h2,.config-head h2,.end-cta h2,.faq-section h2{font-family:Impact,'Arial Narrow','Arial Black',var(--font);font-stretch:condensed;letter-spacing:-2px;font-weight:900}.hero h1{font-size:clamp(68px,6.8vw,112px);line-height:.95;margin:30px 0 25px}.hero h1 em{color:var(--acid);font-style:normal}.hero-copy>p{max-width:470px;line-height:1.75;color:#b3bbb1;font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:18px}.btn{border:1px solid transparent;padding:18px 20px;display:inline-flex;gap:22px;align-items:center;justify-content:space-between;min-height:56px;font-weight:900;letter-spacing:.5px;font-size:12px;text-align:left;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn span{font-size:21px;line-height:1}.btn-accent{background:var(--acid);color:#10140e}.btn-outline{border-color:#5d6657;background:transparent;color:white}.btn-white{background:var(--bone);color:#111}.btn-dark{background:#191f17;color:var(--acid)}.btn-full{width:100%}.hero-foot{display:flex;gap:22px;margin-top:63px;color:#777f78;font-weight:800;font-size:10px;letter-spacing:1.2px}.hero-foot b{color:var(--acid);margin-right:8px}.hero-art{position:relative;min-height:590px;background:radial-gradient(ellipse at 53% 42%,#333a2b 0%,#181f17 55%,#0b110b 100%);border-left:1px solid #343b31;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:-70px -50px;background:repeating-linear-gradient(113deg,transparent 0 86px,#ffffff09 87px 88px,transparent 89px 150px);transform:skewX(-4deg)}.hero-art:after{content:'';position:absolute;bottom:-70px;right:10%;width:440px;height:440px;border:1px solid #d6fc302b;border-radius:50%;box-shadow:0 0 0 70px #d6fc3008,0 0 0 140px #d6fc3005;pointer-events:none}.hero-ghost{position:absolute;top:8%;left:-4%;font-family:Impact,sans-serif;font-size:clamp(150px,20vw,350px);color:#ffffff08;letter-spacing:-16px;transform:rotate(-10deg);user-select:none}.hero-render{position:absolute;inset:0;display:grid;place-items:center;padding:5px}.hero-render svg{height:100%;width:100%;max-height:600px;filter:drop-shadow(0 28px 25px #000b)}.hero-label{position:absolute;right:30px;top:36px;z-index:2;width:91px;height:91px;border:2px solid var(--acid);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);font-family:Impact,Arial Black,sans-serif;font-size:28px;line-height:1;color:var(--acid);text-align:center}.hero-label strong{font-size:16px;font-family:Arial,sans-serif;letter-spacing:-.4px}.hero-art-footer{position:absolute;z-index:3;bottom:27px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:1.7px;color:#a1b69c}.hero-bottom{display:flex;justify-content:space-between;align-items:center;height:57px;gap:10px;color:#9ca49b;font-size:10px;letter-spacing:1.3px;font-weight:800}.hero-bottom span:first-child{color:var(--acid)}.ticker{background:var(--acid);overflow:hidden;padding:13px 0;border-bottom:1px solid var(--ink)}.ticker-track{font-family:Impact,Arial Black,sans-serif;white-space:nowrap;word-spacing:12px;font-size:22px;letter-spacing:1px;min-width:max-content;animation:marquee 36s linear infinite}.ticker-track span{padding:0 14px}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding-top:115px;padding-bottom:115px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:43px}.section-top h2{font-size:clamp(56px,6vw,88px);line-height:.98;margin-bottom:0}.section-top h2 span,.faq-section h2 span{color:#929a8c}.kicker{color:#667259;margin-bottom:20px}.section-top>p{color:#697169;font-size:15px;max-width:280px;line-height:1.7;margin-bottom:2px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{background:#e5e6e0;position:relative;overflow:hidden;border:1px solid #d7d9d1;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:#9da690}.product-card.featured-product{background:#d4fd35;border-color:#bddf25}.product-card-top{display:flex;align-items:center;justify-content:space-between;padding:23px 23px 0;font-size:10px;font-weight:900;letter-spacing:1.2px}.arrow-round{display:grid;place-items:center;border:1px solid #a8b1a0;width:33px;height:33px;border-radius:50%;font-size:17px}.card-tag{background:var(--ink);color:var(--acid);padding:10px 13px;font-size:9px}.product-figure{height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-figure svg{height:100%;width:100%;max-width:400px;filter:drop-shadow(0 18px 17px #252d1c45)}.product-card-bottom{padding:9px 24px 27px}.product-card-bottom h3{font-family:Impact,Arial Black,sans-serif;font-size:32px;letter-spacing:-.1px;margin:0 0 6px}.product-card-bottom p{color:#657063;font-size:13px;margin:0 0 20px}.featured-product .product-card-bottom p{color:#4e5d15}.text-link{background:none;border:none;padding:0;font-size:11px;font-weight:900;letter-spacing:1px;display:flex;justify-content:space-between;width:100%;border-bottom:1px solid #6f7766;padding-bottom:10px;text-align:left}.text-link span{font-size:19px}
.config-section{background:#eef0e9;border-top:1px solid #d6d8d0;padding:104px 0 122px}.config-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.config-head h2{font-size:clamp(59px,6.5vw,101px);line-height:.9;margin:0 0 21px}.config-head h2 em{font-style:normal;color:#98a296}.config-head p:not(.kicker){color:#667063;line-height:1.6;margin:0}.studio-mark{writing-mode:vertical-rl;transform:rotate(180deg);font-size:34px;font-family:Impact,sans-serif;letter-spacing:-1px;display:flex;gap:9px}.studio-mark b{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px}.studio-layout{display:grid;grid-template-columns:450px minmax(0,1fr);gap:19px;align-items:start}.studio-controls{background:white;border:1px solid #d8ddd3}.step-block{padding:31px 30px;border-bottom:1px solid #e0e4dc}.step-block:last-child{border-bottom:none}.step-title{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.step-no{background:#ecf0e5;display:grid;place-items:center;width:36px;height:36px;min-width:36px;font-family:Impact,sans-serif;font-size:19px}.step-title h3{font-family:Impact,Arial Black,sans-serif;font-size:23px;line-height:1.2;letter-spacing:.3px;margin-bottom:4px}.step-title p{color:#7b837a;font-size:12px;line-height:1.45;margin-bottom:0}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice{border:1px solid #d4d9d0;background:#f8f9f6;padding:13px 4px;font-weight:900;font-size:11px;letter-spacing:.5px}.choice:hover{border-color:#697b54}.choice.active{background:#171e15;color:var(--acid);border-color:#171e15}.size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.input-label{display:block;font-size:10px;font-weight:900;letter-spacing:1.1px;line-height:1.3;margin-top:16px}.size-grid .input-label{margin-top:0}.input-label input:not([type=color]),.input-label select,.input-label textarea{display:block;margin-top:9px;box-sizing:border-box;background:#f6f7f3;width:100%;border:1px solid #dce0d9;color:var(--ink);border-radius:0;min-height:46px;padding:12px 13px;font-weight:600;font-size:14px;letter-spacing:0;outline:none}.input-label textarea{resize:vertical;min-height:76px;font-weight:500;line-height:1.5}.input-label input:focus,.input-label select:focus,.input-label textarea:focus{border-color:#6f8940;box-shadow:0 0 0 2px #d6fc3088}.label-extra{font-size:9px;color:#899184;letter-spacing:.8px;font-weight:600}.swatch-row{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:44px;height:44px;background:#fff;border:2px solid transparent;padding:3px;display:grid;place-items:center}.swatch i{width:33px;height:33px;border-radius:50%;background:linear-gradient(128deg,var(--sw1) 0 50%,var(--sw2) 50% 100%);border:1px solid #b0b7a8}.swatch.selected{border-color:#1b241a}.color-fields{margin-top:20px}.color-select{display:flex;align-items:center;gap:9px;margin-top:9px;background:#f6f7f3;border:1px solid #dce0d9;padding:6px;height:47px}.color-select input{border:0;background:transparent;width:37px;height:32px;padding:0;cursor:pointer}.color-select span{font-size:12px;font-weight:700;letter-spacing:0}.upload-zone{display:flex;gap:15px;align-items:center;padding:20px 15px;background:#f6f8f1;border:1px dashed #899b7b;cursor:pointer;transition:background .2s}.upload-zone:hover{background:#eaf3d2}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #a0b28a;background:white;font-size:26px;line-height:1}.upload-zone b{display:block;font-size:11px;letter-spacing:.5px}.upload-zone small{display:block;font-size:10px;color:#7c8675;line-height:1.6;margin-top:5px}.logo-list{display:grid;gap:9px;margin-top:12px}.logo-item{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:10px;background:#f4f6f2;border:1px solid #e0e6d9;padding:9px}.logo-item img{width:35px;height:35px;object-fit:contain}.logo-item .name{display:block;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-item select{font-size:11px;width:100%;border:1px solid #d1d7c9;background:white;margin-top:5px;padding:5px}.logo-item button{border:0;background:none;font-size:20px}.tiny{font-size:10px;color:#788174;line-height:1.6;margin:10px 0 0}.prompt-block{background:#f8fbf0}.step-ai{background:var(--acid)}.prompt-textarea{width:100%;min-height:125px;padding:14px;border:1px solid #cbd6bd;background:white;resize:vertical;font-size:13px;line-height:1.6;outline:none}.prompt-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0 14px}.prompt-suggestions button{background:#e9eee0;border:0;font-size:9px;font-weight:800;padding:9px 11px;letter-spacing:.4px}.prompt-block .btn{min-height:48px}.preview-area{min-width:0}.preview-sticky{position:sticky;top:101px;background:#121812;padding:24px 23px 20px;color:white;border:1px solid #151912}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.preview-header p{font-size:10px;letter-spacing:1.5px;color:#96aa8b;font-weight:800;margin-bottom:7px}.preview-header h3{font-family:Impact,sans-serif;font-size:34px;margin:0;letter-spacing:.6px}.preview-header .live-dot{margin-left:5px;width:5px;height:5px;background:var(--acid)}.view-switch{display:flex;background:#242e22;border:1px solid #343f31;padding:3px}.view-switch button{background:none;border:0;color:#adb7a8;font-size:10px;font-weight:900;letter-spacing:1px;padding:11px 15px}.view-switch button.active{background:var(--acid);color:#141a13}.preview-stage{height:clamp(415px,42vw,615px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#3a4a30 0%,#263326 28%,#111a14 78%);border:1px solid #3b4735}.stage-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(#60715336 1px,transparent 1px),linear-gradient(90deg,#60715336 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 85%)}.preview-stage:before{content:'';width:55%;aspect-ratio:1;position:absolute;border-radius:50%;border:1px solid #8caf683e;box-shadow:0 0 0 60px #7eaa3913,0 0 0 120px #7eaa3907;left:22%;top:18%}.design-render{position:relative;width:100%;height:100%;display:grid;place-items:center}.design-render svg{height:100%;width:100%;filter:drop-shadow(0 17px 22px #0008)}.stage-side{position:absolute;top:50%;font-size:9px;letter-spacing:2px;font-weight:900;color:#7f9975;writing-mode:vertical-rl;z-index:2}.stage-side.left{left:17px;transform:rotate(180deg) translateY(50%)}.stage-side.right{right:17px;transform:translateY(-50%)}.stage-corner{position:absolute;font-weight:900;color:#85a27f;font-size:9px;letter-spacing:1.4px;z-index:2}.stage-corner.top-left{top:17px;left:18px}.stage-corner.bottom-right{bottom:17px;right:18px}.preview-status{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 0 16px;border-bottom:1px solid #343f31}.preview-small{display:block;color:#82947d;font-size:9px;letter-spacing:1.1px;font-weight:900;margin-bottom:5px}#previewSummary{font-weight:900;font-size:13px;line-height:1.4}.price-label{font-size:12px;font-weight:900;color:var(--acid);white-space:nowrap;text-align:right}.preview-buttons{display:grid;grid-template-columns:1fr 56px;gap:9px;margin-top:18px}.preview-buttons .btn-accent{font-size:11px}.btn-icon{border:1px solid #42503c;background:#233020;display:grid;place-items:center;color:var(--acid);padding:0}.preview-disclaimer{color:#82907e;font-size:10px;line-height:1.6;margin:14px 0 0}
.how-section{background:#151a13;color:#f4f7ee;padding:110px 0 122px}.how-section .section-top h2 span{color:var(--acid)}.how-section .kicker{color:#a4cb68}.how-section .section-top>p{color:#a5b2a0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-card{border:1px solid #465041;background:#1c241b;padding:29px;min-height:273px;display:flex;flex-direction:column}.how-num{display:flex;justify-content:space-between;align-items:center;font-family:Impact,sans-serif;font-size:75px;line-height:1;color:#495e3e}.how-num span{font:25px Arial;color:var(--acid)}.how-card h3{font-family:Impact,sans-serif;font-size:31px;letter-spacing:.2px;margin:auto 0 9px}.how-card p{font-size:13px;color:#a1ae9e;line-height:1.6;margin:0;max-width:280px}.faq-section{padding-top:110px;padding-bottom:125px}.faq-section h2{font-size:clamp(55px,6vw,83px);line-height:1}.faq-list{border-top:1px solid #c6ccc2}.faq-list details{border-bottom:1px solid #c6ccc2;padding:0 15px}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 0;font-size:17px;font-weight:900}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;font-size:29px;background:#e5eae1;min-width:40px;height:40px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:740px;color:#5e685c;font-size:14px;line-height:1.85;padding-bottom:17px;margin:0}.end-cta{background:var(--acid);overflow:hidden}.end-cta-inner{min-height:420px;position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;padding-top:55px;padding-bottom:60px}.end-cta p{font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:24px}.end-cta h2{font-size:clamp(80px,9.5vw,150px);line-height:.88;position:relative;z-index:2;margin-bottom:30px}.end-cta h2 em{font-style:normal;color:#f0f6db;-webkit-text-stroke:1.8px #101510}.end-cta .btn{z-index:2}.end-outline{position:absolute;right:-3%;bottom:-26%;font-family:Impact,sans-serif;font-size:420px;letter-spacing:-27px;line-height:1;color:#0000000c;transform:rotate(-10deg);pointer-events:none}.site-footer{background:#f4f4f0}.footer-main{padding:80px 0 75px;display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.footer-brand img{display:block;width:235px;height:auto;margin-bottom:21px}.footer-main p{font-weight:800;font-size:11px;line-height:1.9;letter-spacing:1px;color:#656e61}.footer-links{display:flex;gap:clamp(40px,7vw,140px)}.footer-links div{display:flex;flex-direction:column;align-items:start;gap:15px}.footer-links b{font-size:11px;letter-spacing:1px;margin-bottom:8px}.footer-links a{font-size:13px;color:#626b60}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:25px 0 35px;border-top:1px solid #d6dbd3;color:#797f76;font-weight:800;letter-spacing:1px;font-size:10px}
.drawer-overlay[hidden]{display:none}.drawer-overlay{position:fixed;z-index:150;inset:0;background:#071008b8;display:flex;justify-content:flex-end;animation:fade .2s}@keyframes fade{from{opacity:0}to{opacity:1}}.cart-drawer{background:#f6f7f2;height:100%;width:min(600px,100%);box-shadow:-30px 0 100px #0007;display:flex;flex-direction:column;animation:slide .24s ease-out}@keyframes slide{from{transform:translateX(30px);opacity:.75}to{transform:translateX(0);opacity:1}}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;background:#111a11;color:white;flex-shrink:0}.drawer-head p{color:#95a78d;font-size:10px;letter-spacing:1px;font-weight:900;margin-bottom:7px}.drawer-head h2{font:40px Impact,sans-serif;letter-spacing:.2px;margin:0}.drawer-head h2 .dot{color:var(--acid)}.drawer-close{background:transparent;color:white;border:1px solid #455743;min-width:45px;height:45px;font-size:24px}.drawer-scroll{overflow-y:auto;padding:26px 31px 36px}.empty-cart{font-size:14px;color:#687364;background:#e6ecdd;padding:25px;text-align:center}.cart-item{display:grid;grid-template-columns:100px 1fr;gap:15px;border-bottom:1px solid #d4dacc;padding:14px 0}.cart-thumb{background:#cdd5c7;display:grid;place-items:center;min-height:118px}.cart-thumb svg{width:100%;height:115px}.cart-info h3{font-family:Impact,sans-serif;font-size:24px;margin:4px 0 7px}.cart-info p{font-size:12px;color:#717a6c;line-height:1.7;margin:0}.cart-info .cart-price{font-size:12px;font-weight:900;color:#303d24}.cart-info button{background:transparent;border:0;color:#516648;padding:9px 0;text-decoration:underline;font-size:12px;font-weight:800}.drawer-divider{height:20px}.drawer-notice{background:#ebf3db;border-left:3px solid #b4d63b;padding:15px;font-size:12px;line-height:1.6;color:#46523a;margin-bottom:24px}.drawer-scroll form h3{font:25px Impact,sans-serif;margin-bottom:8px}.drawer-scroll form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-scroll form .input-label{margin-top:15px}.checkline{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.6;color:#3e473a;margin-top:20px}.checkline input{accent-color:#485d17;width:17px;height:17px;flex-shrink:0;margin:2px 0 0}.checkline a{text-decoration:underline}.send-button{margin-top:19px}.checkout-status{font-size:12px;line-height:1.6;margin-top:15px}.checkout-status:not(:empty){padding:13px;border:1px solid #ce997b;background:#fff2ea;color:#6c3423}.checkout-status.success{background:#eef9d9;border-color:#a1c46c;color:#3a5e20}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--acid);color:#121812;padding:14px 23px;z-index:200;font-weight:900;font-size:13px;max-width:min(500px,90vw);box-shadow:0 12px 35px #0004;visibility:hidden;opacity:0;transition:all .25s;text-align:center}.toast.show{visibility:visible;opacity:1;transform:translate(-50%,0)}
.legal-main{background:#f4f5f0;min-height:65vh;padding:80px 0 130px}.legal-main .legal-article{max-width:780px}.legal-article h1{font-family:Impact,sans-serif;font-size:65px}.legal-article h2{margin-top:33px;font-size:20px}.legal-article p,.legal-article li{font-size:15px;line-height:1.8;color:#495148}.legal-article .notice-legal{padding:18px;border-left:4px solid #9ab748;background:#eaf3da;font-weight:800}.legal-back{font-size:12px;font-weight:900;letter-spacing:1px;text-decoration:underline}
@media(min-width:1480px){.hero h1{font-size:112px}}
@media(max-width:1120px){.shell{width:min(1440px,calc(100% - 48px))}.header-inner{min-height:76px}.desktop-nav{gap:15px}.nav-cta{padding:14px 11px}.brand img{width:165px}.studio-layout{grid-template-columns:375px minmax(0,1fr)}.step-block{padding:25px 22px}.hero-grid{min-height:590px}.hero h1{font-size:clamp(65px,7.5vw,95px)}.hero-foot{gap:13px}.product-figure{height:260px}}
@media(max-width:850px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.header-inner{min-height:69px}.nav-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:68px 0 45px}.hero h1{font-size:clamp(70px,10vw,100px)}.hero-art{min-height:520px;border-left:none;border-top:1px solid #343b31}.hero-foot{margin-top:40px}.hero-bottom span:last-child{display:none}.section{padding:80px 0}.product-grid{gap:10px}.product-card-bottom h3{font-size:25px}.product-card-bottom{padding:9px 15px 23px}.product-card-top{padding:18px 15px 0}.product-figure{height:225px}.studio-layout{grid-template-columns:1fr;gap:18px}.config-section{padding:80px 0}.studio-controls{display:grid;grid-template-columns:1fr 1fr;align-items:start}.step-block{border-right:1px solid #e0e4dc}.prompt-block{grid-column:1 / -1}.preview-sticky{position:relative;top:0}.preview-stage{height:580px}.how-section{padding:80px 0}.faq-section{padding-top:80px;padding-bottom:85px}.section-top h2{font-size:64px}.end-outline{right:-25%}.footer-main{padding:65px 0}}
@media(max-width:620px){.shell{width:calc(100% - 34px)}.topline{height:30px}.topline-inner{font-size:8px;letter-spacing:.5px}.topline-inner>span:last-child{display:none}.brand img{width:155px}.cart-open{min-width:60px}.header-inner{gap:10px}.hero-copy{padding:62px 0 44px}.hero h1{font-size:clamp(59px,13.3vw,88px);letter-spacing:-1px;margin:26px 0 20px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-copy>p{font-size:14px}.hero-actions{gap:9px}.hero-actions .btn{width:100%;justify-content:space-between}.hero-foot{justify-content:space-between;gap:9px;font-size:9px}.hero-foot b{display:block;margin-bottom:6px}.hero-art{min-height:410px}.hero-render{padding:4px}.hero-label{top:18px;right:18px;width:76px;height:76px;font-size:23px}.hero-label strong{font-size:13px}.hero-bottom{height:55px}.hero-bottom span:nth-child(2){display:none}.ticker-track{font-size:18px}.section{padding:72px 0}.section-top{display:block;margin-bottom:30px}.section-top h2,.faq-section h2{font-size:clamp(50px,12vw,72px)}.section-top>p{margin-top:22px;max-width:370px;font-size:13px}.product-grid{grid-template-columns:1fr}.product-card{max-width:520px}.product-figure{height:290px}.product-card-bottom{padding:8px 21px 27px}.product-card-bottom h3{font-size:35px}.config-section{padding:68px 0}.config-head{display:block}.config-head h2{font-size:clamp(54px,12vw,73px);margin-bottom:20px}.studio-mark{display:none}.studio-controls{grid-template-columns:1fr}.step-block{padding:24px 20px;border-right:0}.preview-sticky{padding:15px 12px}.preview-header{flex-wrap:wrap}.preview-header h3{font-size:29px}.preview-stage{height:415px}.preview-status{align-items:flex-start}.preview-buttons .btn-accent{font-size:10px;padding:12px}.stage-corner{font-size:8px}.stage-side{font-size:7px}.stage-side.left{left:7px}.stage-side.right{right:7px}.steps-grid{grid-template-columns:1fr}.how-section{padding:70px 0}.how-card{min-height:220px;padding:22px}.how-num{font-size:58px}.faq-section{padding:70px 0}.faq-list summary{font-size:14px;padding:21px 0}.faq-list summary span{min-width:33px;height:33px;font-size:24px}.end-cta-inner{min-height:355px}.end-cta h2{font-size:clamp(68px,14vw,95px)}.end-outline{font-size:280px;right:-50%;bottom:-12%}.footer-main{display:block;padding:60px 0 45px}.footer-links{gap:50px;margin-top:40px}.footer-bottom{font-size:9px;line-height:1.8;display:block}.footer-bottom span{display:block}.drawer-head{padding:22px}.drawer-head h2{font-size:32px}.drawer-scroll{padding:22px 18px}.drawer-scroll form .form-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:84px 1fr}.cart-thumb{min-height:105px}.cart-thumb svg{height:100px}.legal-main{padding:60px 0 80px}.legal-article h1{font-size:51px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* KI-Motivstudio */
.btn-textsubtle{background:transparent;color:#293522;border:1px solid #c9d2c2;margin-top:9px;font-size:10px;min-height:44px}
.btn-textsubtle:hover{background:#eef3e8}
.ai-art-status{font-size:12px;line-height:1.7;color:#4a5a40;padding:12px 14px;background:#e7efdd;border-left:3px solid #a6bf6b;margin-top:15px}
.ai-art-status[data-kind="error"]{background:#fff0ed;border-color:#db6b50;color:#842a25}
.ai-art-status[data-kind="warning"]{background:#fff7dc;border-color:#c39e3f;color:#6e5420}
.ai-art-status[data-kind="success"]{background:#e7f4d0;border-color:#79aa30;color:#2b5225}
.ai-art-status[data-kind="demo"]{background:#e6eef2;border-color:#82aebc;color:#23495a}
.ai-active-tools{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:10px}
.art-indicator{display:inline-block;padding:7px 10px;background:#191f17;color:var(--acid);font-size:10px;font-weight:900;letter-spacing:.6px}
.clear-art{background:transparent;border:0;color:#58734a;text-decoration:underline;font-size:11px;font-weight:800;padding:8px}
.clear-art[hidden],.art-indicator[hidden]{display:none}

/* Designgenerator V2 – lokale Motivbibliothek und Musterregler. */
.library-block{background:#fff}
.library-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-5px 0 21px}
.library-intro span{padding:11px 7px;background:#f2f5ea;color:#526447;font-size:9px;font-weight:900;letter-spacing:.4px;text-align:center;white-space:nowrap}
.library-intro strong{font-family:Impact,'Arial Black',sans-serif;display:block;font-size:28px;line-height:1.2;color:#1c2618}
.library-block input[type=search]{min-height:45px}
.motif-filters{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 12px}
.motif-filters button{font-size:10px;font-weight:900;border:1px solid #d2d9cb;background:#edf1e8;color:#4e5d46;padding:8px 9px;transition:background .15s}
.motif-filters button.active,.motif-filters button:hover{background:#1b241a;color:#d6fc30;border-color:#1b241a}
.motif-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:375px;overflow-y:auto;overscroll-behavior:contain;padding:3px 3px 8px 0;scrollbar-color:#bfccaa #f1f2ee;scrollbar-width:thin}
.motif-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:5px;background:#1b221b;color:#f1f4e8;border:2px solid transparent;min-height:91px;padding:9px 3px 7px;position:relative}
.motif-tile.selected{border-color:#b0d734;background:#303a24}
.motif-tile.selected:after{content:'✓';position:absolute;top:5px;right:6px;color:#10140f;background:#d6fc30;border-radius:50%;font-size:10px;font-weight:900;width:17px;height:17px;display:grid;place-items:center}
.motif-tile:hover{border-color:#d6fc30}
.motif-icon{width:44px;height:44px;display:block;flex-shrink:0}
.motif-icon svg{width:100%;height:100%}
.motif-name{font-size:10px;font-weight:800;white-space:normal;line-height:1.2;text-align:center;word-break:break-word}
.gallery-empty{grid-column:1/-1;text-align:center;font-size:12px;color:#5d665b;padding:25px 5px;margin:0}
.chosen-row{padding:15px 0 19px;margin:10px 0 18px;border-bottom:1px solid #e4e9dc}
.chosen-row .input-label{display:block;margin-bottom:9px}
.selected-motifs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:30px}
.selected-chip{border:1px solid #aec969;background:#ecf7d7;color:#263b10;padding:8px 10px;font-size:10px;font-weight:900}
.selected-chip:hover{background:#d6fc30}
.no-selection{font-size:11px;color:#929c8c}
.generator-selects{margin-top:17px}
.detail-color-label{display:block;margin:19px 0 18px}
.generator-sliders{display:grid;gap:6px;margin:20px 0}
.range-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:900;letter-spacing:.55px;color:#5b6458;margin-top:9px}
.range-row output{color:#1f2b18;background:#eaf0e0;padding:5px 8px;min-width:43px;text-align:right}
.generator-sliders input[type=range]{width:100%;height:26px;margin:0;accent-color:#8dbd1a;cursor:pointer}
.generator-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 8px}
.generator-actions button{border:1px solid #1c2718;background:#1c2718;color:#f4f7ef;min-height:42px;font-weight:900;font-size:10px;letter-spacing:.25px;padding:9px 8px}
.generator-actions button:nth-child(2){background:#d6fc30;color:#182017;border-color:#b6da2a}
.generator-actions button:hover{filter:brightness(1.1)}
.prompt-block{background:#f5f9ed;border-bottom:4px solid #d6fc30}
.prompt-suggestions button:hover{background:#d6fc30}
.ai-active-tools:has(>.art-indicator[hidden]){display:none}
@media(max-width:850px){.motif-gallery{max-height:300px}.studio-controls{align-items:start}.library-block{grid-column:auto}}
@media(max-width:620px){.motif-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-height:315px}.library-intro span{font-size:8px}.motif-tile{min-height:82px}.motif-name{font-size:9px}.motif-icon{width:36px;height:36px}}
@media(max-width:340px){.motif-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.generator-actions{grid-template-columns:1fr}}
/* Preview auf Desktop ueber die gesamte Hoehe des langen Editors begleiten. */
@media(min-width:851px){
  .studio-layout{align-items:stretch}
  .studio-controls{align-self:start}
  .preview-area{align-self:stretch;min-height:100%}
}

/* VERM.Moto Designstudio V3 – 3D und Schrift-Labor */
.placement-info{padding:12px 13px;background:#e5f3cd;border-left:4px solid #89b52a;font-size:11px;font-weight:800;color:#2b3d20;line-height:1.6;margin:2px 0 18px}
.placement-info[hidden],#jerseyPersonalization[hidden],#pantsPersonalizationNote[hidden],#viewer3d[hidden],#designRender[hidden]{display:none!important}
.font-lab{padding:16px 12px;background:#eef2e8;border:1px solid #d9e1cf;margin:16px 0 18px}
.font-lab-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.4px}.font-lab-title strong{font-weight:900}.font-lab-title span{font-size:10px;color:#65715f;font-weight:700;text-align:right}
.font-summary{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;margin:13px 0;color:#354329;font-size:10px;font-weight:800}
.font-switch{display:flex;gap:7px;margin:10px 0 14px}.font-switch button{flex:1;padding:12px 6px;background:#e0e6d9;border:1px solid #b9c9ac;color:#23301e;font-weight:900;font-size:11px}.font-switch button.active{background:#1d2719;color:#d6fc30;border-color:#1d2719}
.font-filters{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 10px}.font-filters button{background:#e8eddc;border:1px solid #c3ceba;font-size:9px;font-weight:900;padding:7px 9px;cursor:pointer}.font-filters button.active{color:#d6fc30;background:#1d2719}
.font-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow-y:auto;max-height:320px;padding:3px 1px 10px;scrollbar-width:thin}
.font-card{border:2px solid transparent;background:#1c241d;color:#f2f5ed;min-height:73px;padding:12px 7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;overflow:hidden;cursor:pointer}.font-card strong{font-size:25px;line-height:1;white-space:nowrap;display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis}.font-card small{color:#c3cfc0;font-size:9px;text-align:center}.font-card.active,.font-card:hover{border-color:#d6fc30;background:#303d22}
.font-details{margin:17px 0 10px}.font-current{display:block;min-height:28px;font-size:10px;font-weight:900;white-space:normal;color:#455b38;padding:6px 0}.font-details .color-select{margin:7px 0}
.preview-mode-selector{display:flex;background:#161e18;gap:5px;padding:5px;margin-bottom:12px}.preview-mode-selector button{flex:1;font-size:10px;letter-spacing:.3px;background:transparent;border:0;color:#c7d2c3;padding:12px 6px;cursor:pointer;font-weight:900}.preview-mode-selector button.active{background:#d6fc30;color:#1a2017}
.viewer3d{position:absolute;inset:0;display:flex;align-items:stretch;justify-content:center;touch-action:pan-y;user-select:none;z-index:2}
.viewer3d canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}
.viewer3d canvas:active{cursor:grabbing}
.drag-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:900;letter-spacing:.5px;color:#d6fc30;pointer-events:none;background:#121c15d9;border:1px solid #60704d;padding:8px 11px;text-align:center;white-space:nowrap}
.preview-stage .design-render{position:absolute;inset:0;z-index:1}
.preview-disclaimer strong{color:#d6fc30}
@media(max-width:620px){.font-card strong{font-size:23px}.font-gallery{max-height:260px}.drag-hint{bottom:37px;font-size:7px;padding:7px 7px}.preview-mode-selector button{font-size:9px}}

/* CSS-3D-Fallback: front/back are two opposing curved-look layers, no WebGL required. */
.css3d-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;perspective:950px;perspective-origin:50% 42%;touch-action:none;cursor:grab}
.css3d-stage:active{cursor:grabbing}
.css3d-garment{position:relative;width:min(58%,340px);flex-shrink:0;aspect-ratio:420/500;transform-style:preserve-3d;transform-origin:center center;will-change:transform}
.css3d-stage:has(.css3d-garment:nth-child(2)) .css3d-garment{width:45%;max-width:330px}
.cloth-face{position:absolute;inset:0;backface-visibility:hidden;transform-style:preserve-3d;overflow:visible}
.cloth-face svg{width:100%;height:100%;object-fit:contain;overflow:visible}
.cloth-face.front{transform:translateZ(12px)}
.cloth-face.back{transform:rotateY(180deg) translateZ(12px)}
.cloth-edge{position:absolute;inset:13% 27%;background:linear-gradient(90deg,#111,#344138 50%,#111);transform:rotateY(90deg);box-shadow:0 0 16px #0008;opacity:.86;backface-visibility:visible}
.css3d-garment.pants .cloth-edge{inset:12% 27%}
@media(max-width:620px){.css3d-garment{width:72%}.css3d-stage:has(.css3d-garment:nth-child(2)) .css3d-garment{width:49%}}

/* In der Fallback-Ansicht erscheinen keine dunklen Hilfsflaechen durch die Kleidung. */
.css3d-stage .cloth-edge{display:none}
/* Schnittmuster Studio 2.0 – klickbare, aus Kundenbildern nachgezeichnete Panels */
.preview-mode-selector{gap:3px}
.preview-mode-selector button{font-size:9px;min-width:0;line-height:1.2;padding:11px 5px}
.pattern-switch{display:flex;gap:8px;align-items:center;margin:0 0 13px}
.pattern-switch[hidden],.panel-workshop[hidden],.pattern-render[hidden]{display:none!important}
.pattern-switch button{border:1px solid #354330;background:#263025;color:#a9c3a0;cursor:pointer;font-weight:900;font-size:10px;letter-spacing:.5px;padding:11px 19px;flex:1}
.pattern-switch button.active{color:#121a0c;background:#d6fc30;border-color:#d6fc30}
.preview-stage.is-pattern{background:radial-gradient(ellipse at 50% 45%,#344639,#1c2921 73%);height:clamp(420px,45vw,620px)}
.preview-stage.is-pattern .stage-grid{opacity:.18}
.preview-stage.is-pattern .stage-corner{z-index:1;opacity:.5}
.pattern-render{position:absolute;inset:14px;display:flex;justify-content:center;align-items:center;z-index:3}
.pattern-render svg{width:100%;height:100%;overflow:visible;max-width:100%;max-height:100%;filter:drop-shadow(0 10px 18px #0008)}
.cut-panel{cursor:pointer;outline:none}
.cut-panel path{transition:stroke .16s,stroke-width .16s}
.cut-panel:hover path:last-child,.cut-panel:focus path:last-child{stroke:#d6fc30;stroke-width:4px}
.cut-panel.is-selected path:last-child{stroke:#d6fc30;stroke-width:4px;filter:drop-shadow(0 0 5px #d6fc30aa)}
.panel-workshop{border:1px solid #3f5735;background:linear-gradient(115deg,#263326,#1d2b20);padding:18px 20px 17px;margin-top:11px;color:#f1f5eb}
.panel-workshop-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.panel-kicker{font-size:9px;font-weight:900;letter-spacing:1.1px;color:#c5fa63;display:block;margin-bottom:8px}
.panel-workshop-head strong{display:block;font:normal 27px Impact,Arial Narrow,sans-serif;letter-spacing:.3px;text-transform:uppercase}
.panel-workshop-head small{display:block;color:#adbda3;font-size:10px;line-height:1.6}
#panelCounter{color:#bde44c;font-size:11px;font-weight:900;white-space:nowrap}
.panel-select-label{font-size:9px;font-weight:900;letter-spacing:.9px;display:block;margin-top:16px;margin-bottom:7px;color:#b0c6a5}
#panelChoose,.panel-field-grid select{min-width:0;width:100%;background:#111c14;color:#eaf0e6;padding:12px 10px;border:1px solid #5b7154;font-weight:700;font-size:12px;border-radius:0}
.panel-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}
.panel-field-grid label{color:#b8cdb1;font-size:9px;font-weight:900;letter-spacing:.6px;display:grid;gap:7px}
.panel-field-grid label.span-2{grid-column:span 2}
.panel-field-grid input[type=color]{width:100%;height:41px;border:1px solid #78936b;padding:3px;background:#141d14;cursor:pointer}
.panel-range-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:19px}
.panel-range-grid label{display:grid;grid-template-columns:1fr auto;font-size:9px;color:#b8cdb1;font-weight:900;gap:11px}
.panel-range-grid output{color:#d6fc30}
.panel-range-grid input{grid-column:span 2;width:100%;accent-color:#d6fc30;cursor:pointer}
.panel-mirror{display:flex;align-items:center;gap:11px;line-height:1.4;color:#d3e3c5;font-size:11px;font-weight:700;margin-top:17px;cursor:pointer}
.panel-mirror input{accent-color:#d6fc30;width:17px;height:17px;flex:none}
.panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.panel-actions button{border:1px solid #647b59;background:#243526;color:#d7f5c2;font-size:9px;font-weight:900;letter-spacing:.2px;padding:11px 13px;cursor:pointer}
.panel-actions button:hover{border-color:#d6fc30}
.panel-caution{border-top:1px solid #40543b;color:#a9bda0;font-size:10px;line-height:1.55;margin:16px 0 0;padding-top:13px}
@media(max-width:620px){.preview-mode-selector button{font-size:8px;padding:11px 3px}.pattern-switch button{padding:11px 6px;font-size:9px}.panel-workshop{padding:15px 12px}.panel-workshop-head strong{font-size:23px}.panel-range-grid{gap:9px}.panel-actions button{font-size:8px}.preview-stage.is-pattern{height:400px}.pattern-render{inset:8px}.panel-field-grid{gap:8px}}
.view-switch[hidden]{display:none!important}

/* VERM.Moto V4.1 – verlässliches Lade-/Hosting-Feedback und direkte Prompt-Vorschau */
.config-load-status{background:#fff7d7;border-left:4px solid #df9c24;color:#483d20;padding:14px 18px;font-size:12px;font-weight:700;margin:0 0 17px;line-height:1.6}
.config-load-status[hidden],.quick-preview[hidden],.checkout-availability[hidden]{display:none!important}
.quick-preview{margin:14px 0 11px;background:#151e16;border:1px solid #9fcf36;color:#ecf4e5;padding:13px 14px}
.quick-preview-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center;font-weight:900;font-size:10px;letter-spacing:.8px}
.quick-preview-head span{color:#d6fc30}.quick-preview-head strong{font-size:10px;color:#c9d4c4}
.quick-preview-art{height:220px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#3a4c33,#151e16 80%);margin:12px 0 9px}
.quick-preview-art svg{width:100%;height:100%;object-fit:contain}
.quick-preview button{display:block;width:100%;background:#d6fc30;border:0;color:#172315;font-weight:900;font-size:11px;padding:12px 14px}
.quick-preview p{font-size:10px;color:#b9c9b5;margin:9px 0 2px;line-height:1.5}
.checkout-availability{background:#fff5dc;border:1px solid #cfb279;border-left:4px solid #bf8728;color:#543917;padding:13px 14px;margin:16px 0 9px;line-height:1.6;font-weight:700;font-size:12px}
#sendOrder:disabled{opacity:.5;cursor:not-allowed}