.app-page{--app-space:clamp(27px, 3.3vw, 44px);--app-pad:clamp(16px, 2.45vw, 32px);--app-border:#73553d;padding-bottom:var(--app-space)}.app-page h2{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.06}.app-page p{color:var(--muted);text-wrap:pretty}.app-page .btn{min-height:44px}.app-page :is(.app-install,.app-mobile,.faq){margin-top:var(--app-space)}.app-hero{background:#261c16;border:1px solid #9b6e48;border-radius:18px}.app-stage{isolation:isolate;background:linear-gradient(90deg,#251812 3%,#251812cb 41%,#25181242 76%),url(/media/ritzo-app-stage.webp) 50%/cover no-repeat,#281c16;border-radius:17px 17px 0 0;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;min-height:clamp(320px,30vw,414px);display:grid;position:relative;overflow:hidden}.app-stage:after{z-index:2;pointer-events:none;content:"";border:1px solid #d4a47555;border-radius:10px;position:absolute;inset:8px}.app-hero-copy{z-index:1;padding:clamp(25px,4.5vw,58px) 16px clamp(25px,4.5vw,58px) clamp(24px,4.6vw,64px)}.app-hero h1{font:500 clamp(2.9rem, 6.4vw, 5.75rem)/.96 var(--display);letter-spacing:-.052em;text-wrap:balance}.app-hero-copy p{color:#f0dec9;max-width:48ch;margin-top:15px}.app-actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.app-hero-art{background:radial-gradient(at 57% 51%,#c3643733,#0000 69%);align-self:stretch;place-items:center;min-width:0;padding:12px clamp(16px,3vw,40px) 10px 0;display:grid}.app-hero-art img{object-fit:contain;filter:drop-shadow(0 18px 24px #190d0a9c);width:min(100%,460px);height:auto;max-height:375px}.app-shortcuts{border-top:1px solid var(--app-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px;display:grid}.app-shortcuts a{min-height:44px;color:var(--muted);text-align:center;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:6px;font-size:.86rem;font-weight:650;display:flex}.app-shortcuts svg{flex:0 0 17px;width:17px;height:17px}.app-shortcuts :is(svg,.app-platform-logo){color:var(--copper)}.app-shortcuts a:is(:hover,:focus-visible){border-color:var(--line);background:var(--raised);color:var(--text)}.app-shortcuts a:focus-visible{outline-offset:-2px}.app-platform--android{--platform-logo:url(/media/ritzo-app-android.svg)}.app-platform--iphone{--platform-logo:url(/media/ritzo-app-apple.svg)}.app-platform-logo{width:22px;height:22px;mask:var(--platform-logo) center / contain no-repeat;background:currentColor;flex:0 0 22px}.app-shortcuts .app-platform-logo{flex-basis:19px;width:19px;height:19px}.app-page:has(#android:target) .app-shortcuts a[href=\#android],.app-page:has(#iphone:target) .app-shortcuts a[href=\#iphone],.app-page:has(#unterwegs:target) .app-shortcuts a[href=\#unterwegs],.app-page:has(#faq:target) .app-shortcuts a[href=\#faq]{color:var(--copper);border-color:var(--app-border);background:var(--raised)}.app-install h2,.app-mobile h2{margin-bottom:17px}.app-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.5vw,20px);display:grid}.app-device{min-width:0;padding:var(--app-pad);border:1px solid var(--app-border);background:linear-gradient(130deg, var(--raised), var(--surface) 65%);border-radius:15px;grid-template-rows:auto 1fr auto;gap:clamp(14px,1.6vw,20px);display:grid}.app-device:target{border-color:var(--copper-soft)}.app-device-heading{align-items:center;gap:10px;display:flex}.app-icon{width:36px;height:36px;color:var(--copper);background:#e8ad7815;border:1px solid #b180557d;border-radius:8px;flex:0 0 36px;place-items:center;display:grid}.app-icon svg{width:19px;height:19px}.app-device-heading .app-icon{flex-basis:42px;width:42px;height:42px}.app-device-heading h3,.app-feature h3,.app-browser-help h3{color:var(--text);font:500 clamp(1.4rem, 2.22vw, 1.92rem)/1.14 var(--display)}.app-browser{border:1px solid var(--line);color:var(--text);background:var(--base);border-radius:7px;align-items:center;gap:7px;margin-left:auto;padding:5px 9px;font-size:.82rem;font-weight:650;display:inline-flex}.app-browser img{flex:0 0 19px;width:19px;height:19px}.app-steps{align-content:start;gap:5px;margin:0;padding:0;list-style:none;display:grid}.app-steps li{grid-template-columns:24px minmax(0,1fr);gap:10px;padding-block:7px;display:grid}.app-steps li+li{border-top:1px solid var(--line)}.app-steps li>span{border:1px solid var(--app-border);width:24px;height:24px;color:var(--copper);background:var(--raised);border-radius:50%;place-items:center;font-size:.76rem;font-weight:750;display:grid}.app-steps p{font-size:.93rem}.app-device-visual{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1vw,12px);padding-top:13px;display:grid}.app-shot{border:1px solid var(--line);background:var(--base);border-radius:10px;grid-template-rows:auto 1fr;min-width:0;display:grid}.app-shot:is(:hover,:focus-visible){border-color:var(--copper-soft)}.app-shot:focus-visible{outline-offset:3px}.app-shot-image{aspect-ratio:1.19;background:radial-gradient(ellipse at center, var(--raised), var(--base));border-radius:9px 9px 0 0;place-items:center;padding:clamp(3px,.5vw,7px);display:grid;overflow:hidden}.app-shot-image img{object-fit:contain;width:100%;height:100%;min-height:0}.app-platform--iphone .app-shot:last-child .app-shot-image img{height:auto;mask-image:linear-gradient(#000 85%,#0000)}.app-shot-caption{border-top:1px solid var(--line);min-height:40px;color:var(--text);justify-content:space-between;align-items:center;gap:6px;padding:6px 9px;font-size:.81rem;font-weight:650;line-height:1.25;display:flex}.app-shot-zoom{width:12px;height:12px;color:var(--copper);border:1.5px solid;border-radius:50%;flex:0 0 12px;margin-right:3px;position:relative}.app-shot-zoom:after{content:"";background:currentColor;border-radius:2px;width:6px;height:1.5px;position:absolute;bottom:-1px;right:-4px;transform:rotate(45deg)}.app-shot-dialog{border:1px solid var(--app-border);width:min(100% - 24px,760px);max-width:none;max-height:calc(100% - 24px);color:var(--text);background:#241b16;border-radius:14px;padding:clamp(12px,2vw,22px)}.app-shot-dialog::backdrop{background:#100b09db}.app-shot-dialog-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.app-shot-dialog-heading h2{font-size:clamp(1.3rem,3.4vw,2rem)}.app-shot-dialog-heading .btn{padding-inline:12px}.app-shot-dialog-image img{object-fit:contain;width:100%;height:auto;max-height:72dvh}html:has(.app-shot-dialog[open]){overflow:hidden}.app-browser-help{border:1px solid var(--app-border);background:linear-gradient(110deg,#34251a,#211914 75%);border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:clamp(11px,1.55vw,19px);margin-top:12px;padding:clamp(14px,1.85vw,22px);display:grid}.app-browser-help h3{font-size:clamp(1.35rem,2vw,1.68rem)}.app-browser-help p{max-width:78ch;margin-top:4px;font-size:.94rem}.app-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,20px);display:grid}.app-feature{--feature-glow:#71412c;background:#241b16;border:1px solid #795941;border-radius:14px;grid-template-rows:auto 1fr;min-width:0;display:grid}.app-feature:nth-child(2){--feature-glow:#593b62}.app-feature:nth-child(3){--feature-glow:#665135}.app-feature-art{background:radial-gradient(ellipse at 53% 71%, var(--feature-glow), transparent 72%), #2b1f18;border-bottom:1px solid #e8ad7830;border-radius:13px 13px 0 0;grid-template-rows:minmax(0,1fr);place-items:center;height:clamp(105px,12vw,156px);padding:8px;display:grid;overflow:hidden}.app-feature-art img{object-fit:contain;filter:drop-shadow(0 8px 12px #160e09b0);width:auto;height:100%;min-height:0;max-height:138px}.app-feature-copy{flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(15px,1.8vw,23px);display:flex}.app-feature h3{align-items:center;gap:9px;font-size:clamp(1.3rem,1.85vw,1.66rem);display:flex}.app-feature h3 .app-icon{flex-basis:32px;width:32px;height:32px}.app-feature p{margin-bottom:5px;font-size:.94rem}.app-feature .btn{margin-top:auto;padding-inline:14px}.app-page .faq{padding:var(--app-pad);border:1px solid var(--app-border);background:linear-gradient(120deg,#302219,#211914 66%);border-radius:15px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(16px,3vw,36px)}.app-page .faq h2{max-width:none;font-size:clamp(1.8rem,2.8vw,2.5rem)}.app-page .faq-list{gap:0}.app-page .faq-item{--faq-inset:clamp(8px, 1.2vw, 16px);background:0 0;border:0;border-radius:0}.app-page .faq-item+.faq-item{border-top:1px solid #e8ad7833}.app-page .faq summary{border-radius:7px;min-height:54px;padding-block:9px}.app-page .faq summary:hover{background:#e8ad7811}.app-page .faq-item[open]{background:#a7d4870d;box-shadow:inset 2px 0 #a6c58c}.app-page .faq-item[open] summary,.app-page .faq-item[open] .faq-toggle{color:var(--green)}.app-page .faq-answer{border:0;padding-block:9px 15px}@media (width<=840px){.app-device-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=740px){.app-stage,.app-page .faq{grid-template-columns:minmax(0,1fr)}.app-stage{background-image:linear-gradient(#251812 10%,#251812b0 54%,#25181238),url(/media/ritzo-app-stage.webp);min-height:0}.app-hero-copy{padding:25px clamp(17px,5vw,34px) 4px}.app-hero h1{font-size:clamp(2.42rem,8.4vw,4rem)}.app-hero-copy p{margin-top:11px}.app-actions{margin-top:15px}.app-actions .btn{padding-inline:12px;font-size:.84rem}.app-hero-art{padding:0 13px 5px}.app-hero-art img{width:min(80%,310px);max-height:245px}.app-feature-grid{grid-template-columns:minmax(0,1fr)}.app-feature{grid-template-rows:1fr;grid-template-columns:clamp(88px,21vw,145px) minmax(0,1fr)}.app-feature-art{border-bottom:0;border-right:1px solid #e8ad7830;border-radius:13px 0 0 13px;height:auto;padding:5px}.app-feature-art img{width:100%;height:auto;max-height:124px}.app-feature-copy{gap:7px}}@media (width<=530px){.app-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shortcuts a{gap:5px;font-size:.82rem}.app-browser-help{grid-template-columns:36px minmax(0,1fr);align-items:start}.app-browser-help .btn{grid-column:2;justify-self:start}}@media (width<=380px){.app-feature{grid-template-columns:68px minmax(0,1fr)}.app-feature-copy{padding-inline:11px}.app-feature h3 .app-icon{flex-basis:26px;width:26px;height:26px}}