*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--font-body);margin:0}img{max-width:100%;display:block}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px;border-radius:4px}.on-deep :focus-visible,.changes :focus-visible,.strip :focus-visible,.hero.on-deep :focus-visible{outline-color:var(--on-deep)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;letter-spacing:var(--d-track);text-transform:var(--d-case);font-weight:var(--d-weight);margin:0}h1{font-size:calc(clamp(2.6rem, 5.2vw, 4.4rem) * var(--d-scale));line-height:var(--d-lh)}h2{font-size:calc(clamp(2rem, 3.4vw, 2.9rem) * var(--d-scale));line-height:calc(var(--d-lh) + .04)}h3{letter-spacing:-.01em;text-transform:none;font-size:1.25rem;font-weight:700;line-height:1.2}p{text-wrap:pretty;margin:0}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}section{padding-block:clamp(4.5rem,9vw,7.5rem)}section h2{margin-bottom:1.25rem}.btn{--sq:58px;isolation:isolate;background:var(--ink);color:var(--bg);border-radius:10px;align-items:stretch;font-weight:700;text-decoration:none;transition:color .45s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--accent);clip-path:inset(0 0 0 calc(100% - var(--sq) + 10px) round 7px);border-radius:7px;transition:clip-path .55s cubic-bezier(.16,1,.3,1);position:absolute;inset:5px}.btn span{padding:17px 22px 17px 24px;font-size:1.0625rem}.btn i{flex:0 0 var(--sq);color:var(--on-accent);place-items:center;display:grid}.btn svg{width:22px;height:22px;transition:transform .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.btn:hover{color:var(--on-accent)}.btn:hover:before{clip-path:inset(0 round 7px)}.btn:hover svg{transform:translate(4px)}.on-deep .btn:hover{color:var(--on-accent)}}.btn-sm{--sq:44px}.btn-sm span{padding:11px 14px 11px 18px;font-size:.95rem}.btn-sm svg{width:18px;height:18px}.on-deep .btn{background:var(--on-deep);color:var(--deep)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.link{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent-2);text-decoration-color:var(--accent-2);font-weight:700}.link:hover{color:var(--accent-2)}.nav{z-index:20;padding-top:10px;position:sticky;top:0}.nav-in{background:var(--surface);border-radius:14px;align-items:center;gap:2.5rem;max-width:calc(1200px - 2*clamp(16px,4vw,32px) + 2.2rem);min-height:64px;padding-inline:1.1rem;transition:background-color .4s;display:flex}.js .nav:not(.scrolled) .nav-in{background:0 0;max-width:1200px;padding-inline:clamp(16px,4vw,32px)}.nav.scrolled .nav-in{background:var(--surface);max-width:calc(1200px - 2*clamp(16px,4vw,32px) + 2.2rem);padding-inline:1.1rem}.logo{font-family:var(--font-display);font-weight:var(--d-weight);text-transform:var(--d-case);letter-spacing:-.03em;font-size:1.6rem;text-decoration:none}.logo span{color:var(--accent-2)}.nav-in>nav{gap:1.75rem;margin-right:auto;display:flex}.nav-in>nav a{color:var(--ink-2);font-weight:500;text-decoration:none}.nav-in>nav a:hover{color:var(--ink)}.menu{display:none}.nav-in{position:relative}.menu summary{cursor:pointer;border-radius:10px;place-content:center;gap:6px;width:44px;height:44px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu summary span{background:var(--ink);border-radius:2px;width:20px;height:2px;display:block}.menu nav{background:var(--surface);border-radius:14px;gap:.2rem;min-width:210px;padding:.6rem;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 16px 32px -18px #00000073}.menu nav a{color:var(--ink);border-radius:8px;padding:.65rem .75rem;font-weight:600;text-decoration:none}.menu nav a:hover{background:var(--bg)}.foot{color:var(--ink-2);padding-block:2rem;font-size:.82rem}.foot-in{justify-content:space-between;gap:2rem;display:flex}@media (width<=960px){.nav-in>nav{display:none}.nav-in{gap:.5rem}.menu{margin-left:auto;display:block}.foot-in{flex-direction:column}}@media (width<=560px){.btn-sm{--sq:36px}.btn-sm span{white-space:nowrap;padding:9px 8px 9px 12px;font-size:.84rem}.logo{font-size:1.3rem}.nav-in{gap:.25rem}.js .nav:not(.scrolled) .nav-in,.nav-in{padding-inline:12px}}@media (width<=400px){.nav .btn-sm{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.nav-in>nav a[aria-current=page]{color:var(--ink);text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent-2);text-decoration-color:var(--accent-2)}.menu nav a[aria-current=page]{background:var(--bg)}
