:root{--navy:#071321;--navy2:#0b1e32;--blue:#1674ed;--blue2:#55b5ff;--ink:#0b1724;--muted:#647282;--white:#f8fbff;--line:#dbe2e9;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;top:-60px;left:16px;padding:10px 14px;background:#fff;z-index:100;color:#000}.skip-link:focus{top:12px}.site-header{height:84px;padding:0 clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;background:#06111d;color:white;position:relative;z-index:20;border-bottom:1px solid #ffffff18}.brand img{display:block;width:116px;height:68px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(20px,3vw,43px);font-size:13px;color:#d2dce7}.main-nav>a:not(.nav-cta):hover{color:white}.nav-cta{display:flex;align-items:center;gap:13px;padding:12px 18px;border:1px solid #6e8298;color:white}.nav-cta span{color:var(--blue2)}.menu-toggle{display:none}.hero{height:min(780px,calc(100vh - 84px));min-height:620px;background:#071321;color:white;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 31%;background-image:linear-gradient(110deg,#10243a,#182d43 45%,#080f19);opacity:.84}.hero-image::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 64% 53%,#43617a 0,transparent 37%),linear-gradient(0deg,#071321dd,transparent 45%);opacity:.85}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071321 0%,#071321 26%,#071321e8 40%,transparent 81%),linear-gradient(0deg,#071321 0%,transparent 27%)}.hero-content{position:relative;z-index:2;padding:clamp(95px,12vw,175px) 0 0 clamp(24px,10vw,150px);max-width:780px}.eyebrow{display:flex;align-items:center;gap:12px;color:#c5d2df;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 23px}.eyebrow-line{height:1px;width:30px;background:var(--blue2);display:inline-block}.eyebrow.dark{color:#647282}.hero h1,.section-heading h2,.film-copy h2,.compare-heading h2,.ppf-content h2,.portfolio-head h2,.faq-heading h2,.closing-copy h2{font:600 clamp(43px,6.3vw,83px)/1.07 var(--display);letter-spacing:-.055em;margin:0}.hero h1 span,.film-copy h2 span,.compare-heading h2 span,.ppf-content h2 span,.portfolio-head h2 span,.faq-heading h2 span,.closing-copy h2 span{color:#9fb4c8}.hero-copy{max-width:425px;color:#c8d2dd;font-size:16px;line-height:1.7;margin:23px 0 31px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 20px;min-height:52px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border .2s}.button span{font-size:17px}.button-blue{background:var(--blue);color:white}.button-blue:hover{background:#3389f6}.text-link{font-size:13px;color:#e1e8ef}.text-link span{margin-left:8px;color:var(--blue2)}.hero-foot{position:absolute;z-index:2;left:clamp(24px,10vw,150px);bottom:35px;display:flex;align-items:center;gap:16px;color:#aebdcb;font-size:11px;letter-spacing:.03em}.hero-foot-rule{height:1px;width:40px;background:#75899d}.hero-mark{position:absolute;right:5vw;bottom:-.29em;color:#ffffff08;font:800 36vw/.8 var(--display);pointer-events:none}.hero-mark span{color:#187cf011}.placeholder-image{position:relative;overflow:hidden;background-color:#13263a;background-image:linear-gradient(135deg,#152d45,#071321 56%,#172b40);isolation:isolate}.image-note{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:12px 15px;color:#c5d4e2;border:1px solid #9fcfff55;background:#071321b3;font-size:11px;line-height:1.6;white-space:nowrap;pointer-events:none}.image-note small{color:#7e9bb8;font-size:9px}.section-pad{padding-left:clamp(24px,10vw,150px);padding-right:clamp(24px,10vw,150px)}.intro{padding-top:123px;padding-bottom:126px;display:grid;grid-template-columns:1.05fr .85fr;column-gap:9%;row-gap:76px}.section-heading h2,.compare-heading h2,.portfolio-head h2{font-size:clamp(38px,4.4vw,59px)}.section-heading h2 span,.portfolio-head h2 span{color:#8393a2}.intro-copy{align-self:end;max-width:455px;color:#546273;font-size:15px}.intro-copy p{margin:0 0 23px}.under-link{font-size:12px;font-weight:700;color:#13263a;border-bottom:1px solid #99a8b7;padding-bottom:11px;display:inline-flex;gap:20px;align-items:center}.under-link span{color:var(--blue)}.service-list{grid-column:1/-1;border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:80px 1fr 35px;gap:15px;align-items:start;padding:25px 4px 24px;border-bottom:1px solid var(--line)}.service-num{font-size:11px;color:var(--blue);padding-top:6px}.service-item h3{font:600 19px var(--display);margin:0 0 6px;letter-spacing:-.025em}.service-item p{font-size:13px;color:#697786;margin:0;max-width:530px}.service-item>a{font-size:19px;color:#708194}.film-section{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:670px}.film-copy{padding-top:100px;padding-bottom:90px;padding-left:clamp(24px,10vw,150px);padding-right:7%}.film-copy h2,.ppf-content h2,.faq-heading h2,.closing-copy h2{font-size:clamp(40px,4.6vw,61px)}.film-copy>p:not(.eyebrow){max-width:440px;color:#aebdcb;font-size:14px;line-height:1.8;margin:22px 0 33px}.film-options{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.film-option{appearance:none;color:#bfccd9;background:transparent;border:0;border-right:1px solid #ffffff25;text-align:left;padding:14px 5px 15px;cursor:pointer;min-width:0}.film-option:last-child{border:0}.film-option span{display:block;font:600 15px var(--display);color:#fff;margin-bottom:4px}.film-option small{font-size:9px;line-height:1.3;display:block;color:#91a4b6}.film-option.is-active span{color:#6db6ff}.film-option.is-active{box-shadow:inset 0 -2px var(--blue2)}.film-option:focus-visible,.button:focus-visible,.under-link:focus-visible,a:focus-visible,summary:focus-visible,.menu-toggle:focus-visible,.compare-range:focus-visible{outline:2px solid #59adff;outline-offset:4px}.film-copy .film-disclaimer{font-size:10px;color:#8193a5;margin-top:20px}.film-visual{align-self:center;padding:60px clamp(22px,6vw,90px) 60px 0}.film-window{height:420px;position:relative;background:linear-gradient(135deg,#1b344a,#111e2d 54%,#22394c)}.film-window::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 54%,#8498aa44,transparent 38%)}.tint-layer{position:absolute;inset:0;background:#030a13;opacity:.43;transition:opacity .3s;mix-blend-mode:multiply}.film-tag{position:absolute;right:17px;top:17px;z-index:5;border:1px solid #ffffff80;color:white;font-size:11px;padding:7px 11px}.car-art{position:absolute;width:77%;height:44%;left:12%;bottom:19%;filter:drop-shadow(0 25px 22px #0008)}.car-body{position:absolute;inset:37% 0 13%;background:linear-gradient(100deg,#101b27,#83909a 48%,#182531);clip-path:polygon(8% 0,90% 0,100% 65%,92% 100%,5% 100%,0 54%)}.car-roof{position:absolute;left:24%;top:0;width:50%;height:54%;background:#7f909d;clip-path:polygon(20% 0,75% 0,100% 100%,0 100%)}.car-glass{position:absolute;left:26%;top:4%;width:46%;height:43%;background:#172c40;clip-path:polygon(18% 0,74% 0,100% 100%,0 100%)}.wheel{position:absolute;bottom:0;width:14%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#77818a 0 20%,#131920 24% 62%,#020406 66%);z-index:3}.wheel-a{left:15%}.wheel-b{right:14%}.film-window .image-note{top:24%;transform:translate(-50%,-50%)}.visual-caption{display:flex;justify-content:space-between;gap:16px;padding-top:13px;color:#b2c1ce;font-size:11px}.visual-caption span:last-child{color:#74889a;white-space:nowrap}.compare-section{padding-top:118px;padding-bottom:120px}.compare-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.compare-heading>p{max-width:300px;color:#657383;font-size:13px;margin:0 0 5px}.comparison{height:auto;aspect-ratio:16/8;max-height:570px;min-height:330px;background:#183149;touch-action:pan-y;cursor:ew-resize}.compare-scene{position:absolute;inset:0;background:linear-gradient(140deg,#263f54,#a5b4c0 47%,#465869);overflow:hidden}.scene-sky{position:absolute;inset:0 0 45%;background:linear-gradient(110deg,#9daebb,#e0e5e8 57%,#8c9ba8)}.scene-building{position:absolute;right:9%;top:11%;width:30%;height:68%;background:repeating-linear-gradient(90deg,#bac4ca 0 15px,#d3dade 15px 18px);opacity:.63;transform:skewY(-6deg)}.scene-car{position:absolute;left:12%;bottom:11%;width:72%;height:52%;filter:drop-shadow(0 22px 12px #08142155)}.scene-car::before{content:'';position:absolute;left:17%;top:0;width:58%;height:51%;background:linear-gradient(120deg,#81919c,#e5e7e8 47%,#8d9da8);clip-path:polygon(23% 0,75% 0,100% 100%,0 100%)}.scene-car i{position:absolute;inset:35% 0 12%;background:linear-gradient(180deg,#e2e5e5,#929ea6 49%,#344453);clip-path:polygon(12% 0,87% 0,100% 62%,93% 100%,6% 100%,0 56%)}.scene-car b{position:absolute;left:34%;top:4%;width:38%;height:33%;background:#536675;clip-path:polygon(22% 0,73% 0,100% 100%,0 100%);z-index:1}.scene-car em,.scene-car::after{position:absolute;bottom:0;width:15%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c5cbd0 0 18%,#28323b 22% 60%,#080b10 66%);z-index:3}.scene-car em{left:13%}.scene-car::after{content:'';right:12%}.comparison .image-note{top:18%;z-index:1}.comparison-after{position:absolute;inset:0;clip-path:inset(0 0 0 52%);pointer-events:none}.after-tint{position:absolute;inset:0;background:linear-gradient(90deg,#06111c55,#071321c4);mix-blend-mode:multiply}.before-label,.after-label{position:absolute;z-index:3;top:18px;padding:7px 11px;background:#071321b8;color:white;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.before-label{left:18px}.after-label{right:18px}.compare-handle{position:absolute;z-index:5;top:0;bottom:0;left:52%;width:1px;background:white;transform:translateX(-50%);pointer-events:none}.compare-handle span{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:#fff;color:#0b1724;display:grid;place-items:center;font-size:18px;transform:translate(-50%,-50%);box-shadow:0 2px 14px #0003}.compare-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare-note{display:flex;justify-content:space-between;padding-top:13px;font-size:10px;color:#677585}.compare-note span:first-child{color:#18324a;font-weight:700}.ppf-section{background:#071321;color:white;min-height:790px;display:grid;grid-template-columns:47% 53%;position:relative}.ppf-image{min-height:680px;background:linear-gradient(140deg,#263b4e,#0c1b2b 53%,#45596b)}.ppf-image::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07132100,#07132155)}.ppf-content{padding:104px clamp(24px,8vw,115px) 90px 9%}.ppf-content>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#aebdca;max-width:530px;margin:22px 0 34px}.ppf-benefit{border-top:1px solid #ffffff30;padding:18px 0 25px;display:grid;grid-template-columns:35px 1fr;gap:12px;max-width:535px;margin-bottom:24px}.benefit-icon{font-size:19px;color:#67b8ff}.ppf-benefit h3{font:600 14px var(--display);margin:1px 0 7px}.ppf-benefit p{font-size:11px;line-height:1.7;color:#91a3b4;margin:0}.button-outline{color:white;border:1px solid #91a4b6}.button-outline:hover{border-color:#5eafff;background:#0b2035}.ppf-detail{position:absolute;width:25%;height:250px;bottom:-55px;left:37%;border:8px solid #071321;background:linear-gradient(135deg,#5a6f7e,#102236)}.detail-caption{position:absolute;bottom:14px;left:14px;font-size:11px;color:#eef5fa;z-index:5}.portfolio-section{padding-top:150px;padding-bottom:120px}.portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:38px}.portfolio-head .under-link{margin-bottom:6px;white-space:nowrap}.portfolio-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:260px 260px;gap:12px}.portfolio-card{display:block;min-height:200px;background-size:cover;transition:filter .2s;cursor:pointer}.portfolio-card:hover{filter:brightness(1.13)}.portfolio-wide{grid-row:span 2}.portfolio-card:nth-child(2){background-image:linear-gradient(140deg,#233e57,#0d1d2c 64%,#50657a)}.portfolio-card:nth-child(3){background-image:linear-gradient(120deg,#33495b,#152b3e 60%,#6e8291)}.portfolio-card:nth-child(4){background-image:linear-gradient(120deg,#182a3b,#40566b 55%,#152538)}.portfolio-card:first-child{background-image:linear-gradient(150deg,#172b3f,#344b60 55%,#101c29)}.portfolio-card .image-note{background:#0613219c;border-color:#ffffff4a;color:#d8e5ef}.portfolio-caption{position:absolute;bottom:0;left:0;right:0;padding:36px 16px 14px;background:linear-gradient(0deg,#061321dd,transparent);color:white;font-size:12px;display:flex;justify-content:space-between;align-items:end;z-index:5}.portfolio-caption b{font-weight:400;color:#78bfff;font-size:17px}.faq-section{padding-top:104px;padding-bottom:120px;background:#081827;color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.faq-heading h2{font-size:clamp(38px,4.3vw,56px)}.faq-heading>p:not(.eyebrow){font-size:13px;color:#9dafbf;margin:19px 0 17px}.light-link{color:#eaf2f8;border-color:#526679;margin-top:5px}.faq-list details{border-bottom:1px solid #ffffff25}.faq-list details:first-child{border-top:1px solid #ffffff25}.faq-list summary{list-style:none;cursor:pointer;padding:20px 30px 20px 0;font:600 14px var(--display);position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span:before,.faq-list summary span:after{content:'';position:absolute;right:3px;top:28px;width:12px;height:1px;background:#8abff0;transition:transform .2s}.faq-list summary span:after{transform:rotate(90deg)}.faq-list details[open] summary span:after{transform:rotate(0)}.faq-list details p{font-size:12px;color:#a8b7c4;line-height:1.8;max-width:620px;margin:0;padding:0 30px 20px 0}.closing-cta{background:#0c2033;display:flex;justify-content:space-between;align-items:center;padding-top:77px;padding-bottom:80px;color:white}.closing-copy h2{font-size:clamp(37px,4.5vw,58px)}.closing-copy .eyebrow{margin-bottom:14px}.closing-cta .button{min-width:200px}.site-footer{background:#06111d;color:#a9b7c4;min-height:170px;padding:32px clamp(24px,6vw,92px);display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:10px 30px}.footer-brand img{width:98px;height:58px;object-fit:contain}.site-footer p{font-size:11px}.footer-links{display:flex;gap:22px;font-size:11px}.footer-links a:hover{color:white}.site-footer small{grid-column:2/-1;font-size:9px;color:#6d8092}.whatsapp-float{position:fixed;z-index:15;right:24px;bottom:24px;width:53px;height:53px;border-radius:50%;background:#19b96a;display:grid;place-items:center;box-shadow:0 8px 30px #0005;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px)}.whatsapp-float svg{width:23px;height:23px;fill:white}
@media(max-width:900px){.main-nav{gap:16px}.main-nav>a{font-size:11px}.nav-cta{padding:10px 12px}.hero-image{left:18%}.hero-content{padding-top:135px}.intro{column-gap:5%}.film-section{grid-template-columns:1fr 1fr}.film-copy{padding-right:25px}.film-visual{padding-right:25px}.film-window{height:350px}.ppf-section{grid-template-columns:40% 60%}.ppf-image{min-height:650px}.ppf-detail{left:30%;width:29%}.faq-section{gap:6%}.portfolio-grid{grid-template-rows:220px 220px}}
@media(max-width:700px){html{scroll-padding-top:70px}.site-header{height:70px;padding:0 20px}.brand img{width:95px;height:58px}.menu-toggle{display:flex;width:40px;height:40px;border:1px solid #ffffff45;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:white}.menu-toggle span{width:17px;height:1px;background:white}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#071321;padding:15px 22px 23px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #ffffff25}.main-nav.is-open{display:flex}.main-nav>a:not(.nav-cta){padding:12px 0;border-bottom:1px solid #ffffff16;font-size:13px}.nav-cta{margin-top:15px;justify-content:space-between;font-size:12px}.hero{height:690px;min-height:0}.hero-image{inset:0;opacity:.74}.hero-shade{background:linear-gradient(90deg,#071321e8,#0713215c),linear-gradient(0deg,#071321 0%,transparent 48%)}.hero-content{padding:140px 24px 0}.hero h1{font-size:clamp(46px,12vw,68px)}.hero-copy{font-size:14px;max-width:340px}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.button{min-height:49px;padding:13px 15px}.hero-foot{left:24px;right:24px;bottom:25px;gap:10px;font-size:9px}.hero-foot-rule{width:20px}.hero-mark{font-size:70vw;right:0}.section-pad{padding-left:24px;padding-right:24px}.intro{padding-top:76px;padding-bottom:80px;grid-template-columns:1fr;row-gap:24px}.section-heading h2,.compare-heading h2,.portfolio-head h2{font-size:43px}.intro-copy{font-size:14px}.service-list{margin-top:22px}.service-item{grid-template-columns:38px 1fr 25px;gap:8px;padding:20px 0}.service-item h3{font-size:16px}.service-item p{font-size:12px;line-height:1.65}.film-section{grid-template-columns:1fr}.film-copy{padding:75px 24px 25px}.film-copy h2,.ppf-content h2,.faq-heading h2,.closing-copy h2{font-size:44px}.film-copy>p:not(.eyebrow){font-size:13px}.film-options{grid-template-columns:repeat(5,minmax(0,1fr))}.film-option{padding:11px 3px 12px}.film-option span{font-size:12px}.film-option small{font-size:8px}.film-visual{padding:15px 24px 68px}.film-window{height:auto;aspect-ratio:4/3}.visual-caption{font-size:9px}.compare-section{padding-top:78px;padding-bottom:80px}.compare-heading{display:block}.compare-heading>p{margin-top:17px}.comparison{aspect-ratio:4/3;min-height:260px}.compare-note{font-size:9px;gap:15px}.ppf-section{display:flex;flex-direction:column}.ppf-image{min-height:400px}.ppf-content{padding:67px 24px 80px}.ppf-content>p:not(.eyebrow){font-size:13px}.ppf-detail{position:relative;bottom:auto;left:auto;margin:-48px 24px 0 auto;width:56%;height:170px;border-width:6px;order:2}.ppf-content{order:1}.ppf-image{order:0}.portfolio-section{padding-top:85px;padding-bottom:78px}.portfolio-head{align-items:flex-start;flex-direction:column;margin-bottom:25px}.portfolio-head .under-link{margin-top:0}.portfolio-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 170px 170px;gap:9px}.portfolio-wide{grid-column:span 2;grid-row:auto}.portfolio-card .image-note{font-size:9px;padding:9px}.faq-section{padding-top:72px;padding-bottom:78px;grid-template-columns:1fr;gap:35px}.faq-heading h2{font-size:43px}.faq-list summary{font-size:13px;padding:18px 28px 18px 0}.faq-list summary span:before,.faq-list summary span:after{top:26px}.faq-list details p{font-size:11px}.closing-cta{padding-top:59px;padding-bottom:62px;align-items:flex-start;flex-direction:column;gap:25px}.site-footer{grid-template-columns:95px 1fr;padding:25px 24px;gap:8px 18px}.footer-brand img{width:88px}.site-footer p{font-size:10px}.footer-links{grid-column:1/-1;padding:10px 0;gap:20px}.site-footer small{grid-column:1/-1}.whatsapp-float{right:16px;bottom:16px;width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.asset-photo{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;pointer-events:none}.asset-photo[src]{opacity:1}.hero-image .asset-photo{object-position:center 58%}.film-window .asset-photo{object-position:center 60%}.comparison .asset-photo{object-position:center 58%}.ppf-image .asset-photo,.ppf-detail .asset-photo{object-position:center}.portfolio-card .asset-photo{z-index:0}.portfolio-card .image-note,.portfolio-caption{z-index:4}.portfolio-card .asset-photo{transition:transform .5s}.portfolio-card:hover .asset-photo{transform:scale(1.025)}

.film-window.has-image .car-art{display:none}.comparison-after.has-image .after-tint{display:none}.comparison-after .asset-photo{object-position:center 58%}.film-window .asset-photo{z-index:0}.film-window .tint-layer{z-index:1}.film-window .car-art{z-index:2}.film-tag{z-index:4}.comparison .image-note{z-index:4}

.comparison .compare-scene{z-index:0}.comparison .comparison-after{z-index:2}.comparison .before-label,.comparison .after-label{z-index:3}.comparison .compare-handle{z-index:5}.comparison .compare-range{z-index:6}

/* Art direction update: a continuous midnight palette inspired by the supplied automotive reference. */
body{background:#080a0c;color:#f7f9fb}
.intro,.compare-section,.portfolio-section{background:#080a0c;color:#f7f9fb}
.intro-copy,.compare-heading>p,.service-item p,.compare-note{color:#a6b0bb}
.section-heading h2 span,.portfolio-head h2 span{color:#9da8b3}
.service-list,.service-item{border-color:#ffffff24}
.service-item h3{color:#f7f9fb}
.service-item>a{color:#80baff}
.eyebrow.dark{color:#aeb8c2}
.under-link{color:#eff4f8;border-color:#73808c}
.compare-heading h2 span{color:#9da8b3}
.compare-note span:first-child{color:#cfe5ff}
.portfolio-card{background-color:#14202c}
.site-header{background:#080a0c}
.button-blue{background:#1476ee}
.closing-cta{background:#0c1b2a}
@media(max-width:700px){.site-header{background:#080a0c}.main-nav{background:#080a0c}}

/* Ajustes de encaixe para o bloco PPF e a composição do portfólio. */
.ppf-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.ppf-content{min-width:0;padding:90px clamp(24px,4vw,64px) 88px clamp(24px,5vw,72px)}
.ppf-content h2{font-size:clamp(34px,4.15vw,54px);letter-spacing:-.06em}
.ppf-detail{left:5%;width:min(31%,360px);bottom:-45px}
.portfolio-card:nth-child(4){grid-column:span 2}
@media(max-width:700px){
  .ppf-section{display:flex}
  .ppf-content{padding:67px 24px 80px}
  .ppf-content h2{font-size:44px}
  .ppf-detail{position:relative;left:auto;bottom:auto;width:56%;height:170px;margin:-48px 24px 0 auto;border-width:6px}
  .portfolio-card:nth-child(4){grid-column:auto}
}
.portfolio-disclaimer{max-width:530px;color:#8997a4;font-size:11px;margin:12px 0 0}
@media(max-width:700px){.portfolio-disclaimer{margin-top:10px}}

/* Final media framing adjustments: keep the hero photo in its own full-height layer. */
.hero-image{position:absolute;inset:0;z-index:0;isolation:isolate;min-height:100%;}
.hero-image::before{z-index:1;pointer-events:none;}
.hero-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;}
.hero-shade{z-index:1;pointer-events:none;}
.hero-content,.hero-foot{z-index:2;}
.hero-mark{z-index:1;}
.film-window .asset-photo{object-position:center 8%;}
@media(max-width:700px){.film-window{aspect-ratio:3/2;}.film-window .asset-photo{object-position:center 8%;}}

/* Mobile pass: keep controls legible and prevent intrinsic media sizes from widening the page. */
@media(max-width:700px){
  .hero .eyebrow{max-width:calc(100vw - 48px);font-size:9px;letter-spacing:.1em;flex-wrap:wrap;row-gap:6px;margin-bottom:18px}
  .hero-background{object-position:72% 56%}
  .section-heading h2,.compare-heading h2,.portfolio-head h2,.ppf-content h2,.faq-heading h2,.closing-copy h2{font-size:clamp(34px,10.5vw,38px)}
  .film-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0}
  .film-option,.film-option:last-child{min-height:58px;padding:10px 8px;border:1px solid #ffffff25;border-radius:2px}
  .film-option span{font-size:13px;margin-bottom:3px}
  .film-option small{font-size:9px;line-height:1.25}
  .visual-caption{align-items:flex-start;flex-direction:column;gap:4px;font-size:10px}
  .comparison{width:100%;min-width:0;min-height:0;aspect-ratio:4/3}
  .compare-range{max-width:100%}
  .compare-note{align-items:flex-start;flex-direction:column;gap:5px}
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:clamp(190px,58vw,230px) clamp(145px,44vw,180px) clamp(145px,44vw,180px);gap:9px}
  .portfolio-wide{grid-column:span 2}
  .portfolio-card:nth-child(4){grid-column:span 2}
  .portfolio-card{min-width:0}
  .faq-list details p{max-width:62ch}
  .whatsapp-float{display:none}
}

/* Keep the PPF regeneration detail attached to the application photo. */
.ppf-detail{
  bottom:24px;
  z-index:3;
  box-shadow:0 18px 48px #0005;
}
@media(max-width:700px){
  .ppf-section{position:relative;overflow:hidden}
  .ppf-content{padding-top:105px}
  .ppf-detail{
    position:absolute;
    top:327px;
    right:auto;
    bottom:auto;
    left:50%;
    width:min(46%,170px);
    height:145px;
    margin:0;
    order:initial;
    border-width:6px;
    transform:translateX(-50%);
  }
}

/* Use consistent vector icons instead of font glyphs that can render as emoji. */
.site-icon{display:inline-block;width:1.1em;height:1.1em;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-icon .site-icon{width:22px;height:22px;stroke-width:1.5}
.compare-handle .site-icon{width:19px;height:19px;stroke-width:1.8}

/* Keep the same centered content frame across every section on wide screens. */
@media(min-width:1600px){
  :root{--wide-gutter:max(clamp(72px,7vw,180px),calc((100vw - 1920px)/2))}
  .site-header{padding-left:var(--wide-gutter);padding-right:var(--wide-gutter)}
  .hero-content{padding-left:var(--wide-gutter)}
  .hero-foot{left:var(--wide-gutter)}
  .section-pad{padding-left:var(--wide-gutter);padding-right:var(--wide-gutter)}
  .intro,.compare-section,.portfolio-section,.faq-section{width:100%;max-width:1920px;margin-inline:auto}
  .film-copy{padding-left:var(--wide-gutter)}
  .film-visual{padding-right:var(--wide-gutter)}
  .ppf-content{padding-left:var(--wide-gutter);padding-right:var(--wide-gutter)}
  .closing-cta{padding-left:var(--wide-gutter);padding-right:var(--wide-gutter)}
  .site-footer{padding-left:var(--wide-gutter);padding-right:var(--wide-gutter)}
  .comparison{aspect-ratio:2.2;max-height:none;min-height:0}
}

/* Personalized comparison: a compact form inside the existing page rhythm. */
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-panel{border:1px solid #ffffff24;background:#0c1722;padding:clamp(20px,3vw,36px);margin-bottom:26px;color:#eef5fc}
.demo-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.demo-kicker{color:#76bbff;letter-spacing:.12em;font-size:10px}
.demo-panel h3{font:600 clamp(20px,2.2vw,29px)/1.2 var(--display);letter-spacing:-.035em;margin:9px 0 14px}
.demo-panel p{font-size:13px;color:#b1c1d1;line-height:1.7;margin:12px 0}
.demo-quota{font-size:11px;color:#b7d9ff;padding:8px 12px;border:1px solid #31516f;white-space:nowrap}
.demo-fields{border:0;padding:0;margin:22px 0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.demo-fields label{font-size:12px;color:#cddae7;display:flex;flex-direction:column;gap:7px;min-width:0}
.demo-fields select{font:400 14px var(--font);color:#f3f7fc;background:#101f30;border:1px solid #3a4b5e;border-radius:0;min-height:48px;width:100%;padding:11px 32px 11px 12px;text-overflow:ellipsis;outline-offset:3px;color-scheme:dark}
.demo-fields select:focus-visible{outline:2px solid #6bbbff}.demo-fields select:disabled{opacity:.55}
.demo-actions{display:flex;gap:20px;align-items:center;margin-top:20px}.demo-actions>span{font-size:11px;color:#99afc4}
.demo-actions button{border:0;cursor:pointer}.demo-actions button:disabled{opacity:.5;cursor:wait}
.demo-panel .demo-help,.demo-panel .demo-disclaimer{font-size:11px}.demo-panel .demo-disclaimer{border-top:1px solid #ffffff1c;padding-top:16px;margin-top:20px;color:#8fa5bb}
.demo-progress{display:flex;gap:12px;align-items:center;color:#c1e1ff;font-size:13px;margin-top:22px}
.demo-progress-dot{width:8px;height:8px;border-radius:50%;background:#55b5ff;box-shadow:0 0 0 5px #55b5ff18;animation:demo-pulse 1.6s ease-in-out infinite}
@keyframes demo-pulse{50%{opacity:.4}}
.demo-history{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.demo-history button{border:1px solid #344c65;background:transparent;color:#d4e7fa;cursor:pointer;font-size:12px;padding:10px 12px;text-align:left;max-width:100%;overflow-wrap:anywhere}.demo-history button[aria-pressed=true]{border-color:#61b8ff;background:#1674ed20}
.demo-panel #demo-status{color:#d4e7fa}.demo-panel #demo-contact{font-size:12px;margin-top:12px}
@media(max-width:900px){.demo-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.demo-panel{padding:20px 16px}.demo-panel-heading{align-items:flex-start;flex-direction:column;gap:0}.demo-fields{grid-template-columns:1fr;gap:14px}.demo-fields select{font-size:16px}.demo-actions{align-items:stretch;flex-direction:column;gap:12px}.demo-actions .button{width:100%}.demo-quota{margin-bottom:12px}.demo-history{flex-direction:column}.demo-panel #demo-contact{max-width:100%;gap:10px;line-height:1.5}}
/* Searchable catalogue fields: filter visible options without changing catalogue IDs. */
.demo-search-select{position:relative;min-width:0}
.demo-search-select input{font:400 14px var(--font);color:#f3f7fc;background:#101f30;border:1px solid #3a4b5e;border-radius:0;min-height:48px;width:100%;padding:11px 12px;outline-offset:3px;color-scheme:dark}
.demo-search-select input::placeholder{color:#a8b7c8;opacity:1}
.demo-search-select input:focus-visible{outline:2px solid #6bbbff}
.demo-search-select input:disabled{opacity:.55;cursor:not-allowed}
.demo-search-options{position:absolute;inset:calc(100% + 5px) 0 auto;z-index:12;list-style:none;max-height:250px;max-height:min(250px,40dvh);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:5px;background:#112235;border:1px solid #4a6681;box-shadow:0 12px 28px #0006;scroll-padding:5px}
.demo-search-options [role=option]{padding:11px 12px;color:#e4eef8;font-size:13px;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}
.demo-search-options [role=option]:hover,.demo-search-options .is-highlighted{background:#1c4065}
.demo-search-options [aria-selected=true]{color:#7fc4ff}
.demo-search-options .demo-search-empty{padding:12px;color:#acbed0;font-size:13px}
@media(max-width:600px){.demo-search-select input{font-size:16px}.demo-search-options{max-height:min(220px,40dvh)}.demo-search-options [role=option]{min-height:44px}}
/* A model with known body type needs only five visible fields. */
@media(min-width:901px){.demo-fields.without-body{grid-template-columns:repeat(6,minmax(0,1fr))}.demo-fields.without-body>label{grid-column:span 2}.demo-fields.without-body>.demo-model-field{grid-column:span 4}}
@media(min-width:601px) and (max-width:900px){.demo-fields.without-body>label:last-of-type{grid-column:1/-1}}

/* Keep the complete comparison visible, including when desktop zoom changes. */
.compare-section .demo-panel{max-width:1080px;margin-inline:auto}
.compare-section .comparison{
  width:min(100%,1080px,calc(62vh * var(--comparison-ratio,2)));
  width:min(100%,1080px,calc(62svh * var(--comparison-ratio,2)));
  aspect-ratio:var(--comparison-ratio,2);
  min-height:0;
  height:auto;
  margin-inline:auto;
  background:#0b1420;
}
.compare-section .comparison .asset-photo{object-fit:contain;object-position:center}
.demo-image-caption{max-width:1080px;margin:0 auto 14px;font-size:12px;line-height:1.6;color:#a8cae8;overflow-wrap:anywhere}
.compare-section .compare-note{max-width:1080px;margin-inline:auto}

.demo-fields>.demo-personalization-field,.demo-fields.without-body>.demo-personalization-field{grid-column:1/-1}
.demo-personalization-field textarea{width:100%;resize:vertical;min-height:84px;max-height:220px;background:#101f30;border:1px solid #3a4b5e;color:#f3f7fc;padding:12px;font:400 14px/1.6 var(--font);border-radius:0}
.demo-personalization-field textarea:focus-visible{outline:2px solid #6bbbff;outline-offset:3px}
.demo-personalization-field textarea::placeholder{color:#8fa5bb}
.demo-personalization-field small{font-size:11px;line-height:1.6;color:#8fa5bb}
@media(max-width:600px){.demo-personalization-field textarea{font-size:16px;min-height:110px}}

.demo-empty{max-width:1080px;margin:24px auto 0;padding:28px 20px;border:1px solid #ffffff1c;color:#8fa5bb;text-align:center;font-size:13px;line-height:1.6}

.compare-actions{display:flex;justify-content:flex-end;max-width:1080px;margin:0 auto 12px}
.compare-expand,#compare-collapse{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;background:#10243a;color:#edf6ff;border:1px solid #44617c;font:500 12px/1.4 var(--font);cursor:pointer}
.compare-expand:hover,#compare-collapse:hover{background:#173b61}
.compare-expand:focus-visible,#compare-collapse:focus-visible{outline:2px solid #66bdff;outline-offset:3px}
.compare-viewer{position:fixed;inset:0;z-index:10000;background:#03070b;touch-action:none;overscroll-behavior:contain;--viewer-width:100vw;--viewer-height:100vh;--viewer-width:100dvw;--viewer-height:100dvh}
.compare-viewer::backdrop{background:#03070b}
.compare-viewer-content{position:absolute;top:50%;left:50%;width:var(--viewer-width);height:var(--viewer-height);transform:translate(-50%,-50%);isolation:isolate;background:#03070b}
.compare-viewer-stage{position:absolute;inset:8px;display:grid;place-items:center;overflow:hidden}
.compare-viewer .comparison{width:min(calc(var(--viewer-width) - 16px),calc((var(--viewer-height) - 16px) * var(--comparison-ratio,1.5)));height:auto;min-height:0;max-height:none;aspect-ratio:var(--comparison-ratio,1.5);margin:0;background:#03070b;touch-action:none}
.compare-viewer .comparison .asset-photo{object-fit:contain}
.compare-viewer .compare-range{touch-action:none}
.compare-viewer .comparison:focus-within{outline:2px solid #66bdff;outline-offset:-2px}
.compare-viewer-bar{position:absolute;z-index:20;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}
.compare-viewer-bar p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 165px);margin:0;padding:10px 12px;background:#03070be6;color:#c7d7e7;font-size:11px;line-height:1.6}
#compare-collapse{pointer-events:auto;flex-shrink:0;background:#071321ed;border-color:#7d9ab3;box-shadow:0 2px 18px #0006}
.compare-viewer-hint{position:absolute;z-index:10;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;padding:6px 12px;color:#d4e5f4;background:#03070bcc;white-space:nowrap;font-size:11px;pointer-events:none}
@media(orientation:portrait){.compare-viewer{--viewer-width:100vh;--viewer-height:100vw;--viewer-width:100dvh;--viewer-height:100dvw}.compare-viewer-content{transform:translate(-50%,-50%) rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.compare-viewer *{scroll-behavior:auto!important}}
.site-footer small a{color:#a9b7c4;text-decoration:underline;text-underline-offset:2px}.site-footer small a:hover{color:white}
.content-page{background:#f7f9fb;color:#0b1724}.content-page .site-header{position:relative}.content-page main{min-height:65vh}.seo-hero{position:relative;min-height:390px;display:flex;align-items:center;overflow:hidden;background-color:#071321;background-size:cover;background-position:center 58%;color:white}.seo-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06111df2 0%,#06111dd9 43%,#06111d55 100%),linear-gradient(0deg,#06111d7a,transparent 50%)}.seo-hero--automotivo{background-image:url('/assets/hero-car.webp')}.seo-hero--residencial{background-image:url('/assets/portfolio-03.webp')}.seo-hero--comercial{background-image:url('/assets/portfolio-04.webp')}.seo-hero-inner{position:relative;z-index:1;width:min(100%,1180px);margin:0 auto;padding:76px clamp(24px,8vw,110px)}.seo-hero .eyebrow{margin-bottom:17px}.seo-hero h1{max-width:800px;margin:0;font:600 clamp(40px,5.7vw,72px)/1.08 var(--display);letter-spacing:-.05em}.seo-hero-inner>p:not(.eyebrow){max-width:610px;margin:22px 0 28px;color:#d1dbe4;font-size:16px;line-height:1.75}.seo-hero .button{width:max-content}.breadcrumbs{display:flex;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:22px 24px;color:#687786;font-size:12px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.seo-article{max-width:1040px;margin:0 auto;padding:12px 24px 100px}.article-section{max-width:780px;margin:0 auto;padding:34px 0;border-bottom:1px solid #dbe2e9}.article-section h2,.article-cta h2{margin:0 0 14px;font:600 clamp(24px,3.2vw,36px)/1.18 var(--display);letter-spacing:-.035em;color:#10243a}.article-section p,.article-section li,.article-cta>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#536374}.article-section p{margin:0 0 15px}.article-section p:last-child{margin-bottom:0}.article-section ul{padding-left:22px;margin:14px 0;color:#536374}.article-section li{padding:3px 0}.seo-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seo-service-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;background:white;border:1px solid #dbe2e9;color:#12283d;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.seo-service-link:hover{background:#eff6fc;border-color:#8dbbe6}.seo-service-link span:last-child{color:#1674ed;font-size:18px}.article-cta{margin:42px auto 0;padding:42px clamp(24px,6vw,62px);background:#0b1e32;color:white}.article-cta .eyebrow{color:#c5d2df}.article-cta h2{color:white}.article-cta>p:not(.eyebrow){max-width:650px;color:#b5c3d0}.contact-details address{font-style:normal;font-size:15px;line-height:1.8;color:#536374}.contact-details a{color:#126bd0;text-decoration:underline;text-underline-offset:3px}.content-page .site-footer{grid-template-columns:120px 1fr auto}.site-footer .footer-contact,.site-footer .footer-copyright{grid-column:2/-1}.site-footer .footer-contact{font-size:10px;color:#9eafbd}.site-footer .footer-copyright{font-size:9px;color:#6d8092}.content-page .whatsapp-float{color:white;font-size:11px;font-weight:700}.illustrative-label{position:absolute;z-index:6;top:12px;left:12px;padding:5px 8px;background:#061321d9;border:1px solid #ffffff70;color:#fff;font-size:9px;letter-spacing:.03em}
@media(max-width:700px){.seo-hero{min-height:410px;background-position:60% center}.seo-hero-inner{padding:76px 24px}.seo-hero h1{font-size:clamp(39px,10.5vw,58px)}.seo-hero-inner>p:not(.eyebrow){font-size:14px}.breadcrumbs{padding:17px 24px;flex-wrap:wrap}.seo-article{padding:0 24px 72px}.article-section{padding:27px 0}.article-section p,.article-section li,.article-cta>p:not(.eyebrow){font-size:14px}.seo-service-list{grid-template-columns:1fr}.article-cta{margin-top:30px;padding:32px 23px}.content-page .site-footer{grid-template-columns:88px 1fr;padding:25px 24px}.site-footer .footer-contact,.site-footer .footer-copyright{grid-column:1/-1;line-height:1.8}.illustrative-label{top:8px;left:8px;font-size:8px}}