:root{color-scheme:dark;--yellow:#FFC700;--u:min(.09469697vw,.12254902svh)}
html,body{width:100%;background:#000;color:#f3efe7;font-family:Poppins,sans-serif;scroll-behavior:smooth}
html{scroll-snap-type:y proximity;scroll-padding:0}body{overflow-x:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}
.page{width:100%;height:100svh;min-height:600px;scroll-snap-align:start;scroll-snap-stop:normal;isolation:isolate;page-break-after:auto;break-after:auto}
.logo{width:auto!important;height:calc(20 * var(--u));max-width:none;object-fit:contain}.head,.top{gap:24px}.head .kicker,.top .kicker{text-align:right}.pn{right:max(48px,5vw)}
:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}::selection{background:#FFC700;color:#111}
.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#FFC700;color:#000;padding:12px 18px;text-decoration:none}.skip:focus{top:20px}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:40;background:#ffffff12;pointer-events:none}.reading-progress span{display:block;width:0;height:100%;background:#FFC700;box-shadow:0 0 12px #ffc70080;transition:width .15s linear}
.chapters{position:fixed;right:15px;top:50%;translate:0 -50%;display:grid;gap:9px;z-index:30;padding:13px 4px;border-radius:30px;background:#0004;backdrop-filter:blur(6px)}
.chapters button{display:grid;place-items:center;appearance:none;background:none;border:0;width:22px;height:19px;cursor:pointer}.chapters span{display:block;width:5px;height:5px;border-radius:99px;background:#ffffff60;transition:height .4s,width .4s,background .4s}.chapters button[aria-current] span{height:19px;width:5px;background:#FFC700}.chapters button:hover span{background:#FFC700}
html.js .reveal{opacity:0;translate:0 23px;transition:opacity .9s cubic-bezier(.22,1,.36,1),translate 1.1s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0s)}
html.js .is-visible .reveal{opacity:1;translate:0 0}.p1 .copy{z-index:4}
.page>.bg,.page>.hero,.p3 .cell img{animation:kenburns 20s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}.page.is-active>.bg,.page.is-active>.hero,.p3.is-active .cell img{animation-play-state:running}
.p6>.hero,.p6>.stars{animation:none;transform:none}.p6 .stars{pointer-events:none}.p3 .photo{height:100%}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.045)}}
.twinkle{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen}
.brick-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;mix-blend-mode:screen;opacity:.1;z-index:0;pointer-events:none;animation:heat 3.4s ease-in-out infinite;animation-play-state:paused}.is-active .brick-layer{animation-play-state:running}.p2.is-active .bg{animation:none}
@keyframes heat{0%,100%{opacity:.06;filter:brightness(1)}50%{opacity:.33;filter:brightness(1.25) saturate(1.3)}}
.p3 .after-cell{clip-path:inset(0 calc(100% - var(--compare,100%)) 0 0)}
.compare-control{appearance:none;position:absolute;left:50%;bottom:42px;translate:-50% 0;width:150px;height:22px;background:transparent;z-index:8;cursor:ew-resize;accent-color:#FFC700;opacity:.78}
.compare-control::-webkit-slider-runnable-track{height:2px;background:#ffffff66}.compare-control::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:#FFC700;box-shadow:0 0 0 4px #0007}.compare-control::-moz-range-track{height:2px;background:#ffffff66}.compare-control::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#FFC700}
@media(min-width:1600px){:root{--u:min(.085vw,.12254902svh)}}
@media(max-width:700px){
 :root{--u:1px}html{scroll-snap-type:y proximity}.page{height:100svh;min-height:820px}.logo{height:18px}.pn{right:25px;bottom:23px;font-size:10px}.chapters{right:5px;gap:6px;padding:10px 1px;background:#0005}.chapters button{width:18px;height:17px}.chapters span{width:4px;height:4px}.chapters button[aria-current] span{width:4px;height:15px}
 .p3 .top,.p4 .head,.p5 .head,.p6 .head,.p7 .head{top:31px;left:24px;right:31px;gap:17px}.kicker{font-size:8px;letter-spacing:.17em;line-height:1.7}.head .kicker,.top .kicker{max-width:175px}
 .p1{min-height:760px}.p1 .copy{top:36px;left:24px;right:32px;width:auto;text-align:right;align-items:flex-end}.p1 .logo{margin-bottom:38px}.p1 .kicker{font-size:8px;margin-bottom:17px}.p1 h1{font-size:37px;line-height:1.05}.p1 h1 em{font-size:26px;margin-top:12px}.p1 .bg{object-position:33% center}.p1 .veil{background:linear-gradient(to bottom,#0008,transparent 60%)}.p1 .rule{margin-top:25px}
 .p3 h1,.p4 h1,.p5 h1,.p6 h1,.p7 h1{top:109px;left:24px;right:30px;font-size:29px;line-height:1.14;letter-spacing:-.03em}.p3 h1{max-width:330px}.p3 .lead{left:24px;right:32px;top:202px;width:auto;max-width:none;font-size:11.5px;line-height:1.7}.p3 .lead br{display:none}.p3 .tag{top:325px;left:15px;padding:7px 9px;font-size:9px}.p3 .cell img{object-position:52% bottom}.p3 .shade{background:linear-gradient(to bottom,#000 0%,#000 20%,#000f 27%,#000b 34%,#0003 43%,transparent 53%,transparent 85%,#0004)}.p3 .duo{gap:1px}.compare-control{bottom:53px;width:125px}
 .p2{min-height:820px}.p2 .logo{top:31px;right:30px}.p2 .copy{padding:104px 26px 0;max-width:none}.p2 h1{font-size:29px;line-height:1.12}.p2 .tag{font-size:18px;line-height:1.3;margin-top:13px}.p2 .lead{font-size:11.5px;line-height:1.7;margin-top:18px;max-width:325px}.p2 .bg,.p2 .brick-layer{object-fit:cover;object-position:center bottom}
 .p4 .copy{left:24px;top:225px;width:calc(100% - 65px);font-size:12px;line-height:1.7}.p4 .copy p{margin-bottom:14px}.p4 .copy p:last-child{font-size:11px}.p4 .hero{object-position:64% center}.p4 .veil{background:linear-gradient(to bottom,#000e 0%,#000b 23%,#0007 44%,#0001 68%,transparent)}
 .p5 .situations{top:230px;left:24px;right:40px;grid-template-columns:1fr;gap:25px}.p5 .situation h2{font-size:11px;margin-bottom:8px}.p5 .situation p{font-size:12px;line-height:1.7}.p5 .hero{inset:auto 0 0;top:auto;height:53%;object-position:center bottom}.p5 .veil{background:linear-gradient(to bottom,#000 0%,#000 38%,#000c 47%,#0002 62%,transparent 76%)}.p5 .divider{top:58%}
 .p6{min-height:900px}.p6 h1{font-size:28px}.p6 .situation{left:24px;top:265px;width:calc(100% - 66px)}.p6 .situation.second{top:390px}.p6 .situation.third{top:525px}.p6 .situation h2{font-size:10.5px;line-height:1.5;margin-bottom:8px}.p6 .situation p{font-size:11.7px;line-height:1.7}.p6 .situation br{display:none}.p6 .install-note{left:24px;bottom:81px;width:calc(100% - 65px);font-size:9.5px;line-height:1.6}.p6 .sources-link{left:24px;bottom:44px;font-size:9.2px}.p6 .hero,.p6 .stars{object-position:52% center}.p6 .veil{background:linear-gradient(to bottom,#000d,#000a 25%,#0007 43%,#0004 64%,transparent 85%,#0003)}
 .p7{min-height:880px}.p7 .hero{object-position:42% center}.p7 .veil{background:linear-gradient(to bottom,#000b,#0005 25%,#0003 55%,transparent 85%)}.p7 h1{font-size:30px}.p7 .grant{top:238px;left:24px;width:calc(100% - 58px)}.p7 .grant.second{top:348px}.p7 .grant.third{top:470px}.p7 .amount{font-size:38px;line-height:1.1}.p7 .description{font-size:11.5px}.p7 .up{font-size:9px}.p7 .conditions{left:24px;top:647px;width:calc(100% - 64px);font-size:9px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,html.js .reveal{opacity:1!important;translate:none!important}.page>.bg,.page>.hero,.p3 .cell img{transform:none!important}.brick-layer{opacity:.12}.reading-progress span{transition:none}}
@media print{html,body{width:11in;scroll-snap-type:none}.page{width:11in;height:8.5in;min-height:0;--u:1px;break-after:page}.chapters,.reading-progress,.compare-control,.skip,.twinkle{display:none}.reveal{opacity:1!important;translate:none!important}img{animation:none!important;transform:none!important}}
