: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}
}