/* v4: focused comparison and four distinct model layouts */
@media(min-width:769px){.menu-toggle:not([hidden]){display:none}}
.site-header .brand img{width:112px;height:57px}.footer img{width:105px;height:53px}
.hero-visual .motion-toggle{position:absolute;right:4px;top:-20px;z-index:4;background:#f5f0e6;box-shadow:0 4px 16px #102b2320}
.hero-visual .photo{object-fit:cover}
.hero-visual.hero-model-cafe .salon-landing{background:#e8c45c}.hero-visual.hero-model-cafe .sample-content{grid-template-columns:1.1fr .9fr}.hero-visual.hero-model-cafe .sample-content strong{font-family:Manrope,Arial,sans-serif;font-weight:850;letter-spacing:-.07em;text-transform:uppercase}
.hero-visual.hero-model-clinica .salon-landing{background:#e5f0ec}.hero-visual.hero-model-clinica .sample-content strong{font-family:Manrope,Arial,sans-serif;font-weight:300;letter-spacing:-.06em}
.hero-visual.hero-model-treino .salon-landing{background:#171e18;color:#e7f74c}.hero-visual.hero-model-treino .sample-header,.hero-visual.hero-model-treino .sample-content,.hero-visual.hero-model-treino .sample-footer{color:#e7f74c}.hero-visual.hero-model-treino .sample-content strong{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;text-transform:uppercase}.hero-visual.hero-model-treino .sample-button{background:#e7f74c;color:#172317}
.hero-visual.is-switching .hero-browser,.hero-visual.is-switching .hero-phone{opacity:.25;transform:translateY(12px) rotate(-1deg);transition:opacity .22s,transform .22s}
.compare-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7%}.compare-copy .section-title{font-size:clamp(40px,4.2vw,64px)}.compare-points{list-style:none;padding:0;margin:42px 0 0;display:grid;gap:14px}.compare-points li{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:14px;border-top:1px solid #c7d1c7;padding-top:14px;font-size:16px}.compare-points b{font-weight:500}.compare-points span{color:#527d64}.compare-points strong{font-weight:800}.compare-demo{max-width:520px;width:100%;justify-self:center}.compare-labels{display:flex;justify-content:space-between;max-width:390px;margin:0 auto 10px;font-size:13px;font-weight:800}.comparison-phone{width:390px;max-width:100%;height:650px;position:relative;margin:auto;border:10px solid #1d2c23;border-radius:40px;box-shadow:0 30px 65px #102b2335;background:#eceee9;overflow:hidden;--split:50%}.phone-speaker{width:85px;height:12px;border-radius:0 0 12px 12px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:#1d2c23;z-index:4}.compare-before,.compare-after{position:absolute;inset:0;padding:33px 26px 22px;text-align:center}.compare-before{background:#f7f7f7;color:#26352e}.bio-avatar{width:62px;height:62px;display:grid;place-items:center;margin:16px auto 8px;border-radius:50%;background:#c7d0c7;font-weight:800}.compare-before>strong{display:block;font-size:19px}.compare-before>p{margin:0 0 22px;font-size:13px;color:#5a6b5e}.bio-links{display:grid;gap:9px}.bio-links span{min-height:44px;display:grid;place-items:center;background:#e4e9e5;border:1px solid #cbd5cc;border-radius:5px;font-size:14px;font-weight:700}.compare-after{padding:0;text-align:left;background:#f6f2e9;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.garage-image{display:block;width:100%;height:305px;object-fit:cover}.garage-content{padding:22px}.garage-content small{font-size:12px;letter-spacing:.14em;font-weight:800}.garage-content strong{display:block;font:600 32px/1.05 Manrope,sans-serif;letter-spacing:-.06em;margin:10px 0}.garage-content p{font-size:13px;line-height:1.5;margin:0 0 10px}.garage-content>span{font-size:12px;display:block;font-weight:700}.garage-content b{display:block;margin-top:15px;background:#102b23;color:#fff;padding:12px;text-align:center;font-size:13px}.compare-handle{position:absolute;z-index:5;top:0;bottom:0;left:var(--split);width:3px;background:#fff;box-shadow:0 0 0 1px #102b23;pointer-events:none}.compare-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;background:#fff;color:#102b23;border:2px solid #102b23;border-radius:50%;font-size:23px}.slider-label{display:block;text-align:center;margin:20px 0 4px;font-size:13px;font-weight:800}.compare-demo input[type=range]{display:block;width:min(390px,100%);margin:0 auto;accent-color:#102b23;cursor:ew-resize;min-height:44px}.example-note{text-align:center;font-size:12px;font-weight:700;color:#526b56;margin:7px 0 0}
.model-tabs{display:none;gap:8px;flex-wrap:wrap;margin:0 0 32px;border-bottom:1px solid #b9cbbd;padding-bottom:12px}.js .model-tabs{display:flex}.model-tabs button{border:1px solid #b2c7b6;background:transparent;color:#102b23;border-radius:100px;padding:10px 23px;min-height:48px;cursor:pointer;font-weight:800;transition:background .22s,color .22s,transform .22s}.model-tabs button:hover{transform:translateY(-2px)}.model-tabs button[aria-selected=true]{background:#102b23;color:#fff}
.model-panels{display:grid;gap:70px}.js .model-panel:not(.is-active){display:none}.model-panel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.75fr);gap:6%;align-items:center;min-width:0}.js .model-panel.is-active{animation:panelin .28s both}@keyframes panelin{from{opacity:0;transform:translateY(12px)}}.panel-preview{position:relative;min-height:570px;padding:26px 65px 75px 14px;background:#e7e1d5;overflow:hidden;border-radius:5px}.panel-browser{height:415px;background:#fff;box-shadow:0 26px 45px #102b2326;border-radius:10px;overflow:hidden}.panel-toolbar{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#4b5d51;background:#f4f4f0;font-size:12px}.panel-toolbar span:first-child{color:#8f6c5c}.panel-page{height:550px;position:relative;transition:transform .9s cubic-bezier(.2,.7,.2,1);overflow:hidden}.model-panel:hover .panel-page,.model-panel:focus-within .panel-page{transform:translateY(-90px)}.panel-photo{display:block;width:100%;height:410px;object-fit:cover}.panel-overlay{position:absolute;inset:0 0 auto;min-height:395px;padding:24px 30px;color:#fff;background:linear-gradient(90deg,#1a231dbb,transparent 90%);display:flex;flex-direction:column;align-items:flex-start}.panel-brand{font:700 25px Georgia,serif;margin-bottom:auto}.panel-overlay small{font-size:12px;letter-spacing:.12em;font-weight:800}.panel-overlay strong{font:italic 500 clamp(36px,4.6vw,64px)/.98 Georgia,serif;letter-spacing:-.05em;max-width:390px;margin:10px 0}.panel-overlay p{font-size:14px;max-width:300px;line-height:1.35}.panel-offer{font-size:12px;font-weight:800;background:#fff;color:#382b27;padding:7px 10px}.panel-cta{display:inline-block;margin-top:12px;background:#fff;color:#102b23;font-size:12px;padding:9px 12px}.panel-extra{padding:18px 30px;display:flex;justify-content:space-between;gap:15px;background:#fff;color:#394c40;font-size:12px;font-weight:700}.panel-phone{position:absolute;right:20px;bottom:45px;width:145px;height:265px;overflow:hidden;border:8px solid #1d2921;border-radius:25px;background:#f5eee3;box-shadow:0 20px 30px #102b2345;display:flex;flex-direction:column;align-items:center;text-align:center}.panel-phone-photo{width:100%;height:135px;object-fit:cover}.panel-phone b{font:700 17px Georgia,serif;margin:10px 0 5px}.panel-phone strong{font:italic 20px/1 Georgia,serif;max-width:110px}.panel-phone>span{font-size:12px;margin-top:10px;background:#102b23;color:#fff;padding:5px}.preview-callouts{display:flex;gap:9px;position:absolute;bottom:18px;left:15px;right:15px;justify-content:space-between}.preview-callouts span{font-size:12px;font-weight:800;background:#fff;padding:7px 9px;box-shadow:0 4px 12px #102b231c}.panel-copy{padding-block:30px}.panel-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#4f775b}.panel-copy h3{font-size:clamp(40px,4vw,60px);line-height:1;letter-spacing:-.06em;margin:10px 0 25px}.panel-copy p{font-size:16px}.panel-copy h4{font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin:28px 0 10px}.panel-copy ul{padding-left:20px;margin:0 0 30px}.panel-copy li{font-size:15px;padding:4px 0}.panel-copy .button{width:100%}
.model-cafe .panel-preview{background:#ead8a6}.model-cafe .panel-page{background:#edca63}.model-cafe .panel-photo{width:55%;height:410px;float:right;object-fit:cover}.model-cafe .panel-overlay{position:absolute;inset:0 45% 0 0;background:none;color:#1e2119;padding:20px}.model-cafe .panel-brand{font:900 27px Manrope,sans-serif;letter-spacing:-.07em}.model-cafe .panel-overlay strong{font:900 clamp(29px,3.4vw,48px)/.95 Manrope,sans-serif;letter-spacing:-.08em}.model-cafe .panel-offer,.model-cafe .panel-cta{background:#1e2119;color:#f6d466}.model-cafe .panel-phone{background:#edca63}.model-cafe .panel-phone b,.model-cafe .panel-phone strong{font-family:Manrope,sans-serif;font-style:normal;font-weight:900}.model-cafe .panel-phone>span{background:#1e2119;color:#f6d466}
.model-clinica .panel-preview{background:#d9e8e5}.model-clinica .panel-page{background:#f8fbfa}.model-clinica .panel-photo{width:48%;height:410px;float:right}.model-clinica .panel-overlay{inset:0 52% 0 0;background:none;color:#204b4b;padding:25px}.model-clinica .panel-brand,.model-clinica .panel-overlay strong,.model-clinica .panel-phone b,.model-clinica .panel-phone strong{font-family:Manrope,sans-serif;font-style:normal;font-weight:300}.model-clinica .panel-overlay strong{font-size:clamp(30px,3.5vw,50px)}.model-clinica .panel-offer{background:#dcefeb;color:#204b4b}.model-clinica .panel-cta,.model-clinica .panel-phone>span{background:#204b4b;color:#fff}.model-clinica .panel-phone{background:#f8fbfa}
.model-treino .panel-preview{background:#9daa82}.model-treino .panel-page{background:#151d15}.model-treino .panel-photo{height:410px;filter:brightness(.55)}.model-treino .panel-overlay{background:linear-gradient(90deg,#111c13e8,transparent 90%);color:#e3f34c}.model-treino .panel-brand,.model-treino .panel-overlay strong,.model-treino .panel-phone b,.model-treino .panel-phone strong{font-family:Impact,'Arial Narrow',sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.02em}.model-treino .panel-overlay strong{font-size:clamp(48px,5.5vw,76px)}.model-treino .panel-offer,.model-treino .panel-cta,.model-treino .panel-phone>span{background:#e3f34c;color:#151d15}.model-treino .panel-phone{background:#151d15;color:#e3f34c}
.marquee div{font-size:clamp(20px,2.4vw,28px);padding:9px 0}
.panel-kicker{color:#31593e}
@media(max-width:1000px){.model-panel{grid-template-columns:1fr}.panel-copy{padding:0}.panel-copy .button{width:auto}.compare-layout{gap:4%}}
@media(max-width:768px){.compare-layout{grid-template-columns:1fr;gap:45px}.compare-demo{max-width:480px}.model-panel{gap:20px}.panel-preview{min-height:510px}.panel-browser{height:375px}.panel-photo{height:370px}.model-cafe .panel-photo,.model-clinica .panel-photo,.model-treino .panel-photo{height:370px}}
@media(max-width:600px){.compare-points{margin-top:20px}.comparison-phone{width:min(100%,360px);height:615px}.compare-before,.compare-after{font-size:14px}.garage-image{height:260px}.compare-points li{font-size:14px}.model-tabs{display:none}.js .model-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:15px}.model-tabs button{padding:9px 18px;flex:0 0 auto}.panel-preview{min-height:405px;padding:15px 34px 65px 8px}.panel-browser{height:315px}.panel-page{height:480px}.panel-photo,.model-cafe .panel-photo,.model-clinica .panel-photo,.model-treino .panel-photo{height:320px}.panel-toolbar{height:26px}.panel-overlay{min-height:300px;padding:15px}.panel-brand{font-size:18px}.panel-overlay strong{font-size:32px}.panel-overlay p{font-size:12px}.panel-offer,.panel-cta{font-size:12px;padding:5px 7px}.panel-phone{width:95px;height:180px;right:5px;bottom:44px;border-width:5px;border-radius:17px}.panel-phone-photo{height:88px}.panel-phone b{font-size:12px;margin:5px 0}.panel-phone strong{font-size:13px}.panel-phone>span{font-size:12px;margin-top:4px;padding:3px}.preview-callouts{left:6px;right:6px;bottom:8px;gap:3px}.preview-callouts span{font-size:12px;line-height:1.1;padding:4px;flex:1}.model-cafe .panel-overlay,.model-clinica .panel-overlay{inset:0 43% 0 0;padding:11px}.model-cafe .panel-photo,.model-clinica .panel-photo{width:57%}.model-cafe .panel-overlay strong,.model-clinica .panel-overlay strong{font-size:25px}.model-cafe .panel-overlay p,.model-clinica .panel-overlay p{display:none}.model-treino .panel-overlay strong{font-size:43px}.panel-copy h3{font-size:43px}}
@media(prefers-reduced-motion:reduce){.model-panel.is-active,.js .model-panel.is-active{animation:none}.panel-page{transition:none}}
@media(max-width:600px){
  .model-tabs button{padding:9px 12px;font-size:14px}.js .model-tabs{scrollbar-width:none}.js .model-tabs::-webkit-scrollbar{display:none}
  .model-panel:hover .panel-page,.model-panel:focus-within .panel-page{transform:none}
  .model-cafe .panel-page,.model-clinica .panel-page{height:330px}
  .model-cafe .panel-photo,.model-clinica .panel-photo{width:100%;height:138px;float:none}
  .model-cafe .panel-overlay,.model-clinica .panel-overlay{inset:138px 0 auto;min-height:192px;padding:12px 15px;background:#edca63}
  .model-clinica .panel-overlay{background:#f8fbfa}
  .model-cafe .panel-brand,.model-clinica .panel-brand{margin:0 0 4px;font-size:16px}
  .model-cafe .panel-overlay small,.model-clinica .panel-overlay small{display:none}
  .model-cafe .panel-overlay strong,.model-clinica .panel-overlay strong{font-size:24px;margin:2px 0 6px;max-width:220px}
  .model-cafe .panel-offer,.model-clinica .panel-offer{display:none}
  .model-cafe .panel-cta,.model-clinica .panel-cta{margin-top:4px}
  .model-clinica .panel-overlay strong{max-width:165px;font-size:22px;line-height:1.05}
  .model-treino .panel-overlay strong{max-width:200px;font-size:39px}
  .panel-phone{width:82px;height:164px;bottom:38px;right:3px}
  .panel-phone-photo{height:78px}
}
/* With scripts disabled, show both comparison states and every model. */
html:not(.js) .comparison-phone{width:100%;height:auto;border:0;box-shadow:none;border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:none;overflow:visible}
html:not(.js) .comparison-phone .phone-speaker,html:not(.js) .compare-handle,html:not(.js) .compare-demo input,html:not(.js) .slider-label{display:none}
html:not(.js) .compare-before,html:not(.js) .compare-after{position:static;clip-path:none;border:1px solid #cbd5cc;min-height:570px}
html:not(.js) .model-panels{gap:70px}
@media(max-width:600px){html:not(.js) .comparison-phone{grid-template-columns:1fr}html:not(.js) .compare-before,html:not(.js) .compare-after{min-height:0}}