/* Scoped to the two public sales pages. Login, checkout and admin are unchanged. */
.fio-storefront{
  --ink:#10273d;--muted:#536678;--paper:#fbfaf7;--surface:#fff;--line:#dce3e9;
  --brand:#d82d43;--brand-strong:#b51e33;--brand-soft:#fff0f1;--cream:#f3f6f9;
  --blue:#174c7d;--shadow:0 20px 70px #18334c12;
  background:var(--paper);font-size:16px;
}
.fio-storefront .container{width:min(1200px,calc(100% - 64px))}
.fio-storefront .site-header{background:#fbfaf7f2;border-color:var(--line)}
.fio-storefront .brand small{font-size:10px;letter-spacing:.08em}
.fio-storefront .nav-links{gap:24px}
.fio-storefront .nav-links a:hover{color:var(--blue)}
.fio-storefront .button-primary{background:var(--brand);box-shadow:0 8px 22px #d82d4324}
.fio-storefront .button-primary:hover{background:var(--brand-strong)}
.fio-storefront :is(a,button,summary):focus-visible{outline:3px solid #174c7d;outline-offset:4px}
.fio-storefront .button{border-radius:12px;min-height:48px}
.fio-storefront .hero{padding:70px 0 64px;overflow:clip;background:radial-gradient(ellipse at 82% 48%,#e3edf56b,transparent 43%)}
.fio-storefront .hero-grid{grid-template-columns:.94fr 1.06fr;gap:38px}
.fio-storefront .hero-copy{position:relative;z-index:2}
.fio-storefront h1{font-size:clamp(44px,4.8vw,70px);line-height:1.08;letter-spacing:-.047em;text-wrap:balance}
.fio-storefront h1 em{color:var(--blue);font-weight:400}
.fio-storefront .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.09em}
.fio-storefront .hero-copy .lead{font-size:18px;line-height:1.75;max-width:475px}
.fio-storefront .hero-note{gap:8px 18px;font-size:14px;margin-top:22px}
.fio-storefront .hero-note span:before{color:var(--blue)}
.fio-showcase{min-width:0;position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:0;padding:18px 0 20px}
.barber-sign{margin:0;position:relative;min-width:0;width:100%;z-index:2}
.pole-view{position:relative;height:425px;width:100%;isolation:isolate}
.pole-view::after{content:'';position:absolute;width:65%;height:18px;bottom:20px;left:10%;border-radius:50%;background:#123c6930;filter:blur(12px);z-index:-1}
.pole-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.pole-fallback{width:92px;height:280px;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:multiply}
[data-render="webgl"] .pole-fallback{visibility:hidden}
[data-render="fallback"] canvas{display:none}
.fio-storefront .product-frame{border:0;border-radius:20px;padding:0;transform:none;box-shadow:0 25px 70px #16334f16;min-width:0;z-index:1}
.fio-storefront .product-frame:before{display:none}
.fio-storefront .window{border-radius:20px;border-color:#d9e2e9}
.fio-storefront .window-top{height:38px;background:#f1f5f8;border-color:var(--line);gap:5px}
.fio-storefront .window-dot{width:7px;height:7px;background:#b4c2cd}
.fio-storefront .window-top:after{content:'Sua rotina no Fio';margin-left:10px;font-size:11px;color:var(--muted)}
.fio-storefront .window-body{grid-template-columns:1fr;min-height:0}
.fio-storefront .demo-side{display:none}
.fio-storefront .demo-main{padding:20px 16px;background:white;min-width:0}
.fio-storefront .demo-head strong{font-size:22px}
.fio-storefront .mini-avatar{background:#e8eff6}
.fio-storefront .demo-stat{padding:11px 9px;background:#f3f6f9;border:0}
.fio-storefront .demo-stat small{font-size:10px;letter-spacing:0;text-transform:none}
.fio-storefront .demo-stat b{font-size:20px}
.fio-storefront .demo-stat:last-child{background:var(--blue);color:white}
.fio-storefront .demo-stat:last-child small{color:#e5eef6}
.fio-storefront .demo-card{padding:8px 0 0;border:0}
.fio-storefront .demo-booking{grid-template-columns:36px minmax(0,1fr);gap:9px;border-color:var(--line);padding:13px 0}
.fio-storefront .demo-time{font-size:11px;color:var(--blue)}
.fio-storefront .demo-person b{font-size:12px}
.fio-storefront .demo-person span{font-size:10px}
.fio-storefront .demo-badge{display:none}
.demo-disclaimer{position:absolute;bottom:-29px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted);margin:0}
.fio-storefront .trust-bar{background:var(--ink);color:white;border:0;padding:18px 0}
.fio-storefront .trust-item{font-size:13px}
.fio-storefront .trust-bar .icon{color:#fff;background:#ffffff0d}
.fio-storefront .section{padding:76px 0}
.fio-storefront .section-tinted{background:#f1f5f8;border-color:#e5ebf0}
.fio-storefront .feature-card-wide{background:#fff}
.fio-storefront .step,.fio-storefront .feature-card,.fio-storefront .info-card{box-shadow:none;border-radius:20px}
.fio-storefront .step-number{color:var(--blue)}
.fio-storefront .pricing{gap:58px;align-items:center;grid-template-columns:1fr 1fr}
.fio-storefront .price-card{border-radius:24px;box-shadow:0 16px 60px #15314e12;border-top:4px solid var(--brand)}
.fio-storefront .price-card:before{display:none}
.fio-storefront .price{margin:18px 0 22px;flex-wrap:wrap}
.fio-storefront .price strong{font-size:64px}
.fio-storefront .recurring{background:#eef4f9;color:var(--blue);font-size:14px;font-weight:600}
.fio-storefront .plan-list{gap:13px}.fio-storefront .plan-list li{font-size:16px}
.purchase-note{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.6;text-align:center}
.fio-storefront .cta-box{background:var(--ink);border-radius:24px}
.fio-storefront .cta-box:after{display:none}.fio-storefront .cta-box p{color:#dce6ef}
.fio-storefront .footer-grid .brand{display:flex}.fio-storefront .footer-grid .brand small{font-size:10px}
.fio-storefront .footer-grid a{font-size:14px}.fio-storefront .footer-grid a:hover{color:var(--blue)}
.fio-storefront .page-hero{padding:48px 0 24px}
.plans-title{max-width:760px;text-align:center;margin-inline:auto}
.fio-storefront .plans-title .lead{margin-inline:auto}
.fio-storefront .plans-title h1{font-size:clamp(42px,4.4vw,62px)}
.plan-scene{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:24px}
.plan-scene .pole-view{height:330px}.plan-scene h2{font-size:36px}
.plan-scene .lead{font-size:16px}
@media(max-width:1100px){
 .fio-storefront .hero-grid{grid-template-columns:1fr 1fr;gap:18px}
 .fio-showcase{grid-template-columns:125px minmax(0,1fr)}
 .pole-view{height:350px}.fio-storefront .demo-stats{grid-template-columns:1fr 1fr}
 .fio-storefront .demo-stat:nth-child(2){display:none}.fio-storefront .demo-stat:nth-child(3){display:block}
 .fio-storefront .hero-copy .lead{font-size:17px}
}
@media(max-width:850px){
 .fio-storefront .hero-grid{grid-template-columns:1fr;gap:28px}
 .fio-storefront .hero-copy{max-width:660px}.fio-storefront .hero-copy .lead{max-width:600px}
 .fio-showcase{width:min(570px,100%);margin:auto;grid-template-columns:175px minmax(0,1fr)}
 .pole-view{height:410px}.fio-storefront .hero{padding:48px 0 70px}
 .fio-storefront .pricing{grid-template-columns:1fr;gap:24px}
 .fio-plans .pricing .price-card{order:-1}
 .fio-storefront .trust-items{grid-template-columns:1fr 1fr;gap:14px}
 .plan-scene{max-width:570px;margin:auto;grid-template-columns:140px 1fr}
}
@media(max-width:520px){
 .fio-storefront .container{width:calc(100% - 32px)}
 .fio-storefront .hero{padding-top:36px}.fio-storefront h1{font-size:clamp(40px,10.5vw,54px)}
 .fio-storefront .brand small{display:none}.fio-storefront .nav-wrap{gap:12px}
 .fio-storefront .nav-actions{gap:6px}.fio-storefront .nav-actions .button-sm{font-size:12px;padding-inline:10px}
 .fio-storefront .nav-toggle{width:40px;min-width:40px}
 .fio-storefront .hero-actions .button{flex:1 1 100%}
 .fio-storefront .hero-note{font-size:13px;gap:8px 14px}
 .fio-showcase{grid-template-columns:105px minmax(0,1fr);gap:4px}
 .pole-view{height:290px}
 .fio-storefront .demo-main{padding:15px 11px}.fio-storefront .demo-head{gap:4px;margin-bottom:12px}
 .fio-storefront .demo-head strong{font-size:18px}.fio-storefront .mini-avatar{display:none}
 .fio-storefront .demo-stat{padding:9px 7px}.fio-storefront .demo-stat b{font-size:16px}
 .fio-storefront .demo-booking{padding:11px 0;gap:5px;grid-template-columns:30px 1fr}
 .fio-storefront .demo-person b{font-size:11px}.fio-storefront .demo-person span{font-size:9px}
 .fio-storefront .demo-booking:nth-child(n+4){display:none}
 .fio-storefront .window-top:after{font-size:10px}
 .fio-storefront .trust-item{font-size:12px;gap:8px}.fio-storefront .trust-item .icon{width:29px;height:29px}
 .fio-storefront .section{padding:52px 0}.fio-storefront .price-card{padding:24px}
 .fio-storefront .price strong{font-size:54px}
 .plan-scene{grid-template-columns:100px minmax(0,1fr);gap:16px}.plan-scene .pole-view{height:270px}
 .plan-scene h2{font-size:29px}.plan-scene .lead{font-size:15px}
 .fio-storefront .footer-grid{gap:20px}
}
@media(prefers-reduced-motion:reduce){.fio-storefront *{scroll-behavior:auto!important;transition:none!important}}