:root{color-scheme:dark;--blue:#0056b8;--white:#f7faff;--cyan:#68e8f5;--mint:#78f0b4}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--blue);font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--white);background:var(--blue);font-family:'Inter Tight',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
::selection{background:var(--cyan);color:var(--blue)}
:focus-visible{outline:2px solid var(--mint);outline-offset:7px}
.skip-link{position:fixed;top:-100px;left:24px;padding:12px 18px;background:var(--cyan);color:var(--blue);z-index:10}
.skip-link:focus{top:16px}
.page{min-height:100svh;max-width:1440px;margin:auto;padding:0 clamp(24px,6vw,88px);display:flex;flex-direction:column}
header{display:flex;align-items:center;min-height:104px;flex-shrink:0}
.brand{display:inline-flex}.brand img{width:180px;height:auto;display:block}
main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(28px,4vh,48px);padding:32px 0 18px;min-width:0}
.hero{width:100%}
h1{font-weight:600;font-size:clamp(3rem,6.8vw,6.125rem);letter-spacing:.008em;line-height:1.09;margin:0 0 34px;width:100%}
h1 span{display:block}h1 span:last-child{color:var(--cyan)}
.hero-support{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}
p{max-width:640px;margin:0;font-size:clamp(1.125rem,1.65vw,1.375rem);line-height:1.5;letter-spacing:0;color:var(--white);text-wrap:pretty}
.contact{display:inline-flex;align-items:center;justify-content:space-between;gap:52px;flex-shrink:0;min-height:58px;padding:18px 22px;border:1px solid var(--mint);background:var(--mint);color:var(--blue);font-size:1.0625rem;line-height:1.2;font-weight:500;transition:background .18s,border-color .18s}
.contact:hover{background:var(--cyan);border-color:var(--cyan)}
.activity-strip{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--cyan) var(--blue);overscroll-behavior-x:contain}
.activity-strip canvas{display:block;width:100%;height:auto;image-rendering:pixelated;pointer-events:none;user-select:none}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-shrink:0;padding:6px 0 28px;font-size:.875rem;line-height:1.5;color:var(--white)}
@media(min-width:761px) and (max-height:760px){header{min-height:80px}main{padding-top:18px;gap:16px}h1{font-size:clamp(3rem,6.4vw,5.6rem);margin-bottom:26px}.site-footer{padding-bottom:22px}}
@media(max-width:1000px) and (min-width:761px){.hero-support{gap:32px}p{font-size:1.1875rem;max-width:540px}.contact{gap:30px;padding:17px 18px}}
@media(max-width:760px){.page{padding:0 24px}header{min-height:92px}.brand img{width:160px}main{padding:34px 0 24px;gap:36px;justify-content:center}h1{font-size:clamp(1.8rem,6.2vw,3.4rem);line-height:1.12;letter-spacing:.005em;margin-bottom:28px}.hero-support{display:flex;flex-direction:column;align-items:flex-start;gap:26px}p{font-size:1.125rem;line-height:1.55;max-width:570px}.contact{min-height:56px}.activity-strip{padding-bottom:8px}.activity-strip canvas{width:900px;max-width:none}.site-footer{padding-bottom:24px;font-size:.8125rem;gap:16px}}
@media(max-width:430px){.site-footer{flex-direction:column;align-items:flex-start;gap:7px}}
@media(max-width:390px){.page{padding:0 20px}header{min-height:84px}.brand img{width:150px}main{padding-top:28px}h1{font-size:7.4vw}p{font-size:1.0625rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}