:root{--jcg-navy:#19314A;--jcg-charcoal:#2F3A45;--jcg-slate:#88939F;--jcg-silver:#A8A8A8;--jcg-ink:#353535;--jcg-white:#FFFFFF;--jcg-mist:#F4F6F8;--jcg-signal:#2E7D6B;--color-bg:var(--jcg-white);--color-bg-alt:var(--jcg-mist);--color-bg-dark:var(--jcg-navy);--color-text:var(--jcg-charcoal);--color-text-muted:var(--jcg-slate);--color-text-on-dark:var(--jcg-white);--color-heading:var(--jcg-navy);--color-border:var(--jcg-silver);--color-rule:var(--jcg-slate);--color-primary:var(--jcg-navy);--color-primary-hover:#122538;--color-focus:#2B6CB0;--color-success:var(--jcg-signal);--color-text-on-dark-muted:var(--jcg-silver);--color-rule-on-dark:rgba(255,255,255,0.14);--jcg-navy-900:#0F2035;--jcg-navy-700:#24466A;--jcg-blue:#3A7CA5;--jcg-blue-strong:#2B6CB0;--jcg-blue-100:#E6F0F7;--color-bg-deep:var(--jcg-navy-900);--color-bg-tint:var(--jcg-blue-100);--color-accent:var(--jcg-blue);--color-accent-strong:var(--jcg-blue-strong);--color-surface-on-dark:rgba(255,255,255,0.06);--color-border-on-dark:rgba(255,255,255,0.18);--color-glass:rgba(255,255,255,0.82);--gradient-deep:linear-gradient(160deg,var(--jcg-navy-900) 0%,var(--jcg-navy) 55%,var(--jcg-navy-700) 100%);--gradient-glow:radial-gradient(60% 60% at 70% 20%,rgba(58,124,165,0.35) 0%,rgba(58,124,165,0) 70%);--code-bg:var(--jcg-navy-900);--code-text:#E6EBF0;--code-keyword:#8EC5E8;--code-string:#A8E0C4;--code-comment:#9AA7B4;--code-number:#F5B7A0;--code-punct:#C3CDD7;--code-function:var(--jcg-white);--font-display:var(--font-neulis),"Neulis Alt",var(--font-montserrat),"Montserrat",system-ui,sans-serif;--font-sans:var(--font-montserrat),"Montserrat",system-ui,sans-serif;--text-display:clamp(2.5rem,6vw,4.5rem);--text-h1:clamp(2rem,4.5vw,3rem);--text-h2:clamp(1.5rem,3vw,2.125rem);--text-h3:1.25rem;--text-body:1.0625rem;--text-body-lg:1.1875rem;--text-small:0.875rem;--text-eyebrow:0.75rem;--leading-tight:1.1;--leading-body:1.6;--tracking-eyebrow:0.12em;--weight-display:600;--weight-heading:700;--weight-body:400;--weight-ui:600;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--section-y:clamp(3rem,8vw,6rem);--gutter:1rem;--content-max:75rem;--measure:65ch;--radius-card:8px;--radius-button:6px;--radius-frame:14px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(25,49,74,0.06),0 8px 24px rgba(25,49,74,0.08);--shadow-raised:0 2px 4px rgba(15,32,53,0.08),0 24px 48px rgba(15,32,53,0.16);--header-h:72px;--motion-fast:200ms;--motion-medium:450ms;--motion-slow:800ms;--motion-ease:cubic-bezier(0.2,0,0,1);--motion-ease-out:cubic-bezier(0.16,1,0.3,1)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-medium:0ms;--motion-slow:0ms}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:calc(var(--header-h) + 16px);text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html.is-menu-open,html.is-palette-open{overflow:hidden;scrollbar-gutter:stable}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body>main{flex:1 0 auto}body>footer{flex-shrink:0}#main:focus,[data-focus-target]:focus{outline:none}::selection{background-color:var(--color-bg-tint);color:var(--color-heading)}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--color-heading);line-height:var(--leading-tight);text-wrap:balance}h1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-display)}h2{font-size:var(--text-h2)}h2,h3{font-weight:var(--weight-heading)}h3{font-size:var(--text-h3)}p{text-wrap:pretty}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.section--dark :focus-visible,.section--deep :focus-visible,footer :focus-visible{outline-color:var(--color-text-on-dark)}img{display:block;max-width:100%;height:auto}button{cursor:pointer}button,kbd{font-family:inherit}.skip-link{position:fixed;top:var(--space-2);left:var(--gutter);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-on-dark);font-weight:var(--weight-ui);font-size:var(--text-small);border-radius:var(--radius-button);text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}.container{max-width:var(--content-max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}@media (min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.section{padding-top:var(--section-y);padding-bottom:var(--section-y)}.section--mist{background-color:var(--color-bg-alt)}.section--dark{background-color:var(--color-bg-dark)}.section--dark,.section--deep{color:var(--color-text-on-dark)}.section--deep{background-color:var(--color-bg-deep);background-image:var(--gradient-deep)}.section--dark a:not(.btn),.section--dark h2,.section--dark h3,.section--deep a:not(.btn),.section--deep h2,.section--deep h3{color:var(--color-text-on-dark)}.eyebrow{font-size:var(--text-eyebrow);font-weight:var(--weight-heading);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--color-heading);margin-bottom:var(--space-3)}.section--dark .eyebrow,.section--deep .eyebrow{color:var(--color-text-on-dark-muted)}.lead{font-size:var(--text-body-lg);max-width:var(--measure);color:var(--color-text)}.section--dark .lead,.section--deep .lead{color:var(--color-text-on-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-6);font-size:var(--text-small);font-weight:var(--weight-ui);line-height:1.2;border-radius:var(--radius-button);border:1.5px solid transparent;transition:transform var(--motion-fast) var(--motion-ease)}.btn,.btn:hover{text-decoration:none}@media (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}}.btn--primary{background-color:var(--color-primary);color:var(--color-text-on-dark)}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:var(--color-text-on-dark)}.btn--on-dark{background-color:var(--color-text-on-dark);color:var(--color-primary)}.btn--on-dark:hover{background-color:var(--color-bg-alt)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.frame{--frame-bar:2.25rem;position:relative;isolation:isolate;overflow:hidden;padding-top:var(--frame-bar);background-color:var(--color-bg);border-radius:var(--radius-frame);box-shadow:var(--shadow-raised)}.frame:before{top:0;left:0;right:0;height:var(--frame-bar);background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-bg-tint)}.frame:after,.frame:before{content:"";position:absolute}.frame:after{top:calc(var(--frame-bar) / 2 - 4px);left:14px;width:8px;height:8px;border-radius:50%;background-color:var(--jcg-silver);box-shadow:14px 0 0 var(--jcg-silver),28px 0 0 var(--jcg-silver)}.frame>img,.frame>picture>img{width:100%}.frame--dark{background-color:var(--code-bg);color:var(--code-text)}.frame--dark:before{background-color:var(--color-surface-on-dark);border-bottom-color:var(--color-border-on-dark)}.frame--dark:after{background-color:var(--jcg-slate);box-shadow:14px 0 0 var(--jcg-slate),28px 0 0 var(--jcg-slate)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.75em;height:1.75em;padding:0 .45em;font-family:var(--font-sans);font-size:.75rem;font-weight:var(--weight-ui);line-height:1;white-space:nowrap;color:var(--color-text);background-color:var(--color-bg);border:solid var(--color-border);border-width:1px 1px 2px;border-radius:var(--radius-button)}.section--dark .kbd,.section--deep .kbd{color:var(--color-text-on-dark);background-color:var(--color-surface-on-dark);border-color:var(--color-border-on-dark)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-eyebrow);font-weight:var(--weight-heading);line-height:1.4;letter-spacing:.04em;color:var(--color-heading);background-color:var(--color-bg-tint);border-radius:var(--radius-pill)}.section--dark .badge,.section--deep .badge{color:var(--color-text-on-dark);background-color:var(--color-surface-on-dark);box-shadow:inset 0 0 0 1px var(--color-border-on-dark)}.glow{position:relative;isolation:isolate}.glow:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--gradient-glow);pointer-events:none}.scroll-progress{display:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.scroll-progress{display:block;position:fixed;top:0;left:0;right:0;z-index:60;height:3px;background-color:var(--color-accent);transform-origin:0 50%;transform:scaleX(0);pointer-events:none;animation:jcg-scroll-progress linear both;animation-timeline:scroll(root block)}}}@keyframes jcg-scroll-progress{to{transform:scaleX(1)}}.reveal-ready .animate-in:not([data-stagger]):not(.is-visible),.reveal-ready .animate-in[data-stagger]:not(.is-visible)>*{opacity:0}.animate-in.is-revealing:not([data-stagger]),.animate-in[data-stagger].is-revealing>*{animation:jcg-reveal var(--motion-slow) var(--motion-ease-out) backwards}.animate-in[data-stagger].is-revealing>*{animation-delay:calc(min(var(--i, 0), 12) * 80ms)}@keyframes jcg-reveal{0%{opacity:0;transform:translateY(20px)}}@media (prefers-reduced-motion:reduce){.animate-in.is-revealing,.animate-in.is-revealing>*{animation:none!important}}@media print{.reveal-ready .animate-in,.reveal-ready .animate-in>*{opacity:1!important}.scroll-progress{display:none!important}}