
:root{
 --bg:#0a0f14;--panel:#151c22;--panel2:#1c252d;--panel3:#10171c;--text:#f4f1e8;--muted:#aab3b9;--line:#34414a;
 --gold:#d7b365;--gold2:#f0d590;--goldDark:#78591d;--blue:#8dbdca;--green:#58ad75;--yellow:#d0a323;--red:#c95555;--grey:#7b8790;
 --shadow:0 16px 45px rgba(0,0,0,.24)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#070b0f,#101820 38%,#0a0f14);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
a{color:var(--blue)}button,.btn,input,select,textarea{font:inherit}.wrap{max-width:1120px;margin:auto;padding:14px 14px 80px}
header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:3px 0 12px}.brandlock{display:flex;gap:13px;align-items:center}.logo{width:82px;height:82px;border-radius:17px;object-fit:cover;background:#eee5d3;border:1px solid #6b5c42;box-shadow:0 10px 34px #0007}.brand{font-weight:950;font-size:1.6rem}.brand span{color:var(--gold)}.sub,.small{color:var(--muted)}.sub{font-size:.9rem}.small{font-size:.79rem}.version{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 8px;white-space:nowrap}
nav{display:flex;gap:7px;overflow:auto;position:sticky;top:0;z-index:40;background:#0a0f14ed;backdrop-filter:blur(10px);padding:8px 0;border-bottom:1px solid #1f2930}button,.btn{color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:10px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.btn:hover{border-color:#657680}nav button{white-space:nowrap}nav button.active,.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#171208;border-color:var(--gold);font-weight:860}.ghost{background:transparent}.panel{display:none}.panel.active{display:block}
.hero,.card{background:#151c22f7;border:1px solid var(--line);border-radius:18px;padding:16px;margin:10px 0;box-shadow:var(--shadow)}.hero h1{font-size:1.5rem;margin:0 0 5px}.hero p{margin:5px 0;color:#c6ccd0;max-width:820px}.heroPublic{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(215,179,101,.10),transparent 35%),linear-gradient(135deg,#171f26,#11181e)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}h2{font-size:1.08rem;margin:0 0 10px}h3{font-size:.97rem;margin:0 0 7px}label{display:block;color:var(--muted);font-size:.79rem;margin:7px 0 4px}
input,select,textarea{width:100%;background:#0d141a;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 10px}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(139,189,202,.25);border-color:#668797}.unitField{position:relative}.unitField input{padding-right:54px}.unitField .unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.75rem;color:#9aa4aa;pointer-events:none;background:#0d141a;padding-left:5px}.unitField.wideUnit input{padding-right:78px}
input.invalid,select.invalid{border-color:var(--red);box-shadow:0 0 0 2px #c9555533}.errorText{font-size:.72rem;color:#f0a2a2;margin-top:3px}.helpbtn{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;padding:0;border-radius:50%;font-size:.72rem;font-weight:900;color:#e9f6f8;background:#24333d;border-color:#47606d;margin-left:4px;vertical-align:middle}
.helpbox,.contactbox{display:none;position:fixed;inset:0;background:#000c;z-index:120;align-items:center;justify-content:center;padding:18px}.helpbox.show,.contactbox.show{display:flex}.helpinner,.contactinner{max-width:640px;width:100%;background:#182129;border:1px solid #4b5a65;border-radius:17px;padding:17px;box-shadow:0 20px 70px #000}.helpclose,.contactclose{float:right;padding:6px 9px}.contactOptions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.contactPreview{white-space:pre-wrap;max-height:180px;overflow:auto;background:#0d141a;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:.75rem;color:#bfc8cd}
.lookup,.info,.notice{padding:10px;border-radius:11px;background:#101820;border:1px solid #2f3c47;color:#ccd3d8;font-size:.86rem;margin-top:8px}.notice.warn{border-left:3px solid var(--yellow)}.notice.bad{border-left:3px solid var(--red)}.notice.good{border-left:3px solid var(--green)}.lookuplinks,.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.lookuplinks a,.lookuplinks button{padding:7px 9px}.pill,.status{display:inline-block;border-radius:999px;padding:4px 7px;font-size:.71rem;font-weight:780}.pill{background:#28343d;color:#d9e1e5}.green{background:#173b25;color:#a8edba}.yellow{background:#453819;color:#f4d675}.red{background:#431d23;color:#f3abab}.grey{background:#29323b;color:#c6ced5}.sourceLine{margin-top:6px;font-size:.74rem;color:#9ca7ad}.sourceLine a{color:#bcd9df}
.quickIntro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.stepBadge{display:inline-flex;width:max-content;max-width:100%;align-items:center;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#171208;background:var(--gold);padding:5px 8px;border-radius:999px}.optionalNote{font-size:.77rem;color:#9da8ae}.progressHint{padding:9px 10px;background:#111820;border:1px dashed #3f4f59;border-radius:10px;color:#b8c2c7;font-size:.8rem;margin:8px 0}
details.more,details.wiki{background:#11181e;border:1px solid var(--line);border-radius:13px;margin:10px 0}details summary{padding:12px;cursor:pointer;font-weight:850}.detailsBody{padding:0 12px 12px}.subtleDetails{border-color:#46545e!important;background:#0f161b!important}
.resultname{font-size:1.17rem;font-weight:920}.score{background:#0f161c;border:1px solid var(--line);border-radius:12px;padding:10px;min-height:112px}.score strong{display:block;margin-bottom:5px}.verdict{width:100%;margin:13px 0 8px;border:none;border-radius:15px;padding:18px 14px;text-align:center;font-size:1.08rem;font-weight:950}.verdict.green{background:#2b9450;color:white}.verdict.yellow{background:#cfa024;color:#171208}.verdict.red{background:#b94545;color:white}.verdict.grey{background:#47525a;color:white}.verdict small{display:block;font-weight:620;font-size:.77rem;margin-top:4px}.roomflag,.chainIssue{padding:9px 10px;border-radius:10px;margin:7px 0;background:#10171c;border:1px solid var(--line)}.chainIssue{border-left:3px solid var(--blue)}.chainIssue.good{border-left-color:var(--green)}.chainIssue.warn{border-left-color:var(--yellow)}.chainIssue.bad{border-left-color:var(--red)}
.ctaPulse{animation:ctaPulse 3.8s ease-in-out infinite;box-shadow:0 0 0 0 rgba(216,180,104,.0)}@keyframes ctaPulse{0%,72%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(216,180,104,0)}82%{transform:scale(1.012);box-shadow:0 0 22px 2px rgba(216,180,104,.24)}}.resultReveal{animation:resultReveal .72s cubic-bezier(.22,.75,.3,1) both}@keyframes resultReveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.verdictReveal{animation:verdictGlow 1.05s ease-out both}@keyframes verdictGlow{0%{filter:brightness(.88);box-shadow:0 0 0 rgba(216,180,104,0)}45%{filter:brightness(1.08);box-shadow:0 0 28px rgba(216,180,104,.18)}100%{filter:none;box-shadow:none}}
/* VU meters: decorative, slow and deliberately calm */
.vuDeck{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:550px;margin:16px 0 4px}.vuMeter{position:relative;border-radius:16px;padding:10px 10px 5px;background:linear-gradient(180deg,#d8c795,#b9a779 70%,#867650);border:1px solid #6d5d36;box-shadow:inset 0 0 30px rgba(255,244,190,.25),0 10px 28px #0007;animation:vuBreath 7s ease-in-out infinite}.vuMeter:nth-child(2){animation-delay:-3.1s}.vuMeter svg{display:block;width:100%;height:auto}.vuLabel{position:absolute;bottom:9px;left:0;right:0;text-align:center;color:#302718;font-weight:950;font-size:.72rem;letter-spacing:.12em}.vuNeedle{transform-origin:100px 92px;animation:vuLeft 11s cubic-bezier(.45,.02,.45,.98) infinite}.vuMeter:nth-child(2) .vuNeedle{animation-name:vuRight;animation-duration:12.5s}.vuScale{stroke:#3c3324;stroke-width:1}.vuArc{fill:none;stroke:#423823;stroke-width:2}.vuRed{stroke:#8d3326;stroke-width:2.4}.vuText{font-size:8px;fill:#4b402c;font-family:system-ui,sans-serif}.vuNeedleLine{stroke:#8d261e;stroke-width:2}.vuPivot{fill:#30271b}.vuMark{font-size:11px;fill:#463a25;font-weight:850}@keyframes vuLeft{0%,100%{transform:rotate(-24deg)}18%{transform:rotate(-8deg)}36%{transform:rotate(-18deg)}55%{transform:rotate(4deg)}72%{transform:rotate(-12deg)}88%{transform:rotate(-2deg)}}@keyframes vuRight{0%,100%{transform:rotate(-18deg)}20%{transform:rotate(1deg)}39%{transform:rotate(-11deg)}57%{transform:rotate(8deg)}76%{transform:rotate(-16deg)}90%{transform:rotate(-5deg)}}@keyframes vuBreath{0%,100%{filter:brightness(.96);box-shadow:inset 0 0 28px rgba(255,244,190,.22),0 10px 28px #0007}50%{filter:brightness(1.04);box-shadow:inset 0 0 36px rgba(255,244,190,.34),0 12px 32px #0008}}
.wikiGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wikiCard{display:block;text-decoration:none;color:var(--text);background:#10171c;border:1px solid var(--line);border-radius:12px;padding:12px}.wikiCard:hover{border-color:#6a7883}.wikiCard b{display:block;margin-bottom:4px}.wikiCard span{font-size:.78rem;color:var(--muted)}
/* Buyer pass */
.passTheme{--passLine:#75633a;--passPanel:#191a19}.passTheme .card{border-color:#51472e;background:linear-gradient(145deg,#1a1d1d,#14191d)}.dossierHero{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:center;background:radial-gradient(circle at 15% 10%,rgba(239,207,124,.17),transparent 32%),linear-gradient(135deg,#342c1d,#191d20 58%,#11171b);border-color:#77643c;position:relative;overflow:hidden}.passLogoFrame{position:relative;width:122px;height:122px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#e0ca89,#9a7a31);border:1px solid #b49346;box-shadow:0 16px 42px #0009,0 0 0 1px rgba(231,197,105,.12)}
.passLogoFrame img{width:100%;height:100%;object-fit:cover;filter:sepia(.95) saturate(1.35) contrast(1.08) brightness(.88)}
.passLogoFrame::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(84,54,10,.18),rgba(255,230,145,.28) 46%,rgba(113,78,19,.22));mix-blend-mode:color;pointer-events:none}
.passLogoFrame::after{content:"";position:absolute;inset:-15% -55%;background:linear-gradient(112deg,transparent 37%,rgba(255,246,196,0) 42%,rgba(255,246,196,.62) 49%,rgba(255,224,135,.28) 54%,transparent 61%);transform:translateX(-44%);mix-blend-mode:screen;animation:goldSweep 9s ease-in-out infinite;pointer-events:none}
@keyframes goldSweep{0%,18%{transform:translateX(-44%);opacity:.18}48%{opacity:.92}72%,100%{transform:translateX(44%);opacity:.18}}
.eyebrow{color:var(--gold2);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.passBadge{display:inline-block;padding:5px 8px;border-radius:999px;background:#4b3c1b;color:#f2d98b;font-size:.72rem;font-weight:820}.passid{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#dfc98f;font-size:.79rem;margin-top:5px}.timeline{display:grid;gap:8px}.timelineItem{display:grid;grid-template-columns:minmax(105px,124px) 1fr;gap:12px;background:#10171c;border:1px solid var(--line);border-radius:11px;padding:10px}.timelineKey{color:var(--gold2);font-weight:900;overflow-wrap:anywhere;line-height:1.25}.factgrid,.practicalGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fact,.tipcard{padding:10px;border:1px solid var(--line);border-radius:11px;background:#10171c}.fact{display:flex;justify-content:space-between;gap:10px}.fact span{color:var(--muted)}.tipcard b{display:block;margin-bottom:4px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:9px}.listbox{background:#10171c;border:1px solid var(--line);border-radius:11px;padding:10px}.listbox ul{margin:4px 0;padding-left:19px}.resource{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#10171c;border:1px solid var(--line);border-radius:11px;padding:10px;margin:7px 0}.resource a{text-decoration:none;font-weight:800}.buyerExtra{border-color:#735f32!important;background:linear-gradient(100deg,#211c12,#151b20)!important}.dossierActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.demoWrap{position:relative}.demoStamp{position:absolute;top:28px;right:16px;z-index:15;font-size:clamp(3.2rem,10vw,7rem);line-height:1;font-weight:1000;letter-spacing:.12em;color:#f1d17a;border:.08em solid currentColor;padding:.05em .13em;border-radius:.08em;transform:rotate(9deg);opacity:.23;pointer-events:none;user-select:none;text-shadow:0 2px 18px #000}.premiumTeaser{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lockedFeature{padding:12px;border:1px solid #5e5131;border-radius:12px;background:linear-gradient(145deg,#1e1a12,#12181c);position:relative}.lockedFeature::before{content:"◆";color:var(--gold);margin-right:6px}.lockedFeature b{display:block;color:#f0d991;margin-bottom:4px}.passAccess{background:linear-gradient(135deg,#1c252b,#151b20);border-color:#56656d}.passAccessRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.passStatus{min-height:22px;margin-top:7px}.testRibbon{position:absolute;top:12px;right:-42px;transform:rotate(34deg);background:#8d6c27;color:#fff4cc;padding:5px 48px;font-size:.66rem;font-weight:900;letter-spacing:.08em;z-index:8}
.sourceCard{position:relative;background:#10171c;border:1px solid var(--line);border-radius:12px;padding:11px;margin:8px 0}.removeSource{position:absolute;right:8px;top:8px;padding:5px 8px}.chainPath{font-size:.92rem;font-weight:750;line-height:1.9;background:#0f161c;border:1px solid var(--line);border-radius:12px;padding:11px}.chainPath span{color:var(--gold)}.copytoast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#e8d4a0;color:#17120a;padding:9px 13px;border-radius:999px;font-weight:800;display:none;z-index:200}.copytoast.show{display:block}footer{margin-top:18px;color:var(--muted);font-size:.75rem;border-top:1px solid var(--line);padding-top:12px}
@media(max-width:820px){header{align-items:flex-start}.logo{width:68px;height:68px}.grid2,.grid3,.grid4,.wikiGrid,.factgrid,.practicalGrid,.twocol,.premiumTeaser{grid-template-columns:1fr}.dossierHero{grid-template-columns:84px 1fr}.passLogoFrame{width:88px;height:88px}.timelineItem{grid-template-columns:minmax(88px,102px) 1fr}.brand{font-size:1.3rem}.contactOptions{grid-template-columns:1fr}.score{min-height:auto}.vuDeck{max-width:100%;gap:7px}.vuMeter{padding:7px 5px 3px}.passAccessRow{grid-template-columns:1fr}.demoStamp{top:18px;right:7px}.quickIntro{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.vuMeter,.vuNeedle,.ctaPulse,.resultReveal,.verdictReveal,.demoStamp,.passLogoFrame::after{animation:none!important}}

/* 0.6.1 – interpretative result blocks */
.interpretBlock{margin-top:10px;padding:13px 14px;border:1px solid #42515a;border-radius:13px;background:linear-gradient(145deg,#11191f,#0e151a)}
.interpretBlock h3{margin:0 0 6px;font-size:1rem}
.interpretBlock p{margin:0;line-height:1.55}
.interpretBlock.subjective{border-color:#665530;background:linear-gradient(145deg,#1b1811,#11171b)}
.interpretBlock.subjective h3{color:#efd48a}
.interpretBlock .subjectiveMark{display:inline-block;margin-left:6px;font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;color:#ddc581;border:1px solid #635331;border-radius:999px;padding:2px 6px;vertical-align:middle}

/* 0.6.1 – buyer pass */
.premiumHero{padding:24px 22px;border-color:#947a40!important;box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 1px rgba(255,231,158,.08)}
.premiumHero h1{font-size:clamp(1.75rem,4vw,2.45rem);letter-spacing:-.02em;margin:.12em 0 .22em}
.premiumNav{border-color:#7a6535!important;background:linear-gradient(180deg,#312817,#1c1b17)!important;color:#f3d98d!important;box-shadow:inset 0 1px rgba(255,238,181,.06)}
.premiumNav:hover{border-color:#b4934b!important;box-shadow:0 0 18px rgba(216,180,104,.12)}
.premiumNav.active{background:linear-gradient(180deg,#5b461e,#302716)!important;border-color:#d0ac5d!important;color:#fff0be!important;box-shadow:0 0 20px rgba(216,180,104,.18)}
.premiumInline{background:linear-gradient(135deg,#b78a37,#e1c06f)!important;color:#171208!important;border-color:#e5c776!important;box-shadow:0 8px 24px rgba(184,139,55,.18)}
.demoStamp{animation:demoPulse 4.2s ease-in-out infinite}
@keyframes demoPulse{0%,100%{opacity:.18;transform:rotate(9deg) scale(1)}50%{opacity:.31;transform:rotate(9deg) scale(1.022)}}
.productGallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.productFigure{margin:0;min-width:0}.productFigure.mainPhoto{grid-column:1/-1}
.productPhotoCard img{display:block;width:100%;max-height:560px;object-fit:contain;border-radius:12px;background:#0c1013;border:1px solid #4c4430}
.productFigure:not(.mainPhoto) img{max-height:260px}
.productFigure figcaption{margin-top:5px;color:var(--muted);font-size:.76rem}
.photoEmpty{border-style:dashed!important}
.photoPlaceholder{min-height:210px;border:1px dashed #76643a;border-radius:14px;background:linear-gradient(145deg,#171a1c,#15140f);display:flex;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:left}
.photoMark{width:86px;height:86px;flex:0 0 86px;border-radius:18px;border:1px solid #8b7542;background:linear-gradient(145deg,#302716,#191a18);display:grid;place-items:center;color:#e5c875;font-weight:950;letter-spacing:.08em;font-size:1.25rem;box-shadow:inset 0 1px rgba(255,235,173,.08)}
@media(max-width:650px){.productGallery{grid-template-columns:1fr}.productFigure.mainPhoto{grid-column:auto}.photoPlaceholder{min-height:180px;flex-direction:column;text-align:center}.photoMark{width:72px;height:72px;flex-basis:72px}}
.ampAnchor{position:relative;border-color:#746037!important;background:linear-gradient(145deg,#1e1b13,#12191d)!important}
.ampAnchorTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ampAnchorName{font-size:1.28rem;font-weight:950;color:#f4df9e;margin:2px 0 9px}
.ampSpecs{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 10px}
.ampSpecs span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#10171b;border:1px solid #51472f;color:#d8d1bd;font-size:.76rem}
.chainArrow{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:1.3rem;color:#d1ae5d;text-shadow:0 2px 10px #000}
.cableBox{margin-top:10px;padding:12px;border:1px solid #4a5961;border-radius:12px;background:#10171c}
.cableBox h3,.setupTips h3{margin:0 0 7px}
.cableBox ul,.setupTips ul{margin:4px 0 0;padding-left:20px}
.setupTips{margin-top:10px;padding:12px;border:1px solid #5c4f2e;border-radius:12px;background:linear-gradient(145deg,#19170f,#10171b)}
.chainIssue.info{border-left-color:#6ba6c2}

@media(max-width:520px){
 header{flex-wrap:wrap}
 .version{white-space:normal;width:100%;text-align:center}
 .brandlock{min-width:0}.brandlock>div{min-width:0}
 .brand{font-size:1.12rem!important}
 nav{flex-wrap:wrap;overflow:visible}
 nav button{flex:1 1 calc(50% - 7px);min-width:0;white-space:normal;padding:8px 7px;line-height:1.2}
}
/* 1.0 RC1 – vereinfachte Eingabe & sichtbare Validierung */
.hiddenModelFields{display:none!important}
.validationHost{position:relative}
.validationHost.fieldValid input,.validationHost.fieldValid select{border-color:#2f9e58!important;box-shadow:0 0 0 1px rgba(47,158,88,.28),inset 0 0 0 1px rgba(47,158,88,.05)}
.fieldCheck{position:absolute;right:10px;bottom:10px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#1f8b4c;color:#fff;font-weight:950;font-size:.82rem;line-height:1;box-shadow:0 2px 8px #0008;pointer-events:none;z-index:4}
.unitField .fieldCheck{right:44px;bottom:50%;transform:translateY(50%)}
.unitField.wideUnit .fieldCheck{right:82px}
.validationHost.fieldValid input,.validationHost.fieldValid select{padding-right:38px}
.unitField.validationHost.fieldValid input{padding-right:68px}
.unitField.wideUnit.validationHost.fieldValid input{padding-right:105px}
@media(max-width:520px){.fieldCheck{width:20px;height:20px}}
