/* Multitech · Liquid glass — 02/10/2026. Opaque surfaces are the baseline. */
:root{--glass-border:rgba(187,230,250,.27);--glass-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(88,208,237,.08),0 24px 64px rgba(0,5,15,.3);--muted:#c2d2e1}
html{scroll-padding-top:132px}
body{background:#040b15}
main{background:radial-gradient(ellipse 800px 650px at 8% 4%,rgba(21,105,156,.3),transparent 72%),radial-gradient(ellipse 750px 700px at 94% 31%,rgba(15,148,177,.22),transparent 72%),radial-gradient(ellipse 900px 750px at 5% 63%,rgba(43,84,163,.25),transparent 70%),radial-gradient(ellipse 750px 600px at 96% 94%,rgba(20,152,181,.2),transparent 70%),#040b15}
.header{position:sticky;top:16px;z-index:60;margin-top:16px;min-height:88px;padding:16px 24px;border:1px solid var(--glass-border);border-radius:24px;background:linear-gradient(120deg,#182d42,#0b1a2b);box-shadow:var(--glass-shadow);gap:24px}
.header .brand img{width:230px}
.header nav{gap:12px}
.header nav>a{padding:11px 16px;border-radius:14px;transition:background .2s,color .2s}
.header nav>a:hover{background:rgba(170,228,250,.1)}
.header .nav-contact{border:1px solid rgba(109,222,239,.5);background:#153c50;color:#e8fcff;border-radius:16px}
.hero{padding-top:70px;padding-bottom:74px}
.hero-visual,.card,.quote-panel,.contact-panel,.steps article,.faq-items details{border:1px solid var(--glass-border);background:linear-gradient(135deg,#183044,#0b1b2e);box-shadow:var(--glass-shadow);border-radius:24px}
.hero-visual{position:relative;padding:8px;overflow:hidden}
.hero-visual>img{border-radius:17px}
:root .visual-label{border:1px solid rgba(173,229,249,.24);border-radius:14px;margin:8px 0 0;padding:14px 18px;background:#102a3d;font-size:13px;color:#e0f6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
.card{position:relative;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s;background:linear-gradient(150deg,#1c3449,#0a1b2f);overflow:hidden}
.card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 28%,transparent 78%,rgba(73,208,232,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.solution-photo{border-bottom:1px solid rgba(177,232,246,.23)}
.solution-body{padding:28px;position:relative;z-index:1;background:linear-gradient(135deg,rgba(196,237,255,.035),transparent 65%)}
.solution-body .card-top{margin-bottom:22px}
.card svg{padding:8px;width:48px;height:48px;border-radius:14px;background:rgba(143,229,248,.08);border:1px solid rgba(167,234,248,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.card h3{color:#f5fbff}
.card p{color:#c5d6e5}
.number{color:#b2cadd}
.card a{padding:18px 0 3px;border-top-color:rgba(188,229,247,.2);min-height:44px}
.category-strip{background:#0c2033;border-top:1px solid rgba(173,229,249,.17);border-bottom:1px solid rgba(173,229,249,.17)}
.category-strip a,.product-shortcuts button,.quote-mode label{border:1px solid rgba(172,226,247,.28);background:linear-gradient(135deg,#22465b,#112d41);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 6px 20px rgba(0,0,0,.1);color:#e5f5ff;transition:border-color .2s,background .2s,transform .2s}
.product-shortcuts button{min-height:44px;padding:10px 14px}
.category-strip a{padding:11px 18px}
.button{border-radius:16px;padding:17px 23px;transition:transform .2s,box-shadow .2s,background .2s}
.primary,.quote-panel button.primary{background:linear-gradient(135deg,#b5f7ff 0%,#5bdde9 43%,#35bfdc 100%);color:#042439;border:1px solid rgba(228,253,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(0,93,128,.18),0 8px 26px rgba(22,194,218,.2)}
.primary:hover{background:linear-gradient(135deg,#d2fbff,#6de5ed 48%,#44cce4)}
.actions .text-link{padding:14px 0;min-height:44px}
.process{background:radial-gradient(ellipse at 75% 45%,rgba(21,135,169,.14),transparent 70%);border-color:rgba(166,218,240,.17)}
.steps{gap:20px}
.steps article{padding:28px;min-width:0}
.steps span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(152,231,247,.3);background:rgba(152,231,247,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.steps h3{margin-top:20px}
.quote-panel{padding:34px;position:relative;background:linear-gradient(140deg,#223b53,#0c1b30);border-color:rgba(168,225,247,.4)}
.quote-mode label{border-radius:14px;padding:12px 15px}
.quote-mode label:has(input:checked){background:linear-gradient(135deg,#245767,#153849);border-color:#7ee7f3;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(111,226,244,.1)}
.field input,.field select,.field textarea,.quote-preview pre{background:#071626;color:#f1f8ff;border:1px solid rgba(160,203,231,.45);border-radius:12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.18)}
.field select option{background:#071626;color:#f1f8ff}
.field input::placeholder,.field textarea::placeholder{color:#b9cddd}
.field-help,.form-note{color:#c2d2e1}
.quote-preview pre{line-height:1.8}
.faq{border-bottom:0}
.faq-items details{margin-bottom:12px;padding:0 20px;border:1px solid var(--glass-border)}
.faq-items details:last-child{border-bottom:1px solid var(--glass-border)}
.faq-items details[open]{border-color:rgba(111,226,244,.5)}
.faq-items summary{padding:20px 0;min-height:56px;color:#ecf7ff}
.faq-items p{padding:0 0 10px;color:#c5d6e5}
.contact-panel{padding:28px;border-left:1px solid var(--glass-border)}
.contact-panel .button{font-size:14px}
.contact-email{font-size:15px}
.footer{border-top-color:rgba(183,227,247,.2)}
.whatsapp-floating{z-index:70;background:linear-gradient(135deg,#55e795,#20bc65);border:1px solid rgba(227,255,240,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 30px rgba(0,0,0,.4)}
.whatsapp-floating-label{background:#0b283c;border-color:rgba(183,227,247,.4);border-radius:12px}
a:focus-visible,button:focus-visible,summary:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.quote-preview:focus-visible{outline:3px solid #8aebf6;outline-offset:4px}
.skip{z-index:100}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.header{background:linear-gradient(120deg,rgba(162,223,250,.13),rgba(22,47,69,.24)),rgba(6,18,32,.72);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
.hero-visual,.card,.quote-panel,.contact-panel,.steps article,.faq-items details{background:linear-gradient(135deg,rgba(201,237,255,.13),rgba(136,202,243,.035) 50%,rgba(11,27,45,.22)),rgba(8,23,39,.64);-webkit-backdrop-filter:blur(18px) saturate(155%);backdrop-filter:blur(18px) saturate(155%)}
:root .visual-label{background:linear-gradient(135deg,rgba(221,250,255,.09),rgba(5,26,42,.5)),rgba(8,25,41,.76);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.category-strip{background:rgba(15,38,58,.62);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.category-strip a,.product-shortcuts button,.quote-mode label,.header .nav-contact{background:linear-gradient(135deg,rgba(194,240,255,.16),rgba(90,190,228,.06)),rgba(17,47,65,.65)}
}
@media(hover:hover) and (pointer:fine){
.card:hover{transform:translateY(-5px);border-color:rgba(126,233,245,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.4),0 0 26px rgba(41,160,205,.1)}
.product-shortcuts button:hover,.category-strip a:hover{transform:translateY(-2px);border-color:#8aebf6;background:linear-gradient(135deg,#315f73,#153d53)}
}
@media(max-width:1050px){.header .brand img{width:205px}.header nav>a{padding:10px 12px}.header nav{gap:6px}.hero{gap:28px}}
@media(max-width:900px){
.header.nav-enhanced{position:sticky;top:12px;margin-top:12px;padding:14px 18px;min-height:80px;border-radius:21px}
.header.nav-enhanced .menu-toggle{background:linear-gradient(135deg,#31536a,#142f44);border:1px solid rgba(179,228,247,.4);border-radius:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);min-height:44px}
.header.nav-enhanced nav{top:calc(100% + 10px);border:1px solid rgba(179,228,247,.4);border-radius:20px;background:#0d2237;padding:12px;box-shadow:var(--glass-shadow);gap:5px}
.header.nav-enhanced nav>a:not(.nav-contact),.header.nav-enhanced nav>.nav-contact{padding:13px 15px;min-height:48px;border-radius:13px}
.header.nav-enhanced .brand img{width:clamp(144px,40vw,195px)}
.quote-panel{padding:26px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header.nav-enhanced nav{background:linear-gradient(135deg,rgba(157,218,247,.12),rgba(20,42,62,.08)),rgba(5,20,35,.94);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}}
}
@media(max-width:760px){
html{scroll-padding-top:112px}
.wrap{width:calc(100% - 32px)}
.hero{padding-top:42px;padding-bottom:44px;gap:28px}
.hero-visual,.card,.quote-panel,.contact-panel,.steps article{border-radius:22px}
.hero-visual{padding:6px}.hero-visual>img{border-radius:16px}
:root .visual-label{margin-top:6px;padding:13px 14px;font-size:12px}
.solution-body{padding:24px}
.steps article{padding:25px}
.quote-panel,.contact-panel{padding:24px}
.category-strip .wrap{gap:10px;padding-top:18px;padding-bottom:18px}
.category-strip a{font-size:12px;padding:10px 13px}
.faq-items details{border-radius:18px;padding:0 17px}
}
@media(max-width:380px){.header.nav-enhanced{padding:12px;gap:12px;min-height:74px}.header.nav-enhanced .menu-toggle{padding:10px;gap:8px}.quote-panel,.contact-panel{padding:20px}.solution-body{padding:22px}.button{gap:13px;padding:16px 18px}.hero h1{font-size:38px}.contact-panel .button{font-size:13px}}
@media(prefers-reduced-transparency:reduce){
main{background:#071421}
.header,.hero-visual,.card,.quote-panel,.contact-panel,.steps article,.faq-items details,:root .visual-label,.category-strip,.header.nav-enhanced nav{background:#10253a;-webkit-backdrop-filter:none;backdrop-filter:none}
.category-strip a,.product-shortcuts button,.quote-mode label,.header .nav-contact{background:#17394e}
.quote-mode label:has(input:checked){background:#205263}
.card::after{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.button,.category-strip a,.product-shortcuts button,.header nav>a,.quote-mode label,.whatsapp-floating,.whatsapp-floating-label{transition:none}.card:hover,.primary:hover,.product-shortcuts button:hover,.category-strip a:hover,.whatsapp-floating:hover{transform:none}}
@media(forced-colors:active){main{background:Canvas}.header,.hero-visual,.card,.quote-panel,.contact-panel,.steps article,.faq-items details,:root .visual-label,.category-strip,.header.nav-enhanced nav,.category-strip a,.product-shortcuts button,.quote-mode label,.header .nav-contact,.field input,.field select,.field textarea,.quote-preview pre{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.card::after{display:none}.primary,.quote-panel button.primary,.menu-toggle,.whatsapp-floating{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}.card h3,.card p,.faq-items summary,.faq-items p{color:CanvasText}a:focus-visible,button:focus-visible,summary:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline-color:Highlight}}

/* Prévia v2 · Mais chamativa — direção do proprietário; não publicada. */
:root{--glass-border:rgba(146,231,255,.52);--glass-shadow:inset 0 2px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(58,221,243,.22),0 24px 80px rgba(0,5,15,.46),0 0 36px rgba(16,188,225,.12)}
main{background:radial-gradient(ellipse 750px 600px at 4% 8%,rgba(11,133,204,.43),transparent 72%),radial-gradient(ellipse 720px 760px at 96% 29%,rgba(6,198,221,.30),transparent 72%),radial-gradient(ellipse 720px 700px at 8% 50%,rgba(39,110,211,.30),transparent 72%),radial-gradient(ellipse 830px 680px at 95% 73%,rgba(6,168,209,.28),transparent 70%),radial-gradient(ellipse 500px 650px at 9% 93%,rgba(20,89,170,.25),transparent 70%),#030b16}
.header,.hero-visual,.card,.quote-panel,.contact-panel,.steps article{border-color:var(--glass-border);box-shadow:var(--glass-shadow)}
.hero-visual{padding:10px;border-radius:28px;background:linear-gradient(135deg,#23485e,#091b30)}
.hero-visual>img{border-radius:19px}
.header::before,.hero-visual::before,.card::before,.quote-panel::before,.contact-panel::before{content:'';position:absolute;left:22px;right:22px;top:0;height:2px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(238,254,255,.85) 26%,rgba(85,230,250,.85) 68%,transparent);box-shadow:0 0 18px rgba(56,214,244,.45)}
.card::after{background:linear-gradient(130deg,rgba(245,253,255,.28),rgba(220,247,255,.075) 17%,transparent 31%,transparent 72%,rgba(30,199,231,.11));box-shadow:inset 1px 0 0 rgba(222,251,255,.3),inset -1px 0 0 rgba(68,220,245,.12)}
.card{background:linear-gradient(135deg,#244355,#0c2035);border-radius:26px}
.solution-body{background:radial-gradient(ellipse at 0 0,rgba(30,183,213,.13),transparent 66%),linear-gradient(140deg,rgba(194,240,255,.065),transparent 60%)}
.card svg{background:linear-gradient(135deg,rgba(204,249,255,.21),rgba(27,185,217,.08));border-color:rgba(120,232,251,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 24px rgba(48,206,237,.14)}
.card p,.steps p,.faq-items p{color:#d3e2ee}
.number{color:#c0dbea}
:root .visual-label{background:linear-gradient(135deg,#254759,#102c40);border-color:rgba(164,236,255,.47);box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 8px 20px rgba(0,0,0,.17)}
.category-strip{border-color:rgba(125,226,250,.36);background:linear-gradient(120deg,#12304a,#0b2436)}
.category-strip a,.product-shortcuts button,.quote-mode label,.header .nav-contact{border-color:rgba(165,239,255,.5);background:linear-gradient(135deg,#31576b,#153d52);box-shadow:inset 0 2px 0 rgba(241,254,255,.3),inset 0 -1px 0 rgba(22,136,171,.3),0 8px 22px rgba(0,0,0,.17),0 0 20px rgba(14,171,219,.07)}
.primary,.quote-panel button.primary{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#d5fcff 0%,#7ceef3 26%,#33d2e1 62%,#26b4d6 100%);border-color:#cdfbff;box-shadow:inset 0 2px 0 rgba(255,255,255,.8),inset 0 -3px 0 rgba(0,106,142,.2),0 12px 32px rgba(12,206,225,.25),0 0 26px rgba(30,221,239,.18)}
.primary::before{content:'';position:absolute;inset:0 0 48%;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.35),rgba(255,255,255,.04));border-bottom:1px solid rgba(255,255,255,.11)}
.quote-panel,.contact-panel{border-color:rgba(121,236,249,.62);background:linear-gradient(140deg,#28495c,#0b2036)}
.quote-mode label:has(input:checked){background:linear-gradient(135deg,#2d6373,#174558);box-shadow:inset 0 2px 0 rgba(255,255,255,.36),0 0 0 1px rgba(112,237,253,.15),0 0 24px rgba(41,197,231,.13)}
.contact-panel{position:relative}
.process{background:radial-gradient(ellipse at 80% 40%,rgba(27,194,225,.2),transparent 75%)}
.faq-items details{border-color:rgba(138,227,249,.4)}
.header.nav-enhanced .menu-toggle{border-color:rgba(160,237,255,.6);background:linear-gradient(135deg,#41647a,#183b50);box-shadow:inset 0 2px 0 rgba(255,255,255,.32),0 6px 18px rgba(0,0,0,.2)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.header{background:linear-gradient(120deg,rgba(213,246,255,.21),rgba(20,143,182,.045) 54%,rgba(178,232,250,.095)),rgba(5,21,37,.69);-webkit-backdrop-filter:blur(28px) saturate(185%);backdrop-filter:blur(28px) saturate(185%)}
.hero-visual,.card,.quote-panel,.contact-panel,.steps article,.faq-items details{background:linear-gradient(135deg,rgba(223,248,255,.18),rgba(73,204,236,.06) 42%,rgba(153,203,241,.05)),rgba(6,23,40,.59);-webkit-backdrop-filter:blur(24px) saturate(175%);backdrop-filter:blur(24px) saturate(175%)}
:root .visual-label{background:linear-gradient(135deg,rgba(231,253,255,.2),rgba(25,122,160,.045)),rgba(7,31,47,.63);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%)}
.category-strip{background:linear-gradient(120deg,rgba(193,244,255,.1),rgba(53,169,212,.035)),rgba(10,35,55,.57);-webkit-backdrop-filter:blur(22px) saturate(175%);backdrop-filter:blur(22px) saturate(175%)}
.category-strip a,.product-shortcuts button,.quote-mode label,.header .nav-contact{background:linear-gradient(130deg,rgba(221,250,255,.25),rgba(69,206,237,.095) 52%,rgba(126,221,246,.08)),rgba(13,51,68,.61)}
}
@media(hover:hover) and (pointer:fine){.card:hover{border-color:rgba(169,248,255,.9);transform:translateY(-7px);box-shadow:inset 0 2px 0 rgba(255,255,255,.42),0 30px 85px rgba(0,0,0,.5),0 0 40px rgba(33,214,239,.22)}.primary:hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.8),0 16px 40px rgba(22,209,232,.35),0 0 34px rgba(41,222,241,.24)}}
@media(max-width:760px){.hero-visual{padding:8px;border-radius:24px}.hero-visual>img{border-radius:17px}.card{border-radius:24px}.header::before,.hero-visual::before,.card::before,.quote-panel::before,.contact-panel::before{left:20px;right:20px}.hero-visual,.card,.quote-panel,.contact-panel,.steps article{box-shadow:inset 0 2px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(58,221,243,.19),0 20px 42px rgba(0,5,15,.38),0 0 24px rgba(16,188,225,.11)}}
@media(prefers-reduced-transparency:reduce){main{background:#071421}.header,.hero-visual,.card,.quote-panel,.contact-panel,.steps article,.faq-items details,:root .visual-label,.category-strip,.header.nav-enhanced nav{background:#102a3d;-webkit-backdrop-filter:none;backdrop-filter:none}.category-strip a,.product-shortcuts button,.quote-mode label,.header .nav-contact{background:#204659}.quote-mode label:has(input:checked){background:#275365}.solution-body{background:transparent}.card::after{display:none}}
@media(prefers-reduced-motion:reduce){.card,.button,.category-strip a,.product-shortcuts button,.header nav>a,.quote-mode label,.whatsapp-floating,.whatsapp-floating-label{transition:none}.card:hover,.primary:hover,.product-shortcuts button:hover,.category-strip a:hover,.whatsapp-floating:hover{transform:none}}
@media(forced-colors:active){main{background:Canvas}.header,.hero-visual,.card,.quote-panel,.contact-panel,.steps article,.faq-items details,:root .visual-label,.category-strip,.header.nav-enhanced nav,.category-strip a,.product-shortcuts button,.quote-mode label,.header .nav-contact,.field input,.field select,.field textarea,.quote-preview pre{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header::before,.hero-visual::before,.card::before,.card::after,.quote-panel::before,.contact-panel::before,.primary::before{display:none}.primary,.quote-panel button.primary,.menu-toggle,.whatsapp-floating{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}.solution-body{background:Canvas}.card h3,.card p,.steps p,.faq-items summary,.faq-items p{color:CanvasText}}