*{box-sizing:border-box}
body{margin:0;background:#fffdf9;color:#14223a;font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
a{color:#0d7c79}
a:focus-visible,summary:focus-visible{outline:3px solid #0d7c79;outline-offset:4px}
.container{width:min(960px,calc(100% - 32px));margin:auto}
header{border-bottom:1px solid #dce5e5;background:#fffdf9ee;backdrop-filter:blur(18px)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:12px}
.brand{display:inline-flex;align-items:center;gap:11px;color:#10203c;font-weight:800;text-decoration:none}
.studio-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#10203c;font-weight:900}
.nav-links{display:flex;flex-wrap:wrap;gap:7px}
.nav-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:11px;color:#10203c;text-decoration:none}
.nav-links a:hover{background:#edf8f6;color:#0d7c79}
.skip-link{position:absolute;left:16px;top:8px;padding:10px 16px;background:#10203c;color:#fff;transform:translateY(-160%);z-index:30}
.skip-link:focus{transform:translateY(0)}
main{padding:clamp(45px,7vw,76px) 0 90px}
.eyebrow{margin:0 0 9px;color:#0d7c79;font-size:.82rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
h1{margin:0;color:#10203c;font-size:clamp(2.7rem,8vw,5.2rem);line-height:1.1;letter-spacing:-.06em}
.lead{max-width:680px;margin:20px 0;color:#5f6d7e;font-size:1.1rem}
.product-heading{display:flex;align-items:center;gap:24px;margin:28px 0}
.product-heading img{width:96px;height:96px;border-radius:24px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
.card,article{padding:28px;border:1px solid #dce5e5;border-radius:24px;background:#fff;box-shadow:0 18px 55px #163a4f12}
.card h2,article h2{margin:0 0 12px;color:#10203c;font-size:1.45rem}
.card img{width:72px;height:72px;border-radius:18px}
.links{display:flex;flex-wrap:wrap;gap:8px 16px}
.links a,.footer-inner a{display:inline-flex;align-items:center;min-height:44px}
article{margin-top:28px}
details{border-bottom:1px solid #dce5e5;padding-block:12px}
summary{cursor:pointer;min-height:44px;color:#10203c;font-weight:700}
details p{margin-bottom:12px}
footer{padding:28px 0 40px;border-top:1px solid #dce5e5;color:#647183}
.footer-inner{display:flex;justify-content:space-between;gap:20px}
@media(max-width:620px){.cards{grid-template-columns:1fr}
.product-heading{align-items:flex-start;flex-direction:column}
.product-heading img{width:72px;height:72px}
.footer-inner{flex-direction:column}
}

body { overflow-wrap:break-word; }
article h2 { margin-top:32px; }
article h2:first-child { margin-top:0; }
.card img { display:block; margin-bottom:16px; }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }