@charset "UTF-8";

:root{--navy:#071728;--navy-2:#0b2037;--navy-3:#102b46;--ink:#102336;--muted:#526477;--blue:#0874e4;--cyan:#16c8ef;--gold:#ffc047;--orange:#f49a29;--paper:#f6f9fc;--line:#dce6ee;--white:#fff;--container:1200px;--radius:22px;--shadow:0 24px 60px rgba(8,33,60,.11)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
::selection{background:var(--cyan);color:var(--navy)}
.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;top:-70px;left:12px;z-index:1000;padding:12px 18px;background:#fff;color:var(--navy);border-radius:8px}
.skip-link:focus{top:12px}
.section{padding:112px 0}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#1773b9;font-size:11px;font-weight:800;letter-spacing:.2em;line-height:1.4}
.eyebrow-line{width:27px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:4px;flex:none}
.eyebrow-light{color:#9ce9fa}.eyebrow-light .eyebrow-line{background:linear-gradient(90deg,var(--cyan),var(--gold))}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.045em}
h2{font-size:clamp(2.25rem,4.15vw,3.65rem);line-height:1.12;margin-bottom:0}
h2 span{color:#4e7898}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:15px 22px;border-radius:12px;font-size:14px;font-weight:750;line-height:1.2;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
.button .icon{width:17px;height:17px;transition:transform .25s ease}
.button:hover{transform:translateY(-3px)}.button:hover .icon{transform:translate(2px,-2px)}
.button-primary{color:#fff;background:linear-gradient(120deg,#0879ee,#095cca);box-shadow:0 14px 30px rgba(0,93,208,.25)}
.button-primary:hover{box-shadow:0 18px 34px rgba(0,93,208,.37)}
.button-outline{color:#f4fbff;border:1px solid rgba(205,230,246,.36);background:rgba(255,255,255,.035)}.button-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(205,230,246,.66)}
.button-dark{color:#fff;background:var(--navy);box-shadow:0 14px 25px rgba(7,23,40,.12)}.button-dark:hover{background:#113b60}
.button-small{min-height:44px;padding:12px 17px;font-size:12px;border-radius:9px;gap:12px}

/* Header */
.site-header{height:82px;position:sticky;top:0;z-index:50;background:#071728;border-bottom:1px solid rgba(255,255,255,.1);transition:background .25s,box-shadow .25s}
.site-header.scrolled{background:rgba(7,23,40,.95);box-shadow:0 10px 30px rgba(2,9,18,.2);backdrop-filter:blur(16px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;flex:none;width:184px;height:78px;overflow:hidden}
.brand img{width:184px;height:104px;max-width:none;object-fit:contain;mix-blend-mode:screen}
.desktop-nav,.header-actions{display:flex;align-items:center}
.desktop-nav{gap:clamp(15px,2.1vw,29px);margin-left:auto}
.desktop-nav a,.login-link{font-size:12px;font-weight:650;color:#c5d5e3;transition:color .2s}
.desktop-nav a:hover,.login-link:hover{color:#fff}
.header-actions{gap:22px;margin-left:12px}
.login-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.login-link .icon{width:14px;height:14px}
.menu-toggle,.mobile-menu{display:none}

/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(132deg,#071728 0%,#0a1d33 54%,#071728 100%);color:#fff}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.1;background-image:linear-gradient(rgba(111,184,220,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(111,184,220,.24) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,transparent,#000 64%)}
.hero-glow{position:absolute;z-index:-1;pointer-events:none;filter:blur(40px);border-radius:50%}
.hero-glow-cool{width:590px;height:590px;left:-350px;top:160px;background:rgba(5,103,207,.12)}
.hero-glow-warm{width:460px;height:460px;right:-220px;top:20px;background:rgba(227,132,16,.09)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:5%;align-items:center;min-height:640px;padding-top:50px;padding-bottom:46px}
.hero-content{position:relative;z-index:2;padding:20px 0 24px}
.hero h1{font-size:clamp(3.25rem,5.15vw,5.15rem);line-height:1.075;max-width:720px;margin:0 0 27px;font-weight:800}
.text-cool{color:#72dcf5}.text-warm{color:#ffca69}
.hero-description{max-width:580px;margin-bottom:31px;color:#b7c8d7;font-size:16px;line-height:1.8}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hero-signature{display:flex;align-items:center;gap:10px;margin-top:52px;color:#a9bbca;font-size:12px;font-weight:600}
.signature-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px}.signature-icon .icon{width:17px;height:17px}.signature-icon.cool{color:#68dfff;background:rgba(47,192,235,.1)}.signature-icon.warm{color:#ffc45c;background:rgba(255,183,63,.1)}
.signature-divider{height:16px;width:1px;background:rgba(255,255,255,.23);margin:0 9px}
.hero-visual{position:relative;height:min(510px,40vw);min-height:420px;max-width:600px;width:100%;justify-self:end}
.hero-photo{position:absolute;overflow:hidden;border-radius:18px;background:#173149;box-shadow:0 25px 60px rgba(0,8,19,.35);border:1px solid rgba(255,255,255,.18)}
.hero-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.hero-photo:hover img{transform:scale(1.045)}
.hero-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,15,30,.68));pointer-events:none}
.hero-photo-cool{width:72%;height:76%;top:0;left:0;transform:rotate(-3deg)}
.hero-photo-cool img{object-position:55% center}
.hero-photo-warm{width:72%;height:70%;right:0;bottom:0;transform:rotate(3deg)}
.hero-photo-warm img{object-position:40% center}
.photo-caption{position:absolute;z-index:2;bottom:17px;left:18px;display:flex;align-items:center;gap:8px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 3px #071728}
.caption-dot{width:7px;height:7px;border-radius:50%}.cool-dot{background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.warm-dot{background:var(--gold);box-shadow:0 0 14px var(--gold)}
.visual-orbit{position:absolute;z-index:4;left:48%;top:45%;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#09233d;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 9px rgba(255,255,255,.06);transform:translate(-50%,-50%)}.visual-orbit .icon{width:31px;height:31px;color:#ffcf6b;fill:rgba(255,196,71,.16)}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 21px;border-top:1px solid rgba(255,255,255,.1);color:#7e98aa;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.hero-bottom a{display:flex;align-items:center;gap:18px;color:#b5d8e8;font-weight:700}.down-arrow{font-size:21px;line-height:1}

/* Services */
.services-section{background:var(--paper)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px}
.section-heading>p,.section-heading>div>p:last-child{max-width:335px;margin:0 0 5px;color:var(--muted);font-size:15px;line-height:1.7}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-card{min-width:0;background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid #e4edf3;box-shadow:0 12px 35px rgba(13,42,64,.055);transition:transform .3s ease,box-shadow .3s ease}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.service-image{position:relative;height:260px;overflow:hidden}
.service-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(6,23,40,.46))}
.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.service-card:hover .service-image img{transform:scale(1.035)}
.service-cool .service-image img{object-position:50% 32%}.service-warm .service-image img{object-position:50% 48%}
.service-tag{position:absolute;left:24px;bottom:23px;z-index:2;display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.17em}.service-tag .icon{width:18px;height:18px;color:#6de5ff}.service-warm .service-tag .icon{color:#ffd57e}
.service-body{padding:30px 35px 34px}.service-body h3{font-size:clamp(1.8rem,2.6vw,2.35rem);line-height:1.13;margin:0 0 16px}.service-body>p{min-height:92px;color:var(--muted);font-size:14px;line-height:1.78;margin:0 0 22px}
.service-benefits{list-style:none;margin:0 0 25px;padding:22px 0;border-top:1px solid #e7eef4;border-bottom:1px solid #e7eef4;display:grid;gap:12px}
.service-benefits li{display:flex;align-items:flex-start;gap:10px;color:#344b60;font-size:13px;line-height:1.45}.service-benefits .icon{width:16px;height:16px;margin-top:1px;color:#058acd;stroke-width:2.5}.service-warm .service-benefits .icon{color:#d69421}
.service-link{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#0966ba;font-size:14px;font-weight:800}.service-warm .service-link{color:#a76809}
.service-link span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f6ff;transition:transform .25s,background .25s}.service-warm .service-link span{background:#fff3df}.service-link:hover span{transform:translate(3px,-3px);background:#d5efff}.service-warm .service-link:hover span{background:#ffe9bb}.service-link .icon{width:17px;height:17px}

/* Benefits */
.benefits-section{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.benefits-section::before{content:"";position:absolute;width:660px;height:660px;left:-360px;bottom:-440px;border-radius:50%;background:rgba(10,126,218,.13);filter:blur(20px)}
.benefits-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:8%;align-items:center}
.benefits-intro h2{max-width:480px}.benefits-intro h2 span{color:#75daf2}.benefits-intro>p:not(.eyebrow){max-width:420px;margin:23px 0 30px;color:#a9bed0;font-size:15px;line-height:1.8}
.text-link{display:inline-flex;align-items:center;gap:15px;color:#78dcf3;font-size:13px;font-weight:800}.text-link .icon{width:17px;height:17px;transition:transform .2s}.text-link:hover .icon{transform:translateX(4px)}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.benefit-card{position:relative;min-height:206px;padding:27px;border:1px solid rgba(177,219,243,.12);border-radius:17px;background:linear-gradient(145deg,rgba(35,71,101,.36),rgba(11,39,65,.3));transition:background .25s,transform .25s,border-color .25s}
.benefit-card:hover{transform:translateY(-4px);background:#10304d;border-color:rgba(108,211,241,.35)}
.benefit-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(105,217,243,.24);border-radius:11px;background:rgba(34,152,214,.1);color:#76dbf2}.benefit-icon .icon{width:22px;height:22px}
.benefit-number{position:absolute;top:29px;right:27px;color:#536d81;font-size:11px;font-weight:700;letter-spacing:.15em}
.benefit-card h3{margin:28px 0 9px;font-size:19px;line-height:1.25}.benefit-card p{max-width:260px;margin:0;color:#a9bed0;font-size:13px;line-height:1.55}

/* Process */
.process-section{background:#fff}.section-heading.centered{display:block;text-align:center;margin-bottom:62px}.centered .eyebrow{justify-content:center}.centered h2 span{color:#5b829c}.section-heading.centered>p:last-child{max-width:none;margin:18px auto 0}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0;position:relative}
.process-grid::before{content:"";position:absolute;top:37px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,#b9dced,#d6e4ed,#f8d59b)}
.process-step{position:relative;text-align:center;padding:0 23px}.step-number{position:relative;display:grid;place-items:center;width:74px;height:74px;margin:0 auto 26px;border:1px solid #cbdfea;border-radius:50%;background:#fff;color:#1073be;font-size:22px;font-weight:800;letter-spacing:-.05em;box-shadow:0 12px 22px rgba(17,79,125,.055)}.process-step:nth-child(3) .step-number{color:#b87816;border-color:#f0d7ad}
.step-small-dot{position:absolute;width:7px;height:7px;bottom:5px;left:calc(50% - 3px);border-radius:50%;background:var(--cyan)}.process-step:nth-child(3) .step-small-dot{background:var(--gold)}
.process-step h3{margin:0 0 9px;font-size:20px}.process-step p{max-width:250px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.65}.process-action{text-align:center;margin-top:43px}

/* Brands */
.brands-section{background:#eff5f9;padding:75px 0}.brands-layout{display:grid;grid-template-columns:.4fr .6fr;gap:7%;align-items:center}.brands-heading h2{font-size:clamp(2rem,3vw,2.7rem);line-height:1.15}.brands-heading p:last-child{margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.brand-groups{display:grid;gap:18px}.brand-group{padding:23px 26px;border:1px solid #e1eaf0;border-radius:14px;background:#fff}.brand-group-label{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#197ec7;font-size:10px;font-weight:800;letter-spacing:.16em}.brand-group-label .icon{width:15px;height:15px}.brand-group-label.solar-label{color:#b67b20}.brand-names{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.brand-names span{display:inline-flex;align-items:center;min-height:35px;padding:7px 13px;border:1px solid #e4ecf1;border-radius:7px;color:#526376;background:#fafcfd;font-size:12px;font-weight:750;letter-spacing:-.01em}

/* CTA */
.cta-section{padding-top:100px;padding-bottom:100px;background:#fff}.cta-panel{position:relative;isolation:isolate;overflow:hidden;min-height:396px;display:flex;align-items:center;padding:63px 7%;border-radius:26px;color:#fff;background:linear-gradient(115deg,#09213b 8%,#0c2c4a 65%,#113b56);box-shadow:0 24px 50px rgba(4,32,57,.14)}
.cta-panel::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:radial-gradient(circle at 88% 7%,#f6ac32,transparent 27%),radial-gradient(circle at 70% 88%,#18b8e1,transparent 35%)}
.cta-decoration{position:absolute;border:1px solid rgba(172,220,241,.12);border-radius:50%;pointer-events:none}.cta-decoration-one{width:500px;height:500px;right:-80px;top:-195px}.cta-decoration-two{width:350px;height:350px;right:0;top:-115px}
.cta-content{position:relative;z-index:2;max-width:760px}.cta-content h2{max-width:740px;font-size:clamp(2.35rem,4vw,3.5rem)}.cta-content h2 span{color:#ffca67}.cta-content>p:not(.eyebrow){max-width:560px;margin:22px 0 28px;color:#c2d3df;font-size:15px;line-height:1.7}
.cta-mark{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:150px;height:150px;display:flex;align-items:center;justify-content:center;color:rgba(115,225,245,.4);gap:15px;opacity:.75}.cta-mark .icon{width:62px;height:62px;stroke-width:1}.cta-mark .icon:last-child{color:rgba(255,195,81,.55)}.cta-mark span{height:70px;width:1px;background:rgba(255,255,255,.24);transform:rotate(23deg)}

/* FAQ */
.faq-section{padding-top:20px;padding-bottom:115px}.faq-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:9%}.faq-intro>p:not(.eyebrow){max-width:340px;margin:23px 0 25px;color:var(--muted);font-size:14px;line-height:1.75}.text-link-dark{color:#0d6cb6}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;padding:18px 0;cursor:pointer;list-style:none;color:#173047;font-size:15px;font-weight:750;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#eaf4fa;color:#1b80bc;transition:transform .25s,background .25s}.faq-plus .icon{width:16px;height:16px}.faq-list details[open] .faq-plus{transform:rotate(45deg);background:#d8eef8}.faq-answer{padding:0 45px 22px 0;color:var(--muted);font-size:14px;line-height:1.75;animation:answer-in .28s ease}.faq-answer a{color:#0c71bd;text-decoration:underline;text-underline-offset:3px}
@keyframes answer-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* Footer and utility */
.site-footer{background:#071728;color:#fff}.footer-main{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:10%;padding:60px 0 58px}.footer-brand a{display:block;width:225px;margin:-23px 0 -15px}.footer-brand img{width:100%;height:auto;mix-blend-mode:screen}.footer-brand p{max-width:320px;color:#9fb4c5;font-size:13px;line-height:1.75}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-column h2{font-size:13px;letter-spacing:.02em;margin:3px 0 10px}.footer-column a,.footer-column span{color:#a9bdcd;font-size:12px;line-height:1.4}.footer-column a:hover{color:#fff}.footer-column .footer-phone{color:#fff;font-size:17px;font-weight:750}.footer-column a .icon{display:inline-block;vertical-align:middle;width:13px;height:13px;margin-left:3px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:23px 0 27px;border-top:1px solid rgba(255,255,255,.12);color:#7f98ab;font-size:11px}.footer-bottom a{color:#b5d4e5}
.floating-whatsapp{position:fixed;z-index:40;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 18px;border-radius:50px;background:#25d366;color:#083a21;box-shadow:0 13px 32px rgba(9,80,47,.25);font-size:12px;font-weight:800;transition:transform .25s,box-shadow .25s}.floating-whatsapp .icon{width:24px;height:24px}.floating-whatsapp:hover{transform:translateY(-4px);box-shadow:0 17px 36px rgba(9,80,47,.32)}
.login-toast{position:fixed;z-index:100;top:100px;right:24px;display:flex;align-items:flex-start;gap:13px;width:min(350px,calc(100% - 32px));padding:16px 16px 16px 18px;border-radius:13px;background:#fff;color:var(--navy);box-shadow:0 18px 50px rgba(0,12,26,.22);border:1px solid #dce9f2;animation:toast-in .25s ease}.login-toast[hidden]{display:none}.toast-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#e9f5fc;color:#0d76bd;font-weight:800}.login-toast strong{font-size:13px}.login-toast p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.login-toast button{margin-left:auto;border:0;background:transparent;color:#63768a;font-size:23px;line-height:1;cursor:pointer}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}

@media(max-width:1100px){.desktop-nav{gap:16px}.desktop-nav a,.login-link{font-size:11px}.header-actions{gap:13px}.header-quote{padding-inline:12px}.brand{width:160px}.brand img{width:160px;height:90px}.hero-grid{gap:3%}.hero h1{font-size:clamp(3rem,5vw,4.3rem)}.service-body{padding-inline:27px}.cta-mark{opacity:.35}}
@media(max-width:900px){.site-header{height:74px}.desktop-nav,.header-actions{display:none}.brand{width:168px;height:70px}.brand img{width:168px;height:95px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.menu-toggle span{width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:48;top:74px;left:0;right:0;display:flex;flex-direction:column;gap:0;max-height:calc(100dvh - 74px);overflow-y:auto;padding:13px 32px 27px;background:#091d32;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 18px 32px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,visibility .25s,transform .25s}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu>a:not(.button){display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid rgba(255,255,255,.09);color:#e4f1f8;font-size:14px;font-weight:650}.mobile-menu>.button{margin-top:18px}.mobile-menu .icon{width:16px;height:16px}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:70px;padding-bottom:70px;gap:36px}.hero-content{padding:0}.hero h1{max-width:690px;font-size:clamp(3.4rem,7.4vw,5rem)}.hero-description{max-width:640px}.hero-signature{margin-top:32px}.hero-visual{justify-self:center;width:min(650px,100%);height:430px;min-height:0}.hero-photo-cool{width:68%;height:82%}.hero-photo-warm{width:66%;height:77%}.benefits-layout,.faq-layout{grid-template-columns:1fr;gap:40px}.benefits-intro h2{max-width:630px}.benefits-intro>p:not(.eyebrow){max-width:620px}.brands-layout{grid-template-columns:1fr;gap:30px}.brand-groups{grid-template-columns:repeat(2,1fr)}.brand-group{padding:20px}.faq-intro h2{max-width:700px}.faq-intro>p:not(.eyebrow){max-width:590px}.footer-main{gap:5%}}
@media(max-width:650px){.container{width:min(100% - 36px,var(--container))}.section{padding:76px 0}.eyebrow{font-size:10px;margin-bottom:19px}.hero-grid{padding-top:61px;padding-bottom:47px}.hero h1{font-size:clamp(2.85rem,10vw,4.1rem);line-height:1.09}.hero-description{font-size:14px;line-height:1.72}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%;justify-content:space-between}.hero-signature{font-size:11px;flex-wrap:wrap}.hero-visual{height:330px;width:min(480px,100%)}.hero-photo-cool{width:71%;height:76%}.hero-photo-warm{width:68%;height:70%}.visual-orbit{width:52px;height:52px;box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 6px rgba(255,255,255,.06)}.visual-orbit .icon{width:24px;height:24px}.photo-caption{font-size:9px;left:12px;bottom:12px}.hero-bottom{font-size:9px}.hero-bottom span:first-child{max-width:150px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:18px}.section-heading h2{font-size:clamp(2.35rem,8vw,3rem)}.service-grid{grid-template-columns:1fr;gap:20px}.service-image{height:235px}.service-body{padding:27px}.service-body>p{min-height:0}.benefit-grid{gap:10px}.benefit-card{padding:20px;min-height:210px}.benefit-card h3{font-size:16px}.benefit-card p{font-size:12px}.benefit-number{top:22px;right:20px}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid::before{top:35px;bottom:35px;left:36px;right:auto;width:1px;height:auto;background:linear-gradient(#b9dced,#f8d59b)}.process-step{display:grid;grid-template-columns:74px 1fr;column-gap:20px;text-align:left;padding:0}.step-number{grid-row:span 2;margin:0}.process-step h3{align-self:end}.process-step p{max-width:none;margin:0}.process-action{margin-top:38px}.brands-section{padding:67px 0}.brand-groups{grid-template-columns:1fr}.cta-section{padding:72px 0}.cta-panel{min-height:auto;padding:45px 28px;border-radius:20px}.cta-mark{display:none}.cta-content h2{font-size:clamp(2.15rem,8vw,2.9rem)}.cta-content>p:not(.eyebrow){font-size:14px}.cta-content .button{width:100%;justify-content:space-between}.faq-section{padding-top:4px;padding-bottom:80px}.faq-layout{gap:29px}.faq-list summary{font-size:14px}.footer-main{grid-template-columns:1fr 1fr;gap:35px;padding:49px 0}.footer-brand{grid-column:1/-1}.footer-brand a{width:190px}.footer-bottom{flex-direction:column;gap:10px}.floating-whatsapp{right:16px;bottom:16px;width:55px;height:55px;min-height:55px;justify-content:center;padding:0;border-radius:50%}.floating-whatsapp span{display:none}}
@media(max-width:390px){.container{width:calc(100% - 30px)}.hero h1{font-size:clamp(2.6rem,10.2vw,3rem)}.hero-visual{height:285px}.hero-photo-cool{width:72%}.hero-photo-warm{width:70%}.hero-bottom span:first-child{display:none}.hero-bottom{justify-content:flex-end}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:0;padding:20px}.benefit-card h3{margin-top:18px}.service-body{padding:24px}.brand-group{padding:18px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-column .footer-phone{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .reveal{opacity:1;transform:none}}