@font-face{font-family:'Ubuntu Sans';src:url('/assets/ubuntu-sans.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#141710;--paper:#f5f6ef;--lime:#cdea45}
*{box-sizing:border-box}
html{min-width:280px;background:var(--ink)}
body{margin:0;color:var(--paper);font-family:'Ubuntu Sans',sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--lime);color:var(--ink)}
.page{max-width:1600px;min-height:100svh;margin:auto;padding:0 clamp(24px,6vw,96px);display:flex;flex-direction:column}
.header{min-height:136px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;width:120px;height:auto}
.header-right{display:flex;align-items:center;gap:28px}
.language{font:inherit;font-size:14px;letter-spacing:.04em;color:var(--paper);background:none;border:0;padding:10px;min-width:44px;min-height:44px;cursor:pointer}
.language:hover{color:var(--lime)}
.language:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.language[hidden]{display:none}
.status{margin:0;font-size:16px;font-weight:400;color:var(--paper)}
.hero{flex:1;display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(20px,3vw,48px);align-items:center;padding:48px 0 100px}
h1{margin:0;font-size:clamp(76px,10.5vw,168px);font-weight:450;letter-spacing:-.065em;line-height:.98}
h1 span{display:block}
.lime{color:var(--lime)}
.tagline{margin:36px 0 0;font-size:clamp(30px,3vw,44px);font-weight:450;letter-spacing:-.04em;line-height:1.15}
.description{margin:22px 0 0;font-size:17px;line-height:1.5;color:#b1b9a5}
.visual{width:100%;max-width:420px;justify-self:end}
.powerbank{display:block;width:100%;max-height:60svh}
@media(max-width:680px){.header{min-height:112px;gap:16px}.brand{width:96px}.status{font-size:15px}.header-right{gap:14px}.hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding:32px 0 48px}h1{font-size:clamp(68px,20vw,136px)}.visual{width:190px;align-self:flex-end;margin-top:4px}.powerbank{max-height:none}.tagline{margin-top:28px;font-size:32px}.description{font-size:16px;margin-top:20px}}
@media(max-height:600px) and (min-width:681px){.header{min-height:100px}.hero{padding:24px 0 56px}h1{font-size:clamp(80px,23vh,140px)}.tagline{margin-top:24px;font-size:30px}}