@font-face{font-family:Euclid;src:url('assets/EuclidCircularA-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Euclid;src:url('assets/EuclidCircularA-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:ElpycodeSerif;src:url('assets/ElpycodeSerif-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@supports ((-webkit-background-clip:text) or (background-clip:text)){#hero-title{background-image:linear-gradient(to bottom right,#fff 30%,rgba(255,255,255,.5));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:-1px -1px 0 rgba(255,255,255,.2),1px 1px 0 rgba(0,0,0,.1)}}
:root{color-scheme:dark;--ink:#f4f4f2;--muted:#a4a4a5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030303}body{color:var(--ink);font-family:Euclid,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #b1e7ef;outline-offset:5px}::selection{background:#8cc8d1;color:#000}
.header{position:absolute;z-index:2;top:0;left:0;width:100%;padding:30px 4.4%}.brand{font-size:26px;line-height:1;letter-spacing:-.085em;font-weight:500}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:100px 24px}.hero-background{position:absolute;inset:0;pointer-events:none;background:#030303}.hero-background::before{content:"";position:absolute;inset:-30px;background:url('assets/hero-background.png') center/cover no-repeat;opacity:.52;mask-image:radial-gradient(ellipse 62% 62% at 50% 43%,#000 5%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 43%,#000 5%,transparent 85%)}.hero-background::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 32% 28% at 50% 59%,rgba(16,75,90,.28),transparent 78%);pointer-events:none}.hero-content{position:relative;width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-9px)}
.visual{position:relative;width:clamp(90px,9vw,122px);aspect-ratio:1;overflow:hidden;border-radius:23%;mix-blend-mode:screen}.visual-media,.visual-placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;max-width:none;width:142%;height:auto;aspect-ratio:1;object-fit:cover}.visual-placeholder{z-index:0}.visual-media{z-index:1;opacity:0;transition:opacity .25s}.visual.is-ready .visual-media{opacity:1}h1,p{margin:0}h1{font-family:ElpycodeSerif,Georgia,serif;font-weight:400;font-size:clamp(69.3px,8vw,105.3px);line-height:1;letter-spacing:-.055em;margin-top:27px}.description{font-size:clamp(16px,1.45vw,19px);line-height:1.6;color:var(--muted);margin-top:24px;letter-spacing:-.01em}.actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:37px}.primary,.secondary{min-height:51px;display:inline-flex;align-items:center;gap:17px;justify-content:center;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}.primary{padding:0 21px;color:#fff;background:linear-gradient(104deg,rgba(253,253,253,.05) 5%,rgba(240,240,228,.1) 100%);border:2px solid rgba(255,255,255,.05);border-radius:16px;box-shadow:0 1px 3px #0003;transition:background .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}.primary:hover,.primary:focus-visible{background:rgba(255,255,255,.9);border-color:transparent;color:#090909;box-shadow:0 4px 20px #ffffff1c}.secondary{padding:0;border:0;background:none;color:#c7c8c6;transition:color .2s ease-in-out}.secondary:hover,.secondary:focus-visible{color:#fff}.arrow{font-size:24px;font-weight:400;line-height:.6;color:#898c8d;margin-top:-2px}
dialog{width:min(420px,calc(100% - 40px));padding:28px 30px 30px;background:#121416;color:#eee;border:1px solid #373b3d;border-radius:16px;box-shadow:0 24px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:#929b9d;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.close{border:0;background:none;color:#c3c5c5;font-size:26px;line-height:1;cursor:pointer;padding:0 2px}.close:hover{color:white}dialog h2{font-family:ElpycodeSerif,Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.04em;line-height:1.12;margin:27px 0 15px}dialog p{color:#a8aaaa;font-size:15px;line-height:1.7}dialog a{display:inline-flex;margin-top:25px;gap:12px;border-bottom:1px solid #707777;padding-bottom:5px;font-size:14px}
@media(max-width:700px){.header{padding:25px 6%}.brand{font-size:23px}.hero{padding:95px 20px}.hero-background::before{mask-image:radial-gradient(ellipse 78% 40% at 50% 44%,#000 0%,transparent 86%);-webkit-mask-image:radial-gradient(ellipse 78% 40% at 50% 44%,#000 0%,transparent 86%)}.visual{width:100px}h1{font-size:68px;margin-top:25px}.description{font-size:16px;max-width:330px;margin-top:20px}.desktop-break{display:none}.actions{flex-direction:column;gap:10px;margin-top:28px}.primary{min-width:222px}.secondary{min-height:44px}}
@media(max-height:580px) and (min-width:701px){.hero{padding:70px 24px}.visual{width:82px}h1{font-size:63.3px;margin-top:16px}.description{margin-top:13px}.actions{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}