﻿:root{--ink:#111116;--paper:#f4f2ed;--violet:#7c3aed;--orange:#ff6b1a;--line:#dcd8d0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}
.landing-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px clamp(20px,5vw,80px);background:rgba(17,17,22,.96);color:#fff}
.landing-logo img{display:block;width:auto;height:100px;object-fit:contain}
.landing-header nav{display:flex;align-items:center;gap:24px;font-weight:700}
.landing-nav-cta,.landing-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:14px 22px;background:var(--orange);color:#fff;font-weight:850;cursor:pointer}
.landing-hero{min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;padding:90px clamp(24px,7vw,120px);background:radial-gradient(circle at 85% 20%,#7336da 0,transparent 34%),linear-gradient(135deg,#111116 20%,#26163d 100%);color:#fff}
.landing-kicker,.section-heading>span{font-size:13px;font-weight:900;letter-spacing:.14em;color:#ff9b65}
.landing-hero h1{max-width:780px;margin:15px 0 22px;font-size:clamp(45px,6vw,82px);line-height:.97;letter-spacing:-.05em}
.landing-hero-copy>p{max-width:680px;font-size:20px;color:#ded9e8}
.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.landing-button.secondary{background:transparent;border:1px solid #fff}
.landing-checks{display:flex;gap:22px;flex-wrap:wrap;padding:0;list-style:none;color:#ddd}
.landing-checks li:before{content:'\2713';margin-right:7px;color:#8cffb2}
.landing-hero-card{transform:rotate(2deg);padding:34px;border-radius:28px;background:#fff;color:#111;box-shadow:0 35px 90px rgba(0,0,0,.35)}
.landing-hero-card>span{font-size:12px;letter-spacing:.16em;font-weight:900;color:#7c3aed}
.landing-hero-card>strong{display:block;margin:5px 0 26px;font-size:clamp(22px,3vw,38px)}
.mock-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock-products i{display:block;aspect-ratio:1;background:linear-gradient(135deg,#eee,#d8d4e5);border-radius:14px}
.mock-products i:nth-child(2){background:linear-gradient(135deg,#1b1b1f,#7938d4)}
.landing-hero-card small{display:block;margin-top:18px;color:#666}
.landing-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ddd}
.landing-trust strong{padding:22px;text-align:center;background:#fff}
.landing-section{padding:100px clamp(24px,7vw,120px)}
.section-heading{max-width:840px;margin-bottom:45px}
.section-heading h2,.request-section h2{margin:10px 0 14px;font-size:clamp(34px,5vw,60px);line-height:1.03;letter-spacing:-.04em}
.section-heading p{font-size:19px;color:#5f5d65}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-grid article{padding:28px;background:#fff;border:1px solid var(--line);border-radius:20px}
.feature-grid b{color:var(--violet)}
.feature-grid h3{margin:14px 0 8px;font-size:22px}
.feature-grid p{margin:0;color:#666}
.price-section{background:#15121b;color:#fff}
.price-section .section-heading p{color:#c8c2d1}
.formula{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:30px 0}
.formula span,.formula strong{padding:10px 13px;border-radius:10px;background:#29242f}
.formula strong{background:var(--violet)}
.price-calculator{display:grid;grid-template-columns:150px minmax(260px,.8fr) 1.3fr;gap:34px;max-width:1000px;margin:45px auto 0;padding:30px;border:1px solid #40384a;border-radius:24px;background:#211d27}
.calculator-controls{display:contents}
.calculator-controls>label:first-child{grid-column:2;grid-row:1}
.calculator-controls>label:last-child{grid-column:2;grid-row:2}
.calculator-product-image{display:none;grid-column:1;grid-row:1/3;align-self:center;text-align:center}
.calculator-product-image:not([hidden]){display:block}
.calculator-product-image img{display:block;width:150px;height:150px;margin:auto;object-fit:contain}
.calculator-controls label{display:grid;gap:7px;font-weight:800}
.calculator-controls select,.calculator-controls input,.request-form input,.request-form textarea{width:100%;padding:13px;border:1px solid #cbc6d1;border-radius:10px;background:#fff;font:inherit}
.calculation-lines{display:grid;grid-column:3;grid-row:1/3;gap:9px}
.calculation-lines>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #40384a}
.calculation-lines .subtotal{margin-top:5px;font-weight:800}
.calculation-lines .calculator-total{margin-top:8px;padding:16px;border:0;border-radius:12px;background:var(--orange);font-size:23px}
.price-calculator>small{grid-column:1/-1;color:#aaa}
.price-placeholder{max-width:900px;padding:30px;border:1px solid #40384a;border-radius:20px;background:#211d27}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0;list-style:none}
.steps li{display:flex;gap:15px;padding:23px;background:#fff;border-radius:18px}
.steps b{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:var(--violet);color:#fff}
.steps h3{margin:7px 0}
.steps p{margin:0;color:#666}
.request-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding:100px clamp(24px,7vw,120px);background:#e8dfff}
.request-form{display:grid;gap:15px;padding:28px;border-radius:22px;background:#fff}
.request-form label{display:grid;gap:6px;font-weight:750}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.privacy{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px}
.privacy input{width:auto;margin-top:5px}
.landing-success,.landing-error{padding:13px;border-radius:10px;background:#dcfce7;color:#166534}
.landing-error{background:#fee2e2;color:#991b1b}
.landing-footer{display:flex;align-items:center;gap:24px;padding:25px clamp(24px,7vw,120px);background:#111;color:#bbb}
.landing-footer img{width:110px;height:55px;object-fit:contain}
.landing-footer a{margin-left:auto}
@media(max-width:900px){.landing-header nav>a:not(.landing-nav-cta){display:none}
.landing-hero,.request-section,.price-calculator{grid-template-columns:1fr}
.calculator-controls{display:grid;align-content:start;gap:18px}
.calculator-controls>label:first-child,.calculator-controls>label:last-child,.calculator-product-image,.calculation-lines{grid-column:auto;grid-row:auto}
.landing-hero{padding-top:60px}
.feature-grid,.steps{grid-template-columns:1fr 1fr}
.landing-trust{grid-template-columns:1fr 1fr}
.price-calculator>small{grid-column:auto}
}
@media(max-width:600px){.calculator-product-image:not([hidden]){display:block}
.landing-header{padding:8px 14px}
.landing-logo img{width:auto;height:100px}
.landing-nav-cta{padding:10px 13px;font-size:13px}
.landing-hero{min-height:0;padding:55px 20px}
.landing-hero h1{font-size:43px}
.landing-hero-card{transform:none}
.feature-grid,.steps,.landing-trust,.form-two{grid-template-columns:1fr}
.landing-section,.request-section{padding:70px 20px}
.landing-footer{align-items:flex-start;flex-direction:column}
.landing-footer a{margin-left:0}
}

.request-pricing{display:grid;gap:12px;margin:4px 0;padding:16px;border:1px solid #cbc6d1;border-radius:12px}
.request-pricing legend{padding:0 6px;font-weight:900}
.request-pricing>p{margin:0;color:#666}
.request-price-row{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(190px,1fr);align-items:center;gap:14px;padding:16px;border:1px solid #ddd;border-radius:12px;background:#fafafa;opacity:.7}
.request-price-row.selected{border-color:#7c3aed;background:#f5f0ff;opacity:1}
.request-price-row input{min-width:0}
.request-price-row>span{white-space:nowrap}
.request-price-row>strong:last-child{padding:11px 13px;border-radius:9px;background:#eee9f8;white-space:nowrap;text-align:center}
.request-select{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px}
.request-select input{width:auto}
.request-price-row>.request-select{grid-column:1;grid-row:1}
.request-price-row>span{grid-column:2;grid-row:1}
.request-price-row>strong:last-child{grid-column:3;grid-row:1}
.request-price-row>input{grid-column:1;grid-row:2}
.request-price-row>label:nth-of-type(2){grid-column:2/4;grid-row:2;display:grid;grid-template-columns:auto minmax(130px,1fr);align-items:center;gap:12px}
@media(max-width:850px){.request-form{padding:20px}
.request-pricing{padding:12px}
.request-price-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}
.request-price-row>.request-select,.request-price-row>span{grid-column:auto;grid-row:auto}
.request-select{min-width:0}
.request-select strong{overflow-wrap:normal;word-break:normal}
.request-price-row>input{grid-column:1/-1;grid-row:auto}
.request-price-row>label:nth-of-type(2){grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.request-price-row>strong:last-child{grid-column:1/-1;grid-row:auto;text-align:left;white-space:normal}
}

.personalization-preview{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:clamp(30px,6vw,70px);border-radius:28px;background:linear-gradient(135deg,#17131d 0%,#31204a 60%,#7c3aed 140%);color:#fff}.personalization-preview::after{content:'DEIN DESIGN';position:absolute;right:-20px;bottom:-25px;font-size:clamp(55px,11vw,145px);font-weight:950;line-height:1;color:#ffffff0a;white-space:nowrap;pointer-events:none}.personalization-preview h2{max-width:720px;margin:8px 0 14px;font-size:clamp(34px,5vw,62px);line-height:1}.personalization-preview p{max-width:650px;color:#ddd}.personalization-preview .landing-button{position:relative;z-index:1;background:#fff;color:#17131d}.personalization-art{position:relative;z-index:1;display:grid;place-items:center;min-height:240px}.personalization-shirt{display:block;width:min(100%,390px);transform-origin:50% 55%;animation:personalization-shirt-turn 7s ease-in-out infinite;filter:drop-shadow(0 25px 28px #0008);transition:filter .25s ease}.personalization-shirt img{display:block;width:100%;height:auto;border-radius:22px}.personalization-shirt:hover,.personalization-shirt:focus-visible{filter:drop-shadow(0 28px 34px #000b)}.personalization-shirt:focus-visible{outline:3px solid #fff;outline-offset:6px;border-radius:22px}@keyframes personalization-shirt-turn{0%,100%{transform:perspective(900px) rotateY(-7deg) rotateZ(-2deg)}50%{transform:perspective(900px) rotateY(7deg) rotateZ(2deg)}}@media(prefers-reduced-motion:reduce){.personalization-shirt{animation:none;transform:rotate(1deg)}}@media(max-width:760px){.personalization-preview{grid-template-columns:1fr}.personalization-art{min-height:200px}.personalization-shirt{width:min(88vw,330px)}}
@keyframes personalization-shirt-turn{0%,100%{transform:perspective(900px) rotateY(-4deg) rotateZ(3deg)}50%{transform:perspective(900px) rotateY(4deg) rotateZ(6deg)}}
@media(prefers-reduced-motion:reduce){.personalization-shirt{transform:rotate(4deg)}}
