@font-face{font-family:"Instrument Sans";src:url("assets/fonts/instrument-sans-latin-ext.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";src:url("assets/fonts/instrument-sans-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:light;--navy:#071d45;--ocean:#064cb3;--blue:#75b9ff;--sky:#dcecff;--ink:#142b4c;--muted:#536783;--paper:#f6f9fd;--line:#d9e3ef;--white:#fff;--ink:#142b4c;--gutter:clamp(1.25rem,5vw,5.25rem);font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--white);color:var(--ink);font-size:1rem;line-height:1.6}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #83bdff;outline-offset:4px;border-radius:4px}.shell{width:min(100%,1280px);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;z-index:20;top:.7rem;left:.7rem;padding:.65rem 1rem;transform:translateY(-160%);border-radius:.5rem;background:#fff;color:var(--navy);font-weight:650}.skip-link:focus{transform:translateY(0)}
.site-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-inline:var(--gutter);background:var(--navy);color:#fff}.brand{display:inline-flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-size:1rem;font-weight:650;letter-spacing:-.02em}.brand img{display:block;width:40px;height:40px;object-fit:cover;border-radius:12px}.brand-light{color:#a8c9f4;font-weight:450}.site-header nav{display:flex;align-items:center;gap:1.6rem}.site-header nav a{color:#d2e1f5;text-decoration:none;font-size:.94rem}.site-header nav a:hover,.footer-top:hover{color:#fff;text-decoration:underline;text-underline-offset:.24em}
.hero{overflow:hidden;background:linear-gradient(118deg,#071d45 0%,#0a397b 61%,#064cb3 100%);color:#fff}.hero-inner{min-height:440px;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.83fr);align-items:center;gap:clamp(2rem,6vw,6.3rem);padding-block:3.2rem}.hero-copy{max-width:620px}.context-line{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;color:#bcd7fb;font-size:.95rem;font-weight:580}.context-line span{color:#82baff;font-size:.72rem}.hero h1{max-width:660px;margin:0 0 1.1rem;font-size:clamp(3.25rem,5.4vw,4.45rem);font-weight:620;letter-spacing:-.055em;line-height:1.02}.hero-deck{max-width:490px;margin:0;color:#d8e6f8;font-size:1.12rem;line-height:1.55}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.35rem;margin-top:1.7rem}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:7px;text-decoration:none;font-size:.98rem;font-weight:650;transition:background-color .16s ease,transform .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:#fff;color:#08356f}.button-primary:hover{background:#eaf3ff}.zip-link{color:#e2edfc;font-size:.95rem;text-underline-offset:.2em}.zip-link:hover{color:#fff}.compatibility{margin:1.1rem 0 0;color:#bed1ea;font-size:.9rem}.compatibility span{padding-inline:.35rem;color:#85a9d7}.preview{justify-self:center;width:auto;max-width:100%;margin:0;text-align:center}.window-preview{display:block;width:auto;height:auto;max-width:100%;max-height:420px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(1,14,38,.25))}.preview figcaption{margin-top:.65rem;color:#c5d9f1;font-size:.875rem}.preview figcaption a{color:#e1edfc;text-underline-offset:.2em}.preview figcaption a:hover{color:#fff}
.steps-section{padding-block:clamp(3rem,5vw,4rem)}.steps-heading{margin-bottom:1.8rem}.steps-heading h2,.faq-heading h2{margin:0;color:var(--navy);font-size:clamp(2.25rem,4vw,3.1rem);font-weight:620;letter-spacing:-.045em;line-height:1.08}.steps-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin:0;padding:1.65rem 0 1.8rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}.steps-list li{display:flex;align-items:flex-start;gap:.9rem}.step-mark{width:2rem;height:2rem;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--sky);color:#064b9f;font-size:.88rem;font-weight:650}.steps-list h3{margin:.12rem 0 .4rem;color:var(--navy);font-size:1.04rem;font-weight:650;letter-spacing:-.01em}.steps-list p{max-width:320px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.55}
.faq-section{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(3rem,9vw,8rem);padding-block:clamp(3rem,4.5vw,4rem)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{position:relative;padding:1.05rem 2.5rem 1.05rem 0;cursor:pointer;list-style:none;color:var(--navy);font-size:1.02rem;font-weight:620;line-height:1.42}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:.3rem;top:.8rem;color:var(--ocean);font-size:1.5rem;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:690px;margin:-.1rem 2.5rem 1.1rem 0;color:var(--muted);font-size:.96rem}
.site-footer{padding-block:1.4rem 1rem;border-top:1px solid var(--line);background:var(--paper)}.footer-main{display:flex;align-items:center;gap:1.25rem;padding-bottom:.95rem}.footer-main>p{margin:0;color:var(--muted);font-size:.9rem}.footer-top{margin-left:auto;color:var(--muted);font-size:.9rem;text-decoration:none}.footer-brand{color:var(--navy);font-size:.94rem}.footer-brand .brand-light{color:#56739b}.footer-brand img{width:36px;height:36px}.footer-legal{display:flex;justify-content:space-between;gap:2rem;padding-top:.9rem;border-top:1px solid var(--line)}.footer-legal p{margin:0;color:#65758b;font-size:.875rem;line-height:1.5}.footer-legal a{color:#0755ad;text-underline-offset:.15em}.footer-legal .copyright{flex:0 0 auto}
@media(max-width:900px){ .hero-inner{min-height:400px;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:2rem}.hero h1{font-size:clamp(3rem,6vw,4rem)}.steps-list{gap:1.4rem}}
@media(max-width:680px){:root{--gutter:1.25rem}body{font-size:1rem}.site-header{min-height:68px;gap:.7rem}.brand{gap:.5rem;font-size:.88rem}.brand img{width:34px;height:34px;border-radius:10px}.site-header nav{gap:1rem}.site-header nav a{font-size:.9rem}.hero-inner{min-height:0;grid-template-columns:1fr;gap:2.1rem;padding-block:2.8rem 2.6rem}.hero h1{max-width:560px;font-size:clamp(3rem,12vw,4.2rem)}.hero-deck{max-width:38rem;font-size:1.06rem}.window-preview{max-height:min(380px,65svh)}.steps-section{padding-block:3.7rem}.steps-list{grid-template-columns:1fr;gap:1.25rem;padding-block:1.45rem}.steps-list p{max-width:38rem}.faq-section{grid-template-columns:1fr;gap:.8rem;padding-block:3.7rem}.footer-main{flex-wrap:wrap;gap:.8rem}.footer-main>p{font-size:.875rem}.footer-legal{display:block}.footer-legal .copyright{margin-top:.65rem}}
@media(max-width:380px){:root{--gutter:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:.9rem}.button{min-height:48px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--white:#0b1729;--ink:#e7eef8;--muted:#bccbe0;--paper:#101f34;--line:#2b3c54;--sky:#1b3555}.site-header{background:#061735}.hero{background:linear-gradient(118deg,#061735 0%,#092b5a 61%,#06428f 100%)}.steps-heading h2,.faq-heading h2,.steps-list h3,.faq-list summary{color:#eff5ff}.steps-list p,.faq-list details p{color:#b9c8dd}.step-mark{color:#abd0ff}.site-footer{background:#101f34}.footer-brand{color:#eff5ff}.footer-brand .brand-light{color:#b4c9e8}.footer-main>p,.footer-top,.footer-legal p{color:#a9b9cf}.footer-top:hover{color:#fff}.footer-legal a{color:#9dc7ff}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
