:root{--ds-header-h:72px;--ds-brand-gap:14px;--ds-brand-symbol:40px;--ds-brand-size:24px}@media (width<=1023px){:root{--ds-brand-size:22px}}@media (width<=640px){:root{--ds-header-h:64px;--ds-brand-gap:12px;--ds-brand-symbol:32px;--ds-brand-size:20px}}@media (width<=420px){:root{--ds-brand-gap:8px;--ds-brand-symbol:28px;--ds-brand-size:18px}}@media (width<=360px){:root{--ds-brand-gap:6px;--ds-brand-symbol:26px;--ds-brand-size:16px}}@media (width<=330px){:root{--ds-brand-size:15px}}.ds-site-brand{align-items:center;gap:var(--ds-brand-gap);max-width:100%;min-height:48px;color:var(--color-heading,#fff);white-space:nowrap;flex:none;text-decoration:none;display:inline-flex}.ds-site-brand__symbol{width:var(--ds-brand-symbol);height:var(--ds-brand-symbol);flex:none;display:block}.ds-site-brand__title{font-family:var(--font-display,"Oswald", "Arial Narrow", sans-serif);font-weight:600;font-size:var(--ds-brand-size);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:clip;line-height:1.1;overflow:visible}@media (width>=1024px){.ds-site-brand+nav,.ds-site-brand+.nav{margin-left:clamp(24px,3vw,40px)}}.ds-header-bar{min-height:var(--ds-header-h)}:root{--brand-night:#00051a;--brand-blue:#050032;--brand-ink:#1a1f36;--brand-orange:#f98510;--brand-white:#fff;--etincelle-800:#a34800;--etincelle-600:#e07408;--etincelle-500:#f98510;--etincelle-400:#ff9c36;--etincelle-300:#ffb570;--etincelle-100:#fef0e1;--papier-0:#fff;--papier-50:#faf8f5;--papier-100:#f3efe8;--papier-200:#ece7df;--papier-300:#e4ded4;--papier-500:#8c8a86;--gris-600:#5c6276;--gris-500:#7d8397;--nuit-0:#00051a;--nuit-1:#0a0f2a;--nuit-2:#10183c;--nuit-3:#172049;--nuit-line:#232b4d;--nuit-line-strong:#6a7ba3;--brume-100:#f4f6fb;--brume-200:#e3e8f2;--brume-300:#a9b6d0;--brume-400:#66739a;--succes-clair:#157f76;--succes-sombre:#45b5a8;--alerte-clair:#8a6500;--alerte-sombre:#d9b16b;--erreur-clair:#bf211e;--erreur-sombre:#f07a76;--info-clair:#1f6fa8;--info-sombre:#4c9ad6;--succes-fond-clair:#e8f4f2;--succes-fond-sombre:#0a2426;--alerte-fond-clair:#fbf3e0;--alerte-fond-sombre:#2a2213;--erreur-fond-clair:#fceceb;--erreur-fond-sombre:#2a141d;--info-fond-clair:#e9f1f8;--info-fond-sombre:#0d1f33;--font-display:"Oswald", "Arial Narrow", "Roboto Condensed", sans-serif;--font-body:"Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono:"Roboto Mono", ui-monospace, Menlo, Consolas, monospace;--font-hand:"Caveat", "Segoe Print", cursive;--fs-display:clamp(2.75rem, 1.7rem + 4.4vw, 4.75rem);--fs-h1:clamp(2.125rem, 1.6rem + 2.2vw, 3rem);--fs-h2:clamp(1.625rem, 1.35rem + 1.1vw, 2.125rem);--fs-h3:1.375rem;--fs-lead:1.1875rem;--fs-body:1.0625rem;--fs-small:.875rem;--fs-label:.75rem;--fs-hand:1.5rem;--fs-code:.9375rem;--lh-display:1.05;--lh-tight:1.1;--lh-snug:1.25;--lh-text:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--border-thin:1px;--border-strong:2px;--duration-fast:.14s;--duration-base:.2s;--ease-out:cubic-bezier(.2, .7, .2, 1);--container:73.75rem;--measure:66ch;--layout-sidebar:188px;--layout-gap:48px;--layout-gutter:clamp(16px, 3vw, 40px);--layout-frame:1500px;--topbar-height:3.75rem;color-scheme:light;--color-bg:var(--papier-50);--color-surface:var(--papier-0);--color-surface-alt:var(--papier-100);--color-surface-hover:var(--papier-200);--color-surface-raised:var(--papier-0);--color-text:var(--brand-ink);--color-heading:var(--brand-blue);--color-text-muted:var(--gris-600);--color-border:var(--papier-300);--color-border-strong:var(--gris-500);--color-accent:var(--etincelle-500);--color-accent-hover:var(--etincelle-400);--color-accent-active:var(--etincelle-600);--color-on-accent:var(--brand-night);--color-accent-soft:var(--etincelle-100);--color-link:var(--brand-blue);--color-link-hover:var(--etincelle-800);--color-link-underline:var(--gris-500);--color-accent-text:var(--etincelle-800);--color-annotation:var(--etincelle-800);--color-inverse-bg:var(--brand-blue);--color-inverse-bg-hover:var(--brand-ink);--color-inverse-text:var(--brand-white);--color-focus:var(--etincelle-800);--color-success:var(--succes-clair);--color-warning:var(--alerte-clair);--color-danger:var(--erreur-clair);--color-info:var(--info-clair);--color-success-bg:var(--succes-fond-clair);--color-warning-bg:var(--alerte-fond-clair);--color-danger-bg:var(--erreur-fond-clair);--color-info-bg:var(--info-fond-clair);--color-disabled-bg:var(--papier-200);--color-disabled-text:var(--papier-500);--color-grid:#0500320d;--shadow-sm:0 1px 2px #05003214;--shadow-md:0 8px 20px -6px #05003229;--shadow-lg:0 22px 44px -16px #05003247;--ring-focus:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-focus)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg:var(--nuit-0);--color-surface:var(--nuit-1);--color-surface-alt:var(--nuit-2);--color-surface-hover:var(--nuit-3);--color-surface-raised:var(--nuit-2);--color-text:var(--brume-100);--color-heading:var(--brand-white);--color-text-muted:var(--brume-300);--color-border:var(--nuit-line);--color-border-strong:var(--nuit-line-strong);--color-accent:var(--etincelle-500);--color-accent-hover:var(--etincelle-400);--color-accent-active:var(--etincelle-600);--color-on-accent:var(--brand-night);--color-accent-soft:#f9851024;--color-link:var(--brand-white);--color-link-hover:var(--etincelle-400);--color-link-underline:var(--nuit-line-strong);--color-accent-text:var(--etincelle-500);--color-annotation:var(--etincelle-300);--color-inverse-bg:var(--brand-white);--color-inverse-bg-hover:var(--brume-200);--color-inverse-text:var(--brand-blue);--color-focus:var(--etincelle-500);--color-success:var(--succes-sombre);--color-warning:var(--alerte-sombre);--color-danger:var(--erreur-sombre);--color-info:var(--info-sombre);--color-success-bg:var(--succes-fond-sombre);--color-warning-bg:var(--alerte-fond-sombre);--color-danger-bg:var(--erreur-fond-sombre);--color-info-bg:var(--info-fond-sombre);--color-disabled-bg:var(--nuit-2);--color-disabled-text:var(--brume-400);--color-grid:#8fa6cb12;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 20px -6px #00000080;--shadow-lg:0 22px 44px -16px #000000b3}}:root[data-theme=dark],.is-night,.theme-night{color-scheme:dark;--color-bg:var(--nuit-0);--color-surface:var(--nuit-1);--color-surface-alt:var(--nuit-2);--color-surface-hover:var(--nuit-3);--color-surface-raised:var(--nuit-2);--color-text:var(--brume-100);--color-heading:var(--brand-white);--color-text-muted:var(--brume-300);--color-border:var(--nuit-line);--color-border-strong:var(--nuit-line-strong);--color-accent:var(--etincelle-500);--color-accent-hover:var(--etincelle-400);--color-accent-active:var(--etincelle-600);--color-on-accent:var(--brand-night);--color-accent-soft:#f9851024;--color-link:var(--brand-white);--color-link-hover:var(--etincelle-400);--color-link-underline:var(--nuit-line-strong);--color-accent-text:var(--etincelle-500);--color-annotation:var(--etincelle-300);--color-inverse-bg:var(--brand-white);--color-inverse-bg-hover:var(--brume-200);--color-inverse-text:var(--brand-blue);--color-focus:var(--etincelle-500);--color-success:var(--succes-sombre);--color-warning:var(--alerte-sombre);--color-danger:var(--erreur-sombre);--color-info:var(--info-sombre);--color-success-bg:var(--succes-fond-sombre);--color-warning-bg:var(--alerte-fond-sombre);--color-danger-bg:var(--erreur-fond-sombre);--color-info-bg:var(--info-fond-sombre);--color-disabled-bg:var(--nuit-2);--color-disabled-text:var(--brume-400);--color-grid:#8fa6cb12;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 20px -6px #00000080;--shadow-lg:0 22px 44px -16px #000000b3}:root{--color-muted:var(--color-text-muted)}.theme-toggle{color:#e3e8f2;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.theme-toggle:hover{color:#fff;background:#ffffff1a}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.theme-toggle svg[hidden]{display:none}header[data-site-header]{z-index:50;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 94%, transparent);color:var(--color-text);backdrop-filter:blur(8px);transition:transform var(--duration-base,.2s) var(--ease-out,ease-out);position:sticky;top:0}header[data-site-header]>div{align-items:center;gap:var(--space-4)}header[data-site-header] nav[data-site-nav]{column-gap:var(--space-1)}header[data-site-header] nav[data-site-nav] a{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font:500 1.0625rem/1 var(--font-display);white-space:nowrap;background:0 0;border:0;align-items:center;gap:.4em;text-decoration:none;display:inline-flex;position:relative}header[data-site-header] nav[data-site-nav] a:hover{background:var(--color-surface-alt);color:var(--color-heading)}header[data-site-header] nav[data-site-nav] a[aria-current]{box-shadow:inset 0 -2px 0 var(--color-accent);color:var(--color-heading);background:0 0;border-radius:0}header[data-site-header] nav[data-site-nav] a[aria-current]:after{content:none}header[data-site-header] :is(.menu-toggle,.menu-button){border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--color-heading);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;position:relative}header[data-site-header] :is(.menu-toggle,.menu-button):hover{background:var(--color-surface-alt)}header[data-site-header] :is(.menu-toggle,.menu-button)>:not(svg){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){header[data-site-header]>div{gap:var(--space-2)}}@media (width<=1020px){header[data-site-header].is-header-hidden{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){header[data-site-header]{transition:none}}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(/fonts/oswald.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto.woff2)format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/roboto-mono.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--color-bg);color:var(--color-text);font:400 var(--fs-body)/var(--lh-text) var(--font-body);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--color-heading);font-weight:500}h2{font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.15}h3{font-size:1.5rem;line-height:1.25}a{color:inherit;text-underline-offset:.23em}button{font:inherit}img,svg{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg.icon{flex-shrink:0;width:24px;height:24px}::selection{background:var(--etincelle-300);color:var(--brand-night)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px;border-radius:4px}[hidden]{display:none!important}.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}.skip{z-index:100;background:var(--brand-orange);color:var(--brand-night);border-radius:8px;padding:12px 20px;font-weight:600;position:fixed;top:-100px;left:16px}.skip:focus{top:12px}.container{width:min(100% - 64px,1180px);margin-inline:auto}.section{padding-block:96px}.section-alt{background:var(--color-surface-alt)}.eyebrow{font:500 12px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:12px;margin-bottom:24px;display:flex}.eyebrow:before{content:"";background:var(--brand-orange);flex-shrink:0;width:28px;height:3px}.section-head{max-width:680px;margin-bottom:48px}.section-head p{color:var(--color-text-muted);margin-top:20px}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono)}.hand{font:700 28px/1.15 var(--font-hand);color:var(--color-annotation)}.text-link{color:var(--color-link);align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.text-link .icon{width:20px;height:20px}.text-link:hover{text-decoration:underline}.btn{border-radius:var(--radius-md);min-height:48px;font:600 1rem/1.35 var(--font-body);background:var(--brand-orange);color:var(--brand-night);border:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:13px 24px;text-decoration:none;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.btn:hover{background:var(--etincelle-400)}.btn:active{background:var(--etincelle-600);transform:translateY(1px)}.btn .icon{width:20px;height:20px}.btn-outline{color:var(--color-heading);border-color:var(--color-heading);background:0 0}.btn-outline:hover{background:var(--color-surface-alt)}.btn-outline:active{background:var(--color-surface-hover)}.site-header{z-index:30;background:var(--brand-night);border-bottom:1px solid var(--nuit-line);color:var(--brume-100);position:sticky;top:0}.header-inner{align-items:center;gap:36px;min-height:80px;display:flex}.brand{color:#fff;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon{border:1px solid var(--nuit-line-strong);width:42px;height:42px;color:var(--brand-orange);border-radius:8px;place-items:center;display:grid}.brand-name{font:500 24px/1 var(--font-display);letter-spacing:.015em}.brand-name small{font:500 11px/1 var(--font-mono);letter-spacing:.2em;color:var(--brume-300);margin-top:5px;display:block}.nav{align-items:center;gap:28px;margin-left:auto;display:flex}.nav a{color:var(--brume-300);white-space:nowrap;align-items:center;min-height:44px;font-size:14px;text-decoration:none;display:flex}.nav a:hover,.nav a[aria-current=location]{color:#fff}.nav .nav-youtube{color:#fff;gap:7px}.nav-youtube .icon{width:17px;height:17px}.header-tools{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--nuit-line);width:44px;height:44px;color:var(--brume-200);background:0 0;border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--nuit-2)}.menu-toggle{display:none}.is-night{background:var(--brand-night);color:var(--color-text)}.hero{background-image:linear-gradient(#8fa6cb0e 1px,#0000 1px),linear-gradient(90deg,#8fa6cb0e 1px,#0000 1px);background-size:32px 32px;padding-top:64px;position:relative;overflow:hidden}.hero-main{grid-template-columns:1.12fr 1fr;align-items:center;gap:64px;padding-bottom:68px;display:grid}.hero .eyebrow{margin-bottom:28px}.hero h1{font-size:var(--fs-display);text-transform:uppercase;letter-spacing:.005em;font-weight:600;line-height:1.06}.hero h1 span{display:block}.hero .intro{max-width:480px;color:var(--brume-300);margin-top:26px;font-size:18px;line-height:1.7}.hero .intro strong{color:var(--brume-100);font-weight:500}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px;display:flex}.hero-actions .text-link{color:var(--brume-100);font-size:14px}.hero-caption{font:400 12px/1.6 var(--font-mono);color:var(--brume-300);margin-top:18px}.workbench{padding-block:22px 38px;position:relative}.code-window{border:1px solid var(--nuit-line-strong);background:var(--nuit-1);box-shadow:var(--shadow-lg);border-radius:14px;overflow:hidden}.window-bar{border-bottom:1px solid var(--nuit-line);background:var(--nuit-2);align-items:center;gap:7px;padding:15px 20px;display:flex}.window-dot{background:var(--brume-400);border-radius:50%;width:6px;height:6px}.window-name{font:400 11px/1.5 var(--font-mono);color:var(--brume-300);margin-left:auto}.code-title{font:500 11px/1.5 var(--font-mono);letter-spacing:.08em;color:var(--brume-300);text-transform:uppercase;padding:24px 24px 0}.code-lines{counter-reset:line;font:400 13px/2.1 var(--font-mono);white-space:pre;tab-size:2;color:var(--brume-200);margin:0;padding:20px 24px 24px;list-style:none;overflow-x:auto}.code-lines li{counter-increment:line;display:flex}.code-lines li:before{content:counter(line);width:28px;color:var(--brume-400);user-select:none;flex-shrink:0;font-size:11px;display:inline-block}.code-lines .comment{color:var(--brume-300)}.code-lines .keyword{color:var(--etincelle-300)}.code-lines .string{color:var(--succes-sombre)}.code-run-row{justify-content:space-between;align-items:center;gap:16px;padding:0 24px 22px;display:flex}.run-btn{border:1px solid var(--nuit-line-strong);color:#fff;background:0 0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:500;display:inline-flex}.run-btn:hover{background:var(--nuit-2)}.run-btn .icon{width:16px;height:16px}.demo-caption{font:400 10px/1.5 var(--font-mono);color:var(--brume-300)}.console{background:var(--brand-night);border-top:1px solid var(--nuit-line);min-height:104px;padding:18px 24px}.console-label{color:var(--brume-300);font:500 10px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;display:block}.console-output{color:var(--brume-200);font:400 12px/1.7 var(--font-mono);white-space:pre-wrap}.console-output.is-success{color:var(--succes-sombre)}.hero-note{align-items:center;gap:8px;display:flex;position:absolute;bottom:0;right:10px;transform:rotate(-4deg)}.hero-note .icon{width:40px;height:30px;transform:rotate(165deg)}.hero-bottom{border-top:1px solid var(--nuit-line);grid-template-columns:repeat(3,1fr);gap:32px;padding-block:22px 26px;display:grid}.hero-bottom a{color:var(--brume-200);align-items:center;gap:14px;font-size:14px;text-decoration:none;display:flex}.hero-bottom a:hover{color:#fff}.hero-bottom span{font:400 11px/1.5 var(--font-mono);color:var(--brume-300)}.hero-bottom .icon{width:18px;height:18px;color:var(--brume-300);margin-left:auto}.resource-layout{grid-template-columns:1fr 1fr;align-items:center;gap:96px;display:grid}.resource-copy h2{max-width:440px}.resource-copy p{color:var(--color-text-muted);margin-top:24px}.resource-copy .btn{margin-top:28px}.resource-list{border-top:1px solid var(--color-border);gap:0;margin:0;padding:0;list-style:none;display:grid}.resource-list li{border-bottom:1px solid var(--color-border);grid-template-columns:42px 1fr;gap:20px;padding:24px 0;display:grid}.resource-list .icon{color:var(--color-heading);margin-top:3px}.resource-list h3{font-size:22px}.resource-list p{color:var(--color-text-muted);margin-top:7px;font-size:15px}.subjects-top{justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;display:flex}.subjects-top .section-head{margin:0}.subjects-intro{max-width:300px;color:var(--color-text-muted);font-size:14px}.subject-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.subject{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;padding:30px;display:flex}.subject-top{color:var(--color-heading);justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.subject-num{font:400 12px var(--font-mono);color:var(--color-text-muted)}.subject h3{max-width:240px;margin-bottom:16px}.subject p{color:var(--color-text-muted);font-size:15px}.tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:28px;display:flex}.tag{font:400 10px/1.5 var(--font-mono);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:4px;padding:4px 7px}.future-axis{border:1px dashed var(--color-border-strong);border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:20px;margin-top:24px;padding:28px 30px;display:grid}.future-axis .icon{color:var(--color-heading)}.future-axis h3{font-size:22px}.future-axis p{color:var(--color-text-muted);max-width:720px;margin-top:8px;font-size:14px}.future-label{font:400 10px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.method-layout{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.method-intro{align-self:start;position:sticky;top:120px}.method-intro p{color:var(--color-text-muted);margin-top:24px}.method-quote{border-left:3px solid var(--brand-orange);font:500 26px/1.3 var(--font-display);color:var(--color-heading);margin:34px 0 0;padding:0 0 0 20px}.method-quote cite{font:400 12px var(--font-mono);color:var(--color-text-muted);margin-top:14px;display:block}.steps{margin:0;padding:0;list-style:none}.steps li{grid-template-columns:40px 1fr;gap:24px;padding-block:0 30px;display:grid;position:relative}.steps li:not(:last-child):after{content:"";background:var(--color-border);width:1px;position:absolute;top:42px;bottom:10px;left:19px}.step-number{border:1px solid var(--color-border-strong);width:40px;height:40px;font:400 12px var(--font-mono);color:var(--color-heading);background:var(--color-bg);border-radius:50%;place-items:center;display:grid}.steps h3{margin-top:5px;font-size:23px}.steps p{color:var(--color-text-muted);margin-top:10px;font-size:15px}.steps li:last-child{padding-bottom:0}.audience{border-top:1px solid var(--color-border);grid-template-columns:1fr 2fr;gap:64px;margin-top:80px;padding-top:64px;display:grid}.audience-title h3{font-size:28px}.audience-title p{color:var(--color-text-muted);margin-top:16px;font-size:14px}.audience-list{grid-template-columns:1fr 1fr;gap:28px 36px;display:grid}.audience-item{align-items:start;gap:12px;display:flex}.audience-item .icon{width:19px;height:19px;color:var(--color-link);margin-top:3px}.audience-item strong{font-size:15px;font-weight:500;display:block}.audience-item p{color:var(--color-text-muted);margin-top:4px;font-size:14px}.about{grid-template-columns:.8fr 1.2fr;align-items:start;gap:88px;display:grid}.about-side{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:36px}.about-side h2{font-size:42px;line-height:1.05}.about-role{color:var(--color-text-muted);margin-top:18px;font-size:14px}.experience{border-top:1px solid var(--color-border);align-items:center;gap:16px;margin-top:36px;padding-top:28px;display:flex}.experience strong{font:500 48px/1 var(--font-display);color:var(--color-heading)}.experience span{font:400 11px/1.6 var(--font-mono);color:var(--color-text-muted);max-width:145px}.about-side .hand{margin-top:28px;font-size:26px;display:block;transform:rotate(-3deg)}.about-copy p+p{margin-top:20px}.about-copy p{color:var(--color-text-muted)}.about-copy strong{color:var(--color-text);font-weight:500}.about-links{flex-wrap:wrap;gap:28px;margin-top:24px;display:flex}.about-links a{font-size:14px}.about-copy blockquote{border-top:1px solid var(--color-border);font:500 26px/1.4 var(--font-display);color:var(--color-heading);margin:32px 0 0;padding-top:28px}.family{border-top:1px solid var(--color-border);padding-block:64px}.family-head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px;display:flex}.family h2{font-size:32px}.family-head>a{font-size:13px}.family-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.family-item{border-top:2px solid var(--color-border-strong);padding-top:20px}.family-item.is-current{border-top-color:var(--brand-orange)}.family-item h3{align-items:center;gap:8px;font-size:24px;display:flex}.family-item a{text-decoration:none}.family-item a:hover{text-decoration:underline}.family-item .icon{width:18px;height:18px}.family-item p{color:var(--color-text-muted);margin-top:10px;font-size:14px}.family-current{font:400 10px var(--font-mono);color:var(--color-text-muted);margin-top:12px;display:block}.closing{text-align:center;background-image:linear-gradient(#8fa6cb0d 1px,#0000 1px),linear-gradient(90deg,#8fa6cb0d 1px,#0000 1px);background-size:32px 32px;padding-block:72px}.closing .eyebrow{justify-content:center;margin-bottom:20px}.closing h2{font-size:clamp(2.5rem,4.5vw,3.5rem)}.closing p{max-width:550px;color:var(--brume-300);margin:24px auto 28px;font-size:16px}.closing small{color:var(--brume-300);font:400 11px/1.7 var(--font-mono);margin-top:18px;display:block}.site-footer{background:var(--brand-night);color:var(--brume-300);border-top:1px solid var(--nuit-line);padding:36px 0 24px}.footer-top{justify-content:space-between;align-items:start;gap:40px;display:flex}.footer-text{max-width:420px;margin-top:16px;font-size:13px}.footer-links{flex-wrap:wrap;justify-content:end;gap:8px 24px;max-width:450px;display:flex}.footer-links a{align-items:center;min-height:32px;font-size:13px;text-decoration:none;display:flex}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid var(--nuit-line);font:400 10px/1.7 var(--font-mono);justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:20px;display:flex}.footer-bottom a{align-items:center;gap:8px;min-height:32px;text-decoration:none;display:flex}.footer-bottom .icon{width:16px;height:16px;transform:rotate(-90deg)}@media (width>=1500px){.hero{padding-top:88px}.hero-main{padding-bottom:88px}}@media (width<=1050px){.header-inner{gap:24px}.nav{gap:18px}.hero-main{gap:32px}.resource-layout{gap:48px}.method-layout{gap:60px}.about{gap:48px}.subject{padding:24px}.code-lines{padding-inline:18px;font-size:12px}.window-name{font-size:10px}}@media (width<=860px){.container{width:calc(100% - 40px)}.header-inner{justify-content:space-between;gap:16px;min-height:72px}.brand-name{font-size:22px}.brand-icon{width:38px;height:38px}.header-tools{margin-left:auto}.menu-toggle{display:grid}.nav{border-bottom:1px solid var(--nuit-line);background:var(--brand-night);align-items:stretch;gap:0;margin:0;padding:12px 20px 20px;display:none;position:absolute;top:72px;left:0;right:0}.nav.is-open{flex-direction:column;display:flex}.nav a{padding:10px 12px}.section{padding-block:72px}.hero{padding-top:44px}.hero-main{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:clamp(2.8rem,6.8vw,4.5rem)}.hero .intro{font-size:16px}.hero-actions{gap:14px}.hero-actions .btn{padding:12px 16px;font-size:14px}.code-lines{padding-inline:14px;font-size:10px}.code-title{padding:20px 16px 0;font-size:10px}.code-run-row{padding-inline:16px}.demo-caption{display:none}.console{padding:16px}.window-bar{padding:12px 16px}.hero-note{right:0}.hero-note .hand{font-size:24px}.hero-bottom{gap:20px}.hero-bottom a{gap:10px;font-size:12px}.subject-grid{grid-template-columns:1fr}.subject{grid-template-columns:44px 1fr 1fr;gap:16px 24px;display:grid}.subject-top{flex-direction:column;grid-row:1/3;align-items:start;gap:12px;margin:0}.subject h3{max-width:none;margin:0}.subject p{grid-area:1/3/3}.tags{grid-column:2;padding:0}.subjects-top{display:block}.subjects-intro{max-width:600px;margin-top:24px}.future-axis{grid-template-columns:32px 1fr}.future-label{grid-column:2}.method-layout{gap:44px}.method-intro{position:static}.about{grid-template-columns:.9fr 1.1fr;gap:36px}.about-side{padding:28px}.about-side h2{font-size:36px}.audience{grid-template-columns:1fr 2fr;gap:36px}.family-head{display:block}.family-head>a{margin-top:12px}.family-grid{gap:24px}.footer-links{max-width:340px}}@media (width<=640px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.section{padding-block:64px}.section-head{margin-bottom:32px}.eyebrow{gap:10px;margin-bottom:20px}.hero-main{padding-bottom:36px;display:block}.hero h1{font-size:clamp(2.75rem,10.3vw,4rem);line-height:1.08}.hero .intro{max-width:100%;margin-top:22px}.hero-actions{gap:12px 20px;margin-top:26px}.hero-caption{font-size:10px}.workbench{max-width:470px;margin-inline:auto;padding-top:36px}.code-lines{padding:18px 20px;font-size:12px}.code-title{padding:22px 20px 0}.code-run-row{padding:0 20px 20px}.console{padding:16px 20px}.window-bar{padding:14px 20px}.demo-caption{display:block}.hero-note{right:8px}.hero-bottom{flex-wrap:wrap;gap:0;padding-block:10px 18px;display:flex}.hero-bottom a{flex:1 0 100%;min-height:44px;font-size:13px}.hero-bottom span{font-size:10px}.resource-layout,.method-layout,.about{grid-template-columns:1fr;gap:36px}.resource-copy h2{max-width:none}.resource-list li{gap:12px;padding-block:20px}.resource-copy .btn{width:100%}.subject{gap:0;padding:24px;display:flex}.subject-top{flex-direction:row;align-items:center;margin-bottom:24px}.subject h3{margin-bottom:14px}.tags{padding-top:24px}.subject-grid{gap:16px}.future-axis{gap:14px;padding:24px}.future-axis .icon{width:24px;height:24px}.method-quote{margin-top:28px;font-size:24px}.steps li{gap:18px}.audience{grid-template-columns:1fr;gap:28px;margin-top:48px;padding-top:40px}.audience-list{grid-template-columns:1fr;gap:22px}.about-side{padding:28px}.about-side h2{font-size:40px}.about-side .hand{margin-top:22px}.experience{margin-top:24px;padding-top:24px}.about-links{gap:12px 24px}.family{padding-block:48px}.family-grid{grid-template-columns:1fr;gap:28px}.family-head{margin-bottom:24px}.closing{padding-block:64px}.closing p{font-size:15px}.closing .btn{width:100%}.footer-top{display:block}.footer-links{justify-content:start;gap:4px 22px;max-width:100%;margin-top:24px}.footer-bottom{align-items:start;font-size:10px}.footer-bottom span{max-width:220px}.btn{font-size:14px}.header-tools{gap:6px}.icon-btn{width:40px;height:40px}.brand{gap:9px}.brand-name{font-size:21px}.brand-name small{font-size:9px}.brand-icon{width:34px;height:36px}.brand-icon .icon{width:22px;height:22px}}@media (width<=360px){.container{width:calc(100% - 32px)}.hero h1{font-size:2.65rem}.hero-actions .btn{width:100%}.code-lines{padding-inline:14px;font-size:10px}.demo-caption{font-size:9px}.header-inner{gap:8px}.brand-name{font-size:19px}.brand-icon{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{.site-header,.hero-actions,.hero-caption,.hero-note,.theme-toggle,.hero-bottom,.code-run-row,.closing,.site-footer,.skip{display:none!important}.section,.family{padding-block:28px}body{color:#1a1f36;background:#fff}h1,h2,h3{color:#050032}.hero{background:#fff;padding-top:20px}.hero h1{color:#050032;font-size:42px}.hero .intro,.hero .intro strong,.hero .eyebrow{color:#1a1f36}.hero-main{gap:30px;padding-bottom:28px}.workbench{padding:0}.resource-layout,.method-layout,.about{gap:36px}.subject,.about-side{break-inside:avoid}.container{width:100%}.hero,.subject,.about-side{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.header-inner{min-height:var(--ds-header-h)}