:root {
  --background:#07080b; --foreground:#f4f7fb; --card:#0d0f14; --card-foreground:#f4f7fb;
  --muted:#151821; --muted-foreground:#9aa4b4;
  --accent:#20c9ff; --border:#2a2e39;
  --ice:#20c9ff; --pink:#ff3d9a; --violet:#9b5cff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--background)}
body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}
button,a{-webkit-tap-highlight-color:transparent} a{color:inherit;text-decoration:none} button{font:inherit;cursor:pointer}
img{max-width:100%}

.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:1px solid #fff;background:#fff;color:#08090c;border-radius:0;text-transform:uppercase;font-weight:900;font-size:13px}
.btn:hover{background:var(--pink);border-color:var(--pink);color:#fff}
.btn-outline{background:transparent;color:#fff;border-color:#3a3e49}
.btn-outline:hover{background:var(--ice);border-color:var(--ice);color:#061017}

.site-header{position:sticky;top:0;z-index:40;height:82px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border);background:#07080be8;backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;font-family:"Arial Narrow",Arial,sans-serif;font-size:14px;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #fff;transform:rotate(45deg);font-size:11px;color:var(--ice);text-shadow:7px 0 var(--pink)}
.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--pink),var(--ice));transition:right .2s ease}.site-header nav a:hover:after{right:0}
.cart-button{justify-self:end;height:44px;border:1px solid #fff;background:#fff;color:#08090c;border-radius:0;text-transform:uppercase;font-weight:900;display:inline-flex;align-items:center;gap:8px;padding:0 14px}
.cart-button b{display:grid;place-items:center;min-width:24px;height:24px;background:#08090c;color:#fff;font-size:11px;border-radius:2px}

.hero{min-width:0;min-height:calc(100svh - 82px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);border-bottom:1px solid var(--border)}
.hero-copy{min-width:0;padding:clamp(64px,8vw,128px) clamp(24px,6vw,94px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#aeb6c5;font:12px ui-monospace,monospace;letter-spacing:.13em}.eyebrow span{width:8px;height:8px;background:var(--ice);box-shadow:0 0 16px var(--ice)}
.hero h1,.section-heading h2,.faq h2,.manifesto h2{margin:0;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-weight:950;letter-spacing:-.065em;text-transform:uppercase}
.hero h1{max-width:100%;font-size:clamp(52px,8vw,96px);line-height:.88;letter-spacing:-.055em}.hero h1 em,.manifesto h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px var(--ice);text-shadow:7px 5px 0 #ff3d9a55}
.hero-description{max-width:630px;margin:34px 0;color:#bcc3ce;font-size:clamp(16px,1.3vw,20px);line-height:1.6}
.hero-cta{position:relative;z-index:1;width:fit-content;height:54px;padding-inline:24px;background:var(--ice);color:#061017;border-radius:0;font-weight:950;text-transform:uppercase;letter-spacing:.05em;clip-path:polygon(0 0,91% 0,100% 30%,100% 100%,0 100%);display:inline-flex;align-items:center;gap:10px}.hero-cta:hover{background:var(--pink);color:#fff}
.hero-index{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:22px;margin-top:58px;color:#747d8c;font:11px ui-monospace,monospace;text-transform:uppercase}
.hero-visual{min-width:0;min-height:660px;position:relative;display:grid;place-items:center;overflow:hidden;border-left:1px solid var(--border);background:linear-gradient(125deg,#ff2a8b 0%,#6a1757 47%,#0a273f 48%,#20c9ff 100%);isolation:isolate}
.hero-visual:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.hero-visual:after{content:"";position:absolute;inset:7%;border:1px solid #ffffff77;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.hero-visual img{position:relative;z-index:2;width:min(88%,820px);height:auto;filter:drop-shadow(0 28px 42px #000b);transform:translateY(3%)}
.signal{position:absolute;z-index:3;padding:8px 10px;background:#07080b;font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em}.signal-lina{top:24px;left:24px;color:var(--pink)}.signal-zev{right:24px;bottom:24px;color:var(--ice)}

.manifesto{padding:clamp(74px,9vw,150px) clamp(24px,5vw,80px);border-bottom:1px solid var(--border);background:#f3f4f6;color:#0a0b0f}
.manifesto-kicker{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:2px solid #0a0b0f;font:800 11px ui-monospace,monospace;letter-spacing:.1em}
.manifesto-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:clamp(50px,9vw,150px);padding-top:52px}.manifesto h2{font-size:clamp(44px,6vw,94px);line-height:.88}.manifesto h2 em{-webkit-text-stroke-color:#101116;text-shadow:6px 5px 0 #1acaff66}
.manifesto-copy{display:grid;gap:28px;font-size:17px;line-height:1.7}.manifesto-copy p{margin:0}.manifesto-copy .lead{font-size:clamp(21px,2vw,29px);font-weight:800;line-height:1.35}
.entity-note{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:20px 0;border-block:1px solid #c6cad0}.entity-note b{font:900 13px ui-monospace,monospace;text-transform:uppercase}.lina-note b{color:#d60064}.zev-note b{color:#007aaa}

.catalog{padding:clamp(74px,9vw,138px) clamp(18px,4vw,64px)}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,480px);align-items:end;gap:40px;margin-bottom:54px}
.section-heading h2,.faq h2{font-size:clamp(64px,10vw,150px);line-height:.78}.section-heading>p{margin:0;color:#9ba3af;font-size:17px;line-height:1.6}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border)}
.product-card{min-width:0;padding:12px 12px 22px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#090a0e;transition:background .25s ease;display:flex;flex-direction:column}.product-card:hover{background:#0f1118}
.product-image{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e7e8eb;display:block}.product-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.product-card:hover .product-image img{transform:scale(1.035)}
.product-no,.product-character{position:absolute;z-index:2;top:10px;padding:6px 8px;background:#08090c;font:800 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.product-no{left:10px;color:#fff}.product-character{right:10px}.is-lina .product-character{color:var(--pink)}.is-zev .product-character{color:var(--ice)}.is-duo .product-character{color:#fff;text-shadow:4px 0 var(--pink),-4px 0 var(--ice)}
.product-info{min-height:108px;display:flex;justify-content:space-between;gap:16px;padding:19px 4px 14px}.product-info p{margin:0 0 7px;color:#777f8e;font:11px ui-monospace,monospace;text-transform:uppercase}.product-info h3{margin:0;font-size:18px;line-height:1.18}.product-info strong{white-space:nowrap;font-size:14px}
.add-button{width:100%;height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #3a3e49;background:transparent;color:#fff;border-radius:0;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.is-lina .add-button:hover{border-color:var(--pink);background:var(--pink)}.is-zev .add-button:hover{border-color:var(--ice);background:var(--ice);color:#061017}.is-duo .add-button:hover{border-color:#fff;background:#fff;color:#07080b}

.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,9vw,140px);padding:clamp(70px,8vw,128px) clamp(24px,5vw,80px);background:#11131a;border-top:1px solid var(--border)}.faq h2{max-width:680px;font-size:clamp(46px,6.4vw,96px);line-height:.88}.faq-list{border-top:1px solid #444955}.faq details{border-bottom:1px solid #444955}.faq summary{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:18px;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq summary .plus{transition:transform .2s ease}.faq details[open] summary .plus{transform:rotate(45deg);color:var(--pink)}.faq details p{max-width:680px;margin:-4px 50px 28px 0;color:#aeb5c0;line-height:1.6}
footer{min-height:150px;padding:42px clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-top:1px solid var(--border)}footer p{color:#727b89;font:11px ui-monospace,monospace;text-align:center;text-transform:uppercase}footer button{justify-self:end;padding:12px 0;border:0;border-bottom:1px solid var(--ice);background:transparent;color:#fff;cursor:pointer;font-weight:900;text-transform:uppercase}

.cart-overlay{position:fixed;inset:0;z-index:59;background:#000a;opacity:0;pointer-events:none;transition:opacity .2s ease}.cart-overlay.show{opacity:1;pointer-events:auto}
.cart-sheet{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(520px,100%);background:#0a0b0f;color:#fff;border-left:1px solid #39404c;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease}.cart-sheet.show{transform:translateX(0)}
.cart-head{padding:30px 26px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cart-head h2{margin:0;font-size:27px;text-transform:uppercase;letter-spacing:-.04em}.cart-head p{margin:6px 0 0;color:#9aa3af;font-size:13px}.cart-close{background:none;border:0;color:#fff;font-size:22px;line-height:1}
.cart-list{flex:1;overflow-y:auto;padding:0 26px}
.cart-item{display:grid;grid-template-columns:108px 1fr;gap:17px;padding:22px 0;border-bottom:1px solid var(--border)}.cart-item img{width:108px;height:108px;object-fit:cover;background:#eee}.cart-item span{color:#7f8897;font:10px ui-monospace,monospace;text-transform:uppercase}.cart-item h3{margin:6px 0;font-size:16px}.cart-item p{margin:0 0 13px;font-size:14px;font-weight:800}
.quantity{display:flex;align-items:center;gap:12px}.quantity button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #3a3e49;background:transparent;color:#fff}.quantity b{min-width:16px;text-align:center}.quantity .remove{margin-left:auto;border:0;color:#76808d}
.empty-cart{min-height:50vh;display:grid;place-items:center;align-content:center;gap:16px;color:#9aa3af;text-align:center;padding:0 20px}
.cart-footer{padding:22px 26px 26px;border-top:1px solid var(--border)}.cart-footer>div{display:flex;justify-content:space-between;font-size:16px}.cart-footer strong{font-size:24px}.cart-footer .btn{width:100%;height:50px;justify-content:center;background:var(--pink);border-color:var(--pink);color:#fff;margin-top:14px}.cart-footer small{display:block;margin-top:10px;color:#737d8b;text-align:center}

.notice{position:fixed;left:50%;bottom:28px;z-index:80;max-width:calc(100% - 32px);padding:14px 18px;border:1px solid var(--ice);background:#080a0e;color:#fff;box-shadow:7px 7px 0 #20c9ff55;transform:translate(-50%,28px);opacity:0;pointer-events:none;transition:.2s ease;font-size:14px}.notice.show{transform:translate(-50%,0);opacity:1}

.page-shell{min-height:calc(100vh - 82px);padding:clamp(40px,7vw,90px) clamp(20px,5vw,80px)}
.page-shell h1{font-family:"Arial Narrow",Arial,sans-serif;font-weight:950;text-transform:uppercase;letter-spacing:-.05em;font-size:clamp(36px,6vw,64px);margin:0 0 30px}
.form-card{max-width:420px;padding:30px;border:1px solid var(--border);background:#0d0f14}
.form-field{display:grid;gap:6px;margin-bottom:16px}.form-field label{font:11px ui-monospace,monospace;text-transform:uppercase;color:#9aa4b4}
.form-field input,.form-field textarea,.form-field select{background:#151821;border:1px solid var(--border);color:#fff;padding:10px 12px;font:inherit}
.form-error{color:var(--pink);font-size:14px;margin-bottom:14px}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.product-detail img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee}
.order-list{display:grid;gap:16px}.order-card{border:1px solid var(--border);padding:16px 18px;background:#0d0f14}
.order-card .status{font:800 11px ui-monospace,monospace;text-transform:uppercase;color:var(--ice)}
.not-found{min-height:60vh;display:grid;place-items:center;text-align:center;gap:16px}

@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-visual{min-height:70svh;border-left:0;border-top:1px solid var(--border)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manifesto-grid{grid-template-columns:1fr}.product-detail{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{height:70px;grid-template-columns:1fr auto}.site-header nav{display:none}.brand>span:last-child,.cart-label{display:none}.hero{min-height:auto}.hero-copy{min-height:78svh;padding-top:78px}.hero-description{margin:28px 0}.hero-index{margin-top:40px}.hero-visual{min-height:58svh}.signal{font-size:8px}.manifesto-grid{padding-top:36px}.entity-note{grid-template-columns:1fr;gap:8px}.section-heading{grid-template-columns:1fr}.section-heading h2{font-size:78px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-info{min-height:118px;flex-direction:column;gap:6px}.add-button{padding-inline:10px;font-size:10px}.faq{grid-template-columns:1fr}footer{grid-template-columns:1fr auto}footer p{display:none}}
@media(max-width:420px){.hero-copy{padding-inline:19px}.hero-visual{min-height:430px}.catalog{padding-inline:10px}.product-card{padding:7px 7px 15px}.product-no,.product-character{top:6px;padding:4px 5px;font-size:8px}.product-no{left:6px}.product-character{right:6px}.faq summary{min-height:76px;font-size:16px}.cart-item{grid-template-columns:84px 1fr}.cart-item img{width:84px;height:84px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
