@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff2d9;--cream:#fffaf0;--ink:#142735;--orange:#f8741e;--blue:#1477b3;--line:3px solid var(--ink);font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:5px}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #006aaf;outline-offset:5px}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.wordmark,.button,.ticker,.last-call{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}h1,h2,h3{text-wrap:balance}section[id]{scroll-margin-top:28px}
.site-header{max-width:1400px;padding:24px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:var(--line)}
.wordmark{font-size:38px;font-weight:900;text-decoration:none;letter-spacing:-1px;line-height:1}.wordmark span{color:var(--orange)}.wordmark small{display:block;font:800 9px/2 Inter,system-ui;letter-spacing:2px;color:var(--ink)}
.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{font-size:13px;font-weight:800;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.site-header .nav-play{padding:13px 22px;border:2px solid var(--ink);border-radius:7px;background:var(--orange);box-shadow:3px 3px 0 var(--ink)}
.hero{max-width:1400px;margin:auto;padding:64px 5% 70px;display:grid;grid-template-columns:1.03fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.5;margin-bottom:24px}.hero h1{font-size:clamp(70px,8.4vw,124px);line-height:.88;text-transform:uppercase;font-weight:900;letter-spacing:-2px;margin-bottom:28px}.hero h1 em{font-style:normal;color:var(--orange)}.lede{font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:24px;align-items:center;margin:28px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;border:var(--line);border-radius:8px;font-weight:800;font-size:23px;text-decoration:none;box-shadow:5px 5px 0 var(--ink);background:var(--cream)}.button:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--ink)}.primary{background:var(--orange)}.text-link{font-weight:700;font-size:12px}.fine{font-size:11px;line-height:1.7;color:#425965}.hero-art{position:relative;transform:rotate(2deg)}.hero-art>svg{display:block;width:100%;filter:drop-shadow(8px 10px 0 #142735)}.art-stamp{position:absolute;right:20px;top:-16px;z-index:1;transform:rotate(10deg);background:var(--orange);border:var(--line);padding:12px 18px;text-align:center;font:900 34px/.85 'Barlow Condensed',Impact}.art-stamp small{font:800 9px Inter;letter-spacing:1px}
.ticker{border-top:var(--line);border-bottom:var(--line);background:var(--orange);display:flex;gap:28px;justify-content:center;align-items:center;padding:17px 20px;font-size:23px;font-weight:800;overflow:hidden;white-space:nowrap}.ticker b{font-size:22px}
.section{max-width:1400px;margin:auto;padding:88px 5%}.section h2{font-size:clamp(45px,5.5vw,76px);line-height:.96;text-transform:uppercase;font-weight:800;margin-bottom:24px}.section-heading{margin-bottom:36px}.section-heading>p:not(.eyebrow){max-width:650px;line-height:1.7}.season-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.season{position:relative;border:var(--line);border-radius:14px;padding:34px;box-shadow:6px 6px 0 var(--ink)}.season-number{font:800 11px Inter;letter-spacing:2px}.season h3{font-size:40px;line-height:1.05;text-transform:uppercase;margin:24px 0}.season p{font-size:14px;line-height:1.8}.season a{display:inline-block;margin-top:12px;font-size:13px;font-weight:800}.christmas{background:#ddf0e4}.halloween{background:#e2d8f0}.section-note{font-size:12px;line-height:1.8;margin:25px 4px 0;color:#425965}
.units-section{border-top:var(--line);border-bottom:var(--line);background:var(--blue);color:var(--cream);max-width:none}.units-section>.section-heading,.unit-grid{max-width:1260px;margin-left:auto;margin-right:auto}.unit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.unit-card{background:var(--paper);color:var(--ink);border:var(--line);border-radius:10px;padding:18px 16px;box-shadow:5px 5px 0 var(--ink)}.unit-icon{margin-bottom:20px;padding:12px;background:#d5efff;border:2px solid var(--ink);border-radius:8px;aspect-ratio:1;display:grid;place-items:center}.unit-icon svg{width:100%;height:100%}.unit-card h3{font-size:25px;text-transform:uppercase;margin:0 0 8px}.unit-card strong{font-size:11px;color:#1d648e}.unit-card p{font-size:12px;line-height:1.7;margin:12px 0 0}
.system-section{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.system-section>div>p{line-height:1.8}.system-section>div>p:not(.eyebrow):not(.lede):not(.fine){font-size:14px}.energy-demo{background:var(--cream);border:var(--line);border-radius:14px;padding:30px;box-shadow:7px 7px 0 var(--ink)}.demo-title{font-size:12px;font-weight:800;letter-spacing:1px;border-bottom:2px dashed var(--ink);padding-bottom:20px;margin-bottom:25px;display:flex;justify-content:space-between}.demo-title span{color:var(--blue)}.energy-demo label{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin:20px 0 8px}.demo-bar{border:2px solid var(--ink);height:22px;border-radius:5px;background:#e5e4df;overflow:hidden}.demo-bar i{display:block;width:100%;height:100%;background:#28a5df;transition:width .2s}.demo-bar.health i{background:var(--orange)}#demoStatus{margin:20px 0;font-size:12px;min-height:38px;line-height:1.6}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-buttons button{background:var(--paper);border:2px solid var(--ink);border-radius:6px;padding:12px 8px;font:700 11px Inter;cursor:pointer;min-height:44px}.demo-buttons button:hover{background:#d5efff}
.progression-section{border-top:var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:45px}.steps article>strong{font:800 65px/.9 'Barlow Condensed';color:var(--orange);display:block;border-bottom:var(--line);padding-bottom:18px;margin-bottom:20px}.steps h3{font-size:30px;text-transform:uppercase}.steps p{font-size:14px;line-height:1.8}.journal-link{border-top:var(--line);display:flex;align-items:center;justify-content:space-between;gap:50px}.journal-link p:not(.eyebrow){font-size:14px;max-width:560px;line-height:1.8}.journal-link .button{flex-shrink:0}.last-call{background:var(--orange);border-top:var(--line);border-bottom:var(--line);text-align:center;padding:60px 20px}.last-call p{font-size:17px;font-weight:700;letter-spacing:2px;margin-bottom:16px}.last-call a{font-size:clamp(38px,6vw,78px);font-weight:800;text-transform:uppercase;text-decoration:none}.last-call a:hover{text-decoration:underline}.site-footer{max-width:1400px;margin:auto;padding:34px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer p,.site-footer>a:not(.wordmark){font-size:12px;line-height:1.8}.site-footer p{margin:0}
.blog-intro{padding-bottom:45px}.blog-intro h1{font-size:clamp(64px,8vw,105px);text-transform:uppercase;line-height:.92}.blog-intro .lede{max-width:700px}.journal{max-width:940px;margin:0 auto;padding:0 5% 80px}.journal article{padding:42px 0;border-top:var(--line);scroll-margin-top:25px}.journal time,.entry-label{font-size:11px;letter-spacing:1px;font-weight:800;color:#246481}.journal h2{font-size:44px;line-height:1;text-transform:uppercase;margin:18px 0 24px}.journal h3{font-size:26px;margin:26px 0 12px}.journal p,.journal li{font-size:15px;line-height:1.85}.journal ul{padding-left:20px}.archive-note{border:2px solid var(--ink);border-radius:8px;background:#e9e3d7;padding:22px}.journal .archive-note p{margin:0;font-size:13px}.blog-index{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 0}.blog-index a{font-size:12px;font-weight:700;padding:10px 14px;border:2px solid var(--ink);border-radius:6px;text-decoration:none;background:var(--cream)}
@media(max-width:1000px){.hero{gap:25px;padding-top:45px}.hero-actions{flex-wrap:wrap}.unit-grid{grid-template-columns:repeat(3,1fr)}.system-section{gap:30px}.section{padding:64px 5%}.ticker{justify-content:start}.site-header nav{gap:18px}.season h3{font-size:34px}}
@media(max-width:680px){.site-header{padding:18px 5%;gap:20px;flex-wrap:wrap}.wordmark{font-size:32px}.site-header nav{gap:16px;flex:1;justify-content:flex-end}.site-header nav a{font-size:11px}.site-header nav a[href="#unidades"],.site-header nav a[href="#sistema"]{display:none}.site-header .nav-play{padding:11px 14px}.hero{grid-template-columns:1fr;padding:42px 6% 48px;gap:36px}.hero h1{font-size:80px}.hero .eyebrow{font-size:10px}.lede{font-size:16px}.hero-art{max-width:480px;margin:auto;transform:rotate(1deg)}.hero-actions{gap:20px}.button{font-size:21px;padding:14px 20px}.ticker{font-size:19px;padding:13px 16px;gap:22px}.section{padding:52px 6%}.section h2{font-size:52px}.season-grid,.system-section,.steps{grid-template-columns:1fr}.season{padding:25px}.season h3{font-size:36px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.unit-card{padding:12px}.unit-card:last-child{grid-column:1/3;display:grid;grid-template-columns:110px 1fr;gap:0 16px}.unit-card:last-child .unit-icon{grid-row:1/4;margin:0}.unit-card h3{font-size:24px}.unit-card strong{font-size:10px}.unit-card p{font-size:11px}.energy-demo{padding:22px}.steps{gap:28px;margin-top:32px}.steps article>strong{font-size:49px}.steps h3{margin-bottom:14px}.journal-link{display:block}.journal-link .button{margin-top:20px}.site-footer{flex-wrap:wrap;padding:28px 6%;gap:18px}.site-footer p{order:3;flex-basis:100%}.journal h2{font-size:36px}.journal p,.journal li{font-size:14px}.blog-intro h1{font-size:68px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.demo-bar i{transition:none}}