:root{--ink:#113967;--blue:#1847b0;--gold:#ffcf59;--pale:#eaf9fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:17px/1.65 'Trebuchet MS',system-ui,sans-serif;color:var(--ink);background:#fffdf8}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Trebuchet MS',system-ui,sans-serif;line-height:1.04}h1{font-size:clamp(52px,5.8vw,88px);letter-spacing:-4px}h2{font-size:clamp(38px,4vw,60px);letter-spacing:-2px}h3{font-size:24px;letter-spacing:-.7px}p+p{margin-top:16px}.nav{max-width:1360px;padding:22px 44px;margin:auto;display:flex;align-items:center;gap:32px}.nav img{width:190px;display:block}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a{text-decoration:none;font-size:15px;font-weight:bold}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;background:var(--blue);color:#fff;text-decoration:none;border-radius:100px;padding:17px 27px;font-size:16px;font-weight:bold;line-height:1.4;box-shadow:0 6px 0 #0a307b}.button.gold{background:var(--gold);color:#163765;box-shadow:0 6px 0 #eeb746}.button:hover{transform:translateY(-2px)}.button.compact{padding:13px 21px;font-size:14px}.hero{max-width:1360px;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;margin:25px auto 65px;padding:20px 55px 20px}.hero-copy{padding:30px 0}.eyebrow{font:800 12px/1.5 system-ui,sans-serif;letter-spacing:2.5px;margin-bottom:23px;color:#14758b}h1 em{color:#138aab;font-style:normal}.lead{font-size:19px;line-height:1.65;max-width:510px;margin:26px 0}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.quiet{font-size:14px;font-weight:bold;text-underline-offset:5px}.hero-note{font-size:13px;line-height:1.7;margin-top:27px;color:#5a7284}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 25px;min-width:0}.hero-art>img{position:relative;width:95%;height:570px;object-fit:cover;object-position:top;border-radius:180px 180px 35px 35px;border:10px solid white;box-shadow:0 20px 70px #14749425;transform:rotate(3deg)}.orbit{position:absolute;border-radius:50%;background:#d4f1f6;inset:55px -10px}.orbit.two{inset:130px -25px -10px 70px;background:#f6e2ae;transform:rotate(-15deg)}.art-label,.bubble-label{position:absolute;background:white;padding:14px 23px;border-radius:20px;font-weight:bold;font-size:15px;box-shadow:0 6px 30px #0a325820}.art-label{bottom:25px;left:0;transform:rotate(-4deg)}.bubble-label{top:75px;right:-15px;background:var(--gold);line-height:1.4;transform:rotate(6deg)}.promise{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;background:var(--ink);color:white;padding:25px;font-size:12px;letter-spacing:2px;font-weight:800}.promise b{color:var(--gold)}.section{max-width:1220px;margin:auto;padding:100px 45px}.section-heading{max-width:650px;margin-bottom:40px}.section-heading>p:last-child{margin-top:23px;font-size:18px;max-width:540px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{background:var(--pale);border-radius:26px;padding:32px}.steps article:nth-child(2){background:#fff0cb}.steps article:nth-child(3){background:#ececfa}.number{display:block;font-size:14px;font-weight:bold;letter-spacing:2px;color:#4f8297;margin-bottom:50px}.steps p{font-size:16px;line-height:1.6;margin-top:18px}.crew-section{padding:85px 45px;background:#e6f7fa}.crew-section .section-heading{margin:0 auto 45px;text-align:center}.crew-section .section-heading p{margin-left:auto;margin-right:auto}.pronounce{white-space:nowrap;font-size:14px}.band{max-width:850px;display:flex;align-items:end;justify-content:center;margin:0 auto;gap:14px}.band img{width:23%;height:270px;object-fit:contain;filter:drop-shadow(0 12px 10px #18447715)}.friends{display:flex;justify-content:center;gap:60px;margin:35px 0 20px}.friends article{text-align:center}.friends img{height:150px;width:150px;object-fit:contain}.friends h3{font-size:20px;margin-top:6px}.center{text-align:center}.install-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.install-card{padding:35px;background:white;border:1px solid #d8e6ed;box-shadow:0 16px 40px #13385b0c;border-radius:28px}.install-card h3{margin-bottom:24px}details{border-top:1px solid #e1ebef;padding:17px 0}summary{cursor:pointer;font-weight:bold}details p{margin-top:12px;font-size:15px}.small{font-size:13px;color:#5e7386;margin-top:18px}.family{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #e2e9e9;padding-top:70px;padding-bottom:70px}.family p{font-size:16px}.family .small{font-size:13px}.final-cta{background:var(--ink);text-align:center;color:#fff;padding:80px 25px}.final-cta .eyebrow{color:#97deef}.final-cta h2{margin-bottom:32px}footer{max-width:1220px;margin:auto;padding:35px 45px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}footer img{width:155px}.skip{position:absolute;left:16px;top:-100px;padding:14px;background:white;z-index:5}.skip:focus{top:10px}a:focus-visible,summary:focus-visible{outline:4px solid #d99400;outline-offset:6px}@media(max-width:950px){.nav{padding:22px}.nav nav{display:none}.nav .button{margin-left:auto}.hero{padding:10px 30px;gap:20px}h1{letter-spacing:-2px}.hero-art>img{height:510px}.actions{align-items:start;flex-direction:column;gap:22px}.section{padding:65px 30px}.install-section,.family{gap:35px}.friends{gap:25px}.bubble-label{right:-5px}}@media(max-width:650px){.nav img{width:145px}.nav{gap:12px}.button.compact{font-size:12px;padding:12px 15px;gap:10px}.hero{grid-template-columns:1fr;padding:5px 25px;margin:0 auto 30px}.hero-copy{padding:25px 0 0}.hero h1{font-size:56px}.lead{font-size:17px}.actions{flex-direction:row;align-items:center;gap:20px}.actions .button{padding:16px 20px;font-size:14px;gap:12px}.quiet{font-size:12px}.hero-art{margin-top:10px;padding:20px 32px}.hero-art>img{height:450px;width:85%;max-width:350px}.bubble-label{top:70px;right:5px;font-size:13px}.art-label{left:5px;bottom:30px;font-size:13px}.promise{gap:12px;font-size:10px;letter-spacing:1px}.promise span:last-child,.promise b:last-of-type{display:none}.section{padding:60px 24px}.steps{grid-template-columns:1fr;gap:14px}.steps article{padding:26px}.number{margin-bottom:20px}.crew-section{padding:60px 24px}.band{gap:3px}.band img{height:170px;width:25%}.friends{gap:8px}.friends img{height:110px;width:95px}.install-section,.family{grid-template-columns:1fr}.install-card{padding:25px}.final-cta{padding:65px 24px}footer{padding:30px 24px;flex-wrap:wrap}footer p{font-size:12px}footer img{width:140px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Keep each name directly below its own character at every screen size. */
.band{align-items:flex-end}.band-member{width:23%;min-width:0;text-align:center}.band .band-member img{width:100%;max-width:100%;display:block;height:270px;object-fit:contain;object-position:center bottom}.band-member h3{font-size:20px;margin-top:14px;line-height:1.3}.friends img{display:block}.friends h3{line-height:1.3}
@media(max-width:650px){.band-member{width:25%}.band .band-member img{height:170px}.band-member h3{font-size:17px;margin-top:12px}}
@media(max-width:380px){.band-member h3{font-size:15px}.band .band-member img{height:145px}}

/* Dedicated scene keeps its composition across screen sizes. */
.hero-art>img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}.hero-art{align-self:center}