/* Moldra V8 hero: live editorial composition, keeping the existing wordmark intact. */
.site-header{background:var(--paper);border-bottom:1px solid var(--ink)}
.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:66px;gap:24px}
.header-inner>.wordmark{grid-column:2;grid-row:1;justify-self:center;position:relative}
.header-inner>.desktop-nav{grid-column:1;grid-row:1;justify-self:start;margin-left:0;gap:34px}
.header-inner>.effects-toggle{grid-column:3;grid-row:1;justify-self:end}
.header-inner>.header-cta{grid-column:3;grid-row:1;justify-self:end;margin-right:48px;min-height:44px;border-color:var(--ink);border-radius:0;background:var(--lime);padding-inline:22px;font-size:13px}
.header-inner>.menu-button{grid-column:3;grid-row:1;justify-self:end}
.hero{background:var(--paper);overflow:clip}
.hero-copy{padding-top:36px}
.hero-copy>.hero-brand-mark{display:none}
.hero-copy>.eyebrow{border:0;padding:0;font-size:11px;letter-spacing:.27em;font-weight:600}
.hero h1{margin:17px auto 13px;max-width:1040px;font:900 clamp(56px,6.15vw,88px)/.9 'DM Sans',sans-serif;letter-spacing:-.055em}
.hero h1 .hero-topline,.hero h1 .hero-em{font:inherit;letter-spacing:inherit;font-style:normal}
.hero h1 .hero-topline{display:block}
.hero h1 .hero-em{display:block}
.hero-em::after{display:none}
.hero-description{max-width:none;margin:0 auto 16px;color:var(--ink);font:400 18px/1.38 'DM Sans',sans-serif;letter-spacing:-.02em}
.hero-description strong{font-weight:400}
.hero-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}
.hero-actions>.button{min-height:48px;border-color:var(--ink);border-radius:0;padding-inline:32px;font-size:15px}
.hero-secondary{font-size:15px;text-underline-offset:5px}
.hero-stage{height:510px;margin-top:7px;overflow:visible}
.hero-stage .stage-backdrop,.hero-stage>.hero-phones{display:none}
.editorial-phones{display:block;position:absolute;inset:18px 0 0;z-index:2;pointer-events:none}
.editorial-phone{--app-paper:#faeee7;--app-ink:#722e43;--app-color:#722e43;--app-on-color:#fff6ef;width:250px;height:560px;position:absolute;top:15px;left:50%;transform:translateX(-50%) scale(.77);transform-origin:center top;background:#181b19;border:3px solid #6e716b;border-radius:34px;padding:5px;box-shadow:inset 0 0 0 1px #e6e6dc,0 18px 26px #1117142e;z-index:1;pointer-events:none;contain:style}
.editorial-phone[data-preview-position=center]{top:0;transform:translateX(-50%) scale(.86);z-index:3;pointer-events:auto}
.editorial-phone[data-preview-position=left]{left:calc(50% - 206px);transform:translateX(-50%) rotate(-3deg) scale(.77)}
.editorial-phone[data-preview-position=right]{left:calc(50% + 206px);transform:translateX(-50%) rotate(3deg) scale(.77)}
.editorial-phone[data-theme=pet]{--app-paper:#f1efe6;--app-ink:#173d2b;--app-color:#173d2b;--app-on-color:#fff8e9}
.editorial-phone[data-theme=turismo]{--app-paper:#f1eee3;--app-ink:#173141;--app-color:#173141;--app-on-color:#fff5e8}
.editorial-phone[data-theme=barbearia]{--app-paper:#1d2923;--app-ink:#f2e3c8;--app-color:#ddbd87;--app-on-color:#18231d}
.editorial-phone[data-theme=saude]{--app-paper:#e8f0ed;--app-ink:#155367;--app-color:#155367;--app-on-color:#fff}
.phone-bezel{height:100%;width:100%;background:var(--app-paper);color:var(--app-ink);border-radius:27px;overflow:hidden;position:relative;padding-top:24px;display:flex;flex-direction:column}
.phone-bezel::before{content:'';position:absolute;left:50%;top:7px;transform:translateX(-50%);width:66px;height:15px;background:#060c0a;border-radius:14px;z-index:5}
.phone-bezel::after{content:'9:41';position:absolute;left:13px;top:7px;font:600 8px/1 'DM Sans',sans-serif;color:var(--app-ink)}
.preview-bar{flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;gap:5px;height:48px;padding:8px 12px;font-family:'DM Sans',sans-serif}.preview-bar>span:first-child{display:flex;align-items:center;gap:5px;min-width:0}.preview-bar strong{font-size:17px;line-height:1.05;letter-spacing:-.04em;white-space:nowrap}.preview-bar .icon{width:18px;height:18px;color:currentColor;fill:none}.preview-menu .icon{width:13px;height:13px}.preview-picture{flex:1 1 auto;min-height:180px;margin:0;position:relative;overflow:hidden;background:var(--app-color)}.preview-picture>img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}.preview-picture::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#111714b0);pointer-events:none}.preview-picture figcaption{position:absolute;left:11px;right:8px;bottom:14px;color:#fff8ef;z-index:1;text-align:left;line-height:1.08}.preview-picture figcaption>span{display:none}.preview-picture figcaption>strong{font:650 22px/1.08 'DM Sans',sans-serif;letter-spacing:-.035em;display:block;max-width:180px;text-shadow:0 1px 5px #0004}.editorial-phone[data-theme=beleza] .preview-picture{height:auto}.preview-cells{display:none}.preview-action{order:3;flex:0 0 34px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;min-height:34px;margin:10px 10px 8px;padding:4px 6px;font:500 11px/1.1 'DM Sans',sans-serif;background:var(--app-paper);color:var(--app-ink);border:1px solid #fff6;border-radius:3px;text-align:center}.editorial-phone[data-theme=beleza] .preview-action{background:var(--app-color);color:var(--app-on-color)}.preview-services{order:4;flex:0 0 auto;background:var(--app-paper);padding:7px 10px 9px}.preview-services-label{display:block;font:600 10px/1.2 'DM Sans',sans-serif;margin-bottom:5px}.preview-services ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.preview-services li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:5px;padding:3px;background:#11171405;border-radius:5px;min-height:36px}.preview-services li:nth-child(n+2){display:grid}.preview-thumb{width:30px;height:30px;overflow:hidden;border-radius:4px;background:#11171415}.preview-thumb>img{width:100%;height:100%;object-fit:cover}.preview-services li>span:nth-child(2){min-width:0}.preview-services strong{display:block;font:600 8px/1.15 'DM Sans',sans-serif;letter-spacing:-.025em}.preview-services li small{display:block;font:400 6px/1.2 'DM Sans',sans-serif;margin-top:2px}.preview-services li em{font:400 6px/1.2 'DM Sans',sans-serif;max-width:27px;text-align:right;font-style:normal}
.hero-outline-word{display:block;position:absolute;z-index:0;left:50%;bottom:65px;transform:translateX(-50%);font:800 clamp(150px,23vw,360px)/.8 Manrope,sans-serif;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #18201f44;white-space:nowrap;pointer-events:none;user-select:none}
.hero .stage-note{display:none}
.hero-bottom.wrap{width:min(var(--site-width),calc(100% - var(--gutter)*2));border-top:1px solid #18201f55;margin-top:0;padding-block:15px 19px;position:relative;z-index:5}
.hero-bottom>p{font:400 13px/1.4 'DM Sans',sans-serif;color:var(--muted)}
.hero-bottom .hero-bottom-mobile{display:none}
.hero-bottom>.demo-caption{font-size:12px}
@media(max-width:700px){
 .site-header .header-inner{display:flex;height:60px}
 .site-header .header-inner>.wordmark{grid-column:auto;grid-row:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
 .hero-copy.wrap{padding-top:25px}
 .hero-copy>.eyebrow{font-size:10px;letter-spacing:.18em}
 .hero h1{margin-top:18px;font-size:clamp(49px,13.34vw,79px);line-height:.9}
 .hero h1>.hero-topline,.hero h1>.hero-em{display:none}
 .hero-description{font-size:17px;line-height:1.3;max-width:340px;margin-top:14px;margin-bottom:16px}
 .hero-description-desktop{display:none}.hero-description-mobile{display:block}
 .hero-actions{display:flex;gap:14px}
 .hero-actions>.button{width:100%;min-height:52px;padding-inline:12px;font-size:18px;margin-top:0}
 .hero-secondary{font-size:17px}
 .hero-stage{height:320px;margin-top:15px}
 .editorial-phones{inset:6px 0 0;--device-scale:.56!important;--side-scale:.45!important}
 .editorial-phone{width:240px;height:550px;top:29px;transform:translateX(-50%) scale(var(--side-scale,.49));border-width:2px;border-radius:30px;padding:4px;box-shadow:inset 0 0 0 1px #e6e6dc,0 3px 8px #11171424}
 .editorial-phone[data-preview-position=center]{top:1px;transform:translateX(-50%) scale(var(--device-scale,.6))}
 .editorial-phone[data-preview-position=left]{left:17.5%;transform:translateX(-50%) scale(var(--side-scale,.49))}
 .editorial-phone[data-preview-position=right]{left:82.5%;transform:translateX(-50%) scale(var(--side-scale,.49))}
 .hero-outline-word{font-size:26.7vw;bottom:-2px}
 .hero-bottom.wrap{width:calc(100% - 36px);border-top:0;padding:12px 0 21px;text-align:center;display:block}
 .hero-bottom>p{font-size:13px}.hero-bottom .hero-bottom-desktop{display:none}.hero-bottom .hero-bottom-mobile{display:block}.hero-bottom>.demo-caption{display:block;font-size:10px;margin-top:4px}
}
@media(max-width:360px){.hero-stage{height:300px}.hero-copy>.eyebrow{font-size:9px}.hero-actions>.button{font-size:17px}.hero-description{font-size:15px}}
@media(prefers-reduced-motion:reduce){.editorial-phone{animation:none!important}.hero-actions>.button:hover{transform:none}}

/* Shared device interior: preserve framing and give the action its own row. */
.hero .phone-bezel{background:var(--app-color);color:var(--app-on-color)}
.hero .phone-bezel::after{color:var(--app-on-color)}
.hero .preview-bar{background:var(--app-color);color:var(--app-on-color)}
.hero .preview-picture{min-height:0;height:auto;flex:1 1 0}
.hero .preview-picture>img{position:absolute;inset:0}
.hero .editorial-phone .preview-picture figcaption>strong{max-width:200px;font-size:22px;line-height:1.08}
.hero .editorial-phone[data-theme=beleza] .preview-picture>img{object-position:50% 40%}
.hero .editorial-phone[data-theme=barbearia] .preview-picture>img{object-position:75% 50%}
.hero .editorial-phone[data-theme=saude] .preview-picture>img{object-position:50% 20%}
.hero .preview-services{order:3;background:var(--app-paper);color:var(--app-ink);padding:10px}
.hero .preview-services li{min-height:44px;grid-template-columns:30px minmax(0,1fr)}
.hero .preview-services li:nth-child(n+3){display:none}
.hero .preview-services strong{font-size:11px;line-height:1.25}
.hero .preview-services li small{font-size:8px;line-height:1.3}
.hero .preview-services li em{display:none}
.hero .preview-action{order:4;flex:0 0 38px;margin:8px 10px 12px;font-size:12px;font-weight:700;background:var(--app-paper);color:var(--app-ink)}
.hero .preview-action::after{content:'';position:absolute;inset:-500px -20px -20px;cursor:pointer}
.hero .preview-action:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.hero .editorial-phone:focus-within{box-shadow:0 0 0 4px var(--lime),0 10px 22px #11171428}
@media(min-width:701px) and (max-width:1100px){
 .hero-stage{height:420px}
 .editorial-phone[data-preview-position=center]{transform:translateX(-50%) scale(.7)}
 .editorial-phone[data-preview-position=left]{left:calc(50% - 168px);transform:translateX(-50%) rotate(-3deg) scale(.62)}
 .editorial-phone[data-preview-position=right]{left:calc(50% + 168px);transform:translateX(-50%) rotate(3deg) scale(.62)}
}
@media(max-width:1100px) and (min-width:701px){
 .header-inner>.desktop-nav{display:none}
 .header-inner>.header-cta{grid-column:1;justify-self:start;margin-right:0}
 .header-inner>.effects-toggle{margin-right:56px}
 .header-inner>.menu-button{display:flex}
 .mobile-nav.is-open{display:grid;gap:0;border-top:1px solid #18201f20;padding:15px var(--gutter) 23px}
 .mobile-nav a{padding:12px 0;font-size:14px}
 .mobile-nav a:last-child{color:#4b6522}
}
@media(max-width:700px){
 .hero h1{-webkit-text-stroke:0;font-size:clamp(43px,13.34vw,64px)}
 .hero-description{font-size:17px;max-width:360px}
 .hero .hero-bottom .demo-caption{text-align:center;width:100%;max-width:none;margin-inline:auto}
}