@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600&display=swap";:root{--bg:#fff;--bg-cream:#fafaf8;--fg:#1a1a1a;--fg-muted:#6b7280;--fg-light:#9ca3af;--accent:#4caf50;--accent-dark:#2e7d32;--accent-light:#e8f5e9;--font-display:"DM Serif Display", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:clamp(1rem, 1.2vw, 1.125rem);--text-lg:clamp(1.125rem, 1.5vw, 1.25rem);--text-xl:clamp(1.25rem, 2vw, 1.5rem);--text-2xl:clamp(1.5rem, 2.5vw, 2rem);--text-3xl:clamp(2rem, 3.5vw, 2.75rem);--text-4xl:clamp(2.5rem, 5vw, 4rem);--text-hero:clamp(3rem, 6vw, 5.5rem);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:8rem;--max-content:1200px;--max-text:420px;--max-canvas:700px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.8s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--fg);background-color:var(--bg);font-weight:400;line-height:1.7;overflow-x:hidden}img,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}.font-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:400;line-height:1.15}.font-body{font-family:var(--font-body);font-weight:400;line-height:1.7}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-weight:400;line-height:1.15}h1{font-size:var(--text-hero)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}p{max-width:55ch;color:var(--fg-muted)}.btn{align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;transition:all var(--duration-normal) var(--ease-out);border-radius:100px;padding:.875rem 2rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 24px #4caf504d}.btn-outline{color:var(--fg);border:1.5px solid var(--fg-light);background:0 0}.btn-outline:hover{border-color:var(--fg);transform:translateY(-2px)}.loader{z-index:9999;background:var(--bg);transition:opacity .6s var(--ease-out), visibility .6s;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader__brand{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--fg);margin-bottom:var(--space-lg)}.loader__bar-track{background:var(--bg-cream);border-radius:1px;width:200px;height:2px;overflow:hidden}.loader__bar-fill{background:var(--accent);border-radius:1px;height:100%;transition:width .15s linear}.loader__percent{margin-top:var(--space-sm);font-family:var(--font-body);font-size:var(--text-xs);color:var(--fg-light);letter-spacing:.1em;font-weight:300}.header{z-index:100;padding:var(--space-md) var(--space-lg);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header__brand{font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg)}.header__brand span{color:var(--accent)}.header__cta{align-items:center;gap:var(--space-md);display:flex}.header__link{font-size:var(--text-sm);color:var(--fg-muted);transition:color var(--duration-fast);align-items:center;gap:6px;font-weight:500;display:flex}.header__link:hover{color:var(--accent)}.header__link svg{width:20px;height:20px}.scroll-container{position:relative}.canvas-wrapper{z-index:1;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0}.canvas-wrapper canvas{width:100%;max-width:var(--max-canvas);aspect-ratio:1920/1082;height:auto}.text-panel{pointer-events:none;z-index:2;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}.text-panel__content{max-width:var(--max-text);padding:var(--space-lg);pointer-events:auto}.text-panel--right .text-panel__content{margin-left:auto;margin-right:clamp(2rem,5vw,6rem)}.text-panel--left .text-panel__content{margin-left:clamp(2rem,5vw,6rem);margin-right:auto}.text-panel__label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm);font-weight:600;display:inline-block}.text-panel__heading{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--fg);margin-bottom:var(--space-md)}.text-panel__body{font-size:var(--text-base);color:var(--fg-muted);line-height:1.8}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero__title{font-family:var(--font-display);font-size:var(--text-hero);color:var(--fg);margin-bottom:var(--space-sm)}.hero__subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--fg-muted);letter-spacing:.04em;font-weight:300}.hero__scroll-hint{bottom:var(--space-lg);align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--fg-light);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;font-weight:300;animation:2s ease-in-out infinite float;display:flex;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.cta-section{z-index:10;text-align:center;padding:var(--space-3xl) var(--space-lg);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.cta-section__heading{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--fg);margin-bottom:var(--space-sm)}.cta-section__sub{font-size:var(--text-lg);color:var(--fg-muted);margin-bottom:var(--space-xl);max-width:45ch}.cta-section__buttons{align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.footer{padding:var(--space-lg);font-size:var(--text-xs);color:var(--fg-light);border-top:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex}@media (width<=1024px){.text-panel--right .text-panel__content,.text-panel--left .text-panel__content{text-align:center;max-width:480px;margin-left:auto;margin-right:auto}.canvas-wrapper canvas{max-width:55vw}}@media (width<=640px){.header{padding:var(--space-sm) var(--space-md)}.header__brand{font-size:var(--text-base)}.canvas-wrapper canvas{max-width:70vw}.text-panel__content{padding:var(--space-md)}.text-panel__heading{font-size:var(--text-2xl)}.cta-section{padding:var(--space-2xl) var(--space-md)}.btn{font-size:var(--text-xs);padding:.75rem 1.5rem}.footer{gap:var(--space-xs);text-align:center;flex-direction:column}}