:root{color-scheme:dark;--bg:#0b1016;--surface:#121923;--surface2:#19212e;--line:#293241;--text:#f3f5ef;--muted:#95a0ae;--mint:#bafd83;--cyan:#64e7d9;--purple:#b6a0fb;--radius:18px;font-family:Inter,'Segoe UI',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.notice{min-height:35px;background:#bdf58d;color:#142214;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 20px;font-size:10px;font-weight:800;letter-spacing:1.3px}.notice>span:last-child{font-size:11px;letter-spacing:0;font-weight:500;opacity:.8;margin-left:12px}.pulse,.live-dot{height:6px;width:6px;background:currentColor;border-radius:50%;display:inline-block}.live-dot{color:var(--mint);box-shadow:0 0 16px #bafd8370}header{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100px;padding:0 44px;gap:24px}.brand{font-size:29px;letter-spacing:-1.4px;font-weight:950;display:flex;align-items:center;gap:10px}.brand svg{width:33px;height:33px;color:var(--mint)}.brand>span{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted);border-left:1px solid var(--line);margin-left:6px;padding-left:14px}nav{display:flex;gap:27px;font-size:12px;color:#c6cdd6}nav a:hover{color:var(--mint)}.account{border:1px solid var(--line);border-radius:9px;padding:7px 12px 7px 7px;display:flex;align-items:center;gap:11px;background:transparent;color:var(--text);font-size:12px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#354644;color:var(--mint);font-weight:900}main{max-width:1312px;margin:auto;padding:0 28px}.hero{min-height:560px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:25px;position:relative;border-bottom:1px solid var(--line);padding:30px 0 56px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:8px}.hero h1{font-size:clamp(38px,4.2vw,62px);line-height:1.04;letter-spacing:-3.2px;font-weight:800;margin:25px 0 24px}.hero em,.choice-section em{font-style:normal;color:var(--mint)}.hero-copy>p{max-width:470px;line-height:1.75;font-size:14px;color:var(--muted);margin:0 0 29px}.hero-actions{display:flex;gap:12px;align-items:center}.button{min-height:48px;padding:14px 20px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;transition:transform .16s,background .16s}.button:hover{transform:translateY(-2px)}.primary{background:var(--mint);color:#17201a;border-color:var(--mint)}.ghost{background:transparent;color:var(--text)}.hero-proof{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:10px;margin-top:28px}.hero-proof b{font-weight:600;color:#d2d9de}.hero-proof i{height:15px;border-left:1px solid var(--line)}.hero-art{min-width:0;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;height:440px}.hero-art>img{width:110%;max-width:600px;height:auto;z-index:1;filter:drop-shadow(0 25px 40px #0008)}.orb{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(80px);opacity:.16;z-index:-1}.orb-a{background:var(--cyan);left:30px;top:40px}.orb-b{background:var(--purple);right:0;bottom:10px}.orbit{position:absolute;inset:38px 8px;border:1px solid #26303c;border-radius:50%;transform:rotate(-15deg)}.art-label{position:absolute;font-size:8px;font-family:Consolas,monospace;letter-spacing:1.3px;color:#748390}.art-label.top{top:9px;right:35px}.art-label b{color:var(--mint);font-weight:400;padding-left:12px}.art-label.bottom{bottom:0;left:52px}.floating-badge{position:absolute;z-index:2;right:18px;bottom:54px;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#19212fe8;border:1px solid #424b60;box-shadow:0 15px 30px #0005;backdrop-filter:blur(12px);border-radius:13px;transform:rotate(-4deg)}.floating-badge span{font-size:8px;letter-spacing:1.8px;color:var(--muted);line-height:2}.floating-badge b{font-size:14px;letter-spacing:-.3px;color:var(--text);font-weight:600}.floating-badge .tiny-star{font-size:22px;color:var(--mint);margin-left:17px}.store{padding:58px 0 38px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:29px}h2{font-size:32px;line-height:1.15;letter-spacing:-1.2px;margin:12px 0 0;font-weight:700}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.catalog-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.tabs{display:flex;gap:7px;overflow-x:auto}.tabs button{white-space:nowrap;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;font-weight:600;padding:17px 17px 19px}.tabs button[aria-selected=true]{color:var(--mint);border-color:var(--mint)}.tabs small{font-size:9px;margin-left:7px;opacity:.6}.currency{font-size:11px;white-space:nowrap;color:var(--muted)}.currency span{margin-left:18px}.category-intro{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin:29px 0 20px}.category-intro h3{font-size:16px;font-weight:600;margin:0}.category-intro p{font-size:11px;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s,transform .2s}.product-card:hover{transform:translateY(-4px);border-color:#5b6777}.product-card .card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.product-card .card-top span:last-child{color:var(--accent,var(--mint))}.product-image{height:150px;display:grid;place-items:center;position:relative;margin:10px -22px 15px;background:radial-gradient(ellipse at center,#4b456237 0,transparent 65%)}.product-image img{width:117px;height:117px;filter:drop-shadow(0 12px 13px #0006);transition:transform .3s}.product-card:hover .product-image img{transform:rotate(-4deg) scale(1.07)}.product-card h3{font-size:19px;letter-spacing:-.5px;margin:0 0 8px}.product-card p{min-height:37px;font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 16px}.card-divider{height:1px;background:var(--line);margin-bottom:17px}.product-card ul{list-style:none;padding:0;margin:0 0 24px;font-size:10px;color:#c1c9d3;line-height:2.1}.product-card li:before{content:'✓';color:var(--accent,var(--mint));padding-right:7px}.product-price{font-size:26px;font-weight:700;letter-spacing:-1px;margin-top:auto}.product-price small{font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted)}.product-card button{width:100%;background:#242d3c;border:1px solid #344052;border-radius:7px;color:var(--text);font-size:11px;font-weight:600;padding:12px 13px;margin-top:16px;display:flex;justify-content:space-between}.product-card button:hover{background:var(--mint);color:#122016;border-color:var(--mint)}.role-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.role-grid .product-image{height:110px}.role-grid .product-image img{width:85px;height:85px}.fairness{border:1px solid #324236;background:#16211a;border-radius:12px;padding:22px 25px;display:flex;gap:19px;align-items:center;margin-top:23px}.line-icon{font-size:29px;color:var(--mint)}.fairness b{font-size:12px}.fairness p{font-size:10px;line-height:1.7;color:#a1b2a4;margin:7px 0 0;max-width:650px}.fairness a{white-space:nowrap;font-size:10px;color:var(--mint);margin-left:auto}.choice-section{margin:38px 0 68px;background:linear-gradient(115deg,#191c2a,#131d22);border:1px solid #2b3843;border-radius:20px;display:grid;grid-template-columns:.75fr 1fr;padding:44px 60px;gap:50px;align-items:center}.choice-visual{display:flex;flex-direction:column;align-items:center;gap:24px}.choice-visual>img{width:185px;filter:drop-shadow(0 0 35px #9e73ff30);transform:rotate(-12deg)}.choice-chip{font-size:8px;letter-spacing:1.4px;border:1px solid #51536b;border-radius:25px;padding:9px 14px;color:#c1c2da}.choice-section h2{font-size:31px}.choice-section p{font-size:12px;line-height:1.9;color:var(--muted);max-width:440px}.text-link{font-size:12px;color:var(--mint);display:flex;gap:30px;align-items:center;margin-top:21px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-bottom:65px}.faq h2{font-size:30px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';color:var(--muted)}.faq details[open] summary:after{content:'−'}.faq p{font-size:12px;color:var(--muted);line-height:1.8;margin:15px 25px 0 0}footer{border-top:1px solid var(--line);max-width:1312px;margin:auto;padding:40px 28px;display:grid;grid-template-columns:1fr 1fr;gap:13px}footer>.brand{font-size:26px}footer>p{font-size:11px;color:var(--muted);grid-column:1;margin:0}footer>div{display:flex;justify-content:flex-end;gap:24px;grid-column:2;grid-row:1/3;align-items:center;font-size:11px;color:var(--muted)}footer>small{font-size:9px;line-height:1.8;color:#748191;grid-column:1/-1;margin-top:20px}dialog{border:1px solid #414d60;border-radius:21px;background:#141c27;padding:35px;color:var(--text);width:calc(100% - 32px);max-width:500px;box-shadow:0 35px 90px #000a;max-height:90vh;overflow-y:auto}dialog::backdrop{background:#060a10bd;backdrop-filter:blur(8px)}dialog h2{font-size:30px;margin:15px 0}dialog p{font-size:13px;color:var(--muted);line-height:1.8}dialog small{font-size:10px;line-height:1.8;color:var(--muted);display:block;margin-top:18px}.dialog-close{position:absolute;right:16px;top:10px;border:0;background:none;color:var(--muted);font-size:27px;padding:5px}dialog label{display:block;margin:24px 0 10px;font-size:11px;color:var(--muted)}dialog input{width:100%;padding:15px;border-radius:8px;background:#0c121c;border:1px solid #354154;color:var(--text);margin-bottom:18px;outline:none}dialog .button{width:100%;margin-top:12px}.detail-art{height:140px;display:grid;place-items:center;background:radial-gradient(ellipse,#57666630,transparent 65%)}.detail-art img{width:116px;height:116px}.detail-features{padding-left:18px;font-size:12px;line-height:2;color:var(--muted)}.order-line{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.order-line b{color:var(--mint)}.receipt-id{padding:13px;background:#0b111a;border:1px solid var(--line);border-radius:8px;font:10px Consolas,monospace;overflow-wrap:anywhere}.success-icon{font-size:40px;color:var(--mint)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--mint);color:#132118;padding:13px 22px;border-radius:10px;font-size:12px;box-shadow:0 12px 40px #0005;opacity:0;pointer-events:none;transition:.2s;z-index:30;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.loading{grid-column:1/-1;padding:55px;text-align:center;color:var(--muted)}.demo-warning{padding:13px;border:1px solid #4b4531;background:#27261c;color:#e8d49f;font-size:11px;line-height:1.8;border-radius:9px;margin:20px 0}.help-page{max-width:830px;padding:55px 28px 100px;margin:auto}.help-page p,.help-page li{font-size:14px;color:var(--muted);line-height:1.9}.help-page h2{margin-top:35px}.help-page code{background:#1a2534;color:var(--cyan);padding:4px 7px;border-radius:4px}
@media(min-width:1500px){.hero{min-height:610px}}@media(max-width:1050px){header{padding:0 28px}nav{gap:17px}.brand>span{display:none}.hero h1{font-size:44px;letter-spacing:-2px}.hero-art{height:400px}.product-grid{gap:12px}.product-card{padding:18px}.product-image{margin-left:-18px;margin-right:-18px}.choice-section{padding:40px;gap:25px}.category-intro{display:block}.category-intro p{margin-top:8px}.fairness a{display:none}}@media(max-width:760px){.notice{font-size:8px}.notice>span:last-child{display:none}header{height:80px;padding:0 22px}.brand{font-size:25px}.brand svg{width:27px}nav{display:none}.account{font-size:10px}.account span:last-child{display:none}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:0;padding-top:28px;padding-bottom:30px}.hero-copy{position:relative;z-index:3}.hero h1{font-size:44px;letter-spacing:-2.3px;margin:22px 0}.hero-copy>p{font-size:13px}.hero-art{height:310px;margin:10px 0 0}.hero-art>img{width:410px;max-width:105%}.art-label.top{top:10px;right:5px}.art-label.bottom{left:10px}.floating-badge{bottom:25px;right:3px;padding:10px 14px}.floating-badge img{width:35px}.hero-proof{font-size:8px;gap:14px}.hero-actions .button{font-size:11px;padding:13px 15px;gap:15px}.store{padding-top:35px}.section-heading>p{display:none}h2{font-size:27px}.section-heading{margin-bottom:16px}.tabs{gap:0;margin-left:-12px;max-width:100%}.tabs button{padding:16px 12px;font-size:11px}.tabs small{display:none}.currency{display:none}.category-intro h3{font-size:15px}.category-intro p{font-size:10px;line-height:1.7}.product-grid,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:16px 13px;border-radius:13px}.product-card .card-top{font-size:7px;letter-spacing:.7px}.product-image{height:115px;margin:4px -13px 12px}.product-image img{width:92px;height:92px}.product-card h3{font-size:17px}.product-card p{font-size:10px;min-height:50px;margin-bottom:11px}.product-card ul{font-size:9px;margin-bottom:16px;line-height:2}.product-price{font-size:24px}.product-price small{font-size:8px;display:block;margin-top:3px}.product-card button{padding:10px;font-size:10px}.fairness{padding:17px;align-items:flex-start;gap:13px}.fairness p{font-size:9px}.fairness b{font-size:11px}.choice-section{grid-template-columns:1fr;padding:30px 25px;gap:30px;margin:15px 0 45px}.choice-visual>img{width:135px;height:135px}.choice-visual{gap:18px}.choice-section h2{font-size:29px}.faq{grid-template-columns:1fr;gap:15px;padding-bottom:40px}.faq h2{font-size:27px}.faq summary{font-size:12px}footer{padding:30px 22px;grid-template-columns:1fr}footer>div{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:15px;font-size:11px;gap:22px}footer>small{font-size:8px}dialog{padding:29px 23px}.role-grid .product-image{height:95px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Server identity, using the existing BASED palette and a clearly labelled concept illustration. */
.systembruch-section{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center;margin:0 0 70px;padding:36px 0 65px;border-bottom:1px solid var(--line)}
.systembruch-art{min-width:0;margin:0;position:relative;border:1px solid #384055;border-radius:22px;overflow:hidden;background:#0b1016;aspect-ratio:4/5}
.systembruch-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.systembruch-art:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#080d16c9);pointer-events:none}
.systembruch-art figcaption{position:absolute;z-index:1;left:20px;bottom:17px;right:15px;font:8px Consolas,monospace;letter-spacing:1.5px;color:#c1cbd7}
.systembruch-copy h2{font-size:35px;line-height:1.12;letter-spacing:-1.5px}.systembruch-copy h2 em{font-style:normal;color:var(--cyan)}
.systembruch-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);max-width:440px;margin:22px 0}
.systembruch-features{display:grid;gap:0}.systembruch-features>a{padding:17px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}
.systembruch-features>a:hover b{color:var(--mint)}.systembruch-features span{font-size:8px;letter-spacing:1.5px;color:var(--purple)}.systembruch-features b{font-size:13px;font-weight:650}.systembruch-features small{font-size:10px;line-height:1.7;color:var(--muted)}
.help-wiki-link{margin:28px 0;padding:25px;border:1px solid #344638;border-radius:16px;background:#142119}.help-wiki-link p{font-size:13px;margin:0 0 18px}
@media(max-width:1050px){.systembruch-section{gap:28px}.systembruch-copy h2{font-size:30px}}
@media(max-width:760px){.systembruch-section{grid-template-columns:1fr;gap:27px;margin:0 0 42px;padding:0 0 38px}.systembruch-art{aspect-ratio:4/3;border-radius:15px}.systembruch-art img{object-position:center}.systembruch-copy h2{font-size:31px}.systembruch-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.systembruch-copy>p:not(.eyebrow){font-size:12px}.systembruch-copy .text-link{font-size:11px;gap:16px;line-height:1.6}}

/* Collection art 0.5 */
.hero-art>img{width:112%;max-width:680px;object-fit:contain;border-radius:22px}.hero-art .orbit{display:none}.hero-art .floating-badge{bottom:24px}.choice-visual>img{width:min(100%,260px);height:auto;transform:none}.crate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crate-grid .product-image{height:215px}.crate-grid .product-image img{width:195px;height:195px;object-fit:contain}.crate-contents{display:grid;gap:10px;margin-top:20px}.crate-contents>div{display:flex;align-items:center;gap:12px;padding:12px;background:#0e1520;border:1px solid var(--line);border-radius:9px}.crate-contents img{image-rendering:pixelated;flex:none}.crate-contents b{font-size:12px}.crate-contents small{margin:4px 0 0;line-height:1.6}.receipt-status{padding:14px;background:#242417;border:1px solid #655833;border-radius:10px;color:#f0d899;line-height:1.7;font-size:12px;margin:16px 0}.receipt-status.delivered{background:#14271e;border-color:#326746;color:#bafd83}.receipt-status b{display:block}.detail-art:has(img[src$="05.png"]){height:190px}.detail-art img[src$="05.png"]{width:180px;height:180px;object-fit:contain}
@media(max-width:760px){.hero-art>img{width:110%;max-width:110%}.hero-art{height:285px}.crate-grid{grid-template-columns:1fr}.crate-grid .product-image{height:230px}.crate-grid .product-image img{width:220px;height:220px}.choice-visual>img{width:200px;height:auto}}
