:root{--ink:#282925;--olive:#323b24;--cream:#f8f4e7;--cream-dp:#f0ebda;--peach:#f0bba2;--peach-dp:#d99a7a;--lime:#ceeb96;--lime-dp:#b5d673;--green:#85ad48;--green-dp:#4a6b28;--green-dim:#6b8f38;--muted:#6b6e62;--muted-lt:#9a9d8e;--line:#e2ddcc;--glass:rgba(255,255,255,0.55);--glass-s:rgba(255,255,255,0.72);--glass-brd:rgba(255,255,255,0.7);--glass-brd-s:rgba(255,255,255,0.4);--glass-sh:0 8px 32px rgba(40,41,37,0.06);--glass-sh-h:0 14px 44px rgba(40,41,37,0.10);--serif:'Fraunces',Georgia,serif;--head:'Hanken Grotesk',sans-serif;--body:'Hanken Grotesk',sans-serif;--mono:'JetBrains Mono',monospace;--t:200ms cubic-bezier(0.3,0,0.2,1)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--cream);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 12% 5%,rgba(133,173,72,0.13) 0%,transparent 40%),radial-gradient(circle at 88% 12%,rgba(240,187,162,0.10) 0%,transparent 38%),radial-gradient(circle at 50% 85%,rgba(206,235,150,0.07) 0%,transparent 45%);background-attachment:fixed;min-height:100vh}
a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}::selection{background:var(--lime);color:var(--ink)}
svg.ic{width:16px;height:16px;flex-shrink:0}svg.ic-sm{width:14px;height:14px;flex-shrink:0}
.logo{font-family:var(--serif);display:inline-flex;align-items:baseline;letter-spacing:-0.5px;line-height:1}.logo .strom{font-weight:520;font-style:italic;color:var(--ink);font-variation-settings:"opsz" 144}.logo .takt{font-weight:580;font-style:normal;color:var(--ink);font-variation-settings:"opsz" 144}.logo .beat{display:inline-block;background:var(--green);border-radius:50%;align-self:flex-end}
.logo-lg{font-size:30px}.logo-lg .strom{margin-right:3px}.logo-lg .beat{width:14px;height:14px;margin-left:4px;margin-bottom:2px;position:relative}.logo-lg .beat::after{content:'';position:absolute;inset:-4px;border-radius:50%;background:var(--green);opacity:0;animation:pulse 2s ease-out infinite}
@keyframes pulse{0%{opacity:0.5;transform:scale(0.8)}70%{opacity:0;transform:scale(2.2)}100%{opacity:0;transform:scale(2.2)}}
.logo-md{font-size:22px}.logo-md .strom{margin-right:2px}.logo-md .beat{width:11px;height:11px;margin-left:3px;margin-bottom:1px}
.nav{position:sticky;top:0;z-index:50;background:rgba(248,244,231,0.7);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--glass-brd-s)}.nav-in{max-width:1280px;margin:0 auto;padding:0 32px;height:68px;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:30px}.nav-links a{font-size:14px;font-weight:500;color:var(--muted);transition:color var(--t)}.nav-links a:hover{color:var(--ink)}.btn-grn{background:var(--green);color:var(--ink);font-family:var(--head);font-size:14px;font-weight:600;padding:9px 20px;border-radius:8px;transition:all var(--t);display:inline-flex;align-items:center;gap:6px}.btn-grn:hover{background:var(--ink);color:var(--lime);transform:translateY(-1px)}
.hero{padding:64px 32px 44px;max-width:1280px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero h1{font-family:var(--head);font-size:52px;font-weight:700;letter-spacing:-1.8px;line-height:1.0;margin-bottom:16px}.hero h1 .hl{color:var(--green);position:relative}.hero h1 .hl::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:8px;background:var(--lime);z-index:-1;border-radius:4px;opacity:0.5}.hero-sub{font-size:17px;color:var(--muted);max-width:540px;margin:0 auto 32px;line-height:1.6}
.search-wrap{max-width:1280px;margin:0 auto;padding:0 32px 36px}.search-row{display:flex;gap:6px;background:var(--glass-s);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--glass-brd);border-radius:14px;padding:6px;box-shadow:var(--glass-sh);transition:all var(--t);align-items:stretch}.search-row:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(133,173,72,0.12),var(--glass-sh)}.sf{flex:1;padding:10px 16px;border-right:1px solid var(--glass-brd-s);display:flex;align-items:center;gap:10px;text-align:left}.sf:last-of-type{border-right:none}.sf svg{color:var(--muted-lt);flex-shrink:0}.sfc{flex:1;text-align:left}.sf label{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:0.6px;color:var(--muted-lt);margin-bottom:1px;text-align:left}.sf input{width:100%;border:none;outline:none;font-size:15px;font-weight:500;color:var(--ink);background:transparent;font-family:var(--body);text-align:left}.sf input::placeholder{color:var(--muted-lt)}.search-btn{background:var(--ink);color:var(--cream);border-radius:10px;font-family:var(--head);font-size:14px;font-weight:600;white-space:nowrap;transition:all var(--t);flex:0 0 18%;max-width:140px;min-width:90px;text-align:center;display:flex;align-items:center;justify-content:center}.search-btn:hover{background:var(--green-dp);color:var(--lime)}
.trust{max-width:1280px;margin:0 auto;padding:8px 32px 36px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.ti{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-brd-s);border-radius:100px;padding:7px 16px;cursor:default;transition:all var(--t)}.ti:hover{border-color:rgba(133,173,72,0.4);background:rgba(206,235,150,0.18);transform:translateY(-2px);box-shadow:0 4px 16px rgba(133,173,72,0.1)}.ti svg{color:var(--green);transition:transform var(--t)}.ti:hover svg{transform:scale(1.15)}.ti b{color:var(--ink);font-weight:700;transition:color var(--t)}.ti:hover b{color:var(--green-dp)}
.main{max-width:1280px;margin:0 auto;padding:0 32px 56px;display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}.sb{background:var(--glass);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--glass-brd-s);border-radius:16px;padding:20px 18px;box-shadow:var(--glass-sh);position:sticky;top:84px}.sb-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sb-head h3{font-family:var(--head);font-size:16px;font-weight:600}.sb-clr{font-family:var(--mono);font-size:11px;color:var(--green-dp);font-weight:500;text-transform:uppercase;letter-spacing:0.4px;cursor:pointer}
details.filter-group{margin-bottom:0}details.filter-group summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.8px;color:var(--olive);padding:10px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-brd-s);user-select:none}details.filter-group summary::-webkit-details-marker{display:none}details.filter-group summary .chevron{transition:transform var(--t);display:inline-flex;align-items:center}details.filter-group[open] summary .chevron{transform:rotate(90deg)}details.filter-group summary .chevron svg{width:12px;height:12px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}details.filter-group:first-of-type summary{border-top:none}details.filter-group .fg-body{padding:6px 0 14px}.fo{display:flex;align-items:center;justify-content:space-between;padding:4px 0;cursor:pointer}.fo-l{display:flex;align-items:center;gap:8px}.fo-l input[type=checkbox]{appearance:none;width:16px;height:16px;border:1.5px solid var(--line);border-radius:5px;cursor:pointer;position:relative;transition:all var(--t)}.fo-l input[type=checkbox]:checked{background:var(--green);border-color:var(--green)}.fo-l input[type=checkbox]:checked::after{content:'';position:absolute;left:3px;top:0;width:6px;height:10px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}.fo-l span{font-size:14px;color:var(--ink)}.fo-c{font-family:var(--mono);font-size:11px;color:var(--muted-lt)}
.plz-row{display:flex;gap:8px;margin-bottom:12px}.plz-input{flex:1;padding:8px 10px;border:1.5px solid var(--line);border-radius:6px;font-family:var(--mono);font-size:13px;color:var(--ink);background:rgba(255,255,255,0.5);outline:none;transition:border var(--t)}.plz-input:focus{border-color:var(--green)}.plz-input::placeholder{color:var(--muted-lt)}.radius-block{padding:4px 0 2px}.radius-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink);margin-bottom:8px}.radius-label .val{font-family:var(--mono);font-size:12px;color:var(--green-dp);font-weight:600}.radius-slider{width:100%;appearance:none;-webkit-appearance:none;height:4px;background:var(--line);border-radius:2px;outline:none}.radius-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:var(--green);border-radius:50%;cursor:pointer;border:3px solid var(--cream);box-shadow:0 2px 6px rgba(133,173,72,0.3)}.radius-slider::-moz-range-thumb{width:18px;height:18px;background:var(--green);border-radius:50%;cursor:pointer;border:3px solid var(--cream);box-shadow:0 2px 6px rgba(133,173,72,0.3)}
.rh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.rc{font-family:var(--head);font-size:22px;font-weight:600;letter-spacing:-0.5px}.rc b{color:var(--green)}.rs{font-size:13px;color:var(--muted)}.rs select{border:1px solid var(--glass-brd-s);border-radius:8px;padding:4px 10px;font-size:13px;font-family:var(--body);color:var(--ink);background:var(--glass-s)}.ri{font-size:13px;color:var(--muted-lt);margin-bottom:18px;display:flex;align-items:center;gap:6px}
.jc{background:var(--glass-s);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--glass-brd);border-radius:16px;margin-bottom:12px;transition:all var(--t);overflow:hidden;box-shadow:var(--glass-sh)}.jc:hover{border-color:rgba(133,173,72,0.35);box-shadow:var(--glass-sh-h);transform:translateY(-2px)}.jc.pick{border-color:rgba(240,187,162,0.5)}.jcb{display:flex;gap:14px;padding:20px 24px;align-items:flex-start}.jl{width:48px;height:48px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-size:18px;font-weight:700;background:rgba(255,255,255,0.5);border:1px solid var(--glass-brd-s);color:var(--muted)}.jl.grn{background:rgba(206,235,150,0.35);color:var(--green-dp);border-color:rgba(206,235,150,0.5)}.jl.pch{background:rgba(240,187,162,0.25);color:#a85c3a;border-color:rgba(240,187,162,0.4)}.ji{flex:1;min-width:0}.jtr{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:1px}.jt{font-family:var(--head);font-size:17px;font-weight:600;line-height:1.25;color:var(--ink);transition:color var(--t);letter-spacing:-0.3px}.jc:hover .jt{color:var(--green-dp)}.je{font-size:14px;color:var(--muted);margin-bottom:6px}.je:hover{color:var(--ink)}.pb{background:var(--peach);color:#7a3f25;font-size:11px;font-weight:600;padding:3px 10px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.pb svg{width:11px;height:11px}.jn{font-size:14px;color:var(--olive);line-height:1.5;margin:7px 0 11px;padding-left:12px;border-left:3px solid var(--lime-dp);font-weight:500}.jm{display:flex;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted)}.jmi{display:inline-flex;align-items:center;gap:4px;padding-right:12px;margin-right:12px;border-right:1px solid var(--glass-brd-s)}.jmi:last-child{border-right:none}.jmi svg{color:var(--muted-lt)}.jmi.sal{color:var(--green-dp);font-weight:700;font-family:var(--mono);font-size:12px}.jmi.sal svg{color:var(--green-dp)}.jts{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.jt2{background:rgba(206,235,150,0.25);color:var(--green-dp);font-size:12px;font-weight:500;padding:3px 10px;border-radius:6px;border:1px solid rgba(206,235,150,0.3)}.jsp{background:rgba(40,41,37,0.025);padding:8px 24px;font-size:12px;color:var(--muted-lt);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-brd-s)}.jsp .vrf{color:var(--green-dp);font-weight:600;display:flex;align-items:center;gap:4px}.jsp .vrf svg{width:12px;height:12px}
.nl{background:var(--ink);background-image:radial-gradient(circle at 20% 50%,rgba(133,173,72,0.16) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(240,187,162,0.08) 0%,transparent 50%);padding:64px 32px;position:relative;overflow:hidden}.nl-in{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:1}.nl-gb{background:rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:36px;margin-top:20px}.nl-eb{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--lime);margin-bottom:10px}.nl-in h2{font-family:var(--head);font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.1;color:var(--cream)}.nl-in p{color:rgba(248,244,231,0.55);font-size:15px;line-height:1.6;margin:12px 0 22px}.nl-f{display:flex;gap:6px;max-width:420px;margin:0 auto}.nl-i{flex:1;padding:13px 16px;border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:15px;outline:none;background:rgba(255,255,255,0.04);color:var(--cream);font-family:var(--body);transition:border var(--t)}.nl-i::placeholder{color:rgba(248,244,231,0.25)}.nl-i:focus{border-color:var(--green)}.nl-b{background:var(--green);color:var(--ink);padding:13px 24px;border-radius:10px;font-family:var(--head);font-size:15px;font-weight:600;transition:all var(--t);display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 16px rgba(133,173,72,0.3);flex-shrink:0}.nl-b:hover{background:var(--lime);box-shadow:0 6px 20px rgba(133,173,72,0.4)}
.ft{padding:40px 32px 24px}.ft-top{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;align-items:flex-start}.ft-brand{max-width:260px}.ft-brand p{font-size:13px;color:var(--muted);line-height:1.55;margin-top:10px}.ft-cols{display:flex;gap:48px}.ft-c h4{font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.6px;color:var(--olive);margin-bottom:10px}.ft-c a{display:block;font-size:14px;color:var(--muted);margin-bottom:7px;transition:color var(--t)}.ft-c a:hover{color:var(--green-dp)}.ft-bt{max-width:1280px;margin:28px auto 0;padding-top:20px;border-top:1px solid var(--glass-brd-s);font-size:12px;color:var(--muted-lt);display:flex;justify-content:space-between;align-items:center}.ft-sc{display:flex;gap:12px}.ft-sc a{color:var(--muted)}.ft-sc a:hover{color:var(--ink)}.ft-sc svg{width:17px;height:17px}
.detail-wrap{max-width:760px;margin:0 auto;padding:48px 32px 20px}.detail-wrap h1{font-family:var(--head);font-size:40px;font-weight:700;letter-spacing:-1.4px;line-height:1.05;margin:12px 0}.detail-card{background:var(--glass-s);backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--glass-brd);border-radius:16px;padding:28px 30px;margin:18px 0;box-shadow:var(--glass-sh)}.detail-card h2{font-family:var(--head);font-size:22px;font-weight:600;margin-bottom:10px}.detail-card p{margin:0 0 16px;line-height:1.65;color:var(--ink)}.detail-card p:last-child{margin-bottom:0}.detail-card p b{color:var(--olive)}.detail-card p br{line-height:1.9}.detail-card a{color:var(--green-dp);text-decoration:underline;text-underline-offset:2px}.detail-card i{color:var(--muted)}.back-link{font-family:var(--mono);font-size:12px;color:var(--green-dp);text-transform:uppercase;letter-spacing:0.5px;display:inline-block;margin-bottom:6px}
.brevo-form-placeholder{margin-top:8px;padding:22px;border:1.5px dashed var(--green);border-radius:12px;background:rgba(206,235,150,0.15);font-family:var(--mono);font-size:13px;color:var(--green-dp);text-align:center}
@media(max-width:960px){.main{grid-template-columns:1fr}.nav-links{display:none}.hero h1{font-size:34px}.search-row{flex-direction:column}.sf{border-right:none;border-bottom:1px solid var(--glass-brd-s)}.search-btn{flex:1;max-width:none;padding:12px}.jmi{border-right:none;padding-right:8px;margin-right:8px}.sb{position:static}.nl-gb{padding:24px}.nl-f{flex-direction:column}.ft-cols{flex-direction:column;gap:24px}.detail-wrap h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.logo-lg .beat::after{animation:none}}