:root{
  --bg:#F7F6F0;--bg-soft:#EFEEE5;--tint:#E8F5E1;--card:#FFFFFF;--panel:#EFEEE5;--paper:#EEEEDF;
  --border:#E5E3D8;--border-strong:#D6D3C6;--border-ui:#8A9089;
  --green:#4CAF50;--glow:#6EE177;--green-d:#2E7D32;--green-deep:#2E7D32;
  --text:#1B211D;--text2:#56605A;--muted:#636A63;
  --live:#FF4D6D;--heart:#FF3B30;
  --r-card:20px;--r-btn:14px;--maxw:1180px;
  --font-display:'Plus Jakarta Sans','Inter',system-ui,-apple-system,sans-serif;
  --font-text:'Inter',system-ui,-apple-system,sans-serif;
  --shadow-card:0 1px 2px rgba(18,38,24,.04),0 8px 24px -18px rgba(18,38,24,.12);
  --shadow-lift:0 2px 4px rgba(18,38,24,.05),0 22px 44px -20px rgba(18,38,24,.18);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;line-height:1.55;font-size:16px;overflow-x:hidden;overflow-wrap:break-word;}
.hero h1,.legal h1,.sec-title,.trust h2,.feature h3,.post-card h3,.step h3,.sl-copy h2,.legal h2,.faq-empty .fe-t{font-family:var(--font-display);}

[id]{scroll-margin-top:84px;}
.fw-sec[id]{scroll-margin-top:calc(112px - clamp(64px,9vw,118px));}
.hz-wrap[id]{scroll-margin-top:calc(112px - clamp(64px,9vw,120px));}
.rg-sec[id]{scroll-margin-top:calc(112px - clamp(72px,9vw,124px));}
.fs-sec[id]{scroll-margin-top:calc(112px - clamp(64px,8vw,104px));}
.sl-sec[id],.sl-sec .legacy-anchor{scroll-margin-top:calc(84px - 100vw * 4000 / 6016 * .48);}
@media(max-width:959px) and (orientation:portrait){
  .sl-sec[id],.sl-sec .legacy-anchor{scroll-margin-top:calc(84px - 125vw * .5);}
}
.legacy-anchor{display:block;height:0;overflow:hidden;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
:focus-visible{outline:2px solid var(--green-deep);outline-offset:3px;border-radius:8px;}
.nums{font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.section{padding:clamp(64px,9vw,118px) 0;}
.kicker{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep);}
.sec-title{font-size:clamp(30px,4.6vw,46px);line-height:1.08;letter-spacing:-.025em;font-weight:800;margin:14px 0 0;}
.sec-sub{color:var(--text2);font-size:clamp(16px,1.8vw,19px);margin:16px 0 0;max-width:560px;line-height:1.55;}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;border-radius:var(--r-btn);padding:12px 20px;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;}
.btn-primary{background:var(--green);color:#0A130B;box-shadow:0 10px 24px -12px rgba(76,175,80,.55);}
.btn-primary:hover{background:#57C05B;transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(76,175,80,.6);}
.btn-primary:active{background:var(--green-d);color:#fff;transform:translateY(0);}

.skip-link{position:absolute;left:12px;top:12px;z-index:100;transform:translateY(-300%);background:var(--card);color:var(--text);font-weight:600;font-size:15px;padding:12px 18px;border-radius:var(--r-btn);border:1px solid var(--green-deep);box-shadow:var(--shadow-lift);}
.skip-link:focus{transform:none;outline:2px solid var(--green-deep);outline-offset:2px;}

.site-header{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent;}
.site-header.scrolled{background:rgba(247,246,240,.78);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--border);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;}
.brand{display:inline-flex;align-items:center;gap:10px;}
.brand .logo-paw{height:30px;width:auto;display:block;}
.brand .logo-word{height:21px;width:auto;display:block;}
.nav{display:none;align-items:center;gap:28px;}
.nav a{color:var(--text2);font-size:15px;font-weight:500;transition:color .2s;}
.nav a:hover{color:var(--text);}
.nav a.is-active{color:var(--green-deep);}
.header-cta{display:none;}
.burger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--border-ui);background:rgba(255,255,255,.6);color:var(--text);cursor:pointer;}
.burger .ico-close{display:none;}
.burger.open .ico-menu{display:none;}
.burger.open .ico-close{display:block;}
.mobile-menu{position:fixed;inset:68px 0 auto 0;z-index:55;background:rgba(247,246,240,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:8px 24px 26px;display:none;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:15px 0;font-size:18px;font-weight:500;border-bottom:1px solid var(--border);color:var(--text2);}
.mobile-menu a:hover{color:var(--text);}
.mobile-menu a.is-active{color:var(--green-deep);}
@media(min-width:960px){.nav{display:flex;}.header-cta{display:inline-flex;}.burger{display:none;}.mobile-menu{display:none;}}

.hero{position:relative;padding:116px 0 64px;overflow:hidden;}
.hero::before{content:"";position:absolute;top:-140px;right:-160px;width:640px;height:640px;background:radial-gradient(circle,rgba(76,175,80,.10),transparent 65%);pointer-events:none;}
.hero::after{content:"";position:absolute;bottom:-220px;left:-220px;width:620px;height:620px;background:radial-gradient(circle,rgba(76,175,80,.07),transparent 65%);pointer-events:none;}
.hero h1{font-size:clamp(38px,6.2vw,62px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:24px 0 0;}
.hero h1 .accent{color:var(--green-deep);}
.hero .sub{font-size:clamp(17px,2vw,20px);color:var(--text2);max-width:520px;margin:22px 0 0;line-height:1.5;}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
.badges{display:flex;flex-wrap:wrap;gap:14px;}
.badge{display:inline-flex;border-radius:8px;}
.badge img{display:block;height:48px;width:auto;}
@media (max-width:400px){.badge img{height:42px;}} 
.badge:focus-visible{outline:2px solid var(--green-deep);outline-offset:3px;}
@media(min-width:960px){
  .hero{padding:78px 0 28px;min-height:min(100vh,920px);display:flex;align-items:center;}
  .hero>.container{width:100%;}
}

.phone{position:relative;z-index:1;width:min(330px,84vw);aspect-ratio:330/680;background:#0B0D0B;border-radius:43px;padding:8px;box-shadow:0 50px 90px -34px rgba(18,38,24,.38),0 0 0 1px rgba(18,38,24,.08),inset 0 0 0 2px #1C1F1C;}
@media(min-width:960px){.phone{width:clamp(272px,calc((100vh - 120px)/2.061),330px);}}
.notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:92px;height:28px;background:#0B0D0B;border-radius:999px;z-index:5;}
.statusbar{position:absolute;top:13px;left:22px;right:18px;z-index:6;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#141914;pointer-events:none;}
.route{fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 calc(5px*var(--glowK,1)) rgba(110,225,119,.75));}

.screens-band{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.screens-grid{display:flex;gap:18px;margin:44px -24px 0;padding:6px 24px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.screens-grid::-webkit-scrollbar{display:none;}
.screens-grid>.screen-fig{flex:0 0 min(68vw,270px);scroll-snap-align:center;}
.screens-grid .screen-frame{width:100%;}
.screen-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:0;}
.screen-frame{width:min(280px,78vw);border-radius:38px;background:#0B0D0B;padding:9px;box-shadow:0 34px 70px -30px rgba(18,38,24,.35),inset 0 0 0 2px #1C1F1C;}
.screen-frame img{display:block;width:100%;height:auto;aspect-ratio:900/1950;border-radius:30px;object-fit:cover;background:#F6F8F6;}
.screen-fig figcaption{margin-top:20px;text-align:center;}
.screen-fig .sc-cap-t{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text2);}
@media(min-width:800px){
  .screens-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;align-items:start;margin:56px 0 0;padding:0;overflow:visible;}
  .screens-grid .screen-frame{width:100%;max-width:280px;}
  .screens-grid>.screen-fig:nth-child(even){margin-top:56px;}
  html.barnaby-js .reveal.screen-fig:nth-child(1){transition-delay:.05s;}
  html.barnaby-js .reveal.screen-fig:nth-child(2){transition-delay:.15s;}
  html.barnaby-js .reveal.screen-fig:nth-child(3){transition-delay:.25s;}
  html.barnaby-js .reveal.screen-fig:nth-child(4){transition-delay:.35s;}
}

.feature{display:block;padding:22px 0 26px;border-top:1px solid var(--border-strong);color:var(--text);transition:border-color .25s ease;}
.feature:hover{border-top-color:var(--green);}
.feature h3{font-size:21px;font-weight:700;letter-spacing:-.015em;margin:0 0 9px;line-height:1.2;transition:color .2s ease;}
.feature:hover h3{color:var(--green-deep);}
.feature p{color:var(--text2);font-size:15px;margin:0;line-height:1.55;}
.feature-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;color:var(--green-deep);font-size:14px;font-weight:600;}
.feature-link svg{transition:transform .2s ease;}
.feature-link:hover svg{transform:translateX(3px);}
@media(min-width:1120px){
  .feature h3{min-height:2.4em;}
}

.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.step{display:flex;align-items:flex-start;padding:18px 0;}
.step+.step{border-top:1px solid var(--border);}
.step .num{flex:0 0 36px;font-size:14px;font-weight:700;line-height:1.45;color:var(--green-deep);}
.step h3{font-size:19px;margin:0 0 6px;font-weight:700;letter-spacing:-.015em;line-height:1.3;}
.step p{color:var(--text2);font-size:15px;margin:0;line-height:1.55;}

.trust{background:linear-gradient(180deg,#EDF4E6,#E6F0DD);border-top:1px solid #D9E6D0;border-bottom:1px solid #D9E6D0;}
.trust h2{font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.025em;font-weight:800;margin:14px 0 0;}
.trust .lead-p{color:var(--text2);font-size:clamp(16px,1.8vw,18px);margin:18px 0 0;line-height:1.6;max-width:480px;}
@media(min-width:920px){
}


.trend{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--green-deep);background:var(--tint);padding:5px 10px;border-radius:999px;}
.chart svg{width:100%;height:auto;display:block;}
.bars{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:74px;margin-top:16px;}
.bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;height:100%;justify-content:flex-end;}
.bar i{width:100%;max-width:20px;border-radius:6px;background:linear-gradient(180deg,#7FD78C,var(--green));display:block;}
.bar b{font-size:10px;color:var(--muted);font-weight:600;}
.more{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;display:inline-flex;}



.faq{max-width:760px;margin:48px auto 0;}
.faq-item{border-bottom:1px solid var(--border);}
.faq-h{margin:0;font:inherit;}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 4px;background:none;border:none;color:var(--text);font-size:clamp(16px,2vw,19px);font-weight:600;letter-spacing:-.01em;text-align:left;cursor:pointer;}
.faq-chev{flex:none;color:var(--text2);transition:transform .25s ease,color .25s ease;}
.faq-item.open .faq-chev{transform:rotate(180deg);color:var(--green-deep);}
.faq-a{overflow:hidden;}
html.barnaby-js .faq-item:not(.open) .faq-a{display:none;}
.faq-a p{margin:0 4px 24px;color:var(--text2);font-size:16px;max-width:660px;line-height:1.62;}


.footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:64px 0 40px;}
.footer h4{font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 14px;font-weight:600;}
.footer-col a{display:block;color:var(--text2);font-size:15px;padding:6px 0;transition:color .2s;}
.footer-col a:hover{color:var(--text);}
.footer-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:48px;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:14px;}

.btn-ghost{background:transparent;border:1px solid var(--border-ui);color:var(--text);}
.btn-ghost:hover{border-color:#B9C4BB;background:rgba(18,38,24,.03);transform:translateY(-1px);}
.footer-bottom a{color:var(--text2);transition:color .2s;}
.footer-bottom a:hover{color:var(--text);}

main.legal{padding:120px 0 80px;}
.legal-body{max-width:760px;margin:0 auto;}
.legal h1{font-size:clamp(30px,5vw,44px);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0 0 8px;}
.legal .updated{color:var(--muted);font-size:14px;margin:0 0 32px;}
.legal h2{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:34px 0 10px;}
.legal p{color:var(--text2);font-size:16px;line-height:1.7;margin:0 0 14px;}
.legal a{color:var(--green-deep);}
.legal a:hover{text-decoration:underline;}
.legal .btn-primary{color:#0A130B;}
.legal .btn-primary:hover{text-decoration:none;}
.legal .btn-primary:active{color:#fff;}
.legal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:1px 6px;color:var(--text);}

.crumbs{font-size:13px;color:var(--muted);margin:0 0 20px;}
.crumbs a{color:var(--text2);transition:color .2s;}
.crumbs a:hover{color:var(--text);}
.crumbs span{margin:0 8px;opacity:.55;}
.legal .lead{font-size:clamp(17px,2vw,20px);color:var(--text);line-height:1.55;margin:0 0 18px;}
.legal h2:first-of-type{margin-top:30px;}
.legal ul{color:var(--text2);font-size:16px;line-height:1.7;margin:0 0 14px;padding-left:22px;}
.legal ul li{margin:0 0 8px;}
.content-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:40px 0 6px;padding-top:30px;border-top:1px solid var(--border);}
.content-cta .ct-note{color:var(--muted);font-size:14px;}
.help-box{margin:44px 0 6px;padding:28px 0 0;border-top:1px solid var(--border);}
.help-box h2{font-family:var(--font-display);font-weight:800;letter-spacing:-.022em;margin:0 0 8px;font-size:22px;}
.help-box p{margin:0 0 10px;}
.help-box .help-link{font-weight:600;color:var(--green-deep);}
.help-box .badges{margin-top:18px;}

.header-right{display:none;align-items:center;gap:16px;}
@media(min-width:960px){.header-right{display:flex;}}
.lang-menu{position:relative;}
.lang-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 10px;border-radius:10px;
  font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--text2);cursor:pointer;list-style:none;
  transition:color .2s,background .2s;}
.lang-btn::-webkit-details-marker{display:none;}
.lang-btn:hover{color:var(--text);background:rgba(18,38,24,.05);}
.lang-chev{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .2s;}
.lang-menu[open] .lang-chev{transform:rotate(225deg) translateY(-2px);}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:180px;margin:0;padding:6px;list-style:none;
  background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lift);
  opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1);}
.lang-menu[open] .lang-list{opacity:1;transform:none;}
.lang-opt{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:10px 12px;
  border-radius:10px;font-size:15px;color:var(--text);transition:background .2s,color .2s;}
.lang-opt:hover{background:var(--tint);}
.lang-opt.is-active{color:var(--green-deep);font-weight:700;}
.lang-code{font-size:12px;letter-spacing:.05em;color:var(--muted);font-variant-numeric:tabular-nums;}
.lang-opt.is-active .lang-code{color:var(--green-deep);}
.mobile-lang{padding:15px 0;border-bottom:1px solid var(--border);}
.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.lang-grid .lang-opt{display:flex;justify-content:center;color:var(--text);border:1px solid var(--border);border-radius:12px;font-size:16px;}
.lang-grid .lang-opt.is-active{border-color:var(--green-deep);}
.lang-grid .lang-code{display:none;}
.mobile-menu a.btn{display:flex;justify-content:center;padding:14px 20px;border-bottom:0;font-size:16px;font-weight:600;color:#0A130B;}
@media(prefers-reduced-motion:reduce){.lang-chev,.lang-list{transition:none;}}
.badge-soon{cursor:default;}
.store-soon-note{font-size:12.5px;color:var(--muted);margin-top:10px;letter-spacing:.02em;}

.sec-head-plain .sec-title{margin-top:0;}
.sec-more{margin-top:40px;display:flex;}
.sec-more.center{justify-content:center;}
.trust .sec-more{margin-top:0;}

.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
[hidden]{display:none !important;}
.faq-search{display:none;position:relative;align-items:center;max-width:620px;margin-top:32px;}
html.barnaby-js .faq-search{display:flex;}
.faq-search .fs-ico{position:absolute;left:16px;display:grid;place-items:center;color:var(--muted);pointer-events:none;}
.faq-search input{width:100%;font:inherit;font-size:16px;color:var(--text);background:var(--card);border:1px solid var(--border-ui);border-radius:var(--r-btn);padding:14px 46px 14px 46px;transition:border-color .2s,box-shadow .2s;}
.faq-search input::placeholder{color:var(--muted);}
.faq-search input:focus{outline:2px solid var(--green-deep);outline-offset:2px;border-color:var(--green);box-shadow:0 0 0 3px rgba(76,175,80,.16);}
.faq-search input::-webkit-search-cancel-button{display:none;}
.faq-search .fs-clear{position:absolute;right:8px;display:grid;place-items:center;width:36px;height:36px;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:10px;}
.faq-search .fs-clear:hover{color:var(--text);background:var(--bg-soft);}
.faq-count{font-size:14px;color:var(--text2);margin:12px 0 0;min-height:1.4em;}
.faq-empty{border:1px dashed var(--border-strong);border-radius:var(--r-card);padding:26px 24px;margin-top:20px;}
.faq-empty .fe-t{margin:0;font-weight:600;}
.faq-empty .fe-s{margin:6px 0 0;color:var(--text2);font-size:15px;}
.faq-group{margin-top:44px;}
.faq-group:first-of-type{margin-top:0;}
.faq-group h2{font-family:var(--font-display);font-size:clamp(22px,2.2vw,26px);font-weight:800;letter-spacing:-.02em;margin:0;}
.faq-group .faq{max-width:none;margin:8px 0 0;}
.faq-body .faq-more{margin-top:38px;color:var(--text2);}

.p-head{padding:clamp(128px,13vw,168px) 0 clamp(40px,4.5vw,56px);border-bottom:1px solid var(--border);}
.p-head.has-cover{border-bottom:0;}
.p-head .crumbs{margin:0 0 28px;font-size:14px;}
.p-h1{font-family:var(--font-display);font-size:clamp(40px,5.6vw,72px);font-weight:800;letter-spacing:-.035em;line-height:1.03;margin:0;max-width:18ch;color:var(--text);}
.p-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;max-width:620px;margin:24px 0 0;color:var(--text2);}
.p-meta{margin:28px 0 0;font-size:14px;color:var(--muted);}
.p-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px;}
.p-body{padding:clamp(48px,6vw,80px) 0 clamp(72px,8vw,112px);}
.p-grid{display:grid;gap:clamp(48px,7vw,112px);grid-template-columns:minmax(0,1fr) 240px;align-items:start;}
.p-grid.side-left{grid-template-columns:220px minmax(0,1fr);}
.p-side{position:sticky;top:112px;font-size:14px;max-height:calc(100vh - 136px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:8px;}
.p-side .toc-t{font-size:13px;font-weight:700;color:var(--text);margin:0 0 14px;letter-spacing:0;text-transform:none;}
.p-side ol{list-style:none;margin:0;padding:0;}
.p-side li{margin:0 0 11px;line-height:1.4;}
.p-side a{color:var(--muted);}
.p-side a:hover{color:var(--text);}
@media(max-width:899px){
  .p-grid,.p-grid.side-left{grid-template-columns:minmax(0,1fr);}
  .p-side{display:none;}
}
.p-text{max-width:680px;}
.p-text p,.p-text li{font-size:18px;line-height:1.72;color:#2F3531;}
.p-text h2{font-family:var(--font-display);font-size:clamp(24px,2.3vw,30px);font-weight:800;letter-spacing:-.022em;line-height:1.2;margin:56px 0 16px;}
.p-text h2:first-child{margin-top:0;}
.p-text a:not(.btn){color:var(--green-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.p-cover{margin:clamp(40px,5vw,56px) 0 0;border-radius:24px;overflow:hidden;aspect-ratio:21/9;background:var(--bg-soft);}
.p-cover img{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:699px){.p-cover{aspect-ratio:4/3;border-radius:18px;}}
.p-more{background:var(--bg-soft);padding:clamp(64px,8vw,104px) 0;}
.p-more h2{font-family:var(--font-display);font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.025em;margin:0 0 32px;}
.rq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0;}
.rq-grid .rq-card{width:auto;min-width:0;flex:none;height:auto;aspect-ratio:4/5;}
@media(max-width:899px){.rq-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.rq-grid{grid-template-columns:1fr;}}





.screens-band .container{position:relative;}

@media(min-width:800px){
  .screen-fig .screen-frame{transition:transform .45s cubic-bezier(.16,1,.3,1);}
  .screen-fig:nth-child(1) .screen-frame{transform:rotate(-2.5deg);}
  .screen-fig:nth-child(4) .screen-frame{transform:rotate(2.5deg);}
  .screen-fig:hover .screen-frame{transform:translateY(-10px) rotate(0deg);}
}

html.barnaby-js .screens-grid>.reveal:nth-child(2),
html.barnaby-js .steps>.reveal:nth-child(2){transition-delay:.08s;}
html.barnaby-js .screens-grid>.reveal:nth-child(3),
html.barnaby-js .steps>.reveal:nth-child(3){transition-delay:.16s;}

@view-transition{navigation:auto;}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;}


html.barnaby-js .reveal{opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);}
html.barnaby-js .hero .reveal,html.barnaby-js .hero.reveal,
html.barnaby-js .screens-grid>.reveal,
html.barnaby-js .reveal.is-visible{opacity:1;transform:none;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,109,.55);}70%{box-shadow:0 0 0 11px rgba(255,77,109,0);}100%{box-shadow:0 0 0 0 rgba(255,77,109,0);}}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .screen-fig .screen-frame{transition:none!important;}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important;}
}


.hero.hero-full{padding:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:#23291F;isolation:isolate;}
.hero.hero-full::before,.hero.hero-full::after{content:none;}
.hg-media{position:absolute;inset:0;z-index:-1;overflow:hidden;}
.hg-media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(14,20,14,.46) 0,rgba(14,20,14,0) 170px),
    linear-gradient(0deg,rgba(14,20,14,.72) 0,rgba(14,20,14,.34) 42%,rgba(14,20,14,0) 70%);}
.hg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
  transform:scale(1.01);
  transition:opacity 1.4s cubic-bezier(.4,0,.2,1),transform 8s linear;}
.hg-img.on{opacity:1;z-index:1;transform:scale(1.07);}
.hf-inner{position:relative;width:100%;padding-top:120px;padding-bottom:96px;display:flex;flex-direction:column;justify-content:flex-end;flex:1;}
.hero .hf-title{color:#fff;font-size:clamp(56px,8.6vw,124px);line-height:.94;letter-spacing:-.045em;font-weight:800;margin:0;max-width:9ch;text-shadow:0 2px 34px rgba(0,0,0,.2);}
.hero-full .hero-cta{margin-top:clamp(26px,3.4vw,40px);}
.hero-full .store-soon-note{color:rgba(255,255,255,.75);margin-top:10px;}
.hero .hf-title .accent{color:#A6E3A1;}
.hf-next{position:absolute;left:50%;bottom:14px;translate:-50% 0;z-index:3;display:grid;place-items:center;width:48px;height:48px;color:rgba(255,255,255,.9);border-radius:50%;transition:color .2s,translate .3s;filter:drop-shadow(0 1px 8px rgba(0,0,0,.55));}
.hf-next:hover{color:#fff;translate:-50% 3px;}
html.barnaby-js .hf-next svg{animation:hfNudge 2.8s ease-in-out 2s infinite;}
@keyframes hfNudge{0%,70%,100%{transform:none;}80%{transform:translateY(5px);}90%{transform:translateY(0);}}
.hg-card{display:none;position:absolute;right:24px;bottom:34px;z-index:3;}
.hg-label{grid-area:1/1;justify-self:end;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);
  opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1);}
.hg-label.on{opacity:1;transform:none;transition-delay:.4s;}
.hg-who{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;opacity:.92;margin-bottom:10px;white-space:nowrap;}
.hg-stats{display:flex;gap:22px;}
.hg-cell+.hg-cell{padding-left:22px;border-left:1px solid rgba(255,255,255,.55);}
.hg-v{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,2.6vw,38px);line-height:1;letter-spacing:-.02em;white-space:nowrap;}
.hg-v small{font-size:.5em;font-weight:700;margin-left:3px;opacity:.85;letter-spacing:0;}
.hg-k{font-size:12px;opacity:.85;margin-top:6px;}
@media(max-width:959px){
  .hero.hero-full{background:#1B2019;}
  .hg-media{bottom:auto;height:76%;}
  .hg-media::after{background:
    linear-gradient(180deg,rgba(14,20,14,.46) 0,rgba(14,20,14,0) 130px),
    linear-gradient(0deg,#1B2019 0,rgba(27,32,25,.5) 20%,rgba(27,32,25,0) 42%);}
}
@media(min-width:720px){
  .hg-card{display:grid;}
}
@media(min-width:960px){
  .hero.hero-full{justify-content:center;}
  .hg-media::after{background:
    linear-gradient(180deg,rgba(14,20,14,.42) 0,rgba(14,20,14,0) 160px),
    linear-gradient(90deg,rgba(14,20,14,.66) 0,rgba(14,20,14,.42) 32%,rgba(14,20,14,0) 60%),
    linear-gradient(0deg,rgba(14,20,14,.3) 0,rgba(14,20,14,0) 22%),
    radial-gradient(60% 55% at 100% 100%,rgba(14,20,14,.42),rgba(14,20,14,0));}
  .hf-inner{padding-top:0;padding-bottom:0;justify-content:center;}
  .hf-copy{margin-top:40px;}
  .hg-img{transform-origin:0 var(--oy,45%);transform:scale(var(--zd,1.01));}
  .hg-img.on{transform:scale(calc(var(--zd,1.01) * 1.06));}
}

.site-header.on-photo:not(.scrolled) .logo-word{filter:brightness(0) invert(1);}
.site-header.on-photo:not(.scrolled) .nav a,
.site-header.on-photo:not(.scrolled) .lang-btn{color:rgba(255,255,255,.88);}
.site-header.on-photo:not(.scrolled) .nav a:hover,
.site-header.on-photo:not(.scrolled) .lang-btn:hover{color:#fff;background:transparent;}
.site-header.on-photo:not(.scrolled) .nav a.is-active{color:#fff;}
.site-header.on-photo:not(.scrolled) .burger{color:#fff;background:rgba(0,0,0,.18);border-color:rgba(255,255,255,.45);}

.map-credit{margin:0;font-size:10.5px;line-height:1.35;color:var(--muted);}
.screen-fig .map-credit{margin:8px -12px 0;text-align:center;text-wrap:balance;}

.postcard{position:absolute;margin:0;z-index:4;background:#fff;padding:0;border-radius:4px;rotate:var(--rot,0deg);container-type:inline-size;
  box-shadow:0 20px 34px -16px rgba(28,34,28,.42),0 2px 6px rgba(28,34,28,.08);}
.postcard img{display:block;width:calc(100% - 12cqw);margin:6cqw 6cqw 0;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px;background:var(--paper);}
.postcard figcaption{display:flex;justify-content:space-between;gap:6px;padding:6.5cqw 7cqw 7.5cqw;font-size:max(8.5px,8cqw);font-weight:600;line-height:1;color:#26302A;white-space:nowrap;}

.rp-pin .pin-in{transform-box:fill-box;transform-origin:center;}
html.barnaby-js .anim-ready .rp-pin .pin-in{transform:scale(0);transition:transform .5s cubic-bezier(.34,1.7,.5,1);}
html.barnaby-js .anim-ready .rp-pin.on .pin-in{transform:scale(1);}
.rp-dog .rp-halo{transform-box:fill-box;transform-origin:center;}

.erlebnis{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:#0E2016;padding:clamp(64px,7vw,92px) 0;}
.erlebnis-bg{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse 70% 80% at 72% 50%,rgba(76,175,80,.16),transparent 70%),
    linear-gradient(180deg,rgba(9,22,14,.55),transparent 22%,transparent 78%,rgba(9,22,14,.6)),
    url(/img/erlebnis/hoehenlinien.svg) center/cover;}
.erlebnis-grid{display:grid;gap:48px;align-items:center;grid-template-columns:1fr;}
.erlebnis .erlebnis-copy .sec-title{color:#fff;margin-top:0;}
.erlebnis .erlebnis-copy .sec-title .accent{color:#A5F0AB;}
.erlebnis .erlebnis-copy .sec-sub{color:rgba(255,255,255,.76);max-width:440px;}

.chapters{--p:0;list-style:none;margin:40px 0 0;padding:0;position:relative;max-width:420px;}
.chapters::before,.chapters::after{content:"";position:absolute;left:5px;top:9px;bottom:9px;width:2px;border-radius:2px;}
.chapters::before{background:rgba(255,255,255,.14);}
.chapters::after{background:#6EE177;transform-origin:top;transform:scaleY(var(--p));box-shadow:0 0 10px rgba(110,225,119,.6);}
.ch{position:relative;padding:0 0 0 34px;}
.ch+.ch{margin-top:24px;}
.ch::before{content:"";position:absolute;z-index:1;left:0;top:5px;width:12px;height:12px;border-radius:50%;box-sizing:border-box;
  background:#0E2016;border:2px solid rgba(165,240,171,.7);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;}
.ch h3{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:0;color:#fff;transition:color .35s ease;}
.ch p{margin:4px 0 0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.66);transition:color .35s ease;}
.chapters.is-live .ch h3{color:rgba(255,255,255,.42);}
.chapters.is-live .ch p{color:rgba(255,255,255,.32);}
.chapters .ch.done::before{background:#6EE177;border-color:#6EE177;}
.chapters.is-live .ch.now h3{color:#fff;}
.chapters.is-live .ch.now p{color:rgba(255,255,255,.8);}
.chapters .ch.now::before{background:#6EE177;border-color:#6EE177;box-shadow:0 0 0 5px rgba(110,225,119,.18),0 0 14px rgba(110,225,119,.8);}
@media(max-width:959px){.chapters{margin-top:28px;}.ch p{display:none;}.ch+.ch{margin-top:14px;}.ch::before{top:4px;}}
@media(min-width:960px){.erlebnis-grid{grid-template-columns:1fr auto;gap:72px;}.erlebnis-grid .replay-stage{width:470px;margin:0;}}

.replay-stage{position:relative;width:100%;max-width:470px;margin:0 auto;display:flex;justify-content:flex-end;}
.replay-stage .map-credit{position:absolute;right:0;bottom:-26px;text-align:right;color:rgba(255,255,255,.55);}
.rp-phone{position:relative;z-index:2;width:min(256px,62%);container-type:inline-size;}
.rp-phone::before{content:"";position:absolute;inset:6% -12%;background:radial-gradient(closest-side,rgba(110,225,119,.22),transparent);filter:blur(30px);z-index:-1;}
.rp-screen{position:relative;aspect-ratio:390/844;overflow:hidden;background:#E9EFE3;font-size:3.6cqw;color:#1B211D;
  border-radius:12cqw;border:2.8cqw solid #0B0D0B;box-shadow:0 50px 90px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08);}
.rp-map{position:absolute;inset:0;width:100%;height:100%;}
.rp-ghost,.rp-route{fill:none;stroke-linecap:round;stroke-linejoin:round;}
.rp-ghost{stroke:rgba(76,175,80,.4);stroke-width:5;}
.rp-route{stroke:var(--green);stroke-width:6.5;filter:drop-shadow(0 0 5px rgba(110,225,119,.8));}
.rp-screen .notch{top:2.4cqw;width:27cqw;height:7.6cqw;}
.rp-screen .statusbar{top:3.4cqw;left:7.5cqw;right:6.5cqw;font-size:1.05em;}
.rp-top{position:absolute;z-index:3;top:13cqw;left:4cqw;right:4cqw;display:flex;align-items:center;justify-content:space-between;transition:opacity .4s ease,transform .4s ease;}
.rp-round{width:10.5cqw;height:10.5cqw;border-radius:50%;background:rgba(255,255,255,.96);display:grid;place-items:center;font-weight:800;letter-spacing:.05em;box-shadow:0 6px 16px -8px rgba(0,0,0,.35);}
.rp-seg{display:flex;gap:.6cqw;padding:1cqw;border-radius:99px;background:rgba(255,255,255,.96);font-weight:600;box-shadow:0 6px 16px -8px rgba(0,0,0,.35);}
.rp-seg b,.rp-seg span{padding:1.7cqw 4.4cqw;border-radius:99px;}
.rp-seg b{background:var(--green);color:#0A130B;font-weight:700;}
.rp-seg span{color:#56605A;}
.rp-sheet{position:absolute;z-index:3;left:0;right:0;bottom:0;background:#fff;border-radius:6cqw 6cqw 0 0;padding:2.6cqw 5.5cqw 8cqw;box-shadow:0 -10px 26px -16px rgba(0,0,0,.35);transition:transform .5s cubic-bezier(.16,1,.3,1);}
.rp-handle{display:block;width:10cqw;height:1.2cqw;margin:0 auto 4cqw;border-radius:9px;background:#D6D3C6;}
.rp-who{display:flex;align-items:center;gap:3cqw;}
.rp-who img{width:10.5cqw;height:10.5cqw;border-radius:50%;object-fit:cover;}
.rp-who strong{display:block;font-family:var(--font-display);font-size:1.22em;letter-spacing:-.01em;line-height:1.15;}
.rp-who small{display:block;margin-top:.3em;color:#7B827B;font-size:.9em;}
.rp-nums{margin-top:3.6cqw;font-size:1.3em;font-weight:600;}
.rp-nums small{font-size:.72em;color:#7B827B;font-weight:500;}
.rp-play{position:absolute;z-index:4;left:50%;bottom:36cqw;translate:-50% 0;display:flex;align-items:center;gap:2.4cqw;overflow:hidden;
  padding:2.2cqw 5cqw 2.2cqw 2.4cqw;border:0;border-radius:99px;background:#fff;color:#1B211D;font:600 max(11px,1.08em)/1 var(--font-text);white-space:nowrap;cursor:pointer;
  box-shadow:0 12px 26px -12px rgba(0,0,0,.5);transition:bottom .5s cubic-bezier(.16,1,.3,1),transform .2s ease;}
.rp-play:hover{transform:scale(1.03);}
.rp-ico{display:grid;place-items:center;width:8cqw;height:8cqw;border-radius:50%;background:var(--green);color:#0A130B;}
.rp-ico .i-stop{display:none;}
.rp-bar{position:absolute;left:0;right:0;bottom:0;height:.9cqw;}
.rp-bar i{display:block;height:100%;width:calc(var(--p,0)*100%);background:var(--green);}
.replay-stage.is-playing .rp-sheet{transform:translateY(105%);}
.replay-stage.is-playing .rp-top{opacity:0;transform:translateY(-8px);}
.replay-stage.is-playing .rp-play{bottom:9cqw;}
.replay-stage.is-playing .rp-ico .i-play{display:none;}
.replay-stage.is-playing .rp-ico .i-stop{display:inline;}
.rp-pin.hit .pin-in{animation:pinHit .9s ease-out;}
@keyframes pinHit{0%{transform:scale(1);}35%{transform:scale(1.55);}100%{transform:scale(1);}}

.rp-cards{position:absolute;z-index:3;left:0;top:3%;width:31%;display:flex;flex-direction:column;}
.rp-card{position:relative;width:100%;}
.rp-card+.rp-card{margin-top:-44%;}
.rp-card:nth-child(1){--rot:-6deg;}
.rp-card:nth-child(2){--rot:4deg;left:14%;}
.rp-card:nth-child(3){--rot:-3deg;left:2%;}
.rp-card:nth-child(4){--rot:5deg;left:16%;}
html.barnaby-js .anim-ready .rp-card{opacity:0;transform:translateX(90%) scale(.55);transition:opacity .3s ease,transform .8s cubic-bezier(.22,1.3,.5,1);}
html.barnaby-js .anim-ready .rp-card.on{opacity:1;transform:none;}

@media(prefers-reduced-motion:reduce){
  html.barnaby-js .anim-ready .rp-pin .pin-in,
  html.barnaby-js .anim-ready .rp-card{opacity:1;transform:none;transition:none;}
  .rp-pin.hit .pin-in{animation:none;}
  .hg-img,.hg-label{transition:none;}
  .hf-next svg{animation:none!important;}
}

.sv-open{display:block;border:0;cursor:zoom-in;font:inherit;color:inherit;}
.sv-open:focus-visible{outline:3px solid var(--green);outline-offset:4px;}
.sv{padding:0;border:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;background:transparent;color:#fff;overflow:hidden;}
.sv::backdrop{background:rgba(9,20,13,.93);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.sv[open]{display:grid;place-items:center;animation:svIn .35s ease both;}
@keyframes svIn{from{opacity:0}to{opacity:1}}
.sv-stage{display:flex;align-items:center;gap:clamp(32px,5vw,72px);padding:24px;}
.sv-phone{--h:min(86svh,880px);height:var(--h);aspect-ratio:900/1950;box-sizing:content-box;padding:calc(var(--h)*.012);border-radius:calc(var(--h)*.068);
  background:#0B0D0B;box-shadow:0 60px 120px -40px rgba(0,0,0,.8),inset 0 0 0 2px #1C1F1C,0 0 0 1px rgba(255,255,255,.08);
  animation:svRise .5s cubic-bezier(.16,1,.3,1) both;}
@keyframes svRise{from{transform:translateY(24px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.sv-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--h)*.058);background:#F6F8F6;container-type:inline-size;}
.sv-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:none;scrollbar-width:none;outline:none;}
.sv-scroll::-webkit-scrollbar{display:none;}
.sv-long{display:block;width:100%;height:auto;}
.sv-top{position:absolute;left:0;right:0;top:0;height:17.4cqw;background-repeat:no-repeat;background-size:100% auto;background-position:top;pointer-events:none;}
.sv-bar{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 -2px 10px rgba(10,20,14,.10));}
.sv-bar[hidden]{display:none;}
.sv-copy{width:min(320px,30vw);}
.sv-count{margin:0;font-size:13px;letter-spacing:.08em;color:rgba(255,255,255,.55);}
.sv .sv-copy .sv-title{font-family:var(--font-display);font-size:clamp(26px,2.6vw,34px);line-height:1.12;letter-spacing:-.02em;font-weight:800;margin:10px 0 0;color:#fff;}
.sv-sub{margin:12px 0 0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.72);}
.sv-credit{margin:16px 0 0;text-wrap:balance;font-size:12px;line-height:1.45;color:rgba(255,255,255,.55);}
.sv-nav{display:flex;gap:10px;margin-top:28px;}
.sv-btn,.sv-close{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease;}
.sv-btn:hover,.sv-close:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);}
.sv-btn:focus-visible,.sv-close:focus-visible{outline:3px solid var(--glow);outline-offset:2px;}
.sv-close{position:absolute;top:20px;right:20px;}
.sv-screen.swap .sv-scroll,.sv-screen.swap .sv-top,.sv-screen.swap .sv-bar{opacity:0;}
.sv-scroll,.sv-top,.sv-bar{transition:opacity .22s ease;}
@media(max-width:799px){
  .sv-stage{flex-direction:column;gap:16px;padding:16px;}
  .sv-phone{--h:min(70svh,640px);}
  .sv-copy{width:min(340px,100%);display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;}
  .sv-count{display:none;}
  .sv .sv-copy .sv-title{font-size:19px;margin:0;}
  .sv-sub{display:none;}
  .sv-nav{margin:0;grid-row:1;grid-column:2;}
  .sv-credit{grid-column:1/-1;margin:10px 0 0;font-size:11px;}
  .sv-btn{width:44px;height:44px;}
  .sv-close{top:12px;right:12px;width:44px;height:44px;background:rgba(0,0,0,.35);}
}
@media(prefers-reduced-motion:reduce){.sv[open],.sv-phone{animation:none;}}

@media(min-width:1100px){
  .section.screens-band{padding:56px 0 44px;}
  .screens-band .sec-title br{display:none;}
  .screens-band .screens-grid{margin-top:40px;gap:40px;justify-items:center;}
  .screens-band .screens-grid .screen-frame{max-width:212px;}
  .screens-band .screens-grid>.screen-fig:nth-child(even){margin-top:32px;}
  .screens-band .screen-fig figcaption{margin-top:16px;}
  .screens-band .screen-fig .sc-cap-t{max-width:none;white-space:nowrap;}
}




.fx-paw{width:17px;height:18px;background:currentColor;-webkit-mask:url(/brand/paw-green.svg) center/contain no-repeat;mask:url(/brand/paw-green.svg) center/contain no-repeat;transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.fx-like.is-liked{color:#2E7D32;}
.fx-like.is-liked .fx-paw{background:#4CAF50;animation:fx-pop .45s cubic-bezier(.34,1.56,.64,1);}
@keyframes fx-pop{40%{transform:scale(1.35);}}






.fw-sec{background:var(--bg);}
.fw-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 32px;margin-bottom:clamp(26px,3.4vw,42px);}
.fw-head .sec-title{margin:0;}
.fw-head-copy{flex:1 1 480px;min-width:0;}
.fw-lead{margin:14px 0 0;max-width:560px;color:var(--text2);font-size:clamp(16px,1.5vw,18px);line-height:1.6;}
.fw-more{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--green-deep);text-decoration:none;font-size:15px;padding-bottom:6px;}
.fw-more svg{width:18px;height:18px;transition:transform .25s ease;}
.fw-more:hover svg{transform:translateX(3px);}
.fw-grid{display:grid;grid-auto-flow:column;grid-auto-columns:84%;grid-template-rows:480px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -24px;padding:0 24px 4px;scrollbar-width:none;}
.fw-grid::-webkit-scrollbar{display:none;}
.fw-tile{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#1B2A1F;scroll-snap-align:center;isolation:isolate;}
.fw-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1);}
.fw-tile:hover .fw-img{transform:scale(1.045);}
.fw-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,11,0) 42%,rgba(8,18,11,.74) 100%);pointer-events:none;}
.fw-cap{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff;}
.fw-cap h3{font-family:var(--font-display);font-size:23px;line-height:1.1;letter-spacing:-.02em;font-weight:800;margin:0 0 6px;}
.fw-cap p{margin:0;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.86);max-width:36ch;}
.fw-b img.fw-img{object-position:50% 100%;}
.fw-c img.fw-img{object-position:50% 40%;}
.fw-d img.fw-img{object-position:62% 50%;}
.fw-stk{position:absolute;top:18px;left:18px;z-index:2;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);color:#122618;border-radius:16px;padding:12px 14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45);font-size:13px;line-height:1.3;transition:opacity .6s ease .3s,transform .7s cubic-bezier(.2,.8,.2,1) .3s;}
.fw-stk .nums{font-family:var(--font-text);}
.fw-hud{display:grid;gap:2px;min-width:132px;}
.fw-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2E7D32;}
.fw-live i{width:7px;height:7px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 0 rgba(229,72,77,.5);animation:fw-pulse 1.6s ease-out infinite;}
@keyframes fw-pulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.5);}100%{box-shadow:0 0 0 8px rgba(229,72,77,0);}}
.fw-hud b{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-top:2px;}
.fw-km{color:#4A5A4F;font-size:13px;}
.fw-post{left:auto;right:18px;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 9px;border-radius:999px;}
.fw-post img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;}
.fw-post-t{display:grid;min-width:0;}
.fw-post-t b{font-size:13px;font-weight:700;white-space:nowrap;}
.fw-post-t small{font-size:11.5px;color:#5D6B61;white-space:nowrap;}
.fw-post .fx-like{display:inline-flex;align-items:center;gap:5px;margin-left:4px;padding:6px 10px;border-radius:999px;background:#EEF5EA;font-size:13px;font-weight:700;color:#5D6B61;}
.fw-week{width:184px;}
.fw-over{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5D6B61;margin-bottom:8px;}
.fw-bars{display:flex;align-items:flex-end;gap:5px;height:54px;}
.fw-bars i{flex:1;height:calc(var(--h)*100%);border-radius:4px;background:#4CAF50;transition:height .9s cubic-bezier(.2,.8,.2,1);}
.fw-bars i.is-off{background:#DDE5D8;}
.fw-bars i:nth-child(2){transition-delay:.06s}.fw-bars i:nth-child(3){transition-delay:.12s}.fw-bars i:nth-child(4){transition-delay:.18s}.fw-bars i:nth-child(5){transition-delay:.24s}.fw-bars i:nth-child(6){transition-delay:.3s}.fw-bars i:nth-child(7){transition-delay:.36s}
.fw-days{display:flex;gap:5px;margin-top:5px;}
.fw-days span{flex:1;text-align:center;font-size:10px;color:#7A877E;}
.fw-foot{display:block;margin-top:8px;font-size:12.5px;color:#4A5A4F;}
.fw-foot b{color:#122618;font-size:14px;}
.fw-goal{left:auto;right:18px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;}
.fw-goal svg{width:44px;height:44px;flex:none;}
.fw-goal span{display:grid;}
.fw-goal b{font-size:14px;font-weight:700;color:#2E7D32;}
.fw-goal small{font-size:12px;color:#5D6B61;}
.fw-ring-bg{fill:none;stroke:#E1E9DC;stroke-width:5;}
.fw-ring{fill:none;stroke:#4CAF50;stroke-width:5;stroke-linecap:round;stroke-dasharray:var(--c);stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.3s cubic-bezier(.3,.7,.2,1) .5s;}
.fw-check{fill:none;stroke:#2E7D32;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:0;transition:stroke-dashoffset .5s ease 1.7s;}
.fw-armed .fw-tile:not(.is-in) .fw-stk{opacity:0;transform:translateY(12px) scale(.96);}
.fw-armed .fw-tile:not(.is-in) .fw-bars i{height:6%;}
.fw-armed .fw-tile:not(.is-in) .fw-ring{stroke-dashoffset:var(--c);}
.fw-armed .fw-tile:not(.is-in) .fw-check{stroke-dashoffset:24;}
@media(min-width:900px){
  .fw-grid{grid-auto-flow:row;grid-template-columns:repeat(12,1fr);grid-template-rows:310px 310px;grid-auto-columns:auto;gap:14px;overflow:visible;margin:0;padding:0;}
  .fw-a{grid-column:1/6;grid-row:1/3;}
  .fw-b{grid-column:6/13;grid-row:1;}
  .fw-c{grid-column:6/9;grid-row:2;}
  .fw-d{grid-column:9/13;grid-row:2;}
  .fw-a .fw-cap h3{font-size:30px;}
  .fw-a .fw-cap{left:28px;bottom:26px;}
  .fw-a .fw-stk{top:24px;left:24px;}
}
@media(max-width:560px){ .fw-grid{margin:0 -16px;padding:0 16px 4px;grid-template-rows:440px;} .fw-post{left:14px;right:14px;} .fw-post-t{flex:1;} .fw-post{border-radius:18px;} .fw-post-t b,.fw-post-t small{white-space:normal;line-height:1.25;} }

@media(prefers-reduced-motion:reduce){ .fw-live i{animation:none;} }

.hz-sec{background:var(--bg);padding:clamp(64px,9vw,120px) 0;}
.hz-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "map" "ctl";row-gap:24px;}
.hz-head{grid-area:head;}
.hz-head .sec-title{margin:0;}
.hz-lead{margin:16px 0 0;max-width:420px;color:var(--text2);font-size:clamp(16px,1.5vw,18px);line-height:1.6;}
.hz-map{grid-area:map;margin:0;}
.hz-crop{position:relative;aspect-ratio:1200/880;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;}
.hz-canvas{position:absolute;--hz-w:20;}
.hz-canvas img,.hz-canvas svg{position:absolute;inset:0;width:100%;height:100%;display:block;}
.hz-all,.hz-kept{fill:none;stroke-linecap:round;stroke-linejoin:round;}
.hz-all{stroke:#1B211D;stroke-opacity:.6;stroke-width:calc(var(--hz-w) * .7);stroke-dasharray:.1 9;}
.hz-kept{stroke:#2E7D32;stroke-width:var(--hz-w);transition:stroke-dasharray .45s cubic-bezier(.2,.8,.2,1),stroke-dashoffset .45s cubic-bezier(.2,.8,.2,1);}
.hz-home{fill:#1B211D;stroke:#fff;stroke-width:calc(var(--hz-w) * .5);}
.hz-lbl{position:absolute;transform:translate(calc(-100% - 10px),10px);white-space:nowrap;font-size:13px;font-weight:600;color:#1B211D;
  background:rgba(247,246,240,.94);padding:4px 8px;border-radius:6px;}
.hz-credit{margin-top:4px;text-align:right;font-size:10px;line-height:1.4;color:#5A625B;}
.hz-ctl{grid-area:ctl;max-width:420px;}
.hz-row{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;font-weight:600;color:#3F4A43;}
.hz-row output{font-size:17px;font-weight:700;color:var(--text);}
.hz-slider input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;}
.hz-slider input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(#2E7D32,#2E7D32) 0/var(--p,25%) 100% no-repeat,#D6DAD2;}
.hz-slider input::-moz-range-track{height:4px;border-radius:2px;background:#D6DAD2;}
.hz-slider input::-moz-range-progress{height:4px;border-radius:2px;background:#2E7D32;}
.hz-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;margin-top:-10px;box-shadow:0 1px 3px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.06);}
.hz-slider input::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.06);}
.hz-slider input:focus-visible{outline:2px solid #2E7D32;outline-offset:2px;border-radius:6px;}
.hz-ticks{display:flex;justify-content:space-between;margin-top:-4px;padding:0 4px;font-size:12px;color:#5A625B;}
.hz-ticks .on{color:var(--text);font-weight:600;}
.hz-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:600;color:var(--green-deep);text-decoration:none;font-size:15px;}
.hz-more svg{width:18px;height:18px;transition:transform .25s ease;}
.hz-more:hover svg{transform:translateX(3px);}
@media(min-width:960px){
  .hz-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head map" "ctl map";column-gap:clamp(40px,5vw,72px);row-gap:28px;align-items:center;}
  .hz-head{align-self:end;}
  .hz-ctl{align-self:start;}
  .hz-canvas{--hz-w:13;}
  .hz-lbl{font-size:14px;}
}
@media(prefers-reduced-motion:reduce){ .hz-kept{transition:none;} }

.fs-sec{background:var(--bg-soft);padding:clamp(64px,8vw,104px) 0;}
.fs-side .sec-title{margin:0;}
.fs-contact{margin:20px 0 0;color:var(--text2);font-size:16px;line-height:1.6;}
.fs-contact a,.fs-more{color:var(--green-deep);font-weight:600;text-decoration:none;}
.fs-contact a:hover{text-decoration:underline;}
.fs-more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:15px;}
.fs-more svg{width:18px;height:18px;transition:transform .25s ease;}
.fs-more:hover svg{transform:translateX(3px);}
.fs-list{margin-top:36px;border-top:1px solid var(--border-strong);}
.fs-item{border-bottom:1px solid var(--border-strong);}
.fs-q{padding:20px 0;font-size:17px;}
.fs-q:hover span{color:var(--green-deep);}
.fs-q span{transition:color .2s ease;}
.fs-q:focus-visible{outline:2px solid var(--green-deep);outline-offset:4px;border-radius:6px;}
.fs-a p{margin:-4px 44px 22px 0;}
@media(min-width:960px){
  .fs-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(56px,7vw,112px);align-items:start;}
  .fs-side{position:sticky;top:120px;}
  .fs-list{margin-top:6px;}
  .fs-q{font-size:19px;padding:22px 0;}
}
@media(prefers-reduced-motion:reduce){ .fs-q span,.fs-more svg{transition:none;} }

.hz-wrap{background:var(--bg);}

.sl-sec{position:relative;background:#0E2016;color:#fff;overflow:hidden;}
.sl-photo{position:absolute;left:0;right:0;top:0;overflow:hidden;aspect-ratio:6016/4000;
  background:linear-gradient(180deg,#A8BCCC 0,#AFC0CA 46%,#716D6C 50%,#4A5530 58%,#475229 78%,#333322 100%);}
.sl-photo img{width:100%;height:100%;object-fit:cover;object-position:47% 45%;display:block;}
.sl-photo::before{content:"";position:absolute;left:0;right:0;top:0;height:34%;z-index:1;background:linear-gradient(180deg,#EFEEE5 0,rgba(239,238,229,.9) 12%,rgba(239,238,229,.66) 30%,rgba(239,238,229,.36) 52%,rgba(239,238,229,.12) 76%,rgba(239,238,229,0) 100%);}
.sl-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,32,22,0) 0,rgba(14,32,22,0) 56%,rgba(14,32,22,.62) 76%,#0E2016 100%);}
.sl-copy{position:relative;padding-top:calc(100vw * 4000 / 6016 * .64);padding-bottom:clamp(8px,2vw,24px);}
@media(max-width:959px) and (orientation:portrait){
  .sl-photo{aspect-ratio:4/5;}
  .sl-copy{padding-top:calc(125vw * .66);}
}
.sl-copy h2{color:#fff;font-size:clamp(40px,6.6vw,96px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:0;}
.sl-copy p{color:#fff;font-size:clamp(17px,1.6vw,20px);line-height:1.55;max-width:520px;margin:18px 0 0;}
.sl-copy .badges{margin-top:30px;}
.sl-copy .store-soon-note{color:#fff;} 

.footer-full{background:#0E2016;border-top:0;padding:clamp(56px,6vw,80px) 0 88px;color:#DDE6DF;}
.ff-word{display:block;width:fit-content;max-width:100%;margin:0 0 clamp(40px,5vw,72px);}
.ff-word img{display:block;width:100%;max-width:820px;height:auto;opacity:.96;}
.ff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;}
.footer-full h4{color:#8FA697;}
.footer-full .footer-col a{color:#DDE6DF;}
.footer-full .footer-col a:hover{color:#6EE177;}
.footer-full .footer-bottom{border-top-color:rgba(255,255,255,.14);color:#8FA697;}
.footer-full .ff-tm{margin:16px 0 0;max-width:72ch;font-size:12px;line-height:1.5;color:#8FA697;}
.footer-full a:focus-visible{outline:2px solid #6EE177;outline-offset:3px;border-radius:4px;}
@media(max-width:759px){ .ff-grid .footer-col:last-child{grid-column:1/-1;} }
@media(min-width:760px){ .ff-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;} }
@media(min-width:760px) and (max-width:959px){ .ff-grid{grid-template-columns:repeat(3,minmax(0,1fr)) max-content;gap:32px;} }

.rg-sec{background:#12291B;color:#F3F1E6;padding:clamp(72px,9vw,124px) 0;}
.rg-trail{display:inline-flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;}
.rg-trail svg{flex:none;overflow:visible;}
.rg-trail path{fill:none;stroke:var(--glow);stroke-width:2.2;stroke-linecap:round;}
.rq-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,3.4vw,44px);}
.rg-a .sec-title{color:#fff;margin:0;}
.rq-lead{margin:16px 0 0;max-width:440px;font-size:clamp(16px,1.6vw,18px);color:rgba(243,241,230,.72);}
.rq-ctrl{display:flex;gap:10px;}
.rq-btn{width:48px;height:48px;border-radius:50%;display:inline-grid;place-items:center;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:background .2s ease,opacity .2s ease;}
.rq-btn:hover{background:rgba(255,255,255,.1);}
.rq-btn:disabled{opacity:.3;cursor:default;background:transparent;}
.rq-track{--gut:max(24px,calc((100vw - var(--maxw)) / 2 + 24px));list-style:none;margin:0;padding:4px var(--gut) 8px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);scrollbar-width:none;overscroll-behavior-x:contain;}
.rq-track::-webkit-scrollbar{display:none;}
.rq-card{position:relative;flex:0 0 clamp(250px,23vw,310px);height:clamp(380px,34vw,450px);border-radius:18px;overflow:hidden;scroll-snap-align:start;background:#0B1A11;}
.rq-card.is-lead{flex-basis:clamp(300px,40vw,540px);}
.rq-card>a{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;}
.rq-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1);}
.rq-card>a::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,16,10,.35) 0%,rgba(6,16,10,0) 22%,rgba(6,16,10,0) 42%,rgba(6,16,10,.82) 100%);}
.rq-card>a:hover .rq-img,.rq-card>a:focus-visible .rq-img{transform:scale(1.05);}
.rq-num{position:absolute;top:18px;left:20px;z-index:2;font-size:13px;font-weight:700;letter-spacing:.08em;}
.rq-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;}
.rq-kick{font-size:13px;color:rgba(255,255,255,.78);}
.rq-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(20px,1.8vw,23px);line-height:1.16;letter-spacing:-.015em;}
.is-lead .rq-title{font-size:clamp(24px,2.5vw,32px);max-width:17ch;}
.rq-all{flex-basis:clamp(210px,18vw,240px);background:var(--green);}
.rq-all>a{display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#0A130B;}
.rq-all>a::after{display:none;}
.rq-all-n{font:800 clamp(84px,9vw,112px)/.9 var(--font-display);letter-spacing:-.04em;}
.rq-all-t{font:800 21px/1.2 var(--font-display);margin:10px 0 12px;}
.rq-all svg{width:24px;height:24px;transition:transform .25s ease;}
.rq-all>a:hover svg{transform:translateX(4px);}
@media (max-width:560px){
  .rq-track{--gut:16px;gap:12px;}
  .rq-card,.rq-card.is-lead{flex-basis:78vw;height:440px;}
  .rq-all{flex-basis:56vw;}
  .rq-ctrl{display:none;}
}
@media (prefers-reduced-motion:reduce){.rq-img{transition:none;}}

.p-h1{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5;}
@media(max-width:480px){
  .p-h1{font-size:min(40px,calc((100vw - 48px) / 10.6));}
  .p-text:lang(de){-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5;}
}
.brand{min-height:44px;}
.fs-more,.hz-more{padding:11px 0;margin-bottom:-11px;}
.fs-more{margin-top:3px;}
.hz-more{margin-top:11px;}
.crumbs a{display:inline-block;padding:13px 0;margin:-13px 0;}
.nav{gap:16px;} .nav a{padding:11px 6px;}
.faq-search input{text-overflow:ellipsis;}