/* FLOVARO V2.3 | FINAL POLISH — homepage + Google Ads landingpage.
   Original PHP/forms, legal pages, menus and third-party page assets remain unchanged. */
:root{--flv-deep:#071727;--flv-bright:#245cf5}
/* Shared rhythm & deliberate typography */
.studio-v2 .btn,.studio-v2 .studio-demo-button,.studio-v2 .studio-bridge-cta{touch-action:manipulation}
.studio-v2 .studio-project-tab:focus-visible,.studio-v2 .flv-compare-choice:focus-visible,.studio-v2 .flv-project-nav button:focus-visible{outline:3px solid #8bbbff;outline-offset:3px}
.studio-home .studio-manifesto{padding-bottom:112px}
.studio-home .studio-services{padding-bottom:105px}
.studio-home .studio-service-row{gap:clamp(24px,4vw,50px)}
.studio-home .studio-service-visual{box-shadow:inset 0 1px 0 rgba(255,255,255,.52)}
.studio-home .studio-service-content h3{max-width:575px}
/* Functional before / after: 2-column comparison desktop, compact choice on mobile */
.flv-compare-switch{display:none}
.studio-home .compare-card[hidden]{display:none!important}
/* Project browser polish */
.studio-home .studio-project-browser{box-shadow:0 24px 70px rgba(0,0,0,.27);border-color:rgba(144,173,205,.5)}
.studio-home #studio-project-link{display:inline-flex;align-items:center;gap:10px;min-height:41px;color:#fff}
.studio-home #studio-project-link:focus-visible{outline:2px solid #90b6ff;outline-offset:4px}
.flv-project-nav{display:none;align-items:center;justify-content:flex-end;gap:10px;padding:0 22px 20px}
.flv-project-nav button{border:1px solid rgba(157,193,240,.25);border-radius:10px;display:grid;place-items:center;width:44px;height:44px;background:#142d49;color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.flv-project-nav button:hover{background:#235ee5}
.flv-project-progress{color:#dceaff;min-width:88px;letter-spacing:.13em;text-align:center;font-size:.78rem;font-weight:800}
.flv-project-progress span{color:#8ca7c6}
/* Pricing: stronger hierarchy, still completely transparent with same prices */
.studio-home #preise{background:radial-gradient(ellipse at 95% 0%,rgba(218,230,255,.48),transparent 44%),#f8faff}
.studio-home #preise .center{max-width:810px;margin-inline:auto}
.studio-home #preise .center h2{max-width:840px;margin-inline:auto}
.flv-title-accent{color:#255ff1}
.studio-home .website-price-grid{gap:24px;align-items:stretch;margin-top:43px}
.studio-home .website-price-card{border-radius:24px;box-shadow:0 24px 60px rgba(19,41,81,.06),0 0 0 1px rgba(39,73,120,.04);padding:clamp(25px,3vw,38px);display:flex;flex-direction:column}
.studio-home .website-price-card .price-badge{font-size:.72rem;letter-spacing:.015em}
.studio-home .website-price-card h3{font-size:clamp(2.2rem,3.1vw,3.1rem);margin-bottom:10px}
.studio-home .website-price-card>p{line-height:1.65;min-height:5em}
.studio-home .website-price-box{padding:22px 23px;margin:21px 0 23px;background:linear-gradient(130deg,#f0f5ff,#f9fbff);border:1px solid #dbe6fa;border-radius:17px}
.studio-home .website-price-box .flv-price-kicker{display:block;font-size:.62rem;letter-spacing:.13em;font-weight:850;margin:0 0 9px;color:#3766c6}
.studio-home .website-price-box strong{font-size:clamp(1.75rem,2.6vw,2.4rem);font-weight:900;letter-spacing:-.075em;line-height:1.06}
.studio-home .website-price-box>span:not(.flv-price-kicker){font-size:.8rem;margin-top:9px;font-weight:650}
.studio-home .website-price-card ul{gap:12px;margin-bottom:30px}
.studio-home .website-price-card li{font-size:.86rem;line-height:1.5}
.studio-home .website-price-card.highlight{background:linear-gradient(165deg,#112a4d 0%,#08192c 72%);border-color:#325b95;box-shadow:0 25px 75px rgba(11,35,87,.16)}
.studio-home .website-price-card.highlight h3{color:#fff}
.studio-home .website-price-card.highlight>p,.studio-home .website-price-card.highlight li{color:#c4d6eb}
.studio-home .website-price-card.highlight .price-badge{background:#255de0;color:#fff}
.studio-home .website-price-card.highlight .website-price-box{background:linear-gradient(135deg,#173761,#153058);border-color:rgba(154,192,244,.27)}
.studio-home .website-price-card.highlight .website-price-box strong{color:#fff}
.studio-home .website-price-card.highlight .website-price-box>span:not(.flv-price-kicker),.studio-home .website-price-card.highlight .price-tax-note{color:#c2d3ee}
.studio-home .website-price-card.highlight .flv-price-kicker{color:#88b5ff}
.studio-home .website-price-card.highlight .btn-primary{background:#fff;color:#113caa}
.studio-home .website-price-card.highlight li::before{color:#7faeff}
.studio-home .website-price-card .button-row{margin-top:auto}
.studio-home .pricing-note{max-width:100%;background:#edf3fe;border:1px solid #dce8fb;text-align:left;box-shadow:none}
/* Offer — make demo the focal proof, not a decorative thumbnail */
.studio-offer .studio-demo-spotlight{padding:clamp(95px,9vw,145px) 0}
.studio-offer .studio-demo-spotlight-grid{grid-template-columns:.77fr 1.23fr;gap:clamp(38px,6vw,90px)}
.studio-offer .studio-demo-info h2{max-width:540px}
.studio-offer .studio-demo-display{transform:rotate(1.5deg);box-shadow:0 45px 100px rgba(0,0,0,.45);border-radius:18px}
.studio-offer .studio-demo-display img{height:clamp(355px,37vw,540px);width:100%;object-fit:cover;object-position:center top;transition:transform .55s ease}
.flv-demo-shot-link{display:block;position:relative;overflow:hidden;text-decoration:none;background:#f4f6fa}
.flv-demo-shot-link:hover img{transform:scale(1.025)}
.flv-demo-shot-cta{position:absolute;right:16px;bottom:15px;display:inline-flex;align-items:center;gap:9px;border-radius:10px;padding:12px 16px;background:#225cf0;color:#fff;font-size:.8rem;font-weight:840;box-shadow:0 12px 25px rgba(7,20,49,.25)}
.flv-demo-shot-cta svg{display:block;flex:none}
.flv-demo-shot-link:focus-visible{outline:4px solid #73aeff;outline-offset:-4px}
/* Offer: price & scope, no changes to financial figures */
.studio-offer .pricing-system-section{background:radial-gradient(circle at 100% 3%,rgba(220,234,255,.56),transparent 32%),#f9fbff}
.studio-offer .setup-offer-card-premium{border:1px solid #d9e4f7;box-shadow:0 28px 75px rgba(25,56,112,.12);border-radius:23px}
.studio-offer .setup-price{position:relative}
.studio-offer .setup-price strong{letter-spacing:-.065em}
.studio-offer .care-card{border-radius:20px}
.studio-offer .care-card-performance{box-shadow:0 22px 60px rgba(37,99,235,.12)}
.flv-offer-clarity{margin:20px 0 0;border:1px solid #d9e6f7;border-left:4px solid #2864ec;border-radius:12px;padding:16px 18px;background:#f2f7ff;color:#3b5170;font-size:.88rem;line-height:1.65}
.flv-offer-clarity strong{color:#153b81}
/* Below-midsection rhythm on offer: no repeated huge vertical voids */
.studio-offer .pricing-system-section>.container>.center{max-width:890px;margin-inline:auto}
@media(max-width:1000px){
 .studio-offer .studio-demo-spotlight-grid{grid-template-columns:1fr 1.15fr;gap:27px}
 .studio-offer .studio-demo-display img{height:390px}
}
@media(max-width:900px){
 .studio-home .studio-manifesto{padding-bottom:90px}
 .studio-home .studio-services{padding:84px 0 76px}
 .studio-home .studio-service-visual{min-height:350px}
 .studio-home .website-price-card>p{min-height:0}
 .studio-home .studio-project-browser{margin-top:12px}
 .studio-offer .studio-demo-spotlight-grid{grid-template-columns:1fr;gap:35px}
 .studio-offer .studio-demo-display{transform:rotate(.7deg);max-width:760px}
 .studio-offer .studio-demo-display img{height:410px}
}
@media(max-width:580px){
 /* Improve initial impression: headline + previews enter view sooner */
 .studio-home .studio-home-hero{padding:31px 0 24px}
 .studio-home .hero-copy h1{font-size:clamp(3.12rem,12vw,4.4rem);margin:17px 0 14px;line-height:.97}
 .studio-home .hero-copy .lead{font-size:.9rem;line-height:1.54}
 .studio-home .studio-hero-actions{margin-top:19px;gap:9px}
 .studio-home .studio-hero-actions .btn{min-height:45px}
 .studio-home .studio-hero-art{min-height:288px;margin-top:4px}
 .studio-home .studio-browser-main{top:14px;height:218px}
 .studio-home .studio-browser-alt{height:112px;bottom:6px}
 .studio-home .studio-manifesto{padding:77px 0 67px}
 .studio-home .studio-manifesto h2{font-size:clamp(3.05rem,11.6vw,5rem);margin:19px 0 24px}
 .studio-home .studio-manifesto p{font-size:.9rem}
 .studio-home .studio-services,.studio-home .studio-portfolio{padding:66px 0}
 .studio-home .studio-split-heading{margin-bottom:24px}
 .studio-home .studio-service-row{padding:29px 0;gap:18px}
 .studio-home .studio-service-content h3{font-size:clamp(2.65rem,11vw,3.25rem);margin:12px 0}
 .studio-home .studio-service-content p{font-size:.9rem;line-height:1.55}
 .studio-home .studio-service-content ul{margin:14px 0 16px;gap:6px}
 .studio-home .studio-service-content ul li{padding:6px 9px;font-size:.7rem}
 .studio-home .studio-service-visual{min-height:255px}
 .studio-home .studio-window{height:177px}
 /* Comparison interactive cards: toggler only if JS initialized, otherwise both are visible */
 .studio-home .comparison.flv-compare-ready .flv-compare-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#e8f0fb;border:1px solid #d8e4f4;border-radius:13px;margin:24px 0 17px}
 .flv-compare-choice{background:transparent;border:0;border-radius:10px;padding:12px 8px;min-height:44px;font-size:.8rem;font-weight:850;color:#4b6081;cursor:pointer}
 .flv-compare-choice.is-active{background:#112b4a;color:#fff;box-shadow:0 6px 18px rgba(19,50,89,.15)}
 .studio-home .comparison .compare-grid{gap:0}
 .studio-home .comparison .compare-card{padding:22px 21px;min-height:0}
 .studio-home .comparison .compare-card h3{margin-bottom:12px}
 .studio-home .comparison .compare-list{gap:11px}
 /* Portfolio: visible controls and tappable projects with no horizontal trap */
 .studio-home .studio-project-switcher{scrollbar-width:thin;scrollbar-color:#6589b6 #10283e}
 .studio-home .studio-project-tab{min-height:74px;min-width:151px;padding:11px 12px;scroll-snap-align:start}
 .studio-home .studio-project-browser{height:255px;margin:10px 10px 0}
 .studio-home .studio-project-detail{padding:16px 16px 13px}
 .studio-home .studio-project-actions{align-items:center;gap:12px;margin-top:18px}
 .studio-home .studio-project-actions>a{min-height:44px;display:inline-flex;align-items:center;font-size:.8rem}
 .studio-home .studio-portfolio.flv-project-ready .flv-project-nav{display:flex}
 .studio-home .studio-portfolio-foot{margin-top:15px}
 /* Pricing compact without compromising comparisons */
 .studio-home #preise{padding:74px 0 80px}
 .studio-home #preise .center h2{font-size:clamp(2.5rem,9vw,3.8rem);line-height:1.02}
 .studio-home .website-price-grid{gap:17px;margin-top:28px}
 .studio-home .website-price-card{padding:24px 21px;border-radius:18px}
 .studio-home .website-price-card h3{font-size:2.1rem}
 .studio-home .website-price-card>p{font-size:.91rem;line-height:1.55}
 .studio-home .website-price-box{padding:18px;margin:18px 0}
 .studio-home .website-price-box strong{font-size:2rem}
 .studio-home .website-price-card ul{gap:8px;margin-bottom:22px}
 .studio-home .pricing-note{padding:16px 17px}
 /* Offer proof & pricing */
 .studio-offer .studio-demo-spotlight{padding:73px 0 85px}
 .studio-offer .studio-demo-display{transform:none}
 .studio-offer .studio-demo-display img{height:310px}
 .flv-demo-shot-cta{right:10px;bottom:10px;font-size:.74rem;padding:10px 12px}
 .studio-offer .pricing-system-section{padding-top:70px}
 .flv-offer-clarity{font-size:.81rem;padding:14px}
}
@media(max-width:360px){
 .studio-home .hero-copy h1{font-size:2.85rem}
 .studio-home .studio-hero-art{min-height:269px}
 .studio-home .studio-browser-main{height:192px}
 .studio-home .studio-browser-alt{height:105px}
 .studio-home .studio-project-browser{height:215px}
 .studio-offer .studio-demo-display img{height:245px}
}
@media(hover:none){.flv-demo-shot-link:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.flv-demo-shot-link img,.flv-project-nav button{transition:none!important}}