@font-face{font-family:Erode;src:url(/assets/fonts/Erode-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Erode;src:url(/assets/fonts/Erode-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Erode;src:url(/assets/fonts/Erode-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Erode;src:url(/assets/fonts/Erode-Semibold.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--blue:#0075DE;--cream:#F6F5F4;--ink:#111;--e:cubic-bezier(0.22,1,0.36,1);--eo:cubic-bezier(0.16,1,0.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--cream)}body{font-family:Erode,Georgia,serif;font-weight:400;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.skip{position:absolute;left:16px;top:-64px;background:#fff;color:var(--ink);padding:8px 12px;z-index:99}.skip:focus{top:16px}
.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:24px;padding:8px 8px 8px 20px;background:rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav.dark{background:rgba(246,245,244,.72)}
.nav img{height:18px;width:auto;display:block}
.nav .links{display:flex;gap:24px}.nav .links a{text-decoration:none;font-size:14px;line-height:20px;opacity:.82;transition:opacity .3s var(--e)}.nav .links a:hover{opacity:1}
.nav:not(.dark) .links a{color:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:Erode;font-weight:600;font-size:16px;line-height:24px;padding:12px 20px;transition:transform .5s var(--e),background-color .3s var(--e);cursor:pointer;border:0}
.btn.sm{font-size:14px;line-height:20px;padding:8px 14px}
.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px)}}
.btn.white{background:#fff;color:var(--blue)}.btn.blue{background:var(--blue);color:#fff}.btn.ink{background:var(--ink);color:#fff}
.btn svg{width:16px;height:16px}
/* tagline reveal: landing-page-design B11 + Lightswind ScrollReveal (blur + rotation per word) */
.tag{padding:160px 24px;display:flex;justify-content:center}
.tag p{max-width:900px;font-weight:300;font-size:60px;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.tag .w{display:inline-block;opacity:.28;filter:blur(3px);transform:rotate(2deg) translateY(6px);transform-origin:0 100%;transition:opacity .7s var(--e),filter .7s var(--e),transform .7s var(--e)}
.tag .w.on{opacity:1;filter:none;transform:none}
.close{padding:96px 24px 64px;text-align:center;border-top:1px solid rgba(17,17,17,.08)}
.close h2{font-weight:300;font-size:48px;line-height:1;letter-spacing:-.02em;text-wrap:balance}
.close p{margin:16px auto 32px;max-width:560px;font-size:18px;line-height:28px;color:#555;text-wrap:pretty}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:32px 24px;font-size:14px;line-height:20px;color:#666;max-width:1200px;margin:0 auto}
.foot a{text-decoration:none;margin-left:16px}
@media (max-width:760px){.nav{left:12px;right:12px;transform:none;justify-content:space-between}.nav .links{display:none}.tag{padding:96px 24px}.tag p{font-size:36px;line-height:40px}.close h2{font-size:36px;line-height:40px}}
@media (prefers-reduced-motion:reduce){.tag .w{opacity:1;filter:none;transform:none}}