@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";
:root{--surface-void:#09090b;--surface-base:#0f0f12;--surface-elevated:#161619;--surface-overlay:#1c1c20;--neutral-900:#18181b;--neutral-800:#27272a;--neutral-700:#3f3f46;--neutral-600:#52525b;--neutral-500:#71717a;--neutral-400:#a1a1aa;--neutral-300:#d4d4d8;--neutral-200:#e4e4e7;--neutral-100:#fafafa;--accent-primary:#416ba9;--accent-primary-muted:#416ba933;--accent-primary-subtle:#416ba91a;--accent-primary-glow:#416ba94d;--accent-dark:#0f206c;--accent-dark-muted:#0f206c33;--accent-highlight:#6aaaee;--accent-highlight-muted:#6aaaee33;--accent-light:#b8d8eb;--accent-light-muted:#b8d8eb33;--accent-juice:#e0cc00;--accent-juice-muted:#e0cc0026;--accent-consensus:#93d500;--accent-consensus-muted:#93d50026;--color-text-primary:#fafafa;--color-text-secondary:#b4b4bc;--color-text-tertiary:#9898a0;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-border-accent:#416ba980;--glass-bg:#0f0f12e6;--glass-border:#ffffff14;--glass-blur:12px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-display:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-body:"Source Sans 3","Source Sans Pro",-apple-system,system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--text-xs:.875rem;--text-sm:1rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-.02em;--tracking-wide:.05em;--tracking-wider:.1em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--transition-fast:20ms ease;--transition-base:50ms ease;--transition-slow:.1s ease;--container-max:1400px;--container-wide:1600px;--container-narrow:800px;--header-height:90px}.light{--surface-void:#f8fafc;--surface-base:#f1f5f9;--surface-elevated:#fff;--surface-overlay:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-border:#0f172a14;--color-border-hover:#0f172a26;--color-border-accent:#416ba94d;--accent-primary:#416ba9;--accent-primary-muted:#416ba91a;--accent-primary-subtle:#416ba90d;--accent-primary-glow:#416ba91f;--accent-secondary:#6366f1;--accent-secondary-muted:#6366f11a;--glass-bg:#f8fafce6;--glass-border:#0f172a0f}.light header{background:#fffffff2}.light .lattice-bg{background-image:linear-gradient(#0e74902e 1px,#0000 1px),linear-gradient(90deg,#0e74902e 1px,#0000 1px);-webkit-mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 70%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--surface-base);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-primary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{flex:1;width:100%;overflow-x:hidden}.page-container{max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}nav{height:var(--header-height);max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 clamp(24px,8vw,160px);display:flex}nav>div{align-items:center;gap:var(--space-8);display:flex}nav>a:first-child{align-items:center;display:flex}.btn-group{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.btn img{opacity:.7;width:16px;height:16px}.features-section{padding:var(--space-16)0 var(--space-24);max-width:var(--container-max);padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.section-header p{font-size:var(--text-lg);max-width:600px;margin:0 auto}.features-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-link{font-size:var(--text-xs);color:var(--accent-primary);padding:var(--space-1)var(--space-3);background:var(--accent-primary-subtle);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:500}.feature-link:hover{background:var(--accent-primary-muted);color:var(--accent-primary)}footer{background:var(--surface-elevated);border-top:1px solid var(--color-border);padding:var(--space-16)0 var(--space-8)}.footer-content{max-width:var(--container-max);margin:0 auto;padding:0 clamp(24px,8vw,160px)}.footer-status{align-items:center;gap:var(--space-4)var(--space-6);padding:var(--space-4)0;margin-bottom:var(--space-10);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex;overflow-x:auto}.footer-status .status-item{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.footer-status .status-indicator{background:var(--color-text-tertiary);border-radius:50%;width:8px;height:8px}.footer-status .status-indicator.status-live{background:var(--accent-consensus)}.footer-status .status-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.footer-status .status-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary)}@media (min-width:640px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-column h3{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600}.footer-column ul{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-column a{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);transition:color var(--transition-fast);display:inline-flex}.footer-column a img{opacity:.5;width:16px;height:16px}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{font-size:var(--text-sm);color:var(--color-text-tertiary)}.color-mode-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;margin-top:-4px;display:flex}.color-mode-toggle:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.text-accent{color:var(--accent-primary)}.text-secondary{color:var(--color-text-secondary)}.mono{font-family:var(--font-mono)}.nav-title{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);align-items:center;gap:var(--space-1);font-weight:500;text-decoration:none;display:inline-flex}.nav-title:hover{color:var(--color-text-primary)}.button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-lg);background:var(--accent-primary);color:var(--surface-void);transition:all var(--transition-base);border:none;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-text-primary);color:var(--surface-void)}.button img{filter:brightness(0);width:18px;height:18px}.button-group{gap:var(--space-4);padding:var(--space-8)var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.container{max-width:var(--container-narrow);padding:var(--space-16)var(--space-6);margin:0 auto}.hero-section{text-align:center;padding:var(--space-20)0 var(--space-12)}.hero-section h3{margin-bottom:var(--space-6);color:var(--color-text-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:600;line-height:1.15}.hero-section p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;line-height:var(--leading-relaxed);margin:0 auto}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover)}.card h4{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:600}.card-links{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.card-link{font-size:var(--text-xs);color:var(--accent-primary);padding:var(--space-1)var(--space-3);background:var(--accent-primary-subtle);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:500;text-decoration:none}.card-link:hover{background:var(--accent-primary-muted)}.description-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.ecosystem-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.ecosystem-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ecosystem-grid{grid-template-columns:repeat(3,1fr)}}.code-block{background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);position:relative}.code-block pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);white-space:pre-wrap;margin:0}.code-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary)}.lattice-bg{pointer-events:none;z-index:-1;background-image:linear-gradient(#22d3ee14 1px,#0000 1px),linear-gradient(90deg,#22d3ee14 1px,#0000 1px);background-position:50%;background-size:50px 50px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 45%,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 45%,#000 0%,#0000 70%)}.lattice-node{display:none}.hex-grid-bg{pointer-events:none;z-index:1;height:300vh;position:absolute;top:0;left:0;right:0;overflow:visible}.hex-grid-bg .hex-superpower{pointer-events:auto}.hex-grid-svg{min-width:120vw;min-height:300vh;position:absolute;top:0;left:calc(50% + 6vw);transform:translate(-50%);-webkit-mask-image:radial-gradient(70% 40% at 60% 15%,#000 0%,#0000 60%);mask-image:radial-gradient(70% 40% at 60% 15%,#000 0%,#0000 60%)}.hex-grid-cell{fill:none;stroke:var(--accent-primary);stroke-width:6px;stroke-opacity:0;animation:.4s cubic-bezier(.25,.46,.45,.94) forwards hexWaveIn}@keyframes hexWaveIn{0%{stroke-opacity:0}40%{stroke-opacity:.6}to{stroke-opacity:.35}}.light .hex-grid-cell{stroke:#2563eb99;stroke-opacity:0;animation:.4s cubic-bezier(.25,.46,.45,.94) forwards hexWaveInLight}@keyframes hexWaveInLight{0%{stroke-opacity:0}40%{stroke-opacity:.5}to{stroke-opacity:.35}}.light .hex-grid-cell-bright{stroke-opacity:.6!important;stroke:#2563ebcc!important}.light .hex-superpower-path{fill:#2563eb00;stroke:#2563eb00;stroke-width:3px;filter:none;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards hexSuperpowerInLight}@keyframes hexSuperpowerInLight{0%{fill:#2563eb00;stroke:#2563eb00;opacity:0}60%{fill:#2563eb2e;stroke:#2563ebcc;opacity:1}to{fill:#2563eb26;stroke:#2563ebb3;opacity:1}}.light .hex-superpower-path-hovered{stroke-width:4px;filter:drop-shadow(0 0 16px #2563eb4d);fill:#2563eb40!important;stroke:#2563eb!important}.light .hex-superpower-title{color:#0f172a;font-weight:700}.light .hex-superpower-desc{font-weight:500;fill:#0f172acc!important}.light .hex-superpower-cta{font-weight:700;fill:#2563eb!important}.light .hex-superpower-dimmed .hex-superpower-path{fill:#2563eb14;stroke:#2563eb4d;filter:none}.light .hex-superpower-dimmed .hex-superpower-title{color:#0f172a66!important}.superpower-hex-tiles{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.superpower-svg{width:100%;height:auto;max-height:500px;overflow:visible}.superpower-tile{transition:transform .2s}.superpower-tile:hover{transform:scale(1.05)}.superpower-hex{fill:url(#superpowerGradient);stroke:var(--accent-primary);stroke-width:2px;stroke-opacity:.6;transition:all .2s}.superpower-hex-hovered{fill:url(#superpowerHoverGradient);stroke-opacity:.9;filter:url(#superpowerGlow)}.superpower-title{font-family:var(--font-display);fill:var(--color-text-primary);pointer-events:none;font-size:11px;font-weight:600;transition:all .2s}.superpower-desc{font-family:var(--font-body);fill:var(--color-text-secondary);pointer-events:none;opacity:.8;font-size:8px;font-weight:400}.superpower-tile a{text-decoration:none}.hex-superpower{cursor:pointer;pointer-events:auto!important}.hex-superpower-path{fill:#0a192d00;stroke:#22d3ee00;stroke-width:3px;transition:all .3s;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards hexSuperpowerIn}@keyframes hexSuperpowerIn{0%{fill:#0a192d00;stroke:#22d3ee00}60%{fill:#0a192df2;stroke:#22d3eecc}to{fill:#0a192de6;stroke:#22d3ee99}}.hex-superpower-path-hovered{fill:#143250f2;stroke:#22d3ee;stroke-width:4px;filter:drop-shadow(0 0 20px #22d3ee66)}.hex-superpower-foreign{pointer-events:none;opacity:0;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards hexTitleIn;overflow:visible}.hex-superpower-title{font-family:var(--font-display);color:#fff;pointer-events:none;letter-spacing:-.02em;text-align:center;text-wrap:balance;justify-content:center;align-items:center;width:100%;height:100%;font-size:3.5rem;font-weight:700;line-height:1.5;transition:all .2s;display:flex}@keyframes hexTitleIn{0%{opacity:0}to{opacity:1}}.hex-superpower-desc{font-family:var(--font-body);fill:#22d3ee;pointer-events:none;font-size:34px;font-weight:500}.hex-superpower a{text-decoration:none}.hex-superpower-hovered{z-index:100}.hex-grid-cell-bright{transition:stroke-opacity .3s,stroke .3s;stroke-opacity:.7!important;stroke:#22d3eee6!important}.hex-superpower-dimmed .hex-superpower-path{fill:#050c16e6;stroke:#22d3ee26}.hex-superpower-dimmed .hex-superpower-title{color:#ffffff40}.hex-superpower-cta{font-family:var(--font-body);fill:#22d3ee;pointer-events:none;text-transform:uppercase;letter-spacing:2px;font-size:28px;font-weight:700}.geo-line{background:linear-gradient(90deg,transparent 0%,var(--color-border)50%,transparent 100%);height:1px}.geo-line-vertical{background:linear-gradient(180deg,transparent 0%,var(--color-border)50%,transparent 100%);width:1px;height:100%}.hero{padding:var(--space-12)var(--space-6)var(--space-10);padding-top:calc(var(--header-height) + var(--space-16));text-align:center;max-width:920px;margin:0 auto;position:relative}.hero-simple{min-height:100vh;padding-top:var(--header-height);flex-direction:column;justify-content:center;align-items:center;padding-bottom:20vh;display:flex;position:relative;overflow:hidden}.hero-split{min-height:100vh;max-width:var(--container-max);padding:0 clamp(24px,8vw,160px);padding-top:calc(var(--header-height) + 8vh);align-items:flex-start;gap:var(--space-4);grid-template-columns:1fr 1fr;margin:0 auto;padding-bottom:10vh;display:grid;position:relative;overflow:visible}.hero-left{z-index:10;text-align:left;flex-direction:column;align-items:flex-start;display:flex;position:relative}.hero-right{z-index:1;pointer-events:none;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.hero-split .hero-title{margin-bottom:var(--space-8);max-width:100%;font-size:clamp(2.8rem,6vw,4.5rem);line-height:1.08}.hero-split .hero-subtitle{max-width:480px;margin-bottom:var(--space-8);color:var(--color-text-primary);opacity:.8;margin-left:0;padding-left:0;font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:400;line-height:1.65}.hero-split .hero-cta-group{justify-content:flex-start;gap:var(--space-4);flex-direction:row}.hero-content-wrapper{z-index:2;text-align:center;padding:0 var(--space-6);flex-direction:column;align-items:center;display:flex;position:relative}.hero-simple .hero-title{margin-bottom:var(--space-8);font-size:clamp(2.8rem,8vw,6rem);line-height:1.08}.hero-simple .hero-subtitle{max-width:720px;margin-bottom:var(--space-10);color:var(--color-text-primary);padding:0 var(--space-4);opacity:.85;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:450;line-height:1.6}.hero-accent-bold{color:var(--accent-primary);font-weight:700}.hero-accent-bold:after{display:none}.btn.btn-sandbox{color:#93d500;background:#141414f2;border:2px solid #93d500!important}.btn.btn-sandbox:hover{color:#93d500;background:#93d50033;border-color:#93d500!important}:root[data-theme=light] .btn.btn-sandbox,[data-theme=light] .btn.btn-sandbox{color:#1a1a1a;background:#93d500;border-color:#7ab800!important}:root[data-theme=light] .btn.btn-sandbox:hover,[data-theme=light] .btn.btn-sandbox:hover{color:#000;background:#a4e600;border-color:#93d500!important}.hero-eyebrow{margin-bottom:var(--space-8);justify-content:center;align-items:center;display:inline-flex}.hero-label{padding:calc(var(--space-1) + 1px)var(--space-4);font-size:.8125rem;font-weight:500;font-family:var(--font-mono);color:var(--color-text-tertiary);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff09;border:1px solid #ffffff14;border-radius:6px;align-items:center;display:inline-flex;box-shadow:0 0 0 1px #ffffff05,0 14px 40px #00000059}.hero-title{font-family:var(--font-display);margin-bottom:var(--space-8);letter-spacing:-.04em;color:var(--color-text-primary);font-size:clamp(2.4rem,5.6vw,3.85rem);font-weight:600;line-height:1.06}.hero-title-line{display:block}.hero-title-line:first-child{margin-bottom:.12em}.hero-accent{color:var(--accent-primary);white-space:nowrap;display:inline;position:relative}.hero-accent:after{content:"";opacity:.55;background:linear-gradient(90deg,#0000 0%,#5aa0ff80 30% 70%,#0000 100%);border-radius:999px;height:1px;position:absolute;bottom:.07em;left:0;right:0}.hero-subtitle{font-family:var(--font-body);color:var(--color-text-secondary);max-width:52ch;margin:0 auto var(--space-10);letter-spacing:.01em;font-size:clamp(1.0625rem,2vw,1.1875rem);font-weight:400;line-height:1.55}.hero-subtitle-line{margin-bottom:0;display:block}.hero-subtitle-emphasis{color:var(--color-text-primary);margin-top:0;font-weight:500;display:block}.hero-cta-group{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.btn-lg{padding:var(--space-4)var(--space-10);font-size:var(--text-base)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-4)var(--space-6);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--color-text-primary);background:var(--surface-elevated)}.hero-cta-group .btn-ghost{background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)var(--space-8)}.hero-cta-group .btn-ghost:hover{background:var(--surface-raised);border-color:var(--color-border-hover)}.hero-content{transition:opacity .3s,transform .3s}.hero-content.hero-transitioning{opacity:0;transform:translateY(-8px)}.hero-indicators{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);display:flex}.hero-indicator{padding:var(--space-2)var(--space-4);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:100px;position:relative}.hero-indicator:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hero-indicator.active:after{width:60%}.hero-indicator.active{border-color:var(--accent-primary-muted);background:var(--accent-primary-subtle)}.hero-indicator:hover:not(.active){border-color:var(--color-border-hover);background:var(--surface-elevated)}.hero-indicator-label{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;transition:color var(--transition-fast);font-weight:500}.hero-indicator.active .hero-indicator-label{color:var(--accent-primary)}@media (max-width:768px){.hero-indicators{gap:var(--space-2);flex-wrap:wrap}.hero-indicator{padding:var(--space-1)var(--space-3)}.hero-indicator-label{font-size:.7rem}}.hero-audience{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border);display:flex}.hero-audience-label{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:400}.hero-audience-links{align-items:center;gap:var(--space-2);display:flex}.hero-audience-link{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2)var(--space-4);background:var(--surface-elevated);border:1px solid var(--color-border);transition:all var(--transition-fast);border-radius:100px;font-weight:500;text-decoration:none}.hero-audience-link:hover{color:var(--accent-primary);border-color:var(--accent-primary-muted);background:var(--accent-primary-subtle)}@media (max-width:640px){.hero-audience{gap:var(--space-3);flex-direction:column}.hero-audience-links{flex-wrap:wrap;justify-content:center}}.stat-item{padding:var(--space-8)var(--space-6);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100px;display:flex;position:relative}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-8);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);letter-spacing:.02em;transition:all var(--transition-base);cursor:pointer;border:1px solid #0000;border-radius:2px;display:inline-flex;position:relative}.btn-primary{background:var(--accent-primary);color:var(--surface-void);border-color:var(--accent-primary)}.btn-primary:hover{color:var(--accent-primary);background:0 0}.btn-secondary{color:var(--color-text-primary);border-color:var(--color-border-hover);background:0 0}.btn-secondary:hover{border-color:var(--color-text-primary)}.btn-primary:before,.btn-primary:after{content:"";border:1px solid var(--accent-primary);opacity:0;width:8px;height:8px;transition:all var(--transition-base);position:absolute}.btn-primary:before{border-bottom:none;border-right:none;top:-4px;left:-4px}.btn-primary:after{border-top:none;border-left:none;bottom:-4px;right:-4px}.btn-primary:hover:before,.btn-primary:hover:after{opacity:1}.proof-of-life{justify-content:center;align-items:center;gap:var(--space-8);width:100%;max-width:var(--container-max);padding:var(--space-8)var(--space-10);-webkit-backdrop-filter:blur(20px);background:linear-gradient(#121216fa 0%,#0c0c0ffc 100%);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;margin:0 auto;display:flex;position:relative}.light .proof-of-life{background:linear-gradient(#fafafcfa 0%,#f5f5f8fc 100%);border-top:1px solid #00000014;border-bottom:1px solid #00000014}.proof-of-life:before{content:"";background:linear-gradient(90deg,#0000 0%,#6a9ad999 50%,#0000 100%);width:300px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.light .proof-of-life:before{background:linear-gradient(90deg,#0000 0%,#4272b166 50%,#0000 100%)}.pol-metrics{display:contents}.pol-status{align-items:center;gap:var(--space-2);padding-right:var(--space-4);margin-right:var(--space-2);border-right:none;display:flex}.pol-indicator{background:radial-gradient(circle at 30% 30%,#b8ff57 0%,var(--accent-consensus)60%);width:8px;height:8px;box-shadow:0 0 8px var(--accent-consensus),0 0 16px #93d50066,0 0 32px #93d50033;border-radius:50%;animation:2s ease-in-out infinite polGlow}@keyframes polGlow{0%,to{box-shadow:0 0 8px var(--accent-consensus),0 0 16px #93d50066,0 0 32px #93d50033;transform:scale(1)}50%{box-shadow:0 0 12px var(--accent-consensus),0 0 24px #93d50080,0 0 48px #93d5004d;transform:scale(1.1)}}.pol-status-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-consensus);text-transform:uppercase;letter-spacing:.2em;font-weight:700}.pol-item{text-align:center;padding:var(--space-3)var(--space-6);position:relative}.pol-item:not(:last-child):after{content:"";background:linear-gradient(#0000 0%,#ffffff1f 50%,#0000 100%);width:1px;height:40px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.light .pol-item:not(:last-child):after{background:linear-gradient(#0000 0%,#0000001f 50%,#0000 100%)}.pol-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);font-weight:500}.pol-value{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:600}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:500}.section-header{text-align:center;margin-bottom:var(--space-16);padding-top:var(--space-8);position:relative}.section-header:before{content:"";background:linear-gradient(180deg,var(--accent-primary)0%,transparent 100%);opacity:.4;width:1px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}.section-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wider);margin-bottom:var(--space-4);display:inline-block}.section-header h2{font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--space-4);letter-spacing:-.02em;font-weight:600}.feature-card{background:var(--surface-elevated);border:1px solid var(--color-border);padding:var(--space-8);opacity:0;border-radius:0;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.4,0,.2,1) forwards featureReveal;position:relative;overflow:visible;transform:translateY(30px)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}@keyframes featureReveal{to{opacity:1;transform:translateY(0)}}.feature-card:before{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-highlight));width:0;height:2px;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.feature-card:after{content:"";background:linear-gradient(180deg,var(--accent-primary),var(--accent-highlight));width:2px;height:0;transition:height .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.feature-card:hover{background:var(--surface-overlay);border-color:#22d3ee66;transform:translateY(-4px);box-shadow:0 0 30px #22d3ee14,0 0 60px #22d3ee0a,inset 0 1px #ffffff0d}.feature-card:hover:before{width:60%}.feature-card:hover:after{height:60%}.feature-card .feature-corner-br{background:linear-gradient(270deg,var(--accent-primary),transparent);width:0;height:2px;transition:width .5s cubic-bezier(.4,0,.2,1) .1s;position:absolute;bottom:0;right:0}.feature-card:hover .feature-corner-br{width:40%}.feature-number{top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);opacity:.5;transition:all .3s;position:absolute}.feature-card:hover .feature-number{color:var(--accent-primary);opacity:1}.feature-icon{border:1px solid var(--color-border);width:52px;height:52px;margin-bottom:var(--space-6);color:var(--accent-primary);background:0 0;border-radius:0;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.feature-icon:before{content:"";opacity:0;border:1px solid #0000;transition:all .4s;position:absolute;inset:-4px}.feature-card:hover .feature-icon{border-color:var(--accent-primary);background:#22d3ee14;transform:scale(1.05);box-shadow:0 0 20px #22d3ee26}.feature-card:hover .feature-icon:before{opacity:1;border-color:#22d3ee4d}.feature-card h4{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600;transition:color .3s}.feature-card:hover h4{color:var(--accent-primary)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.feature-links{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.feature-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);padding:var(--space-1)0;transition:all var(--transition-fast);background:0 0;font-weight:500}.feature-link:before{content:"→ ";opacity:.5}.feature-link:hover{color:var(--color-text-primary)}.capabilities-compact{max-width:var(--container-max);padding:var(--space-12)clamp(24px,8vw,160px);z-index:10;margin:0 auto;position:relative}.capabilities-compact-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.cap-compact-card{gap:var(--space-6);padding:var(--space-8);background:var(--surface-base);border:1px solid var(--color-border);z-index:10;border-radius:12px;transition:all .3s;display:flex;position:relative}.cap-compact-card:hover{border-color:#22d3ee4d;box-shadow:0 8px 32px #0003}.cap-compact-graphic{flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.cap-mini-svg{width:100%;height:100%}.cap-compact-content{flex-direction:column;flex:1;min-width:0;display:flex}.cap-compact-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.cap-compact-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);border:1px solid var(--accent-primary);letter-spacing:var(--tracking-wider);padding:2px 6px}.cap-compact-subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.cap-compact-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:600;line-height:1.2}.cap-compact-description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:1.7}.cap-compact-ctas{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.cap-compact-cta-primary{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2)var(--space-4);background:var(--accent-primary);color:var(--surface-void);border:1px solid var(--accent-primary);font-weight:500;transition:all .3s;display:inline-flex}.cap-compact-cta-primary:hover{color:var(--accent-primary);background:0 0}.cap-compact-cta-primary svg{transition:transform .3s}.cap-compact-cta-primary:hover svg{transform:translate(3px)}.cap-compact-cta-secondary{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2)var(--space-4);color:#93d500;background:0 0;border:1px solid #93d500;align-items:center;font-weight:500;transition:all .3s;display:inline-flex}.cap-compact-cta-secondary:hover{background:#93d50026}.cap-mini-svg .consensus-ring{fill:none;stroke:var(--accent-primary);stroke-width:1px;transform-origin:50%}.cap-mini-svg .consensus-ring-1{opacity:.8;animation:3s ease-out infinite consensusWave}.cap-mini-svg .consensus-ring-2{opacity:.5;animation:3s ease-out .3s infinite consensusWave}.cap-mini-svg .consensus-ring-3{opacity:.25;animation:3s ease-out .6s infinite consensusWave}@keyframes consensusWave{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.cap-mini-svg .consensus-core{fill:var(--accent-primary);animation:2s ease-in-out infinite corePulse}@keyframes corePulse{0%,to{opacity:1;filter:drop-shadow(0 0 3px var(--accent-primary))}50%{opacity:.7;filter:drop-shadow(0 0 8px var(--accent-primary))}}.cap-mini-svg .scale-cell{fill:#0000;stroke:var(--color-border);stroke-width:1px;transition:fill .3s,opacity .3s}.cap-mini-svg .scale-cell.scale-cell-lit{fill:var(--accent-highlight);stroke:var(--accent-highlight);opacity:.8;filter:drop-shadow(0 0 4px var(--accent-highlight))}.cap-mini-svg .perf-track{stroke:var(--color-border);stroke-width:5px;stroke-linecap:round}.cap-mini-svg .perf-fill{stroke:var(--accent-primary);stroke-width:5px;stroke-linecap:round;stroke-dasharray:142;stroke-dashoffset:142px;transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1)}.cap-mini-svg .perf-fill.perf-animated{stroke-dashoffset:0}.cap-mini-svg .perf-needle{stroke:var(--accent-primary);stroke-width:2px;stroke-linecap:round;transform-origin:70px 70px;transition:transform 2s cubic-bezier(.4,0,.2,1);transform:rotate(-90deg)}.cap-mini-svg .perf-needle.perf-animated{transform:rotate(90deg)}.cap-mini-svg .perf-needle-center{fill:var(--surface-base);stroke:var(--accent-primary);stroke-width:2px}.cap-mini-svg .perf-value{font-family:var(--font-mono);fill:var(--accent-primary);font-size:14px;font-weight:600}.terminal-mini{background:var(--surface-base);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.terminal-mini-header{background:var(--surface-elevated);border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:8px 10px;display:flex}.terminal-mini-dot{border-radius:50%;width:10px;height:10px}.terminal-mini-dot.red{background:#ff5f57}.terminal-mini-dot.yellow{background:#febc2e}.terminal-mini-dot.green{background:#28c840}.terminal-mini-body{font-family:var(--font-mono);flex-direction:column;flex:1;justify-content:center;padding:10px 12px;font-size:12px;line-height:1.6;display:flex}.terminal-mini-line{align-items:center;min-height:1.6em;display:flex}.terminal-mini-prompt{color:var(--accent-primary);margin-right:6px}.terminal-mini-code{color:var(--color-text-primary)}.terminal-mini-result{color:var(--accent-highlight)}.terminal-mini-cursor{background:var(--accent-primary);width:7px;height:14px;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block}.terminal-mini-cursor.off{opacity:0}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.cap-mini-svg .agent-core{fill:none;stroke:#f472b6;stroke-width:2px;animation:2s ease-in-out infinite agentCorePulse}@keyframes agentCorePulse{0%,to{filter:drop-shadow(0 0 4px #f472b64d)}50%{filter:drop-shadow(0 0 12px #f472b6cc)}}.cap-mini-svg .agent-node{fill:none;stroke:#f472b6;stroke-width:1.5px;animation:2s ease-in-out infinite agentNodeBlink}.cap-mini-svg .agent-node-1{animation-delay:0s}.cap-mini-svg .agent-node-2{animation-delay:.5s}.cap-mini-svg .agent-node-3{animation-delay:1s}.cap-mini-svg .agent-node-4{animation-delay:1.5s}@keyframes agentNodeBlink{0%,to{opacity:.4;fill:#0000}50%{opacity:1;fill:#f472b64d}}.cap-mini-svg .agent-beam{stroke:#f472b6;stroke-width:1px;opacity:.3;animation:2s ease-in-out infinite agentBeamPulse}.cap-mini-svg .agent-beam-1{animation-delay:0s}.cap-mini-svg .agent-beam-2{animation-delay:.5s}.cap-mini-svg .agent-beam-3{animation-delay:1s}.cap-mini-svg .agent-beam-4{animation-delay:1.5s}@keyframes agentBeamPulse{0%,to{opacity:.2}50%{opacity:.8}}.cap-mini-svg .mission-globe{fill:none;stroke:var(--accent-primary);stroke-width:1px;opacity:.4}.cap-mini-svg .mission-equator,.cap-mini-svg .mission-meridian{fill:none;stroke:var(--accent-primary);stroke-width:1px;opacity:.4;stroke-dasharray:6 3;animation:3s linear infinite missionEnergyFlow}@keyframes missionEnergyFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-18px}}@media (max-width:1024px){.capabilities-compact-grid{gap:var(--space-6);grid-template-columns:1fr}.cap-compact-card{flex-direction:row}}@media (max-width:640px){.capabilities-compact{padding:var(--space-4)var(--space-4);margin-top:-35vh}.cap-compact-card{text-align:center;flex-direction:column;align-items:center}.cap-compact-graphic{width:160px;height:160px}.cap-compact-header{justify-content:center}.cap-compact-ctas{justify-content:center;align-items:center}.cap-compact-title{font-size:var(--text-lg)}.cap-compact-developer .cap-compact-graphic{width:200px;height:120px}.terminal-mini{min-width:180px}.terminal-mini-code,.terminal-mini-result{white-space:nowrap;font-size:11px}.cap-mini-svg .perf-value{font-size:14px}}@media (max-width:1280px){.hero-split{padding-top:calc(var(--header-height) + 4vh);gap:var(--space-8);grid-template-columns:1fr}.hero-left{text-align:center;align-items:center;max-width:600px;margin:0 auto}.hero-split .hero-cta-group{justify-content:center}.hex-grid-svg{left:50%;-webkit-mask-image:radial-gradient(90% 50%,#000 0%,#0000 70%);mask-image:radial-gradient(90% 50%,#000 0%,#0000 70%)}.hex-superpower-title{font-size:38px}.hex-superpower-desc{font-size:24px}.hex-superpower-cta{font-size:20px}}@media (max-width:768px){.hex-grid-bg{display:none}.hex-grid-mobile{display:block!important}.hero-split{min-height:auto;padding-bottom:0}.hero-split .hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-split .hero-subtitle{max-width:100%;font-size:clamp(.95rem,3vw,1.1rem)}}.hex-grid-mobile{width:100%;padding:var(--space-4)var(--space-4)0;margin-top:var(--space-4);display:none}.hex-grid-mobile-svg{width:100%;max-width:100%;height:auto;margin:0 auto;display:block;-webkit-mask-image:linear-gradient(#0000 0%,#000 8% 85%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8% 85%,#0000 100%)}.hex-grid-mobile .hex-superpower-path{fill:#0a192d00;stroke:#22d3ee00;stroke-width:2px;transition:all .3s;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards hexSuperpowerIn}.hex-grid-mobile .hex-superpower-title{font-family:var(--font-display);fill:#fff;pointer-events:none;opacity:0;font-size:11px;font-weight:700;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards hexTitleIn}.hex-grid-mobile .hex-grid-cell{fill:none;stroke:var(--accent-primary);stroke-width:2px;stroke-opacity:0;animation:.4s cubic-bezier(.25,.46,.45,.94) forwards hexWaveIn}.light .hex-grid-mobile .hex-superpower-path{fill:#2563eb00;stroke:#2563eb00;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards hexSuperpowerInLight}.light .hex-grid-mobile .hex-superpower-title{fill:#0f172a}.light .hex-grid-mobile .hex-grid-cell{stroke:#2563eb99}.data-vis{align-items:flex-end;gap:3px;height:24px;display:flex}.data-vis span{background:var(--accent-primary);opacity:.6;width:3px}footer{z-index:20;background:var(--surface-void);border-top:1px solid var(--color-border);padding:var(--space-20)0 var(--space-12);position:relative}footer:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3;width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-16);grid-template-columns:repeat(3,1fr);display:grid}.footer-column h3{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);margin-bottom:var(--space-6);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:600}.footer-column h3:before{content:"// ";opacity:.5}.footer-column a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);padding-left:var(--space-4);position:relative}.footer-column a:before{content:"";background:var(--color-text-tertiary);width:6px;height:1px;transition:all var(--transition-fast);position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-column a:hover{color:var(--color-text-primary)}.footer-column a:hover:before{background:var(--accent-primary);width:12px}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.footer-bottom p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide)}header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff2;position:sticky;top:0}nav .logo{filter:brightness(0)saturate()invert(42%)sepia(45%)saturate(600%)hue-rotate(185deg)brightness(95%)contrast(90%);width:auto;height:56px}.light nav .logo{filter:brightness(0)saturate()invert(35%)sepia(50%)saturate(700%)hue-rotate(190deg)brightness(85%)contrast(95%)}.nav-link{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);padding:var(--space-3)var(--space-2);transition:color var(--transition-fast);font-size:1rem;font-weight:500;display:inline-flex;position:relative}.nav-link:after{content:"";background:var(--accent-primary);width:0;height:1px;transition:width var(--transition-base);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{width:100%}.nav-link-sandbox,.nav-link-sandbox:hover{color:var(--accent-consensus)}.nav-link-bold{font-weight:600}.nav-burger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.burger-line{background:var(--color-text-primary);border-radius:1px;width:100%;height:2px;transition:all .3s;display:block}.burger-line.open:first-child{transform:rotate(45deg)translate(5px,5px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-desktop{margin-left:var(--space-8);flex:1;justify-content:space-between;align-items:center;display:flex}.nav-links-group{align-items:center;gap:var(--space-6);display:flex}.nav-utils-group{align-items:center;gap:var(--space-4);margin-left:var(--space-8);display:flex}.nav-language-picker,.language-switcher{position:relative}.language-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border-radius:6px;font-weight:500;transition:all .15s;display:flex}.language-btn:hover{border-color:var(--accent-primary);color:var(--color-text-primary)}.language-chevron{transition:transform .2s}.language-chevron.open{transform:rotate(180deg)}.language-dropdown{background:var(--surface-elevated);border:1px solid var(--color-border);min-width:180px;padding:var(--space-2);z-index:1000;border-radius:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0000004d}.language-option{width:100%;padding:var(--space-2)var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;transition:all .15s;display:flex}.language-option:hover{background:var(--surface-overlay);color:var(--color-text-primary)}.language-option.active{color:var(--accent-primary);font-weight:600}.language-option-name{flex:1}.language-option-code{opacity:.6;margin-right:var(--space-2);font-size:11px}.language-check{color:var(--accent-primary)}.nav-dropdown-container{position:relative}.nav-dropdown-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;display:flex}.nav-dropdown-trigger.active{color:var(--accent-primary)}.nav-dropdown-arrow{transition:transform .2s}.nav-dropdown-trigger.active .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{z-index:1000;padding-top:8px;position:absolute;top:100%;left:0}.nav-dropdown-menu:before{content:"";height:12px;position:absolute;top:0;left:0;right:0}.nav-dropdown-menu-inner{background:var(--surface-elevated);border:1px solid var(--color-border);padding:var(--space-6);gap:var(--space-8);border-radius:12px;min-width:520px;padding-right:240px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.nav-dropdown-section{flex:1;min-width:220px}.nav-dropdown-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);padding:var(--space-2)var(--space-3);margin-bottom:var(--space-1);font-size:12px;font-weight:600;display:block}.nav-dropdown-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);color:var(--color-text-primary);margin-bottom:var(--space-2);border-radius:8px;text-decoration:none;transition:background .15s;display:flex;position:relative}.nav-dropdown-item:last-child{margin-bottom:0}.nav-dropdown-item:hover{background:var(--surface-overlay)}.nav-dropdown-item-icon{width:20px;height:20px;color:var(--accent-primary);opacity:.8;flex-shrink:0;margin-top:2px}.nav-dropdown-item-content{flex-direction:column;flex:1;gap:2px;display:flex}.nav-dropdown-item-label{align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.nav-dropdown-item-desc{color:var(--color-text-tertiary);font-size:13px;line-height:1.4}.nav-external-icon{top:var(--space-4);right:var(--space-3);opacity:.4;width:12px;height:12px;position:absolute}.nav-dropdown-item:hover .nav-external-icon{opacity:.7}.nav-dropdown-item-active{border:1px solid var(--accent-consensus);background:0 0;border-radius:6px;margin:-4px -8px;padding:calc(var(--space-2) + 4px)calc(var(--space-3) + 8px)!important}.nav-dropdown-item-active .nav-dropdown-item-label{color:var(--accent-consensus);font-weight:600}.nav-dropdown-graphic{border-radius:0 11px 11px 0;align-items:stretch;width:220px;min-width:220px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.nav-dropdown-graphic-img{-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;height:100%}.mobile-menu-overlay{top:var(--header-height);background:var(--surface-void);z-index:99;flex-direction:column;padding:0 24px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.mobile-menu-link{color:var(--color-text-primary);padding:12px 0;font-size:18px;text-decoration:none;display:block}.mobile-menu-link-main{font-weight:600}.mobile-menu-section{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);margin-bottom:var(--space-2)}.mobile-menu-subitems{gap:var(--space-2);padding:var(--space-2)0 var(--space-4);flex-wrap:wrap;display:flex}.mobile-menu-sublink{color:var(--color-text-secondary);padding:var(--space-2)var(--space-3);background:var(--surface-elevated);border-radius:6px;font-size:14px;text-decoration:none;transition:background .15s}.mobile-menu-sublink:hover{background:var(--surface-overlay);color:var(--color-text-primary)}.mobile-menu-sublink-overview{border:1px solid var(--accent-consensus);color:var(--accent-consensus);background:0 0}.mobile-menu-sublink-overview:before{display:none}.mobile-menu-sublink-overview:hover{color:var(--accent-consensus);background:#93d50026}.mobile-menu-link-sandbox{color:var(--accent-consensus)}.mobile-menu-link-external{align-items:center;gap:8px;display:flex}.mobile-menu-footer{margin-top:auto;padding-top:24px}@media (max-width:768px){.nav-desktop{display:none}.mobile-menu-overlay{top:70px}.nav-burger{background:0 0;border:none;gap:5px;width:32px;height:32px;display:flex}.burger-line{background:var(--color-text-primary);border-radius:1px;width:22px;height:2px;transition:all .2s}.burger-line:nth-child(2){width:14px}.burger-line.open:first-child{transform:rotate(45deg)translate(5px,5px)}.burger-line.open:nth-child(2){opacity:0;width:0}.burger-line.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}nav{padding:var(--space-4)var(--space-5)}.nav-logo{width:auto!important;height:40px!important}.hero-simple{min-height:auto;padding:0;padding-top:calc(var(--header-height) + var(--space-10));padding-bottom:var(--space-12);justify-content:flex-start;align-items:flex-start}.hero-content-wrapper{padding:0 var(--space-6);text-align:center;width:100%}.hero-simple .hero-title{margin-bottom:var(--space-6);text-align:center;font-size:2.2rem;line-height:1.2}.hero-simple .hero-subtitle{margin-bottom:var(--space-8);text-align:center;max-width:100%;color:var(--color-text-secondary);padding:0;font-size:1rem;line-height:1.6}.hero-cta-group{gap:var(--space-4);flex-direction:row;justify-content:center;width:auto}.hero-cta-group .btn,.hero-cta-group .btn-lg{padding:var(--space-4)var(--space-6);border-radius:var(--radius-sm);font-size:1rem;font-weight:600}.hero-logo-bg{opacity:.4;width:90vw;max-width:400px;height:90vw;max-height:400px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}}.dev-hero-split{gap:var(--space-12);max-width:var(--container-max);padding:var(--space-24)clamp(24px,8vw,160px)var(--space-20);grid-template-columns:1fr;align-items:center;min-height:85vh;margin:0 auto;display:grid}@media (min-width:768px){.dev-hero-split{gap:var(--space-16);padding:var(--space-24)clamp(24px,8vw,160px)var(--space-20);grid-template-columns:1fr 1fr}}.dev-hero-content{max-width:540px}.dev-hero-tag{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary);margin-bottom:var(--space-6);letter-spacing:var(--tracking-wide);display:inline-block}.dev-hero-content h1{font-family:var(--font-display);margin-bottom:var(--space-8);letter-spacing:-.03em;font-size:clamp(3rem,7vw,5rem);font-weight:600;line-height:1.05}.dev-hero-content p{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-10);line-height:1.7}.dev-hero-visual{justify-content:center;align-items:center;display:flex}.dev-code-showcase{background:var(--surface-base);border:1px solid var(--color-border);width:100%;max-width:400px;overflow:hidden}.dev-code-header{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--surface-elevated);border-bottom:1px solid var(--color-border);display:flex}.dev-code-dot{background:var(--color-border-hover);border-radius:50%;width:10px;height:10px}.dev-code-dot:first-child{background:#ff5f57}.dev-code-dot:nth-child(2){background:#febc2e}.dev-code-dot:nth-child(3){background:#28c840}.dev-code-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:auto}.dev-code-body{padding:var(--space-6);gap:var(--space-3);flex-direction:column;height:220px;display:flex}.dev-code-body code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary);display:block}.dev-code-body .terminal-result{color:var(--accent-highlight)}.terminal-cursor{background:var(--accent-primary);vertical-align:middle;width:8px;height:14px;margin-left:2px;display:inline-block}.terminal-cursor-hidden{opacity:0}.dev-inline-code{padding:var(--space-3)var(--space-4);background:var(--surface-base);border-left:2px solid var(--accent-primary);margin:var(--space-4)0;display:block}.dev-inline-code code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary)}.dev-section{max-width:var(--container-max);padding:var(--space-12)clamp(24px,8vw,160px);margin:0 auto}.dev-grid{gap:var(--space-6);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:768px){.dev-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dev-grid{grid-template-columns:repeat(3,1fr)}}.dev-card{background:linear-gradient(145deg,var(--surface-elevated)0%,var(--surface-base)100%);border:1px solid var(--color-border);padding:var(--space-8);transition:all var(--transition-base);border-radius:12px;position:relative;overflow:hidden}.dev-card:before{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-highlight));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.dev-card:after{content:"";background:radial-gradient(ellipse at top center,var(--accent-primary-muted)0%,transparent 60%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.dev-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 16px 48px -12px #416ba940}.dev-card:hover:before,.dev-card:hover:after{opacity:1}.dev-card-featured{grid-column:span 1}@media (min-width:768px){.dev-card-featured:first-child{grid-column:span 1}}.dev-card-number{top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);opacity:.6;position:absolute}.dev-card-icon{border:1px solid var(--accent-primary);width:52px;height:52px;margin-bottom:var(--space-6);color:var(--accent-highlight);background:var(--accent-primary-subtle);transition:all var(--transition-base);border-radius:12px;justify-content:center;align-items:center;display:flex}.dev-card:hover .dev-card-icon{background:var(--accent-primary-muted);transform:scale(1.05)}.dev-card h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:600}.dev-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.7}.dev-card a{color:var(--accent-primary);transition:color var(--transition-fast)}.dev-card-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent-primary);margin-top:var(--space-4);padding:var(--space-2)0;transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.dev-card-link:hover{color:var(--accent-highlight);transform:translate(4px)}.dev-card a:hover{color:var(--color-text-primary)}.dev-features{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-direction:column;list-style:none;display:flex}.dev-features li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.dev-features li svg{color:var(--accent-primary);flex-shrink:0}.dev-code-block{margin:var(--space-4)0}.dev-highlight{font-size:var(--text-sm);color:var(--accent-primary);padding:var(--space-3)var(--space-4);background:var(--accent-primary-subtle);border-left:2px solid var(--accent-primary)}.dev-tagline{margin-bottom:var(--space-4);font-weight:500;font-size:var(--text-base)!important;color:var(--color-text-primary)!important}.dev-resources-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:768px){.dev-resources-grid{grid-template-columns:repeat(3,1fr)}}.dev-resource-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--surface-elevated);border:1px solid var(--color-border);transition:all var(--transition-base);text-decoration:none;display:flex}.dev-resource-card:hover{border-color:var(--color-border-hover);background:var(--surface-overlay)}.dev-resource-card svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.dev-resource-card h4{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600}.dev-resource-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.dev-cta{max-width:var(--container-max);padding:var(--space-16)clamp(24px,8vw,160px);margin:0 auto}.dev-cta-content{text-align:center;padding:var(--space-12);background:var(--surface-elevated);border:1px solid var(--color-border);position:relative}.dev-cta-content:before{content:"";background:var(--accent-primary);opacity:.5;width:100px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dev-cta h2{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:600}.dev-cta p{font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-8);line-height:1.7}.tools-hero{text-align:center;max-width:var(--container-narrow);margin:0 auto;padding:60px 0 32px;position:relative}.tools-hero h1{font-family:var(--font-display);margin-bottom:var(--space-6);letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.1}.tools-hero p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.tools-section{max-width:var(--container-max);padding:var(--space-12)clamp(24px,8vw,160px);margin:0 auto}.tools-section:first-of-type{padding-top:var(--space-8)}.tools-grid{gap:var(--space-6);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card-wrapper{text-decoration:none;display:block}.tool-card{background:linear-gradient(135deg,var(--surface-elevated)0%,var(--surface-base)100%);border:1px solid var(--color-border);padding:var(--space-8);height:100%;transition:all var(--transition-base);border-radius:8px;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-highlight));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.tool-card:after{content:"";background:radial-gradient(circle at top left,var(--accent-primary-muted)0%,transparent 50%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.tool-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 40px -12px #416ba94d}.tool-card:hover:before,.tool-card:hover:after{opacity:1}.tool-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.tool-card-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);opacity:.6;flex-shrink:0}.tool-card-icon{border:1px solid var(--accent-primary);width:56px;height:56px;color:var(--accent-highlight);background:var(--accent-primary-subtle);transition:all var(--transition-base);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-card:hover .tool-card-icon{background:var(--accent-primary-muted);transform:scale(1.05)}.tool-card-header h3{min-width:0;font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);flex:1;margin:0;font-weight:600}.tool-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.tool-card-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool-card-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent-highlight);padding:var(--space-2)var(--space-4);border:1px solid var(--accent-primary);transition:all var(--transition-fast);border-radius:4px;font-weight:500;text-decoration:none;display:inline-flex}.tool-card-link:hover{background:var(--accent-primary);color:var(--color-text-primary)}.tools-quickstart{gap:var(--space-6);flex-direction:column;max-width:700px;margin:0 auto;display:flex}.quickstart-step{align-items:flex-start;gap:var(--space-6);padding:var(--space-6);background:var(--surface-elevated);border:1px solid var(--color-border);display:flex}.quickstart-number{width:32px;height:32px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary);border:1px solid var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.quickstart-content{flex:1}.quickstart-content h4{font-family:var(--font-display);font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600}.quickstart-code{padding:var(--space-3)var(--space-4);background:var(--surface-base);border-left:2px solid var(--accent-primary)}.quickstart-code code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary)}.quickstart-note{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}.quickstart-note a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}.quickstart-note a:hover{color:var(--accent-highlight);text-decoration:underline}.tools-cta{text-align:center;padding:var(--space-20)var(--space-6);max-width:var(--container-narrow);margin:0 auto}.tools-cta h3{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:600}.tools-cta p{font-size:var(--text-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-8);line-height:1.7}.eco-hero{padding:80px 0 var(--space-12);text-align:center;max-width:var(--container-narrow);margin:0 auto;position:relative}.eco-hero h1{font-family:var(--font-display);margin-bottom:var(--space-6);letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.1}.eco-hero p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.eco-stats{justify-content:center;gap:var(--space-12);padding:var(--space-8)var(--space-6);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);max-width:var(--container-max);margin:0 auto var(--space-12);display:flex}.eco-stat{text-align:center}.eco-stat-value{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--accent-primary);margin-bottom:var(--space-2);font-weight:600;line-height:1;display:block}.eco-stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:500}.eco-section{max-width:var(--container-max);padding:var(--space-12)clamp(24px,8vw,160px);margin:0 auto}.eco-section-first{padding-top:80px}.eco-section-first .section-header{text-align:center;max-width:var(--container-narrow);margin:0 auto var(--space-12)}.eco-section-first .section-number{color:var(--accent-primary)}.eco-section-first .section-header h2{letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,3.5rem)}.eco-section-first .section-header p{font-size:var(--text-lg);max-width:600px;margin:0 auto}.eco-grid{gap:var(--space-6);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.eco-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.eco-grid{grid-template-columns:repeat(3,1fr)}}.eco-card{background:linear-gradient(145deg,var(--surface-elevated)0%,var(--surface-base)100%);border:1px solid var(--color-border);padding:var(--space-6);transition:all var(--transition-base);border-radius:12px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.eco-card-header{flex-direction:column;align-items:center;display:flex}.eco-card:before{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-highlight));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.eco-card:after{content:"";background:radial-gradient(ellipse at top center,var(--accent-primary-muted)0%,transparent 60%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.eco-card:hover{border-color:var(--accent-primary);transform:translateY(-6px);box-shadow:0 20px 50px -15px #416ba940}.eco-card:hover:before,.eco-card:hover:after{opacity:1}.eco-card-category{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-4);padding-bottom:var(--space-1);align-self:flex-start;font-weight:600;display:inline-block;position:relative}.eco-card-category:after{content:"";background:linear-gradient(90deg,var(--accent-primary)0%,var(--accent-highlight)50%,transparent 100%);opacity:.6;height:2px;position:absolute;bottom:0;left:0;right:0}.eco-card-image{width:100px;height:100px;margin:0 auto var(--space-6);padding:var(--space-3);transition:transform var(--transition-base);background:0 0;border-radius:16px;justify-content:center;align-items:center;display:flex}.eco-card:hover .eco-card-image{transform:scale(1.05)}.eco-card h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:600}.eco-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);flex:1;line-height:1.7}.eco-card-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent-highlight);padding:var(--space-2)var(--space-4);border:1px solid var(--accent-primary);transition:all var(--transition-fast);border-radius:6px;align-self:flex-start;margin-top:auto;font-weight:500;display:inline-flex}.eco-card:hover .eco-card-link{background:var(--accent-primary);color:var(--color-text-primary)}.eco-join-grid{gap:var(--space-6);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:768px){.eco-join-grid{grid-template-columns:repeat(3,1fr)}}.eco-join-card{text-align:center;padding:var(--space-8);background:var(--surface-elevated);border:1px solid var(--color-border)}.eco-join-icon{width:56px;height:56px;margin:0 auto var(--space-6);border:1px solid var(--color-border);color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.eco-join-card h4{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600}.eco-join-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.eco-cta{text-align:center;padding:var(--space-16)var(--space-6);max-width:var(--container-narrow);margin:0 auto}.eco-cta h3{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:600}.eco-cta p{font-size:var(--text-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-8);line-height:1.7}.community-hero{padding:80px var(--space-6)var(--space-12);text-align:center;max-width:var(--container-narrow);margin:0 auto;position:relative}.community-hero h1{font-family:var(--font-display);margin-bottom:var(--space-6);letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.1}.community-hero-text{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.community-section{max-width:var(--container-max);padding:var(--space-12)clamp(24px,8vw,160px);margin:0 auto}.community-social-grid{gap:var(--space-6);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.community-social-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}}.community-social-card{gap:var(--space-5);padding:var(--space-8);border:1px solid var(--color-border);transition:all var(--transition-base);border-radius:16px;flex-direction:column;min-height:240px;text-decoration:none;display:flex;position:relative;overflow:hidden}.community-social-card:before{content:"";opacity:.8;height:4px;transition:all var(--transition-fast);position:absolute;top:0;left:0;right:0}.community-social-card:after{content:"";opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.community-social-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003}.community-social-card:hover:before{opacity:1;height:6px}.community-social-card:hover:after{opacity:1}.community-social-discord{background:linear-gradient(145deg,#5865f214 0%,#5865f208 100%)}.community-social-discord:before{background:linear-gradient(90deg,#5865f2 0%,#7289da 100%)}.community-social-discord:after{background:radial-gradient(circle at 100% 0,#5865f226 0%,#0000 70%)}.community-social-discord:hover{background:linear-gradient(145deg,#5865f21f 0%,#5865f20d 100%);border-color:#5865f280}.community-social-youtube{background:linear-gradient(145deg,#ff000014 0%,#ff000008 100%)}.community-social-youtube:before{background:linear-gradient(90deg,red 0%,#f44 100%)}.community-social-youtube:after{background:radial-gradient(circle at 100% 0,#ff000026 0%,#0000 70%)}.community-social-youtube:hover{background:linear-gradient(145deg,#ff00001f 0%,#ff00000d 100%);border-color:#f006}.community-social-twitter{background:linear-gradient(145deg,#00000014 0%,#00000008 100%)}.community-social-twitter:before{background:linear-gradient(90deg,#fff 0%,#e8e8e8 100%)}.community-social-twitter:after{background:radial-gradient(circle at 100% 0,#00000026 0%,#0000 70%)}.community-social-twitter:hover{background:linear-gradient(145deg,#0000001f 0%,#0000000d 100%);border-color:#00000080}.community-social-blog{background:linear-gradient(145deg,var(--accent-primary-subtle)0%,#6a9ad908 100%)}.community-social-blog:before{background:linear-gradient(90deg,var(--accent-primary)0%,var(--accent-highlight)100%)}.community-social-blog:after{background:radial-gradient(circle at top right,var(--accent-primary-subtle)0%,transparent 70%)}.community-social-blog:hover{border-color:var(--accent-primary-muted);background:linear-gradient(145deg,#6a9ad91f 0%,#6a9ad90d 100%)}.community-social-header{align-items:center;gap:var(--space-4);display:flex}.community-social-header h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.2}.community-social-icon{background:var(--surface-base);border:1px solid var(--color-border);width:64px;height:64px;color:var(--color-text-secondary);transition:all var(--transition-base);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.x-logo{content:url(/images/x-logo.svg);width:32px!important;height:32px!important}.light .x-logo{content:url(/images/x-logo-black.svg)}.community-social-discord:hover .community-social-icon{color:#5865f2;background:#5865f21a;border-color:#5865f24d;transform:scale(1.05)}.community-social-youtube:hover .community-social-icon{color:red;background:#ff00001a;border-color:#ff00004d;transform:scale(1.05)}.community-social-twitter:hover .community-social-icon{color:#1da1f2;background:#1da1f21a;border-color:#1da1f24d;transform:scale(1.05)}.community-social-blog:hover .community-social-icon{color:var(--accent-primary);background:var(--accent-primary-subtle);border-color:var(--accent-primary-muted);transform:scale(1.05)}.community-social-content{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.community-social-content p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.community-social-footer{padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast);justify-content:space-between;align-items:center;font-weight:500;display:flex}.community-social-card:hover .community-social-footer{color:var(--color-text-primary)}.community-social-arrow{color:var(--color-text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.community-social-card:hover .community-social-arrow{color:var(--accent-primary);transform:translate(3px,-3px)}.community-timeline{flex-direction:column;gap:0;display:flex}.community-timeline-item{gap:var(--space-4);padding:var(--space-6);background:var(--surface-elevated);border:1px solid var(--color-border);margin-bottom:var(--space-4);transition:all var(--transition-base);border-radius:12px;text-decoration:none;display:flex;position:relative}.community-timeline-item:hover{border-color:var(--color-border-hover);transform:translate(4px);box-shadow:0 4px 16px #0000001a}.community-timeline-marker{padding-top:var(--space-1);flex-direction:column;flex-shrink:0;align-items:center;display:flex}.community-timeline-dot{background:var(--accent-primary);width:10px;height:10px;box-shadow:0 0 8px var(--accent-primary-muted);border-radius:50%}.community-timeline-line{background:linear-gradient(180deg,var(--accent-primary-muted)0%,transparent 100%);width:2px;margin-top:var(--space-2);flex:1;display:none}.community-timeline-content{flex:1;min-width:0}.community-timeline-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.community-timeline-type{align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:500;display:inline-flex}.community-timeline-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary)}.community-timeline-content h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600;line-height:1.3}.community-timeline-content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.6}.community-timeline-footer{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.community-timeline-author{font-size:var(--text-xs);color:var(--color-text-tertiary)}.community-timeline-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.community-timeline-tag{font-family:var(--font-mono);color:var(--color-text-tertiary);background:var(--surface-base);padding:var(--space-1)var(--space-2);text-transform:uppercase;letter-spacing:.03em;border-radius:4px;font-size:10px;font-weight:500}.community-timeline-arrow{color:var(--color-text-tertiary);margin-top:var(--space-1);transition:all var(--transition-fast);flex-shrink:0;align-self:flex-start}.community-timeline-item:hover .community-timeline-arrow{color:var(--accent-primary);transform:translate(2px,-2px)}.community-more{margin-top:var(--space-8);justify-content:center;display:flex}.community-cta{text-align:center;padding:var(--space-16)var(--space-6);max-width:var(--container-narrow);margin:0 auto}.community-cta-content h3{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:600}.community-cta-content p{font-size:var(--text-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-8);line-height:1.7}.community-cta-buttons{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (max-width:640px){.community-hero{padding:60px var(--space-4)var(--space-8)}.community-hero h1{font-size:clamp(1.75rem,8vw,2.25rem)}.community-hero-text{font-size:var(--text-base)}.community-section{padding:var(--space-8)var(--space-4)}.community-social-grid{gap:var(--space-5)}.community-social-card{padding:var(--space-6);min-height:220px}.community-social-icon{width:56px;height:56px}.community-social-header h3{font-size:var(--text-lg)}.community-timeline-item{padding:var(--space-4)}.community-timeline-marker{display:none}.community-timeline-footer{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.coin-page{position:relative;overflow:hidden}.coin-logo-container{pointer-events:none;z-index:0;opacity:.35;width:600px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.coin-grid{width:100%;height:100%;position:absolute;top:0;left:0}.coin-grid .grid-line{stroke:var(--accent-highlight);stroke-width:1px;opacity:.5}.coin-logo-svg{width:240px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-hex{stroke:var(--accent-highlight);stroke-width:2px;opacity:.8}.logo-line{stroke:var(--accent-primary);stroke-width:2px;fill:none;opacity:.7}.energy-pulse{display:none}.coin-glow{background:radial-gradient(circle,var(--accent-primary)0%,transparent 70%);opacity:.3;filter:blur(40px);width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coin-hero{z-index:1;text-align:center;padding:60px var(--space-6)var(--space-8);max-width:var(--container-narrow);margin:0 auto;position:relative}.coin-ticker{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--surface-void);background:var(--accent-primary);padding:var(--space-2)var(--space-4);letter-spacing:var(--tracking-wider);margin-bottom:var(--space-6);font-weight:600;display:inline-block}.coin-hero h1{font-family:var(--font-display);margin-bottom:var(--space-6);letter-spacing:-.04em;font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1}.coin-tagline{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-10);line-height:1.6}.coin-hero-stats{justify-content:center;align-items:center;gap:var(--space-8);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.coin-hero-stat{text-align:center}.coin-hero-stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--accent-primary);font-weight:700;line-height:1;display:block}.coin-hero-stat-value sup{vertical-align:super;font-size:.5em}.coin-hero-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-1);display:block}.coin-hero-stat-divider{background:var(--color-border);width:1px;height:40px}.coin-value-section{z-index:1;max-width:var(--container-max);padding:var(--space-12)var(--space-6);margin:0 auto;position:relative}.coin-value-grid{gap:var(--space-6);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.coin-value-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.coin-value-grid{grid-template-columns:repeat(4,1fr)}}.coin-value-card{background:var(--surface-elevated);border:1px solid var(--color-border);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.coin-value-card:hover{border-color:var(--accent-primary);background:var(--surface-overlay)}.coin-value-icon{width:48px;height:48px;margin:0 auto var(--space-4);border:1px solid var(--color-border);color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.coin-value-card h3{font-family:var(--font-display);font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600}.coin-value-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.coin-free-banner{z-index:1;background:var(--surface-elevated);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-12)var(--space-6);position:relative}.coin-free-content{max-width:var(--container-max);text-align:center;margin:0 auto}.coin-free-content h2{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-8);font-weight:600}.coin-free-content h2 span{color:var(--accent-primary)}.coin-free-items{justify-content:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.coin-free-item{align-items:flex-start;gap:var(--space-4);text-align:left;display:flex}.coin-free-check{background:var(--accent-primary);width:24px;height:24px;color:var(--surface-void);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.coin-free-item strong{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1);display:block}.coin-free-item p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.coin-tokenomics{z-index:1;max-width:var(--container-max);padding:var(--space-24)var(--space-6);flex-direction:column;justify-content:center;min-height:90vh;margin:0 auto;display:flex;position:relative}.coin-allocation{gap:var(--space-12);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:768px){.coin-allocation{grid-template-columns:1fr 1fr}}.coin-allocation-visual{justify-content:center;display:flex}.coin-allocation-ring{width:280px;height:280px;position:relative}.coin-allocation-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--color-border);stroke-width:8px}.ring-25{fill:none;stroke:var(--accent-consensus);stroke-width:8px;stroke-linecap:round}.ring-75{fill:none;stroke:var(--accent-primary);stroke-width:8px;stroke-linecap:round}.coin-allocation-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coin-allocation-center span{font-family:var(--font-mono);font-size:var(--text-4xl);color:var(--color-text-primary);font-weight:700;display:block}.coin-allocation-center small{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.coin-allocation-details{gap:var(--space-6);flex-direction:column;display:flex}.coin-allocation-item{gap:var(--space-4);display:flex}.coin-allocation-bar{border-radius:2px;flex-shrink:0;width:4px}.bar-25{background:var(--accent-consensus)}.bar-75{background:var(--accent-primary)}.coin-allocation-percent{font-family:var(--font-mono);font-size:var(--text-4xl);color:var(--color-text-primary);font-weight:700;line-height:1}.coin-allocation-info h4{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin:var(--space-2)0;font-weight:600}.coin-allocation-info p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.coin-curve-section{z-index:1;max-width:var(--container-max);padding:var(--space-24)var(--space-6);flex-direction:column;justify-content:center;min-height:100vh;margin:0 auto;display:flex;position:relative}.coin-curve-content{gap:var(--space-8);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:768px){.coin-curve-content{grid-template-columns:1fr 1fr}}.coin-formula-box{background:var(--surface-elevated);border:1px solid var(--color-border);padding:var(--space-6);margin-bottom:var(--space-6)}.coin-formula-box code{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--accent-primary);text-align:center;margin-bottom:var(--space-4);display:block}.coin-formula-legend{justify-content:center;gap:var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.coin-curve-formula p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.coin-curve-chart{background:var(--surface-elevated);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-sm)}.release-curve-svg{width:100%;height:auto;display:block}.release-curve-svg .chart-label{font-family:var(--font-mono);fill:var(--color-text-tertiary);font-size:8px}.release-curve-svg .chart-axis-title{font-family:var(--font-sans);fill:var(--color-text-secondary);font-size:9px;font-weight:500}.coin-cta{z-index:1;text-align:center;padding:var(--space-20)var(--space-6);max-width:var(--container-narrow);margin:0 auto;position:relative}.coin-cta h3{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:600}.coin-cta>p{font-size:var(--text-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-8);line-height:1.7}.coin-cta-links{justify-content:center;gap:var(--space-8);margin-top:var(--space-8);display:flex}.coin-cta-links a{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);display:inline-flex}.coin-cta-links a:hover{color:var(--accent-primary)}@media (max-width:480px){html{font-size:14px}nav{padding:0 var(--space-4);height:60px}.mobile-menu-overlay{top:60px}nav .logo{height:28px}nav>div{gap:var(--space-4)}.nav-link{font-size:var(--text-xs)}.hero{padding:var(--space-10)var(--space-4)var(--space-8);padding-top:calc(60px + var(--space-4))}.hero:before{height:32px;top:60px}.hero-eyebrow{margin-bottom:var(--space-6)}.hero-title{margin-bottom:var(--space-6);font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.15}.hero-title-line{margin-bottom:.15em;display:block}.hero-title-line:last-child{margin-bottom:0}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--space-8)}.hero-cta-group{align-items:center;gap:var(--space-3);flex-direction:column;width:100%}.hero-cta-group .btn{gap:0;width:auto;min-width:280px;position:relative}.hero-cta-group .btn span{text-align:center;flex:1}.hero-cta-group .btn svg{right:var(--space-4);position:absolute;top:50%;transform:translateY(-50%)}.hero-cta-group .btn-ghost{background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)var(--space-4)}.btn-lg{padding:var(--space-4)var(--space-6)}.proof-of-life{align-items:center;gap:var(--space-4);padding:var(--space-4);text-align:center;flex-direction:column;display:flex}.pol-status{width:100%;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);border-right:none;justify-content:center;align-items:center;margin-right:0;padding-right:0;display:flex}.pol-metrics{gap:var(--space-3);grid-template-columns:1fr 1fr;width:100%;max-width:320px;display:grid}.pol-item{padding:var(--space-2);text-align:center}.pol-item:not(:last-child):after{display:none}.pol-value{font-size:var(--text-base)}.btn-group{gap:var(--space-3);flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.section-header h2{font-size:var(--text-2xl)}.section-header p{font-size:var(--text-sm)}.feature-card{padding:var(--space-5)}.feature-card h4{font-size:var(--text-base)}.footer-grid{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}.dev-hero-split{padding:var(--space-12)var(--space-4)}.dev-hero-content h1{font-size:var(--text-3xl)}.dev-code-preview{padding:var(--space-4)}.dev-code-preview code{font-size:var(--text-xs)}.hero-eyebrow{padding:var(--space-2)var(--space-4)}.eco-hero{padding:var(--space-12)var(--space-4)}.eco-hero h1{font-size:var(--text-3xl)}.eco-stats{gap:var(--space-4);flex-direction:column}.eco-card{padding:var(--space-6);gap:var(--space-4);border-radius:8px}.eco-card-category{padding:var(--space-1)var(--space-2);margin-bottom:var(--space-4);margin-left:0;font-size:10px}.eco-card-image{width:100px;height:100px;margin:0 auto var(--space-4);padding:0}.eco-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.eco-card-header .eco-card-image{flex-shrink:0;width:80px;height:80px;margin:0}.eco-card-header h3{flex:1;margin:0}.eco-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3);line-height:1.3}.eco-card p{font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.6}.eco-card-link{font-size:var(--text-xs);padding:var(--space-2)var(--space-3)}.eco-join-grid{grid-template-columns:1fr}.coin-hero{padding:var(--space-12)var(--space-4)var(--space-6)}.coin-hero h1{font-size:var(--text-3xl)}.coin-logo-container{width:200px;height:200px}.coin-value-grid{grid-template-columns:1fr}.coin-tokenomics{padding:var(--space-12)var(--space-4);min-height:auto}.coin-allocation{gap:var(--space-8);grid-template-columns:1fr}.coin-allocation-ring{width:200px;height:200px}.coin-allocation-center span,.coin-allocation-percent{font-size:var(--text-2xl)}.coin-allocation-info h4{font-size:var(--text-base)}.coin-curve-section{padding:var(--space-12)var(--space-4);min-height:auto}.coin-curve-content{grid-template-columns:1fr}.coin-formula-box code{font-size:var(--text-base)}.coin-formula-legend{gap:var(--space-2);flex-direction:column}.coin-cta{padding:var(--space-12)var(--space-4)}.coin-cta-links{gap:var(--space-4);flex-direction:column}.tools-hero{padding:var(--space-12)var(--space-4)}.tools-hero h1{font-size:var(--text-3xl)}.tool-card{padding:var(--space-4)}}@media (min-width:481px) and (max-width:768px){nav>div{gap:var(--space-5)}.hero h1{font-size:var(--text-4xl)}.stats-bar{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2):after,.stat-item:nth-child(4):after{display:none}.coin-logo-container{width:280px;height:280px}}@media (min-width:769px) and (max-width:1024px){.stats-bar{grid-template-columns:repeat(4,1fr)}}.repl-sandbox{background:var(--surface-void);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-base);border-radius:8px;overflow:hidden}.repl-header{gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--surface-elevated);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.repl-header-top{justify-content:space-between;align-items:center;display:flex}.repl-account-line{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.repl-account-muted{color:var(--color-text-tertiary);font-size:var(--text-xs)}.repl-account-create{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);background:0 0;display:inline-flex}.repl-account-create:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-hover)}.repl-account-create:disabled{opacity:.5;cursor:not-allowed}.repl-account-connect{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);background:0 0;display:inline-flex}.repl-account-connect:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-hover)}.repl-account-connect:disabled{opacity:.5;cursor:not-allowed}.repl-account-connect-active{color:var(--accent-consensus);border-color:var(--accent-consensus-muted);background:var(--accent-consensus-muted)}.repl-account-info-wrap{position:relative}.repl-account-refresh{padding:var(--space-1);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.repl-account-refresh:hover:not(:disabled){color:var(--color-text-primary);background:var(--surface-void)}.repl-account-refresh:disabled{opacity:.4;cursor:not-allowed}.repl-account-refresh-spin{animation:.8s linear infinite repl-refresh-spin}@keyframes repl-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.repl-account-info-btn{padding:var(--space-1);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.repl-account-info-btn:hover:not(:disabled){color:var(--color-text-primary);background:var(--surface-void)}.repl-account-info-btn:disabled{opacity:.4;cursor:not-allowed}.repl-account-info-popover{margin-top:var(--space-1);z-index:20;min-width:260px;padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0003}.repl-account-info-grid{gap:var(--space-1)var(--space-3);font-size:var(--text-xs);margin-bottom:var(--space-3);grid-template-columns:auto 1fr;align-items:baseline;display:grid}.repl-account-info-label{color:var(--color-text-tertiary)}.repl-account-info-value{font-family:var(--font-mono);color:var(--color-text-primary);word-break:break-all}.repl-account-info-key{font-size:.7rem}.repl-account-info-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.repl-account-info-copy,.repl-account-info-import,.repl-account-info-refresh{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);background:0 0;display:flex}.repl-account-info-copy:hover,.repl-account-info-import:hover,.repl-account-info-refresh:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-hover)}.repl-account-info-refresh:disabled{opacity:.5;cursor:not-allowed}.import-key-dialog-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-key-dialog-panel{min-width:320px;max-width:420px;padding:var(--space-6);background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 40px #00000059}.import-key-dialog-title{margin:0 0 var(--space-2);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600}.import-key-dialog-desc{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.import-key-dialog-input{width:100%;padding:var(--space-2)var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--surface-void);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.import-key-dialog-input::placeholder{color:var(--color-text-tertiary)}.import-key-dialog-input:focus{border-color:var(--accent-primary);outline:none}.import-key-dialog-input[aria-invalid=true]{border-color:var(--accent-juice)}.import-key-dialog-error{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--accent-juice)}.import-key-dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.import-key-dialog-btn{padding:var(--space-1)var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);font-weight:500}.import-key-dialog-cancel{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.import-key-dialog-cancel:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.import-key-dialog-import{color:var(--surface-base);background:var(--accent-primary);border:1px solid var(--accent-primary)}.import-key-dialog-import:hover:not(:disabled){filter:brightness(1.1)}.import-key-dialog-import:disabled{opacity:.5;cursor:not-allowed}.repl-title{align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-weight:500;display:flex}.repl-indicator{background:var(--accent-consensus);width:8px;height:8px;box-shadow:0 0 8px var(--accent-consensus);border-radius:50%;animation:2s ease-in-out infinite replPulse}.repl-indicator.repl-connected{background:var(--accent-consensus);box-shadow:0 0 8px var(--accent-consensus)}.repl-indicator.repl-disconnected{background:var(--accent-juice);box-shadow:0 0 8px var(--accent-juice);animation:none}.repl-indicator.repl-error{background:#ef4444;animation:none;box-shadow:0 0 8px #ef4444}.repl-status-wrap{align-items:center;gap:var(--space-1);display:inline-flex}.repl-executing{color:var(--accent-highlight);font-size:var(--text-xs);margin-left:var(--space-2);animation:.5s ease-in-out infinite replBlink}@keyframes replBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes replPulse{0%,to{opacity:1}50%{opacity:.5}}.repl-stats{align-items:center;gap:var(--space-4);display:flex}.network-selector{position:relative}.network-selector-btn{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);background:0 0;display:flex}.network-selector-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.network-selector-chevron{opacity:.8;transition:transform var(--transition-fast);flex-shrink:0}.network-selector-btn[aria-expanded=true] .network-selector-chevron{transform:rotate(180deg)}.network-selector-popover{margin-top:var(--space-1);z-index:30;min-width:240px;padding:var(--space-2);background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-1);flex-direction:column;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0003}.network-selector-option{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);text-align:left;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none}.network-selector-option:hover{color:var(--color-text-primary);background:var(--surface-void)}.network-selector-option[aria-selected=true]{color:var(--accent-primary)}.network-selector-custom{gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);display:flex}.network-selector-input{min-width:0;padding:var(--space-1)var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);background:var(--surface-void);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1}.network-selector-input::placeholder{color:var(--color-text-tertiary)}.network-selector-input:focus{border-color:var(--accent-primary);outline:none}.network-selector-apply{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);color:var(--surface-base);background:var(--accent-primary);border-radius:var(--radius-sm);cursor:pointer;transition:filter var(--transition-fast);border:none;flex-shrink:0;font-weight:500}.network-selector-apply:hover:not(:disabled){filter:brightness(1.1)}.network-selector-apply:disabled{opacity:.5;cursor:not-allowed}.repl-account-loading{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary)}.repl-account-balance{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-consensus)}.repl-account-key{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary)}.cvm-balance{font-family:var(--font-mono);white-space:nowrap}.cvm-balance-whole{color:var(--accent-juice)}.cvm-balance-frac{color:var(--color-text-tertiary)}.public-key{align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);display:inline-flex}.public-key-identicon{vertical-align:middle;border-radius:2px;flex-shrink:0;width:16px;height:16px}.public-key-identicon-empty{background:#000;display:inline-block}.public-key-hex{font-variant-numeric:tabular-nums}.repl-juice{align-items:center;gap:var(--space-1);color:var(--accent-juice);font-size:var(--text-xs);display:flex}.repl-clear{padding:var(--space-1);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.repl-clear:hover{color:var(--color-text-primary)}.repl-output-wrap{position:relative}.repl-output-wrap .repl-clear{top:var(--space-1);right:var(--space-1);z-index:10;position:absolute}.repl-output{padding:var(--space-4);gap:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--color-border-hover)var(--surface-overlay);flex-direction:column;height:420px;display:flex;overflow-y:scroll}.repl-output::-webkit-scrollbar{width:10px}.repl-output::-webkit-scrollbar-track{background:var(--surface-overlay)}.repl-output::-webkit-scrollbar-thumb{background:var(--color-border-hover);border:2px solid var(--surface-overlay);border-radius:5px}.repl-output::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.repl-line{align-items:flex-start;gap:var(--space-2);line-height:1.5;display:flex}.repl-prompt{color:var(--accent-primary);-webkit-user-select:none;user-select:none;flex-shrink:0}.repl-line-input .repl-content{color:var(--color-text-primary)}.repl-line-output .repl-content{color:var(--accent-highlight)}.repl-line-error .repl-prompt,.repl-line-error .repl-content{color:var(--accent-juice)}.repl-line-juice-wrap{align-items:center;gap:var(--space-1);flex-shrink:0;margin-left:auto;display:flex;position:relative}.repl-line-juice{align-items:center;gap:var(--space-1);color:var(--accent-juice);font-size:var(--text-xs);display:flex}.repl-line-latency{color:var(--color-text-secondary)}.repl-line-result-info-btn{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.repl-line-result-info-btn:hover{color:var(--color-text-primary)}.repl-line-result-info-btn[aria-expanded=true]{color:var(--accent-primary)}.repl-line-result-popover{margin-top:var(--space-1);z-index:50;min-width:200px;max-width:420px;max-height:280px;padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:absolute;top:100%;right:0;overflow:auto}.repl-line-result-popover pre{color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;margin:0;font-size:11px;line-height:1.4}.repl-input-form{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--surface-base);border-top:1px solid var(--color-border);display:flex}.repl-input-prompt{color:var(--accent-primary);-webkit-user-select:none;user-select:none}.repl-address-field{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--surface-void);flex-shrink:0;align-items:center;min-width:0;display:flex}.repl-address-prefix{padding:2px var(--space-1)2px var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.repl-address-input{min-width:3ch;padding:2px var(--space-1)2px 0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);caret-color:var(--accent-primary);box-sizing:content-box;background:0 0;border:none;outline:none}.repl-address-input::placeholder{color:var(--color-text-tertiary)}.repl-input{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);caret-color:var(--accent-primary);background:0 0;border:none;outline:none;flex:1}.repl-input::placeholder{color:var(--color-text-tertiary)}.repl-mode-selector{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;display:flex;overflow:hidden}.repl-mode-btn{padding:var(--space-1)var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;font-weight:500}.repl-mode-btn:hover{color:var(--color-text-secondary)}.repl-mode-btn:not(:last-child){border-right:1px solid var(--color-border)}.repl-mode-btn-active{color:var(--accent-primary);background:var(--accent-primary-subtle)}.repl-mode-btn-active:hover{color:var(--accent-primary)}.repl-hints{gap:var(--space-4);padding:var(--space-2)var(--space-4);background:var(--surface-elevated);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.repl-hints code{color:var(--accent-primary);background:var(--accent-primary-subtle);padding:0 var(--space-1);border-radius:2px}.repl-examples{padding:var(--space-4);background:var(--surface-base);border-top:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;display:flex}.repl-examples-group{gap:var(--space-2);flex-direction:column;display:flex}.repl-examples-mode{font-size:var(--text-sm);color:var(--color-text-primary);margin:0;font-weight:600}.repl-examples-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.repl-examples-item{align-items:center;gap:var(--space-3);font-size:var(--text-xs);display:flex}.repl-examples-heading{min-width:8.5rem;color:var(--color-text-secondary);flex-shrink:0;font-weight:500}.repl-examples-code{min-width:0;font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-xs);color:var(--accent-primary);background:var(--surface-elevated);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);flex:1}.repl-examples-comment{color:var(--color-text-tertiary);font-weight:400}.repl-examples-copy{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.repl-examples-copy:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:var(--surface-elevated)}.dev-sandbox-section{padding:var(--space-20)var(--space-6);max-width:var(--container-max);margin:0 auto}.dev-sandbox-container{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:768px){.dev-sandbox-container{grid-template-columns:2fr 1fr;align-items:start}}.dev-sandbox-info{padding:var(--space-6);background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:8px}.dev-sandbox-info h4{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600}.dev-sandbox-info>p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.dev-sandbox-features{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.dev-sandbox-features li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.dev-sandbox-features li svg{color:var(--accent-primary);flex-shrink:0}.live-inspector{background:var(--surface-void);border:1px solid var(--color-border);z-index:10;border-radius:8px;position:relative;overflow:hidden}.inspector-header{padding:var(--space-3)var(--space-4);background:var(--surface-elevated);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.inspector-header h3{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.inspector-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-1)var(--space-2);background:var(--surface-base);border-radius:4px}.inspector-search{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--surface-base);border-bottom:1px solid var(--color-border);display:flex}.inspector-search-icon{color:var(--color-text-tertiary);flex-shrink:0}.inspector-input{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.inspector-input::placeholder{color:var(--color-text-tertiary)}.inspector-search-btn{padding:var(--space-1)var(--space-3);background:var(--accent-primary);color:var(--surface-void);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:4px}.inspector-search-btn:hover{background:var(--accent-highlight)}.inspector-search-btn:disabled{opacity:.6;cursor:not-allowed}.inspector-result{padding:var(--space-4)}.inspector-identity{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.inspector-address-row{align-items:center;gap:var(--space-2);display:flex}.inspector-address{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);word-break:break-all}.inspector-copy{padding:var(--space-1);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.inspector-copy:hover{color:var(--accent-primary)}.inspector-cns{font-family:var(--font-mono);font-size:var(--text-base);color:var(--accent-primary);margin-top:var(--space-2);font-weight:500}.inspector-stats{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.inspector-stat{text-align:center}.inspector-stat-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1);display:block}.inspector-stat-value{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:500}.inspector-stat-juice{color:var(--accent-juice)}.inspector-source{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.inspector-source-toggle{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;display:flex}.inspector-source-toggle:hover{color:var(--color-text-primary)}.inspector-source-code{margin-top:var(--space-3);padding:var(--space-4);background:var(--surface-base);border-radius:4px;overflow-x:auto}.inspector-source-code code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-highlight);white-space:pre;line-height:1.6}.inspector-empty{padding:var(--space-8)var(--space-4);text-align:center}.inspector-empty p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.inspector-examples{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.inspector-examples button{background:var(--accent-primary-subtle);color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1)var(--space-2);cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:4px}.inspector-examples button:hover{background:var(--accent-primary-muted)}.inspector-error{padding:var(--space-4);text-align:center;color:var(--accent-juice);font-size:var(--text-sm)}.pol-indicator.pol-disconnected{background:var(--accent-juice);box-shadow:0 0 8px var(--accent-juice);animation:none}.inspector-section{padding:var(--space-20)clamp(24px,8vw,160px);max-width:var(--container-max);margin:0 auto}.inspector-container{max-width:600px;margin:0 auto}.live-tools-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.live-tools-grid{grid-template-columns:1fr 1fr;align-items:start}}.resource-gauges{background:var(--surface-void);border:1px solid var(--color-border);padding:var(--space-6);z-index:10;border-radius:8px;position:relative}.gauges-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.gauges-header h4{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.gauges-status{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-consensus);display:flex}.gauges-indicator{background:var(--accent-consensus);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite gaugesPulse}@keyframes gaugesPulse{0%,to{opacity:1}50%{opacity:.4}}.gauges-grid{gap:var(--space-6);display:grid}.resource-gauge{gap:var(--space-2);flex-direction:column;display:flex}.gauge-header{justify-content:space-between;align-items:baseline;display:flex}.gauge-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.gauge-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500}.gauge-unit{font-size:var(--text-xs);opacity:.7}.gauge-track{background:var(--surface-elevated);border-radius:4px;height:8px;position:relative;overflow:hidden}.gauge-fill{border-radius:4px;height:100%;transition:width .5s}.gauge-markers{pointer-events:none;position:absolute;inset:0}.gauge-marker{background:var(--color-border);width:1px;position:absolute;top:0;bottom:0}.gauge-limits{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:space-between;display:flex}.gauges-info{gap:var(--space-6);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.gauge-info-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.gauge-info-dot{border-radius:2px;width:8px;height:8px}.brand-hero{padding:var(--space-20)var(--space-6)var(--space-12);max-width:var(--container-max);text-align:center;margin:0 auto}.brand-hero p{max-width:600px;color:var(--color-text-secondary);margin:0 auto}.brand-section{padding:var(--space-12)var(--space-6);max-width:var(--container-max);margin:0 auto}.brand-logo-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.brand-logo-card{background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.brand-logo-preview{background:var(--surface-base);padding:var(--space-8);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;min-height:120px;display:flex}.brand-logo-info{padding:var(--space-4)}.brand-logo-info h3{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:600}.brand-logo-info p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.brand-logo-meta{justify-content:space-between;align-items:center;display:flex}.brand-format{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.brand-download{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent-primary);text-decoration:none;transition:color .2s;display:flex}.brand-download:hover{color:var(--accent-highlight)}.brand-colors-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.brand-color-card{background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.brand-color-swatch{height:80px}.brand-color-info{padding:var(--space-4)}.brand-color-info h4{font-size:var(--text-sm);margin-bottom:var(--space-1);font-weight:600}.brand-color-info code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--surface-base);border-radius:4px;padding:2px 6px}.brand-color-info p{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.brand-guidelines-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.brand-guideline-card{background:var(--surface-elevated);border:1px solid var(--color-border);padding:var(--space-6);border-radius:8px;position:relative}.brand-guideline-number{top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);opacity:.5;position:absolute}.brand-guideline-card h4{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:600}.brand-guideline-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.brand-typography{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.brand-font-card{background:var(--surface-elevated);border:1px solid var(--color-border);padding:var(--space-6);gap:var(--space-4);border-radius:8px;display:flex}.brand-font-icon{background:var(--accent-primary-subtle);width:48px;height:48px;color:var(--accent-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-font-info h4{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:600}.brand-font-info p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.brand-font-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--accent-primary);text-decoration:none;display:inline-flex}.brand-font-link:hover{color:var(--accent-highlight)}.brand-cta{padding:var(--space-16)var(--space-6);max-width:var(--container-max);text-align:center;margin:0 auto}.brand-cta h3{font-size:var(--text-2xl);margin-bottom:var(--space-3);font-weight:600}.brand-cta p{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}