:root{--color-background:#0a1226;--color-surface:#111c38;--color-surface-raised:#16244a;--color-text:#f2f6ff;--color-muted:#9fb0cf;--color-link:#6b9bff;--color-accent:#22d3ee;--color-accent-warm:#ff9f43;--color-accent-blue:#2f6bff;--color-border:#2a3b66;--color-border-strong:#6a82bd;--color-on-accent:#0a1226;--font-heading:"Sora", "Sora Fallback", system-ui, sans-serif;--font-body:"Inter", "Inter Fallback", system-ui, sans-serif;--font-size-base:1.125rem;--line-height-base:1.6;--line-height-heading:1.15;--font-size-h1:clamp(2.25rem, 5vw, 3.5rem);--font-size-h2:clamp(1.75rem, 4vw, 2.5rem);--font-size-h3:1.375rem;--font-size-small:.875rem;--letter-spacing-wordmark:.04em;--space-1:.5rem;--space-2:1rem;--space-3:2rem;--space-4:4rem;--space-5:6rem;--space-section:clamp(3.5rem, 7vw, 5rem);--radius-1:.25rem;--radius-2:.75rem;--radius-3:1.25rem;--radius-round:9999px;--content-width:42rem;--layout-width:72rem;--gutter:1rem;--motion-fast:.15s;--motion-base:.3s;--motion-ease:cubic-bezier(.2, 0, 0, 1);--avatar-size:96px;--header-height:4rem}@media (width>=600px){:root{--gutter:1.5rem}}@media (width>=1024px){:root{--gutter:2rem}}@font-face{font-family:Sora;src:url(/fonts/sora-latin-wght.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Sora Fallback;src:local(Arial);size-adjust:109%;ascent-override:92%;descent-override:23%;line-gap-override:0%}@font-face{font-family:Inter Fallback;src:local(Arial);size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;margin:0}img,svg{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-heading);line-height:var(--line-height-heading);letter-spacing:-.01em;margin:0;font-weight:700}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--color-link);text-underline-offset:.2em}a:hover{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-1)}.container{width:100%;max-width:var(--layout-width);padding-inline:var(--gutter);margin-inline:auto}.skip-link{left:var(--space-2);z-index:100;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-2);transition:top var(--motion-fast) var(--motion-ease);padding:.75rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-2)}.site-header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#0a1226db;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:.25rem var(--space-2);flex-wrap:wrap;padding-block:.5rem;display:flex}.brand{color:var(--color-text);align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.brand-emblem{width:40px;height:40px}.wordmark{font-family:var(--font-heading);letter-spacing:var(--letter-spacing-wordmark);text-transform:uppercase;white-space:nowrap;font-size:1rem;font-weight:700}.wm-super{color:var(--color-accent)}.wm-rest{color:var(--color-text)}.nav{order:3;width:100%}.nav ul{gap:var(--space-1);display:flex}.nav a,.lang a{min-height:44px;color:var(--color-muted);border-radius:var(--radius-round);transition:color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);align-items:center;padding:0 .75rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.nav a:hover,.lang a:hover{color:var(--color-text);background:var(--color-surface)}.nav a[aria-current=page]{color:var(--color-text);background:var(--color-surface-raised)}.lang ul{gap:.25rem;display:flex}.lang a[aria-current=true]{color:var(--color-on-accent);background:var(--color-accent);font-weight:600}@media (width>=720px){.nav{order:0;width:auto;margin-left:auto}.header-inner{flex-wrap:nowrap;padding-block:.75rem}.wordmark{font-size:1.0625rem}}.btn{border-radius:var(--radius-round);min-height:48px;font-family:var(--font-heading);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:1.125rem;height:1.125rem;transition:transform var(--motion-fast) var(--motion-ease)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{color:var(--color-on-accent);transform:translateY(-1px);box-shadow:0 8px 24px #22d3ee47}.btn-primary:hover svg{transform:translate(3px)}.btn-primary:active{box-shadow:none;filter:brightness(.94);transform:translateY(0)}.btn-secondary{color:var(--color-text);border-color:var(--color-border-strong);background:0 0}.btn-secondary:hover{color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-1px)}.btn-secondary:active{filter:brightness(.94);transform:translateY(0)}.btn[aria-disabled=true],.btn:disabled{opacity:.5;pointer-events:none}.section{padding-block:var(--space-section)}.section-head{max-width:40rem;margin-bottom:var(--space-3)}.section-head h2{font-size:var(--font-size-h2)}.section-head p{margin-top:var(--space-2);color:var(--color-muted)}.eyebrow{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:block}.hero{isolation:isolate;background:radial-gradient(60rem 30rem at 85% 10%, #2f6bff38, transparent 70%), radial-gradient(40rem 24rem at 5% 90%, #22d3ee1a, transparent 70%), var(--color-background);padding-block:2.5rem 3.5rem;position:relative;overflow:hidden}.hero-canvas,.hero-poster{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-grid{gap:var(--space-3);align-items:center;display:grid}.hero-emblem{filter:drop-shadow(0 12px 32px #2f6bff73);width:112px;height:112px}.hero h1{font-size:var(--font-size-h1);max-width:18ch}.hero-sub{margin-top:var(--space-2);max-width:36rem;color:var(--color-muted);font-size:1.125rem}.hero-actions{margin-top:var(--space-3);flex-wrap:wrap;gap:.75rem;display:flex}@media (width>=600px){.hero{padding-block:4rem 5rem}.hero-emblem{width:160px;height:160px}}@media (width>=960px){.hero{min-height:min(46rem, calc(100svh - var(--header-height)));align-items:center;display:flex}.hero-grid{gap:var(--space-4);grid-template-columns:1.25fr 1fr;width:100%}.hero-media{order:2;justify-content:center;display:flex}.hero-emblem{aspect-ratio:1;width:clamp(260px,30vw,380px);height:auto}}.cards{gap:var(--space-2);display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3);transition:transform var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease);padding:1.5rem;position:relative}.card:hover{background:var(--color-surface-raised);border-color:#22d3ee8c;transform:translateY(-3px)}.card-icon{border-radius:var(--radius-2);width:48px;height:48px;color:var(--color-accent);background:#22d3ee1a;border:1px solid #22d3ee40;place-items:center;margin-bottom:1rem;display:grid}.card-icon svg{width:26px;height:26px}.card-icon.warm{color:var(--color-accent-warm);background:#ff9f431a;border-color:#ff9f434d}.card h3{font-size:var(--font-size-h3);margin-bottom:.5rem}.card p{color:var(--color-muted);font-size:1rem}@media (width>=720px){.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cards-4{grid-template-columns:repeat(4,1fr)}.cards{gap:1.25rem}}.how{background:linear-gradient(180deg, var(--color-surface), var(--color-background));border-block:1px solid var(--color-border)}.cycle{margin-top:var(--space-3);position:relative}.cycle-owner{background:var(--color-surface-raised);border-radius:var(--radius-3);border:1px solid #ff9f4373;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.cycle-owner img{flex:none;width:72px;height:72px}.cycle-owner strong{font-family:var(--font-heading);font-size:1.125rem;display:block}.cycle-owner span{color:var(--color-muted);font-size:1rem}.cycle-ring{display:none}.cycle-github{background:var(--color-background);border:1px solid var(--color-border-strong);border-radius:var(--radius-round);align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:.375rem .875rem .375rem .75rem;line-height:1.2;display:inline-flex}.cycle-github svg{width:1rem;height:1rem;color:var(--color-accent);flex:none}.cycle-github strong{color:var(--color-text);font-size:.8125rem;font-weight:600;display:block}.cycle-github small{color:var(--color-muted);font-size:.6875rem;display:block}.cycle-steps{gap:1.5rem;padding-left:0;display:grid;position:relative}.cycle-steps:before{content:"";background:linear-gradient(180deg, var(--color-accent), var(--color-accent-blue), #8b5cf6);opacity:.8;border-radius:3px;width:3px;position:absolute;top:24px;bottom:24px;left:31px}.step{grid-template-columns:64px 1fr;align-items:start;gap:1rem;display:grid;position:relative}.step-media{z-index:1;width:64px;height:64px;position:relative}.step-media img{width:64px;height:64px;transition:transform var(--motion-base) var(--motion-ease), filter var(--motion-base) var(--motion-ease)}@media (hover:hover) and (pointer:fine){.step:hover .step-media img{filter:drop-shadow(0 0 14px #22d3ee8c);transform:scale(1.08)}}.step-num{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-size:.75rem;font-weight:600;display:block}.step h3{margin-top:.125rem;font-size:1.125rem}.step p{color:var(--color-muted);margin-top:.25rem;font-size:1rem}.cycle-loop{color:var(--color-muted);align-items:center;gap:1rem;margin-top:1.5rem;padding-left:8px;font-size:.9375rem;display:flex}.cycle-loop svg{width:1.5rem;height:1.5rem;color:var(--color-accent);margin-left:12px}.proof{background:radial-gradient(50rem 20rem at 50% 0%, #2f6bff29, transparent 70%), var(--color-background)}.stats{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.stat{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3);padding:1.5rem 1rem}.stat-value{font-family:var(--font-heading);color:var(--color-text);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1;display:block}.stat-value:after{content:"";background:var(--color-accent);border-radius:3px;width:2.5rem;height:3px;margin:.75rem auto 0;display:block}.stat-label{color:var(--color-muted);margin-top:.75rem;font-size:.9375rem;display:block}.proof-note{margin-top:var(--space-2);text-align:center;color:var(--color-muted);font-size:var(--font-size-small)}@media (width>=900px){.stats{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.cta-panel{padding:var(--space-3) var(--gutter);text-align:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-3);background:radial-gradient(30rem 14rem at 50% 0%, #22d3ee29, transparent 70%), var(--color-surface);position:relative;overflow:hidden}.cta-panel h2{font-size:var(--font-size-h2)}.cta-panel p{max-width:34rem;margin:var(--space-2) auto var(--space-3);color:var(--color-muted)}@media (width>=720px){.cta-panel{padding:var(--space-4) var(--space-3)}}.site-footer{padding-block:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--font-size-small)}.footer-inner{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer-inner ul{gap:var(--space-2);display:flex}.hero-canvas{opacity:0;transition:opacity .6s var(--motion-ease)}.hero-canvas.is-on{opacity:1}.js .reveal{opacity:0;transition:opacity var(--motion-base) var(--motion-ease), translate var(--motion-base) var(--motion-ease);transition-delay:var(--delay,0s);translate:0 16px}.js .reveal.is-visible{opacity:1;translate:none}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}.js .reveal{opacity:1;translate:none}.hero-canvas,.cycle-spin{display:none}}.prose{max-width:var(--content-width)}@media (width>=1100px){.how{padding-bottom:2.5rem}.cycle{width:min(100%,68rem);margin-inline:auto;padding-inline:16rem}.cycle-stage{aspect-ratio:1;width:100%;max-width:36rem;margin:7.5rem auto;position:relative}.cycle-owner{text-align:center;z-index:2;background:radial-gradient(circle, var(--color-surface-raised), var(--color-surface));flex-direction:column;width:36%;margin:0;padding:1.25rem 1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #ff9f4326}.cycle-owner img{width:96px;height:96px}.cycle-ring{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.cycle-ring circle.track{fill:none;stroke:url(#ring-grad);stroke-width:3px;opacity:.85}.cycle-spin{pointer-events:none;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.how.is-live .cycle-spin{animation:16s linear infinite spin}}.cycle-spin:after{content:"";background:var(--color-accent);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:12.5%;left:50%;box-shadow:0 0 18px 4px #22d3eea6}.cycle-github{z-index:2;white-space:nowrap;margin:0;position:absolute;top:82.5%;left:30%;transform:translate(-50%,-50%)}.cycle-steps{display:block;position:absolute;inset:0}.cycle-steps:before{display:none}.step{width:var(--avatar-size);height:var(--avatar-size);left:var(--x);top:var(--y);display:block;position:absolute;transform:translate(-50%,-50%)}.step-media,.step-media img{width:var(--avatar-size);height:var(--avatar-size)}.step-text{width:15rem;position:absolute;top:50%;transform:translateY(-50%)}.step.side-right .step-text{text-align:left;left:calc(100% + 1.25rem)}.step.side-left .step-text{text-align:right;right:calc(100% + 1.25rem)}.step.side-top .step-text,.step.side-bottom .step-text{text-align:center;top:auto;left:50%;transform:translate(-50%)}.step.side-top .step-text{bottom:calc(100% + 1rem)}.step.side-bottom .step-text{top:calc(100% + 1rem)}.step-chev{left:var(--x);top:var(--y);width:20px;height:20px;color:var(--color-accent);transform:rotate(var(--r));opacity:.9;margin:-10px 0 0 -10px;position:absolute}.cycle-loop{display:none}}.step-chev{display:none}@media (width>=1100px){.step-chev{display:block}}.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}.page-hero{background:radial-gradient(40rem 18rem at 85% 0,#2f6bff2e,#0000 70%);padding-block:2.5rem 1rem}.page-hero h1{max-width:20ch;font-size:var(--font-size-h1)}.page-lead{max-width:40rem;margin-top:var(--space-2);color:var(--color-muted);font-size:1.125rem}@media (width>=600px){.page-hero{padding-block:4rem 1.5rem}}.about-what{padding-top:var(--space-3)}.cards,.channels{margin:0;padding:0;list-style:none}.card h3,.about-what .card h2{font-size:var(--font-size-h3);margin-bottom:.5rem}.loop-link{margin-top:var(--space-3)}.who{border-block:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-surface), var(--color-background))}.who-grid{gap:var(--space-3);justify-items:center;display:grid}.who-photo{border-radius:var(--radius-round);object-fit:cover;border:3px solid var(--color-accent-warm);width:160px;height:160px;box-shadow:0 12px 32px #2f6bff59}.who-copy{max-width:40rem}.who-copy h2{font-size:var(--font-size-h2)}.who-copy p{margin-top:var(--space-2)}.who-links{flex-wrap:wrap;gap:.75rem;display:flex;margin-top:var(--space-3)!important}@media (width>=960px){.who-grid{gap:var(--space-4);grid-template-columns:224px minmax(0,1fr);place-items:start}.who-photo{width:224px;height:224px}.who-copy p{max-width:62ch}}.contact-channels{padding-top:var(--space-3)}.channels{gap:var(--space-2);display:grid}.channel{min-height:88px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-3);transition:transform var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;display:flex}.channel:hover{border-color:var(--color-accent);background:var(--color-surface-raised);transform:translateY(-3px)}.channel:active{filter:brightness(.94);transform:translateY(0)}.channel:focus-visible{border-radius:var(--radius-3)}.channel .card-icon{flex:none;margin:0}.channel-text{flex-direction:column;flex:1;min-width:0;display:flex}.channel-text strong{font-family:var(--font-heading);font-size:1.125rem}.channel-hint{color:var(--color-muted);font-size:.9375rem}.channel-value{color:var(--color-link);overflow-wrap:anywhere;margin-top:.25rem;font-size:.9375rem}.channel>svg{width:1.25rem;height:1.25rem;color:var(--color-muted);transition:transform var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);flex:none}.channel:hover>svg{color:var(--color-accent);transform:translate(3px)}@media (width>=720px){.channels{grid-template-columns:repeat(3,1fr);gap:1.25rem}.channel{flex-direction:column;align-items:flex-start;min-height:0;padding:1.75rem}.channel>svg{order:3;align-self:flex-end}.channel-text{flex:none}}