@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Tiny5&display=swap');

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden;background:#030303;color:#f4f4f1;font-family:"Sora",sans-serif;line-height:1.5}
p,h1,h2,h3,blockquote{margin:0}
button,input,textarea,select{font:inherit}
.choice{--bg:#030303;--surface:#0b0b0b;--text:#f4f4f1;--muted:#8a8a8a;--accent:#f4f4f1;--line:#292929;--mono:"Sora",sans-serif}
.shell{width:min(100%,1600px);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,5rem)}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:2rem;text-transform:uppercase;font:600 .72rem/1 var(--mono);letter-spacing:.11em;border-bottom:1px dotted #3b3b3b}
.identity,.role{display:flex;align-items:center;gap:.75rem;white-space:nowrap}
.identity i{width:.72rem;height:.72rem;display:inline-block;border-radius:50%;background:#43e06f}
.role{color:var(--muted)}
.eyebrow,.section-no{color:var(--accent);font:600 .72rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
@media(max-width:560px){.shell{padding-inline:1rem}}