:root{--graphite:#101418;--seam:#2a3139;--bone:#f2ede3;--ash:#a9b0b9;--blue:#0a84ff;--white:#ffffff;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--graphite);color:var(--bone);font-family:"Aleo",Rockwell,"Roboto Slab",Georgia,serif;font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased;}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));}.top{display:flex;align-items:center}.logo{display:block;width:clamp(52px,15vw,96px);height:auto;aspect-ratio:1;border-radius:22%}main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,3dvh,28px);padding:clamp(6px,1.5dvh,20px) 0;}.stage{display:flex;flex-direction:column;align-items:center}.stage svg{display:block;width:min(60vw,34dvh,420px);height:auto;overflow:visible;}.stage .back{fill:var(--blue)}.stage .front{fill:var(--bone)}.word{margin:clamp(2px,1dvh,12px) 0 0;min-height:1.5em;font-weight:700;font-size:clamp(0.82rem,0.74rem + 0.4vw,1rem);letter-spacing:0.16em;text-transform:uppercase;color:var(--ash);text-align:center;}h1{margin:0;font-weight:700;font-size:clamp(1.9rem,1.2rem + 3.6vw,4rem);line-height:1.04;letter-spacing:-0.015em;text-wrap:balance;}.sub{margin:clamp(10px,1.6dvh,18px) 0 0;max-width:34em;font-size:clamp(1rem,0.95rem + 0.3vw,1.2rem);color:var(--ash);text-wrap:pretty;}.sub span{color:var(--bone);font-weight:700}.cta{display:flex;align-items:center;justify-content:center;margin-top:clamp(16px,2.6dvh,30px);min-height:56px;padding:14px 28px;background:var(--white);color:var(--graphite);font-family:inherit;font-weight:700;font-size:clamp(1.05rem,1rem + 0.3vw,1.25rem);text-decoration:none;border-radius:6px;-webkit-tap-highlight-color:transparent;}.cta:active{background:var(--bone)}.cta:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media (hover: hover){.cta:hover{background:var(--bone)}}footer{border-top:1px solid var(--seam);padding-top:10px;font-size:clamp(0.78rem,0.75rem + 0.1vw,0.85rem);color:var(--ash);}@media (min-width: 900px){.screen{padding:28px clamp(40px,6vw,96px) 20px}main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);align-items:center;gap:clamp(40px,6vw,110px);}.stage{order:2}.stage svg{width:min(32vw,52dvh,440px)}.cta{display:inline-flex;min-width:300px}}html,body{max-width:100%;overflow-x:clip}