html,body{width:100%;max-width:none;overflow-x:hidden}
main,section,footer{width:100%}
html{scroll-padding-top:96px}
section,[id]{scroll-margin-top:96px}
.mobile-menu[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#091b2c;background:#fff;line-height:1.5}.shell{width:min(1240px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,20,34,.96);border-bottom:1px solid rgba(148,240,31,.18);backdrop-filter:blur(18px)}.header-inner{height:82px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-plate{display:flex;align-items:center;background:#fff;border-radius:14px;padding:8px 14px;box-shadow:0 10px 32px rgba(0,0,0,.18)}.brand-plate img{display:block;width:190px;height:50px;object-fit:contain}.desktop-nav{display:flex;justify-content:center;gap:30px}.desktop-nav a,.mobile-menu a{color:#f8fbff;text-decoration:none;font-size:14px;font-weight:650}.desktop-nav a:hover{color:#94f01f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 21px;text-decoration:none;border:1px solid transparent;font:inherit;font-weight:800;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#b4ff43,#78df11);color:#07131c;box-shadow:0 12px 30px rgba(139,235,22,.16)}.btn-ghost{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.18);color:#fff}.btn-outline-dark{border-color:#aeb8c1;color:#0b1c2b;background:transparent}.btn-full{width:100%;border:0}.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;font-size:22px;padding:7px 10px}.mobile-menu{padding:0 20px 18px;display:grid;gap:12px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#153a43 0,#0a2232 34%,#061523 72%,#04111d 100%);color:#fff;min-height:680px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,31,.88) 0,rgba(5,19,31,.26) 55%,rgba(5,19,31,.72) 100%);pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.2}.hero-orb-a{width:460px;height:460px;background:#9cf128;left:30%;top:35%}.hero-orb-b{width:360px;height:360px;background:#18d4c0;right:10%;top:20%}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .9fr .72fr;gap:34px;align-items:center;padding:68px 0 76px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:900;color:#96ef2e;margin-bottom:15px}.eyebrow.dark{color:#4a9823}.eyebrow.light{color:#9cf128}.hero h1{margin:0;font-size:clamp(44px,5.1vw,75px);line-height:.95;letter-spacing:-.05em}.hero h1 em,.system-copy h2 em{font-style:normal;color:#93ed22}.hero-lead{font-size:18px;color:#d7e0e7;max-width:610px;margin:24px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.play{font-size:11px;border:1px solid currentColor;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.quick-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:38px}.quick-benefits article{min-height:96px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:14px;padding:14px 10px;text-align:center;display:grid;place-items:center;gap:4px;font-size:12px}.quick-benefits .icon{color:#9cf128;font-size:23px}.hero-product{position:relative;min-height:540px;display:grid;place-items:center}.product-glow{position:absolute;width:75%;height:72%;border-radius:50%;background:rgba(137,236,26,.14);filter:blur(60px)}.product-frame{position:relative;width:min(100%,500px);height:560px;display:grid;place-items:center}.product-frame img{position:relative;z-index:2;max-height:540px;max-width:100%;mix-blend-mode:multiply;filter:contrast(1.06) saturate(.9) drop-shadow(0 25px 30px rgba(0,0,0,.45))}.product-frame:after{content:"";position:absolute;z-index:3;inset:8% 16% 8% 16%;border-radius:8px;pointer-events:none;background:linear-gradient(100deg,rgba(9,25,36,.03),rgba(9,25,36,.01) 48%,rgba(121,234,17,.12) 50%,rgba(121,234,17,0) 52%)}.product-mark{position:absolute;z-index:4;top:22%;left:50%;transform:translateX(-50%);text-align:center;display:grid;color:#fff;text-shadow:0 2px 8px #000}.product-mark span{font-weight:950;color:#9cf128;font-size:22px;line-height:1}.product-mark b{font-size:10px;letter-spacing:.1em}.hero-stats{display:grid;gap:12px}.hero-stats article{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:16px;padding:16px}.stat-icon{width:48px;height:48px;border:1px solid rgba(156,241,40,.35);border-radius:50%;display:grid;place-items:center;color:#9cf128;font-size:25px}.hero-stats small{color:#aebbc5}.hero-stats strong{display:block;font-size:21px}.hero-stats p{margin:2px 0 0;color:#b9c4cd;font-size:12px}.system-section{padding:78px 0;background:linear-gradient(180deg,#fff,#f4f7f4)}.system-grid{display:grid;grid-template-columns:.82fr 1.1fr 1.12fr;gap:34px;align-items:stretch}.system-copy h2,.care-copy h2,.faq-intro h2,.contact-copy h2,.process-title h2{font-size:clamp(32px,3.4vw,52px);line-height:1.04;letter-spacing:-.04em;margin:0 0 18px}.system-copy>p{color:#5d6872;font-size:17px}.feature-list{display:grid;gap:12px;margin:28px 0}.feature-list>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.feature-list span{width:28px;height:28px;border-radius:8px;background:#ecf9e5;color:#55a820;display:grid;place-items:center;font-weight:900}.feature-list p{margin:0}.feature-list small{display:block;color:#697781;margin-top:2px}.dimension-card{background:#fff;border-radius:22px;box-shadow:0 15px 45px rgba(18,50,38,.08);padding:18px}.dimension-stage{min-height:480px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fff 0,#f7f8f6 55%,#eef2ef 100%);border-radius:18px;overflow:hidden}.dimension-stage img{max-height:430px;max-width:76%;mix-blend-mode:multiply;filter:contrast(1.05)}.product-mark-small{top:29%;font-size:.8em}.measure{position:absolute;font-size:12px;font-weight:700;color:#20313f}.measure i{display:block;background:#66747e}.measure-height{right:12px;top:72px;height:300px;display:flex;align-items:center;gap:10px}.measure-height i{width:1px;height:100%;position:relative}.measure-height i:before,.measure-height i:after{content:"";position:absolute;width:12px;height:1px;background:#66747e;left:-5px}.measure-height i:before{top:0}.measure-height i:after{bottom:0}.measure-width{left:26%;bottom:18px;text-align:center}.measure-width i{height:1px;width:150px;margin:0 auto 7px}.measure-depth{right:12px;bottom:18px}.measure-depth i{display:none}.dimension-note{font-size:11px;color:#71808b;margin:12px 3px 0}.capacities-panel{background:#f8fbff;border-radius:22px;padding:24px;box-shadow:0 15px 45px rgba(18,50,38,.06)}.section-mini-heading{text-align:center;margin-bottom:24px}.section-mini-heading h3{margin:0;font-size:22px}.section-mini-heading p{margin:5px 0 0;color:#70808d}.capacity-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.capacity-card{position:relative;background:#fff;border:1px solid #e3e9ed;border-radius:18px;padding:24px 16px 16px;display:flex;flex-direction:column;min-height:350px}.capacity-card.featured{border-color:#70b92a;box-shadow:0 12px 25px rgba(100,177,32,.12)}.popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#8ae320;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:900;white-space:nowrap}.capacity-card>strong{font-size:26px}.capacity-card>span{font-size:13px;color:#6d7a85}.capacity-card ul{list-style:none;padding:0;margin:28px 0 18px;display:grid;gap:9px;font-size:12px;flex:1}.capacity-card li:before{content:"✓";color:#4d9e22;font-weight:900;margin-right:7px}.capacity-button{border:1px solid #c9d2d8;background:#fff;border-radius:10px;padding:11px;font-weight:800;cursor:pointer}.capacity-card.featured .capacity-button{background:#4f9f20;color:#fff;border-color:#4f9f20}.process-section{background:#061725;color:#fff;padding:54px 0}.process-wrap{display:grid;grid-template-columns:.65fr 2fr;gap:38px;align-items:center}.process-title h2{font-size:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start}.step-no{position:absolute;top:-18px;left:58px;color:#8ee522;font-size:12px;font-weight:900}.step-icon{width:48px;height:48px;border-radius:50%;border:1px solid #78ca27;color:#8fe824;display:grid;place-items:center;font-size:22px}.steps strong{font-size:14px}.steps p{font-size:12px;color:#b7c2cb;margin:4px 0 0}.care-section{padding:84px 0;background:radial-gradient(circle at 85% 40%,#17463e,#0a2c34 45%,#071b29 100%);color:#fff}.care-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.care-copy p{color:#c7d3dc;font-size:17px;max-width:720px}.care-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.care-points span{padding:13px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}.app-shell{display:grid;place-items:center}.phone{width:min(330px,100%);background:#f8faf9;color:#0c1e2b;border:9px solid #020b12;border-radius:42px;padding:30px 20px 22px;box-shadow:0 30px 70px rgba(0,0,0,.3);position:relative}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:110px;height:20px;border-radius:0 0 16px 16px;background:#020b12}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.phone-top span{color:#5e9d25}.phone>small{display:block;margin:20px 0 12px;color:#6b7780}.soc-card{display:grid;place-items:center;padding:15px;background:#fff;border-radius:20px}.soc-ring{width:150px;height:150px;border-radius:50%;border:8px solid #8ae72c;display:grid;place-items:center;align-content:center}.soc-ring strong{font-size:38px}.soc-ring span{font-size:11px;color:#70808a}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.phone-grid>div{background:#fff;border-radius:13px;padding:11px}.phone-grid small{display:block;color:#7a8790}.care-status{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;background:#eaf8e5;border-radius:14px;padding:12px}.care-status b{width:28px;height:28px;border-radius:50%;background:#85e42a;display:grid;place-items:center}.care-status span{display:block;font-size:10px;color:#63706d}.faq-section{padding:82px 0}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-intro p{color:#65737e}.faq-list{display:grid}.faq-list details{border-bottom:1px solid #dbe2e6;padding:18px 4px}.faq-list summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:"+";font-size:22px;color:#6bb629}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#5e6e79;margin-bottom:4px}.contact-section{padding:84px 0;background:#081c2c;color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:68px;align-items:start}.contact-copy p{color:#c3d0d8;font-size:17px}.contact-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.contact-trust span{font-size:12px;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.13)}.lead-form{background:#fff;color:#0b1d2d;border-radius:22px;padding:28px;box-shadow:0 22px 65px rgba(0,0,0,.25)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{display:grid;gap:7px;font-size:12px;font-weight:800;margin-bottom:14px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #d6dfe4;background:#f8fafb;border-radius:11px;padding:13px 14px;font:inherit;color:#0d1d2a;outline:none}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#77c829;box-shadow:0 0 0 3px rgba(119,200,41,.12)}.input-suffix{position:relative}.input-suffix span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#79858c}.input-suffix input{padding-right:50px}.consent{grid-template-columns:20px 1fr!important;align-items:start!important;font-weight:500!important;color:#56646f}.consent input{width:18px;height:18px;margin-top:2px}.honeypot{position:absolute!important;left:-10000px!important;opacity:0!important;width:1px!important;height:1px!important}.form-status{min-height:24px;font-size:13px;margin-top:12px}.form-status.success{color:#3b7d1f}.form-status.error{color:#b42318}.footer{background:#03101b;color:#b9c6cf;padding:46px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:50px}.footer strong{color:#fff;display:block;margin-bottom:12px}.footer a,.footer span{display:block;color:#b9c6cf;text-decoration:none;margin:6px 0;font-size:13px}.footer p{max-width:430px;font-size:13px}.footer-logo{display:inline-flex}.footer-logo img{width:200px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.in-view{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}@media(max-width:1100px){.header-inner{grid-template-columns:210px 1fr auto}.desktop-nav{gap:18px}.hero-grid{grid-template-columns:1fr 1fr}.hero-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.hero-stats article{grid-template-columns:44px 1fr}.system-grid{grid-template-columns:1fr 1fr}.capacities-panel{grid-column:1/-1}.process-wrap{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.shell{width:min(100% - 28px,1240px)}.header-inner{height:72px;grid-template-columns:1fr auto}.brand-plate{padding:6px 10px}.brand-plate img{width:150px;height:43px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:48px 0 58px}.hero-copy{order:1}.hero-product{order:2;min-height:430px}.product-frame{height:430px}.product-frame img{max-height:420px}.hero-stats{order:3;grid-template-columns:1fr 1fr}.quick-benefits{grid-template-columns:repeat(3,1fr)}.system-grid,.care-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.system-copy,.capacities-panel{order:1}.dimension-card{order:2}.capacities-panel{order:3}.capacity-cards{grid-template-columns:1fr}.capacity-card{min-height:auto}.steps{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.care-grid{gap:40px}}@media(max-width:520px){.hero h1{font-size:45px}.hero-lead{font-size:16px}.quick-benefits{grid-template-columns:1fr 1fr}.hero-stats{grid-template-columns:1fr}.hero-stats strong{font-size:18px}.dimension-stage{min-height:400px}.dimension-stage img{max-height:350px}.measure-height{height:250px}.measure-width{left:18%;}.measure-depth{right:4px}.care-points{grid-template-columns:1fr}.lead-form{padding:20px}.system-section,.care-section,.faq-section,.contact-section{padding:62px 0}}
/* V2.1 header correction */
.site-header{height:auto}
.header-inner{
height:76px;
grid-template-columns:auto 1fr auto;
gap:22px;
}
.brand-plate{
padding:6px 12px;
border-radius:11px;
}
.brand-plate img{
width:182px;
height:46px;
}
.desktop-nav{gap:26px}
.mobile-menu{
position:absolute;
top:calc(100% + 8px);
right:14px;
width:min(320px,calc(100vw - 28px));
padding:16px;
border:1px solid rgba(255,255,255,.12);
border-radius:16px;
background:rgba(5,20,34,.985);
box-shadow:0 18px 50px rgba(0,0,0,.35);
z-index:80;
}
.mobile-menu a{
padding:10px 12px;
border-radius:9px;
}
.mobile-menu a:hover{background:rgba(255,255,255,.06)}
.approved-visual{
width:min(100%,500px);
height:auto;
min-height:0;
aspect-ratio:1/1;
overflow:hidden;
border-radius:22px;
box-shadow:0 28px 70px rgba(0,0,0,.34);
}
.approved-visual img{
width:100%;
height:100%;
max-width:none;
max-height:none;
object-fit:cover;
mix-blend-mode:normal;
filter:none;
}
.approved-visual:after{display:none}
.product-mark{display:none}
.dimension-card{
display:flex;
flex-direction:column;
justify-content:center;
padding:14px;
}
.dimension-visual{
display:block;
width:100%;
height:auto;
border-radius:16px;
}
.dimension-note{padding:0 6px}
@media(max-width:820px){
html{scroll-padding-top:76px}
section,[id]{scroll-margin-top:76px}
.site-header{position:sticky;top:0}
.header-inner{
height:66px;
grid-template-columns:1fr auto;
}
.brand-plate{
padding:4px 8px;
border-radius:9px;
}
.brand-plate img{
width:142px;
height:42px;
}
.menu-toggle{
display:grid;
place-items:center;
width:42px;
height:42px;
padding:0;
}
.mobile-menu{
display:grid;
}
.hero-grid{
padding-top:38px;
}
.hero-product{
min-height:0;
}
.approved-visual{
width:min(100%,430px);
margin:auto;
}
}
@media(max-width:520px){
.brand-plate img{width:128px;height:38px}
.header-inner{height:62px}
html{scroll-padding-top:72px}
section,[id]{scroll-margin-top:72px}
}
/* V2.2 — branding oficial no equipamento */
.cabinet-brand-wrap,.dimension-visual-wrap{position:relative}
.cabinet-official-logo{
position:absolute;
z-index:8;
display:grid;
place-items:center;
background:rgba(255,255,255,.94);
border:1px solid rgba(255,255,255,.82);
border-radius:10px;
box-shadow:0 7px 20px rgba(0,0,0,.24);
overflow:hidden;
backdrop-filter:blur(5px);
}
.cabinet-official-logo img{
display:block;
width:100%;
height:100%;
object-fit:contain;
mix-blend-mode:normal!important;
filter:none!important;
}
.hero-cabinet-logo{
width:76px;
height:76px;
left:50%;
top:20.5%;
transform:translate(-50%,-50%);
padding:5px;
}
.dimension-visual-wrap{border-radius:16px;overflow:hidden}
.dimension-cabinet-logo{
width:54px;
height:54px;
left:49.8%;
top:24%;
transform:translate(-50%,-50%);
padding:4px;
border-radius:8px;
}
@media(max-width:820px){
.hero-cabinet-logo{width:66px;height:66px}
.dimension-cabinet-logo{width:48px;height:48px}
}
@media(max-width:520px){
.hero-cabinet-logo{width:58px;height:58px}
.dimension-cabinet-logo{width:42px;height:42px}
}
/* V2.3 — limpeza visual do branding nas imagens */
.cabinet-official-logo,
.hero-cabinet-logo,
.dimension-cabinet-logo{display:none!important}
.visual-credit{
margin:14px 6px 0;
color:rgba(255,255,255,.78);
font-size:.92rem;
line-height:1.5;
}
.visual-credit strong{color:#94f01f}
.visual-credit-dark{
margin:12px 6px 2px;
color:#425160;
}
.visual-credit-dark strong{color:#0b1c2a}
.approved-visual{
box-shadow:0 28px 70px rgba(0,0,0,.34);
}
.dimension-card{
background:#fff;
}
/* =========================================================
V2.5 — mostrar as imagens aprovadas COMPLETAS
========================================================= */
.hero-product{
display:flex;
align-items:center;
justify-content:center;
}
.approved-visual{
width:min(100%,440px) !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:auto !important;
overflow:visible !important;
border-radius:22px;
background:transparent;
}
.approved-visual img{
display:block !important;
width:100% !important;
height:auto !important;
max-width:100% !important;
max-height:none !important;
object-fit:contain !important;
object-position:center !important;
border-radius:22px;
mix-blend-mode:normal !important;
filter:none !important;
}
.dimension-visual-wrap{
width:100%;
overflow:visible !important;
background:#fff;
}
.dimension-visual{
display:block !important;
width:100% !important;
height:auto !important;
max-width:100% !important;
object-fit:contain !important;
object-position:center !important;
border-radius:16px;
}
@media(max-width:820px){
.approved-visual{
width:min(88vw,420px) !important;
}
}
@media(max-width:520px){
.approved-visual{
width:min(92vw,390px) !important;
}
}
/* =========================================================
V2.6 — aumentar e equilibrar a imagem das medidas
========================================================= */
.dimension-card{
padding:18px !important;
}
.dimension-visual-wrap{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
padding:0 !important;
}
.dimension-visual{
display:block !important;
width:min(100%, 860px) !important;
height:auto !important;
max-width:100% !important;
margin:0 auto !important;
object-fit:contain !important;
object-position:center !important;
}
.dimension-note{
margin-top:14px !important;
}
@media(max-width:820px){
.dimension-card{
padding:12px !important;
}
.dimension-visual{
width:min(100%, 720px) !important;
}
}
@media(max-width:520px){
.dimension-card{
padding:10px !important;
}
.dimension-visual{
width:100% !important;
}
.dimension-note{
font-size:.95rem !important;
line-height:1.55 !important;
}
}
/* =========================================================
V2.8 — imagem das medidas maior APENAS no PC
Mobile/tablet mantêm a composição V2.7.
========================================================= */
.dimension-picture{
display:block;
width:100%;
}
@media(min-width:1101px){
.system-grid{
grid-template-columns:.80fr 1.28fr 1.08fr;
gap:28px;
}
.dimension-card{
padding:10px !important;
}
.dimension-visual-wrap{
overflow:visible !important;
}
.dimension-picture{
width:100%;
}
.dimension-picture .dimension-visual{
display:block !important;
width:100% !important;
max-width:none !important;
height:auto !important;
margin:0 auto !important;
object-fit:contain !important;
}
.dimension-note{
margin:10px 10px 4px !important;
}
}
/* =========================================================
V2.9 — desktop maior, sem perder nenhuma medida
========================================================= */
@media(min-width:1101px){
.dimension-picture .dimension-visual{
width:100% !important;
height:auto !important;
object-fit:contain !important;
object-position:center !important;
}
}