:root{color-scheme:light;--ink:#202631;--muted:#606773;--navy:#15233d;--blue:#144dcc;--line:#e3e6eb;--surface:#f4f5f7;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
[hidden]{display:none!important}
.page{max-width:1240px;margin:auto;padding:0 64px}
.site-header{height:146px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}
.brand{position:relative;display:block;width:268px;aspect-ratio:5.55;overflow:hidden;flex-shrink:0}
.brand img{position:absolute;width:113.2%;height:auto;max-width:none;left:-7.75%;top:-118.3%}
.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:78px;align-items:end;padding:89px 0 77px}
.eyebrow{margin:0 0 24px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted)}
h1{font-size:clamp(2.5rem,4.2vw,3.55rem);line-height:1.13;letter-spacing:-.045em;font-weight:500;margin:0;max-width:660px}
.period{color:var(--blue)}
.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:480px;margin:27px 0 0}
.development{padding-bottom:5px}
.development h2{font-size:13px;text-transform:uppercase;letter-spacing:.095em;font-weight:600;margin:0 0 20px;color:var(--muted)}
.product-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.product-list li{display:flex;gap:20px;align-items:baseline;padding:17px 0;border-bottom:1px solid var(--line);font-size:16px}
.item-number{color:#757d8a;font-size:12px;font-variant-numeric:tabular-nums}
.contact{background:var(--surface);padding:32px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:3px}
.contact h2{font-size:26px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin:0 0 7px}
.contact p{margin:0;color:var(--muted);font-size:14px}
.contact-actions{max-width:100%;text-align:right}
.button{border:1px solid var(--navy);border-radius:3px;background:var(--navy);color:#fff;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:14px;min-height:48px;text-decoration:none;transition:background .15s}
.button:hover{background:#293c60}
.site-footer{display:flex;justify-content:space-between;gap:24px;padding:33px 0 39px;font-size:13px;color:var(--muted)}
.site-footer p{margin:0}.site-footer nav{display:flex;gap:26px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}
.skip-link{position:absolute;left:16px;top:-100px;background:#fff;z-index:2;padding:8px 12px}.skip-link:focus{top:16px}
.legal{max-width:730px;padding:64px 0 70px}.legal h1{font-size:42px}.legal h2{font-size:20px;line-height:1.4;margin:30px 0 10px}.legal p{color:var(--muted)}.draft-note{padding:16px 20px;background:var(--surface);border-left:3px solid var(--blue);font-size:14px}.back-link{display:inline-block;margin-top:24px;font-size:14px}
@media(min-width:1500px){.page{padding-top:30px}.intro{padding-top:106px;padding-bottom:96px}}
@media(max-width:950px){.page{padding:0 36px}.intro{gap:42px;grid-template-columns:1.25fr 1fr}h1{font-size:42px}.desktop-break{display:none}.lead{font-size:17px}.product-list li{font-size:15px;gap:12px}}
@media(max-width:700px){.page{padding:0 24px}.site-header{height:108px;gap:16px}.brand{width:218px}.intro{grid-template-columns:1fr;gap:42px;padding:51px 0 42px}h1{font-size:42px;max-width:470px}.eyebrow{margin-bottom:20px}.lead{margin-top:23px;max-width:470px}.development h2{margin-bottom:16px}.product-list li{font-size:16px;padding:15px 0;gap:20px}.contact{padding:26px 24px;align-items:flex-start;flex-direction:column;gap:22px}.contact-actions{text-align:left}.contact h2{font-size:25px}.site-footer{flex-direction:column;gap:13px;padding:27px 0 30px}.site-footer nav{gap:24px}.legal{padding-top:44px}.legal h1{font-size:34px}}
@media(max-width:380px){.page{padding:0 20px}.brand{width:185px}h1{font-size:36px}.contact{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}