@font-face{font-family:Inter;src:url('/assets/inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#191d1e;--muted:#646e77;--line:#e3e8eb;--cyan:#00cdeb;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(1.5rem,4.5vw,5rem);-webkit-font-smoothing:antialiased}
.header{display:flex;align-items:center;min-height:6.25rem;border-bottom:1px solid var(--line)}
.logo{display:block;width:11.5rem;height:auto}
main{flex:1;display:grid;place-items:center;padding:6rem 0 7rem}
.intro{text-align:center;width:100%}
h1{margin:0;font-weight:600}
.company{display:block;font-size:clamp(1.125rem,1.65vw,1.5rem);font-weight:500;letter-spacing:-.035em;line-height:1.4;margin-bottom:1.25rem}
.title{display:block;font-size:clamp(2.5rem,8.8vw,8rem);font-weight:600;line-height:1.12;letter-spacing:-.065em}
.period{color:var(--cyan)}
p{font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400;line-height:1.65;letter-spacing:-.02em;color:var(--muted);margin:1.75rem auto 0;max-width:32rem;text-wrap:balance}
footer{display:flex;justify-content:center;align-items:center;min-height:5.5rem;border-top:1px solid var(--line)}
a{display:inline-flex;gap:.6rem;align-items:center;min-height:44px;padding:.25rem .5rem;color:var(--muted);font-size:.875rem;line-height:1.5;text-decoration:none;text-underline-offset:5px;transition:color .18s}
a:hover{color:var(--ink);text-decoration:underline}
a:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}
::selection{background:#c5f5fb;color:var(--ink)}
@media(max-width:600px){.header{min-height:5rem}.logo{width:10rem}main{padding:5rem 0 6rem}.company{margin-bottom:1rem}.title{font-size:clamp(2.5rem,10.8vw,4rem);letter-spacing:-.06em}p{max-width:20rem;margin-top:1.5rem}footer{min-height:5rem}}
@media(prefers-reduced-motion:reduce){a{transition:none}}