@font-face{font-family:Archivo;src:url('/assets/fonts/Archivo.ttf');font-weight:100 900;font-display:swap}
@font-face{font-family:ArchivoBlack;src:url('/assets/fonts/ArchivoBlack.ttf');font-weight:400;font-display:swap}
:root{--teal:#326970;--deep:#164f59;--cream:#fff4d5;--paper:#f7f0e2;--ink:#4a382b;--peach:#f5b77e;--rule:#4a382b25}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Archivo,Arial,sans-serif;background:var(--paper)}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #d28a35;outline-offset:5px}button,select{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.05}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.site-header{max-width:1280px;margin:auto;padding:30px 64px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:32px;font-weight:780;letter-spacing:-1.6px;line-height:1.1}.brand-dot{color:#e8af79;font-size:12px;margin-left:4px;vertical-align:top;line-height:25px}.brand>span:not(.brand-dot){font-size:10px;vertical-align:top;margin-left:5px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:14px}.language select{min-height:44px;max-width:150px;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:inherit;padding:6px 22px 6px 6px}.language option{background:var(--paper);color:var(--ink)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:22px}.intro{font-size:18px;line-height:1.65;max-width:390px}.cta-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.download{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;padding:15px 23px;background:var(--teal);color:#fff;border-radius:8px;font-size:15px;font-weight:650;transition:transform .2s}.download:hover{transform:translateY(-2px)}.download span{font-size:22px;line-height:1}.platform{font-size:12px}.purchase-note{font-size:11px;margin-top:16px;max-width:340px;opacity:.85;line-height:1.7}.site-footer{padding:35px 64px;display:flex;align-items:center;gap:32px;max-width:1280px;margin:auto;font-size:12px;border-top:1px solid var(--rule)}.site-footer .brand{font-size:24px}.site-footer nav{margin-left:auto;display:flex;gap:24px}.site-footer a:not(.brand){text-decoration:underline;text-underline-offset:4px}
.energy{background:var(--deep);color:var(--cream)}.energy .site-header{padding-bottom:14px}.energy-hero{max-width:1280px;margin:auto;padding:34px 0 0 64px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.energy .hero-copy{padding:0 0 60px;position:relative;z-index:2}.energy h1{font-family:ArchivoBlack,Arial,sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(48px,5.8vw,78px);letter-spacing:-3.4px;line-height:.97;margin-bottom:26px;max-width:580px}.energy h1 span{display:block}.energy h1 span+span{color:#f4bd89;margin-top:9px}.energy .intro{max-width:360px;font-size:16px}.energy .download{background:var(--cream);color:var(--deep)}.energy .hero-visual{align-self:end;overflow:hidden}.energy-bottom{background:var(--paper);color:var(--ink)}.steps{max-width:1152px;padding:52px 0 48px;margin:auto}.steps h2{font-size:30px;font-weight:650;letter-spacing:-.9px;margin-bottom:38px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step-number{font-size:12px;color:var(--teal);font-weight:700;display:block;border-top:1px solid var(--rule);padding-top:18px;margin-bottom:14px}.step-grid h3{font-size:19px;margin-bottom:12px}.step-grid p{font-size:14px;line-height:1.7;max-width:280px}.energy-offline{border-top:1px solid var(--rule);max-width:1152px;margin:auto;padding:36px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.energy-offline .eyebrow{margin-bottom:9px}.energy-offline h2{font-size:27px;letter-spacing:-.7px;margin-bottom:12px}.energy-offline p:not(.eyebrow){font-size:14px;max-width:360px}.cat-line{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat-line figure{text-align:center}.cat-line img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.cat-line figcaption{font-size:12px;margin-top:-10px}.energy .site-footer{border-color:#fff4d533}
.legal-page{max-width:960px;margin:auto;padding:45px 30px 80px}.legal-page .back-link{font-size:13px;display:inline-block;margin-bottom:45px;text-decoration:underline;text-underline-offset:4px}.legal-page h1{font-family:Georgia,serif;font-size:clamp(40px,5vw,65px);font-weight:400;letter-spacing:-2px;text-transform:none;line-height:1.12;max-width:none}.legal-page .eyebrow{margin-bottom:15px}.legal-intro{font-size:18px;max-width:570px;margin:22px 0 30px}.draft-notice{padding:18px 22px;background:#fff4d5;color:#4a382b;border-left:3px solid #b17d42;font-size:13px}.legal-layout{display:grid;grid-template-columns:230px 1fr;gap:60px;margin-top:40px}.legal-layout nav{display:flex;flex-direction:column;gap:18px;font-size:13px}.legal-layout section{margin-bottom:35px}.legal-layout h2{font-size:24px;letter-spacing:-.5px;margin-bottom:14px}.legal-layout p{font-size:15px;line-height:1.8}.pending-note{border-top:1px solid currentColor;padding-top:22px;font-size:12px!important;opacity:.8}
.localized-placeholder{min-height:380px;padding:48px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed currentColor;border-radius:18px;text-align:center;margin:30px;color:inherit;background:#ffffff08}.localized-placeholder strong{font-size:19px;line-height:1.4;margin-top:25px}.localized-placeholder p{font-size:13px;max-width:230px;margin:12px auto}.localized-placeholder>span{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.7}.placeholder-grid{display:grid;grid-template-columns:repeat(4,22px);gap:4px;opacity:.4}.placeholder-grid i{width:22px;height:22px;border:1px solid currentColor;border-radius:3px}.cozy .localized-placeholder{margin:0;min-height:350px}.energy .localized-placeholder{min-height:540px;margin-bottom:70px}

/* Big Cat Energy: full-width sections with one shared content grid. */
.energy { --content-width: 1200px; background: var(--paper); color: var(--ink); }
.energy #website { max-width: none; width: 100%; background: none; }
.energy-top,.energy-footer { background: #184f57; color: var(--cream); }
.energy-top { background: linear-gradient(115deg, #174b54 0%, #245e65 100%); }
.energy .site-header,.energy .site-footer { max-width: var(--content-width); padding: 28px 24px; margin: auto; }
.energy .site-header { padding-bottom: 24px; }
.energy .brand { font-size: 31px; }
.energy .site-header nav { gap: 32px; }
.energy .language select { border-color: #fff4d54d; }
.energy-hero { max-width: var(--content-width); padding: 38px 24px 70px; grid-template-columns: minmax(0,1fr) minmax(0,1.04fr); gap: 68px; align-items: center; }
.energy .hero-copy { padding: 12px 0; container-type: inline-size; }
.energy .hero-copy h1 { font-size: min(72px,14cqw); letter-spacing: -2.8px; line-height: 1.01; margin-bottom: 28px; }
.energy .hero-copy h1 span+span { margin-top: 14px; }
.energy .eyebrow { font-size: 11px; letter-spacing: 1.8px; line-height: 1.5; }
.energy .intro { max-width: 375px; font-size: 17px; line-height: 1.7; color: #f4ead4; }
.energy .hero-visual { align-self: center; justify-self: end; width: 100%; max-width: 500px; overflow: hidden; border-radius: 100px 100px 16px 16px; background: #36747a; background-image: linear-gradient(145deg,#4b8183,#2b666e); box-shadow: inset 0 0 0 1px #ffffff15; padding-top: 32px; }
.hero-board-image { width: 100%; height: auto; }
.energy .energy-download { min-height: 76px; padding: 17px 18px 17px 24px; gap: 28px; border-radius: 12px; border: 1px solid #ffdbb8; background: #f4bd89; color: #173f43; box-shadow: 0 4px 0 #092e35,0 10px 24px #092f3420; }
.energy-download .download-copy { display: grid; gap: 7px; line-height: 1.1; }
.energy-download strong { font-size: 22px; font-weight: 750; letter-spacing: -.6px; }
.energy-download small { font-size: 11px; font-weight: 500; }
.app-store-link { display: inline-flex; max-width: 100%; line-height: 0; cursor: pointer; }
.app-store-badge { display: block; height: 64px; width: auto; max-width: 100%; pointer-events: none; }
.energy .energy-download { justify-content: center; min-width: 230px; text-align: center; padding: 17px 24px; box-shadow: 0 2px 0 #c48d59; }

.energy .energy-download:hover { background: #ffd0a2; transform: translateY(-2px); }
.energy .energy-download:active { transform: translateY(1px); box-shadow: 0 1px 0 #c48d59; }
.energy .purchase-note { margin-top: 18px; font-size: 12px; opacity: 1; color: #dddac4; }
.energy-game { max-width: var(--content-width); margin: auto; padding: 96px 24px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 110px; }
.game-art { width: 100%; max-width: 420px; aspect-ratio: 1206 / 1780; overflow: hidden; position: relative; border-radius: 20px; background: #f8bf84; justify-self: center; }
.game-art>img { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; }
.game-copy .eyebrow { color: var(--teal); margin-bottom: 16px; }
.energy .game-copy h2 { font-size: 44px; line-height: 1.08; letter-spacing: -1.6px; max-width: 480px; }
.game-intro { font-size: 16px; line-height: 1.75; margin-top: 22px; max-width: 420px; }
.game-steps { margin-top: 30px; }
.game-steps article { display: grid; grid-template-columns: 34px 1fr; gap: 16px; border-top: 1px solid var(--rule); padding: 20px 0; }
.game-steps article>span { font-size: 12px; font-weight: 650; color: var(--teal); padding-top: 3px; }
.game-steps h3 { font-size: 19px; line-height: 1.3; margin-bottom: 7px; letter-spacing: -.3px; }
.game-steps p { font-size: 14px; line-height: 1.6; max-width: 370px; }
.energy-closing { background: #e9e4d6; border-top: 1px solid #4a382b12; }
.closing-inner { max-width: var(--content-width); margin: auto; padding: 65px 24px 70px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: center; }
.closing-inner .eyebrow { color: var(--teal); margin-bottom: 16px; }
.closing-inner h2 { font-size: 46px; line-height: 1.1; letter-spacing: -1.7px; max-width: 520px; }
.closing-inner h2+p { margin-top: 17px; font-size: 16px; }
.closing-action { justify-self: end; max-width: 340px; }
.closing-action>p { margin-top: 20px; font-size: 13px; line-height: 1.7; max-width: 300px; }
.energy .site-footer { border: none; min-height: 115px; gap: 28px; }
.energy .site-footer .brand { font-size: 26px; }
.energy .site-footer p { color: #d1d7ca; }
.energy .site-footer nav { gap: 26px; line-height: 1.5; }
.energy .localized-placeholder { min-height: 550px; margin: 32px; background: none; }
.energy .game-art .localized-placeholder { min-height: 0; height: calc(100% - 48px); margin: 24px; color: var(--ink); }
.energy:has(.legal-page) #website { background: #184f57; color: var(--cream); }
html[lang=de] .energy .hero-copy h1 { font-size: min(61px,11.8cqw); letter-spacing: -2px; }
@media(max-width:1100px) {
 .energy-hero { gap: 38px; padding-top: 28px; padding-bottom: 52px; }
 .energy-game { gap: 60px; padding-block: 72px; }
 .energy .game-copy h2 { font-size: 38px; }
 .closing-inner { gap: 40px; }
 .closing-inner h2 { font-size: 40px; }
}
@media(max-width:760px) {
 .energy .site-header { padding: 20px 24px; }
 .energy .site-header nav { gap: 12px; }
 .energy-hero { grid-template-columns: 1fr; gap: 38px; padding: 28px 24px 40px; }
 .energy .hero-copy { padding: 0; }
 .energy .hero-copy h1 { font-size: min(66px,14.7cqw); letter-spacing: -2px; }
 html[lang=de] .energy .hero-copy h1 { font-size: min(55px,11.5cqw); letter-spacing: -1.3px; }
 .energy .hero-copy .eyebrow { font-size: 10px; }
 .energy .intro { font-size: 16px; }
 .energy .hero-visual { width: 100%; max-width: 470px; margin: 0; justify-self: center; border-radius: 64px 64px 12px 12px; }
 .energy .energy-download { gap: 22px; padding-left: 20px; }
 .energy-download strong { font-size: 21px; }
 .energy-game { grid-template-columns: 1fr; gap: 34px; padding: 48px 24px; }
 .game-copy { grid-row: 1; }
 .energy .game-copy h2 { font-size: 35px; max-width: 440px; }
 .game-intro { margin-top: 18px; }
 .game-steps { margin-top: 25px; }
 .game-art { max-width: 340px; }
 .closing-inner { grid-template-columns: 1fr; gap: 30px; padding: 44px 24px 48px; }
 .closing-inner h2 { font-size: 36px; }
 .closing-action { justify-self: start; }
 .energy .site-footer { padding: 28px 24px; gap: 22px; }
 .energy .site-footer nav { gap: 16px 24px; }
 .energy .localized-placeholder { min-height: 390px; margin: 24px; }
}
@media(prefers-reduced-motion:reduce) { .energy .energy-download { transition: none; } }
/* Production navigation and accessibility. */
.energy-top { color: var(--cream); }
.energy-bottom { background: var(--paper); color: var(--ink); }
.header-actions { display:flex; align-items:center; gap:32px; font-size:14px; }
.language-picker { position:relative; z-index:10; }
.language-picker summary { display:flex; align-items:center; gap:10px; min-height:44px; padding:9px 14px; border:1px solid #fff4d54d; border-radius:24px; cursor:pointer; list-style:none; background:#ffffff08; }
.language-picker summary::-webkit-details-marker { display:none; }
.language-picker summary:hover { background:#ffffff12; }
.language-picker summary:focus-visible { outline:3px solid #f4bd89; outline-offset:4px; }
.language-picker[open] summary { background:#fff4d5; color:#184f57; }
.energy .site-header .language-options { display:block; position:absolute; right:0; top:calc(100% + 12px); width:224px; padding:12px; border-radius:16px; background:#fffaf0; color:#184f57; border:1px solid #e0d6c3; box-shadow:0 14px 45px #07282e40; }
.language-options p { margin:3px 9px 9px; font-size:11px; font-weight:600; color:#5b665f; }
.language-options a { display:flex; align-items:center; justify-content:space-between; padding:12px; min-height:44px; border-radius:9px; font-size:15px; }
.language-options a:hover,.language-options a[aria-current] { background:#e8eeE5; }
.skip-link { position:fixed; top:12px; left:12px; z-index:100; transform:translateY(-200%); background:var(--cream); color:var(--deep); padding:12px 18px; border-radius:8px; }
.skip-link:focus { transform:translateY(0); }
.legal-top { background:#184f57; color:var(--cream); }
.entry-page { min-height:100svh; background:#184f57; color:var(--cream); }
.entry-page main { max-width:560px; padding:60px 24px; margin:auto; }
.entry-page .eyebrow { margin-top:60px; }
.entry-page h1 { font-size:48px; letter-spacing:-1.8px; margin-bottom:20px; }
.entry-page nav { display:grid; gap:10px; margin-top:32px; }
.entry-page nav a { display:flex; justify-content:space-between; padding:15px 20px; border:1px solid #fff4d54d; border-radius:10px; }
.entry-page nav a:hover { background:#ffffff15; }
@media(max-width:760px) {
 .header-actions { gap:12px; }
 .language-picker summary { gap:8px; padding:8px 10px; font-size:13px; }
 .energy .site-footer { flex-wrap:wrap; }
 .site-footer nav { margin-left:0; flex-basis:100%; flex-wrap:wrap; }
 .site-footer p { margin-left:auto; }
 .legal-page { padding:28px 24px 45px; }
 .legal-page h1 { font-size:42px; overflow-wrap:anywhere; }
 .legal-layout { grid-template-columns:1fr; gap:30px; }
 .legal-layout nav { padding-bottom:24px; border-bottom:1px solid currentColor; }
 .energy .legal-page h1 { font-family:Georgia,serif; font-size:42px; letter-spacing:-1.5px; text-transform:none; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }

/* Longer legal drafts keep a readable measure and navigable section links. */
.legal-layout>div { min-width:0; }
.legal-layout p+p { margin-top:14px; }
.legal-layout section { scroll-margin-top:24px; overflow-wrap:break-word; }
.legal-links { padding-left:20px; margin:16px 0 0; font-size:14px; line-height:1.8; }
.legal-links a { text-decoration:underline; text-underline-offset:3px; }