@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-ext-wght-normal.fbf4c1a6.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-wght-normal.bfe8c811.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{color-scheme:light;--add:#1a7f37;--del:#cf222e;--bg:#ffffff;--surface:#ffffff;--card:#f5f5f5;--fg:#171717;--body:#333333;--muted:#6b6b6b;--faint:#a3a3a3;--border:rgb(0 0 0/.08);--border-strong:rgb(0 0 0/.16);--accent:#4b6bff;--on-ink:#ffffff;--ink:#171717;--hero-top:#3daeff;--hero-glow:#5b3df5;--device:#17171d;--mac-edge:#c4c7cf;--glass-rim-strong:rgb(255 255 255/.95);--glass-rim-weak:rgb(255 255 255/.45);--glass-sheen:rgb(255 255 255/.55);--glass-edge:rgb(0 0 0/.1);--mac-base-top:#e7e9ee;--mac-base-bottom:#b6b9c2;--tile-from:#7ac6ff;--tile-to:#4b9bff;--tile-glow:#8fa0ff;--tile-b-from:#b3b9ff;--tile-b-to:#7a6cff;--tile-c-from:#82e3ff;--tile-c-to:#4aa4ff;--tile-d-from:#a2d6ff;--tile-d-to:#6a86ff;--shadow:0 30px 80px -24px rgb(32 52 140/.38);--scrim:#0a0a10c7;--selection:#cfd8ff;--scrollbar-thumb:rgb(0 0 0/.2);--sans:"DM Sans Variable",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--header-h:4rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--add:#3fb950;--del:#f85149;--bg:#0c0c11;--surface:#15151b;--card:#17171e;--fg:#f4f4f6;--body:#d4d4d8;--muted:#a1a1aa;--faint:#71717a;--border:rgb(255 255 255/.1);--border-strong:rgb(255 255 255/.2);--accent:#8fa2ff;--on-ink:#0c0c11;--ink:#f4f4f6;--hero-top:#123a82;--hero-glow:#4a2fd0;--device:#2a2a36;--mac-edge:#4a4b53;--glass-rim-strong:rgb(255 255 255/.5);--glass-rim-weak:rgb(255 255 255/.1);--glass-sheen:rgb(255 255 255/.1);--glass-edge:rgb(0 0 0/.45);--mac-base-top:#4b4c55;--mac-base-bottom:#26272d;--tile-from:#17457f;--tile-to:#1c2c6b;--tile-glow:#3a2f9e;--tile-b-from:#2f2f86;--tile-b-to:#3b2f9e;--tile-c-from:#0f4f73;--tile-c-to:#1b3d88;--tile-d-from:#1c417f;--tile-d-to:#28307f;--shadow:0 30px 80px -24px rgb(0 0 0/.7);--selection:#34407a;--scrollbar-thumb:rgb(255 255 255/.22)}}:root[data-theme=dark]{color-scheme:dark;--add:#3fb950;--del:#f85149;--bg:#0c0c11;--surface:#15151b;--card:#17171e;--fg:#f4f4f6;--body:#d4d4d8;--muted:#a1a1aa;--faint:#71717a;--border:rgb(255 255 255/.1);--border-strong:rgb(255 255 255/.2);--accent:#8fa2ff;--on-ink:#0c0c11;--ink:#f4f4f6;--hero-top:#123a82;--hero-glow:#4a2fd0;--device:#2a2a36;--mac-edge:#4a4b53;--glass-rim-strong:rgb(255 255 255/.5);--glass-rim-weak:rgb(255 255 255/.1);--glass-sheen:rgb(255 255 255/.1);--glass-edge:rgb(0 0 0/.45);--mac-base-top:#4b4c55;--mac-base-bottom:#26272d;--tile-from:#17457f;--tile-to:#1c2c6b;--tile-glow:#3a2f9e;--tile-b-from:#2f2f86;--tile-b-to:#3b2f9e;--tile-c-from:#0f4f73;--tile-c-to:#1b3d88;--tile-d-from:#1c417f;--tile-d-to:#28307f;--shadow:0 30px 80px -24px rgb(0 0 0/.7);--selection:#34407a;--scrollbar-thumb:rgb(255 255 255/.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:.75rem;height:.75rem}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{min-height:2.5rem;border:.1875rem solid transparent;border-radius:9999px;background:var(--scrollbar-thumb);background-clip:content-box}body{margin:0;background:var(--bg);color:var(--body);font:1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;background:none;border:0;padding:0}a,button{color:inherit}a{text-decoration:none}a,button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}:is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{flex-shrink:0}img{max-width:100%}h1,h2,h3,p{margin:0}[hidden]{display:none!important}::selection{background:var(--selection);color:var(--fg)}.skip-link{position:fixed;top:1rem;left:1rem;z-index:60;padding:.75rem 1rem;border-radius:.5rem;background:var(--ink);color:var(--on-ink)}.skip-link:not(:focus){-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}.site-header{position:fixed;inset:0 0 auto;z-index:50;pointer-events:none;--h-width:100%;--h-height:var(--header-h);--h-top:0px;--h-radius:0px;--h-pad:1.5rem;--h-bg:transparent;--h-border:transparent;--h-shadow:0 0 0 0 transparent;--h-blur:blur(0px) saturate(100%);--h-fg:#fff;--h-rim:0}.site-header[data-open],:root[data-scrolled] .site-header{--h-width:min(72rem,calc(100% - 2rem));--h-height:3.5rem;--h-top:.75rem;--h-radius:9999px;--h-pad:1rem;--h-bg:color-mix(in srgb,var(--bg) 40%,transparent);--h-border:transparent;--h-rim:1;--h-shadow:inset 0 0 0 .5px var(--glass-edge),inset 0 18px 32px -28px var(--glass-sheen);--h-blur:blur(24px) saturate(190%);--h-fg:var(--fg)}@media (scripting:none){.site-header{--h-width:min(72rem,calc(100% - 2rem));--h-height:3.5rem;--h-top:.75rem;--h-radius:9999px;--h-pad:1rem;--h-bg:color-mix(in srgb,var(--bg) 40%,transparent);--h-border:transparent;--h-rim:1;--h-shadow:inset 0 0 0 .5px var(--glass-edge),inset 0 18px 32px -28px var(--glass-sheen);--h-blur:blur(24px) saturate(190%);--h-fg:var(--fg)}}.header-inner{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:space-between;width:var(--h-width);height:var(--h-height);margin:var(--h-top) auto 0;padding-inline:var(--h-pad);border-radius:var(--h-radius);border:1px solid var(--h-border);background:var(--h-bg);color:var(--h-fg);box-shadow:var(--h-shadow);-webkit-backdrop-filter:var(--h-blur);backdrop-filter:var(--h-blur);transition:width .5s cubic-bezier(.2,.7,.2,1),height .5s cubic-bezier(.2,.7,.2,1),margin .5s cubic-bezier(.2,.7,.2,1),padding .5s cubic-bezier(.2,.7,.2,1),border-radius .5s ease,background-color .4s ease,border-color .4s ease,box-shadow .4s ease,color .3s ease,-webkit-backdrop-filter .4s ease;transition:width .5s cubic-bezier(.2,.7,.2,1),height .5s cubic-bezier(.2,.7,.2,1),margin .5s cubic-bezier(.2,.7,.2,1),padding .5s cubic-bezier(.2,.7,.2,1),border-radius .5s ease,background-color .4s ease,border-color .4s ease,box-shadow .4s ease,backdrop-filter .4s ease,color .3s ease;transition:width .5s cubic-bezier(.2,.7,.2,1),height .5s cubic-bezier(.2,.7,.2,1),margin .5s cubic-bezier(.2,.7,.2,1),padding .5s cubic-bezier(.2,.7,.2,1),border-radius .5s ease,background-color .4s ease,border-color .4s ease,box-shadow .4s ease,backdrop-filter .4s ease,color .3s ease,-webkit-backdrop-filter .4s ease}.header-inner:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(155deg,var(--glass-rim-strong) 0,var(--glass-rim-weak) 22%,transparent 48%,transparent 62%,var(--glass-rim-weak) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--h-rim);transition:opacity .4s ease}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:650;font-size:1.25rem;letter-spacing:-.02em;line-height:1}.brand img{width:1.75rem;height:1.75rem;border-radius:.375rem}.site-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.25rem}.site-nav a{display:inline-flex;align-items:center;height:2rem;padding-inline:.75rem;border-radius:9999px;font-size:1rem;opacity:.86}.site-nav a:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}.header-actions{display:flex;flex-shrink:0;align-items:center;gap:.625rem}.language-switch{padding:.1875rem;background:color-mix(in srgb,currentColor 9%,transparent)}.language-switch,.language-switch a{display:inline-flex;border-radius:9999px}.language-switch a{flex-shrink:0;min-width:2.5rem;height:1.75rem;padding-inline:.625rem;align-items:center;justify-content:center;white-space:nowrap;font-size:.75rem;font-weight:500;opacity:.72}.language-switch a:hover{opacity:1}.language-switch a[aria-current=page]{opacity:1;background:var(--bg);color:var(--fg);box-shadow:0 1px 3px rgb(0 0 0/.12)}:root:not([data-scrolled]) .site-header:not([data-open]) .language-switch a[aria-current=page]{background:rgb(255 255 255/.94);color:#17171d}.theme-switch{display:grid;place-items:center;width:2.125rem;height:2.125rem;border-radius:9999px;background:color-mix(in srgb,currentColor 9%,transparent)}.theme-switch:hover{background:color-mix(in srgb,currentColor 18%,transparent)}.theme-switch .icon-sun{display:none}:root[data-theme=dark] .theme-switch .icon-sun{display:block}:root[data-theme=dark] .theme-switch .icon-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-switch .icon-sun{display:block}:root:not([data-theme=light]) .theme-switch .icon-moon{display:none}}.header-github{display:inline-flex;align-items:center;gap:.4rem;height:2.125rem;padding-inline:1.125rem;border-radius:9999px;font-size:.875rem;font-weight:500;background:color-mix(in srgb,currentColor 12%,transparent)}.header-github:hover{background:color-mix(in srgb,currentColor 20%,transparent)}.menu-toggle{display:none;width:2.25rem;height:2.25rem;place-items:center;border-radius:9999px}.hero{position:relative;overflow:hidden;padding:calc(var(--header-h) + 4.25rem) 1.5rem 3rem;color:#fff;background:linear-gradient(var(--hero-top) 0,var(--hero-top) calc(100% - 46rem),var(--bg) calc(100% - 3rem))}.hero-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000,#000 50%,transparent 94%);mask-image:linear-gradient(#000,#000 50%,transparent 94%)}.hero-glow:before{content:"";position:absolute;inset:0;background:radial-gradient(48rem 24rem at 50% 62%,color-mix(in srgb,var(--hero-glow) 62%,transparent),transparent 70%),radial-gradient(30rem 18rem at 18% 48%,rgb(120 210 255/.4),transparent 70%),radial-gradient(30rem 18rem at 84% 52%,color-mix(in srgb,var(--hero-glow) 40%,transparent),transparent 70%);filter:blur(18px)}.hero-glow canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity 1.4s ease}.hero-glow[data-ready] canvas{opacity:1}.hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.hero h1{font-size:clamp(2rem,4.2vw + .5rem,3.75rem);font-weight:650;line-height:1.18;letter-spacing:-.03em;text-wrap:balance}.title-line{display:block}.hero-lead{max-width:38rem;margin-top:1.75rem;font-size:1rem;line-height:1.75;color:rgb(255 255 255/.86);text-wrap:balance}.hero-preview{position:relative;width:min(68.75rem,100%);margin:3.5rem auto 0}.download-picker{position:relative;display:inline-flex;margin-top:2.5rem;border-radius:9999px;background:#fff;color:#171717;box-shadow:0 8px 28px -10px rgb(20 30 120/.5)}.download-primary{display:inline-flex;align-items:center;gap:.625rem;height:2.5rem;padding:0 .875rem 0 1.25rem;border-radius:9999px 0 0 9999px;font-size:.875rem;font-weight:500}.download-primary:hover{background:#f3f3f6}.download-more>summary{list-style:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:0 9999px 9999px 0;cursor:pointer}.download-more>summary::-webkit-details-marker{display:none}.download-more>summary:hover{background:#f3f3f6}.download-more[open]>summary svg{transform:rotate(180deg)}.download-menu{position:absolute;z-index:5;top:calc(100% + .5rem);left:50%;translate:-50% 0;width:min(17.5rem,86vw);padding:.5rem;text-align:left;border-radius:1rem;background:var(--surface);color:var(--fg);border:1px solid var(--border);box-shadow:0 20px 50px -12px rgb(10 10 40/.35)}.download-menu-group p{display:flex;align-items:center;gap:.4rem;padding:.5rem .625rem .25rem;font-size:.75rem;color:var(--muted)}.download-menu a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.25rem;padding-inline:.625rem;border-radius:.625rem;font-size:.875rem}.download-menu a:hover{background:var(--card)}.download-menu small{margin-left:.5rem;color:var(--muted);font-size:.75rem}.download-menu .download-menu-release{margin-top:.25rem;border-top:1px solid var(--border);border-radius:0 0 .625rem .625rem;color:var(--muted);font-size:.75rem}.preview-window{height:43.75rem;border-radius:1.25rem;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.mac-device,.mac-screen,.preview-window{position:relative}.mac-screen{padding:1.125rem .875rem .875rem;border-radius:1.625rem 1.625rem .75rem .75rem;background:#0b0b0e;box-shadow:0 0 0 2px var(--mac-edge),inset 0 0 0 1px rgb(255 255 255/.06),var(--shadow)}.mac-camera{position:absolute;top:.375rem;left:50%;width:.375rem;height:.375rem;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 40% 35%,#3c4a66 0 25%,#121318 60%)}.mac-screen .preview-window{height:41.5rem;border:0;border-radius:.5rem;box-shadow:none}.mac-base{position:relative;height:.875rem;margin-inline:-4.5%;border-radius:.125rem .125rem 1.125rem 1.125rem/.125rem .125rem .875rem .875rem;background:linear-gradient(var(--mac-base-top),var(--mac-base-bottom));box-shadow:inset 0 1px 0 rgb(255 255 255/.35),0 18px 30px -18px rgb(0 0 0/.55)}.mac-base:before{content:"";position:absolute;top:0;left:50%;width:15%;height:.375rem;transform:translateX(-50%);border-radius:0 0 .5rem .5rem;background:linear-gradient(var(--mac-base-bottom),var(--mac-base-top));opacity:.7}.preview-window iframe{display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .35s ease;color-scheme:normal}.preview-window[data-ready] iframe{opacity:1}.preview-skeleton{position:absolute;inset:0;display:flex;background:var(--surface);transition:opacity .35s ease}.preview-window[data-ready] .preview-skeleton{opacity:0;pointer-events:none}.mac-screen .preview-window{background:radial-gradient(42% 58% at 8% 12%,#ff7a45 0,rgb(255 122 69/0) 70%),radial-gradient(38% 52% at 30% 92%,#ff3d8b 0,rgb(255 61 139/0) 70%),radial-gradient(46% 60% at 92% 8%,#7c5cff 0,rgb(124 92 255/0) 70%),radial-gradient(44% 56% at 78% 96%,#00c2d1 0,rgb(0 194 209/0) 70%),radial-gradient(30% 40% at 58% 46%,#ffd166 0,rgb(255 209 102/0) 70%),linear-gradient(135deg,#2b1b6b,#0d2a4a 55%,#102c3a)}.mac-screen .preview-skeleton{inset:16px 20px;border-radius:24px;overflow:hidden;box-shadow:0 0 0 .5px rgb(0 0 0/.45),0 36px 90px -24px rgb(0 0 0/.6),0 14px 34px -12px rgb(0 0 0/.4)}.skeleton-side{width:16.25rem;flex-shrink:0;padding:1.125rem 1.25rem;display:grid;grid-gap:.875rem;gap:.875rem;align-content:start;background:color-mix(in srgb,var(--fg) 3%,transparent);border-right:1px solid var(--border)}.skeleton-side b{height:.5rem}.skeleton-lights{display:flex;gap:.5rem;margin-bottom:1.25rem}.skeleton-lights i{width:.75rem;height:.75rem;border-radius:50%;background:#ff5f57}.skeleton-lights i:nth-child(2){background:#febc2e}.skeleton-lights i:nth-child(3){background:#28c840}.skeleton-main{flex:1 1;min-width:0;padding:1.25rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem}.skeleton-bubble{align-self:flex-end;width:60%;padding:.875rem 1rem;border-radius:.875rem;background:var(--card);display:grid;grid-gap:.625rem;gap:.625rem}.skeleton-lines{display:grid;grid-gap:.75rem;gap:.75rem;padding-inline:1rem}.skeleton-lines b{height:.75rem}.skeleton-composer{margin-top:auto;padding:1.25rem 1rem;border:1px solid var(--border-strong);border-radius:1rem}.skeleton-bubble .illu-bar+.illu-bar,.skeleton-lines .illu-bar+.illu-bar,.skeleton-main .illu-bar+.illu-bar,.skeleton-side .illu-bar+.illu-bar{margin-top:0}.traffic-lights{display:inline-flex;gap:.5rem}.traffic-lights span{width:.75rem;height:.75rem;border-radius:50%;background:#ff5f57}.traffic-lights span:nth-child(2){background:#febc2e}.traffic-lights span:nth-child(3){background:#28c840}.module{width:min(75rem,100%);margin-inline:auto;padding:8rem 1.5rem 0}.module-heading{text-align:center;color:var(--fg);font-size:3rem;font-weight:500;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}.task-module{padding-top:5rem}.task-content{display:grid;grid-template-columns:19rem minmax(0,1fr);grid-gap:2.5rem;gap:2.5rem;margin-top:3.5rem;align-items:center}.task-tabs{display:flex;flex-direction:column}.task-tab{position:relative;text-align:left;padding:1.125rem 0 1.125rem 1.5rem;border-left:2px solid var(--border);color:var(--faint)}.task-tab[aria-selected=true]{border-left-color:var(--ink);color:var(--fg)}.task-tab:hover{color:var(--fg)}.task-tab-title{display:block;font-size:1.375rem;font-weight:500;line-height:1.3;letter-spacing:-.01em}.task-tab-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.task-tab-reveal[data-open]{grid-template-rows:1fr}.task-tab-description{display:block;overflow:hidden;min-height:0;margin-top:0;font-size:.875rem;line-height:1.7;color:var(--muted);transition:margin-top .3s ease}.task-tab-reveal[data-open] .task-tab-description{margin-top:.625rem}.practice-media,.task-preview{background:radial-gradient(60% 40% at 28% 10%,rgb(255 255 255/.5),transparent 70%),radial-gradient(70% 50% at 88% 92%,var(--tile-glow),transparent 70%),linear-gradient(170deg,var(--tile-from),var(--tile-to))}.task-preview{display:grid;min-height:24rem;padding:clamp(1rem,3vw,2rem);border-radius:1.5rem}.illu-stage{display:grid;place-items:center}.practice-list{display:grid;grid-gap:6rem;gap:6rem;margin-top:5rem}.practice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-gap:4rem;gap:4rem;align-items:center}.practice:nth-child(2n){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.practice:nth-child(2n) .practice-copy{order:2}.practice-copy{padding-inline:1rem}.practice-copy h3{color:var(--fg);font-size:2.125rem;font-weight:500;line-height:1.2;letter-spacing:-.02em}.practice-copy p{max-width:26rem;margin-top:1.25rem;font-size:1rem;line-height:1.7;color:var(--muted)}.practice-media{position:relative;display:grid;place-items:center;aspect-ratio:16/10;padding:clamp(1rem,3vw,2.25rem);border-radius:1.5rem;overflow:hidden}.practice-media[data-kind=agents]{--tile-from:var(--tile-b-from);--tile-to:var(--tile-b-to)}.practice-media[data-kind=remote]{--tile-from:var(--tile-c-from);--tile-to:var(--tile-c-to)}.practice-media[data-kind=browser]{--tile-from:var(--tile-d-from);--tile-to:var(--tile-d-to)}.practice-media[data-kind=remote]{place-items:start center;padding-block:1.75rem 0}.phone-shot{width:min(18rem,66%);padding:.5rem .5rem 0;border-radius:2.25rem 2.25rem 0 0;background:var(--device);border:1px solid var(--border-strong);border-bottom:0;box-shadow:0 24px 50px -20px rgb(0 0 0/.5)}.phone-shot img{display:block;width:100%;height:auto;border-radius:1.75rem 1.75rem 0 0}.only-dark,:root[data-theme=dark] .only-light{display:none!important}:root[data-theme=dark] .only-dark{display:block!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .only-light{display:none!important}:root:not([data-theme=light]) .only-dark{display:block!important}}.mock-browser{width:min(30rem,100%);border-radius:.875rem;background:var(--surface);border:1px solid var(--border);box-shadow:0 24px 50px -24px rgb(0 0 0/.4);overflow:hidden}.mock-browser-bar{display:flex;align-items:center;gap:.875rem;padding:.625rem .875rem;border-bottom:1px solid var(--border)}.mock-address{flex:1 1;padding:.25rem .75rem;border-radius:9999px;background:color-mix(in srgb,var(--fg) 7%,transparent);font:.6875rem var(--mono);color:var(--muted)}.mock-browser-page{position:relative;display:grid;grid-gap:.625rem;gap:.625rem;align-content:center;justify-items:start;padding:2.5rem 2rem;min-height:10rem}.mock-line{height:.875rem;width:60%;border-radius:.25rem;background:color-mix(in srgb,var(--fg) 10%,transparent)}.mock-line.wide{width:85%;height:1.5rem}.mock-line.short{width:35%}.mock-select{position:absolute;top:1.25rem;right:1.5rem;padding:.25rem .625rem;border-radius:.375rem;background:var(--accent);color:#fff;font-size:.6875rem;font-weight:500}.mock-browser-page:after{content:"";position:absolute;inset:1.75rem 1.5rem auto 1.5rem;height:2.75rem;border:2px solid var(--accent);border-radius:.375rem;background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none}.illu{width:min(100%,34rem);color:var(--fg);font-size:.75rem;line-height:1.4}.illu-bar{display:block;height:.4375rem;border-radius:9999px;background:color-mix(in srgb,var(--fg) 13%,transparent)}.illu-bar+.illu-bar{margin-top:.5rem}.illu-card,.illu-pane,.illu-plugin{background:var(--surface);border:1px solid var(--border);border-radius:.875rem;box-shadow:0 14px 36px -22px rgb(0 0 0/.35)}.illu-pill{display:inline-flex;align-items:center;gap:.3rem;height:1.5rem;padding-inline:.625rem;border-radius:9999px;border:1px solid var(--border-strong);font-size:.6875rem;font-weight:500;color:var(--muted)}.illu-pill.solid{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.illu-pill.ok{color:var(--add);border-color:color-mix(in srgb,var(--add) 40%,transparent);background:color-mix(in srgb,var(--add) 10%,transparent)}.illu-workspace{display:grid;grid-template-columns:.7fr 1.5fr 1.3fr;grid-gap:.625rem;gap:.625rem;align-items:stretch;min-height:19rem}.illu-pane{padding:.75rem;display:flex;flex-direction:column;gap:.625rem;min-width:0}.illu-nav .illu-bar+.illu-bar{margin-top:.625rem}.illu-chip.active{height:1.375rem;border-radius:.5rem;background:color-mix(in srgb,var(--accent) 16%,transparent)}.illu-bubble{align-self:flex-end;width:70%;padding:.5rem .625rem;border-radius:.75rem;background:var(--card)}.illu-lines{display:grid}.illu-tool{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:.5rem;background:var(--card);color:var(--muted)}.illu-tool .illu-bar{flex:1 1;margin:0}.illu-input{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;border:1px solid var(--border-strong);border-radius:.75rem}.illu-input b{width:1.125rem;height:1.125rem;border-radius:50%;background:var(--ink)}.illu-tabbar{display:flex;gap:.375rem}.illu-tabbar i{width:3.25rem;height:1.125rem;border-radius:.375rem;background:var(--card)}.illu-tabbar i.active{background:color-mix(in srgb,var(--accent) 18%,transparent)}.illu-code{display:grid;grid-gap:.5rem;gap:.5rem}.illu-code-line{display:flex;align-items:center;gap:.5rem}.illu-code-line em{width:.75rem;flex-shrink:0;font-style:normal;font-size:.5625rem;color:var(--faint);text-align:right}.illu-code-line .illu-bar{margin:0}.illu-tree{margin-top:auto;padding-top:.625rem;border-top:1px solid var(--border);display:grid;grid-gap:.5rem;gap:.5rem;color:var(--muted)}.illu-tree span{display:flex;align-items:center;gap:.4rem}.illu-tree .illu-bar{margin:0}.illu-card-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.illu-path{display:inline-flex;align-items:center;gap:.4rem;font:.75rem var(--mono);color:var(--muted)}.illu-delta{display:inline-flex;gap:.5rem;font:600 .75rem var(--mono)}.illu-delta .add,.illu-diff-line.add u{color:var(--add)}.illu-delta .del,.illu-diff-line.del u{color:var(--del)}.illu-diff{display:grid;padding-block:.375rem}.illu-diff-line{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem .375rem .75rem}.illu-diff-line em{width:1.25rem;font:normal .625rem var(--mono);color:var(--faint);text-align:right}.illu-diff-line u{width:.625rem;text-decoration:none;font:600 .75rem var(--mono)}.illu-diff-line .illu-bar{margin:0}.illu-diff-line.add{background:color-mix(in srgb,var(--add) 12%,transparent)}.illu-diff-line.add .illu-bar{background:color-mix(in srgb,var(--add) 45%,transparent)}.illu-diff-line.del{background:color-mix(in srgb,var(--del) 11%,transparent)}.illu-diff-line.del .illu-bar{background:color-mix(in srgb,var(--del) 40%,transparent)}.illu-card-foot{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.illu-card-foot .solid{margin-left:auto}.illu-models .illu-card{padding:.5rem 1rem 1rem}.illu-row{display:flex;align-items:center;gap:.625rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.illu-row b{font-weight:500;min-width:5rem}.illu-row .illu-bar{flex:1 1;margin:0;max-width:8rem}.illu-dot{width:1.25rem;height:1.25rem;border-radius:.375rem;background:color-mix(in srgb,var(--accent) 22%,transparent)}.illu-row s{margin-left:auto;position:relative;width:2rem;height:1.125rem;border-radius:9999px;background:var(--border-strong)}.illu-row s:after{content:"";position:absolute;top:.125rem;left:.125rem;width:.875rem;height:.875rem;border-radius:50%;background:#fff;transition:transform .2s}.illu-row s.on{background:var(--accent)}.illu-row s.on:after{transform:translateX(.875rem)}.illu-levels{display:flex;gap:.5rem;padding-top:1rem}.illu-plugins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;width:min(100%,30rem)}.illu-plugin{position:relative;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.illu-plugin b{margin-top:.5rem;font:600 .8125rem var(--mono)}.illu-plugin small{color:var(--faint);font-size:.6875rem;margin-bottom:.5rem}.illu-plugin .illu-pill{position:absolute;top:.875rem;right:.875rem;width:1.5rem;padding:0;justify-content:center}.illu-tile{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.625rem;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.illu-agents{display:grid;grid-gap:1rem;gap:1rem;justify-items:center;width:min(100%,28rem)}.illu-parent{display:flex;align-items:center;gap:.75rem;width:12rem;padding:.75rem 1rem}.illu-parent .illu-bar{flex:1 1;margin:0}.illu-fan{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;width:100%}.illu-fan:before{content:"";position:absolute;left:50%;top:-1rem;width:1px;height:1rem;background:var(--border-strong)}.illu-role{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;flex-wrap:wrap}.illu-role b{font:600 .75rem var(--mono)}.illu-state{display:grid;place-items:center;width:1rem;height:1rem;border-radius:50%;background:var(--add);color:#fff}.illu-state.run{background:transparent;border:2px solid var(--accent);border-right:2px solid transparent;animation:illu-spin 1s linear infinite}.illu-progress{flex-basis:100%;height:.375rem;border-radius:9999px;background:var(--card);overflow:hidden}.illu-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent)}@keyframes illu-spin{to{transform:rotate(1turn)}}.illu-hub{position:relative;width:min(100%,31rem);aspect-ratio:4/3}.hub-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hub-lines path{fill:none;stroke:rgb(255 255 255/.7);stroke-width:.5;stroke-dasharray:1.4 1.4;vector-effect:non-scaling-stroke;stroke-width:1.5px;animation:hub-flow 1.4s linear infinite}@keyframes hub-flow{to{stroke-dashoffset:-8}}.hub-core{position:absolute;left:50%;top:50.6%;translate:-50% -50%;display:grid;place-items:center;width:5.25rem;height:5.25rem;border-radius:1.5rem;background:var(--surface);box-shadow:0 18px 40px -14px rgb(10 20 90/.55)}.hub-core img{width:3.25rem;height:3.25rem;border-radius:.875rem}.hub-ring{position:absolute;inset:-.75rem;border-radius:2rem;border:1.5px solid rgb(255 255 255/.55);animation:hub-pulse 2.4s ease-out infinite}@keyframes hub-pulse{0%{transform:scale(.88);opacity:.9}to{transform:scale(1.25);opacity:0}}.hub-chip{position:absolute;display:inline-flex;align-items:center;gap:.625rem;padding:.5rem .875rem .5rem .5rem;border-radius:1rem;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 32px -16px rgb(10 20 90/.55);translate:-50% -50%}.hub-chip b{font-size:.8125rem;font-weight:600;color:var(--fg)}.hub-a{left:22%;top:26.7%}.hub-b{left:78%;top:26.7%}.hub-c{left:22%;top:74.7%}.hub-d{left:78%;top:74.7%}.hub-live{width:.5rem;height:.5rem;border-radius:50%;background:var(--add);box-shadow:0 0 0 3px color-mix(in srgb,var(--add) 25%,transparent)}.float-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem .5rem .625rem;border-radius:9999px;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 34px -14px rgb(10 20 90/.55);color:var(--fg);font-size:.8125rem}.float-chip b{font-weight:600}.float-icon{display:grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:50%;background:var(--add);color:#fff}.float-done{left:6%;top:40%;animation:float-bob 5s ease-in-out infinite}.float-host{right:6%;top:17%;animation:float-bob 6s ease-in-out -2s infinite}@keyframes float-bob{50%{transform:translateY(-.5rem)}}.mock-cards{display:flex;gap:.625rem;width:100%;margin-top:.75rem}.mock-cards i{flex:1 1;height:3.5rem;border-radius:.625rem;background:color-mix(in srgb,var(--fg) 7%,transparent)}.mock-cursor{position:absolute;left:46%;top:3.75rem;fill:var(--fg);stroke:var(--surface);stroke-width:1.5;filter:drop-shadow(0 4px 6px rgb(0 0 0/.3));animation:cursor-move 4s ease-in-out infinite}@keyframes cursor-move{50%{transform:translate(2.5rem,2.25rem)}}@media (prefers-reduced-motion:reduce){.float-chip,.hub-lines path,.hub-ring,.mock-cursor{animation:none}}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2rem;gap:2rem;margin-top:4rem}.access-media{position:relative;aspect-ratio:1.12;border-radius:1.5rem;overflow:hidden;background:radial-gradient(60% 40% at 30% 12%,rgb(255 255 255/.55),transparent 70%),radial-gradient(70% 50% at 85% 90%,var(--tile-glow),transparent 70%),linear-gradient(170deg,var(--tile-from),var(--tile-to))}.laptop{position:absolute;left:9%;top:25%;width:130%;padding:.5rem .5rem 0;border-radius:1.125rem 1.125rem 0 0;background:var(--device);box-shadow:0 30px 60px -25px rgb(10 30 90/.55)}.laptop img{display:block;width:100%;height:auto;border-radius:.625rem .625rem 0 0}.access-media .phone-shot{position:absolute;left:50%;top:11%;translate:-50% 0;width:58%}.access-card{display:flex;flex-direction:column}.access-card h3{margin-top:1.5rem;color:var(--fg);font-size:1.5rem;font-weight:500;line-height:1.3;letter-spacing:-.01em}.access-card p{flex:1 1;margin-top:.5rem;font-size:.9375rem;line-height:1.7;color:var(--muted)}.access-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.action-button{display:inline-flex;align-items:center;gap:.5rem;height:2.5rem;padding-inline:1.125rem;border-radius:9999px;background:var(--ink);color:var(--on-ink);font-size:.875rem;font-weight:500}.action-button:hover{opacity:.82}.site-footer{margin-top:8rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--card) 70%,var(--bg));color:var(--muted);font-size:.8125rem}.footer-wrap{width:min(75rem,100%);margin-inline:auto;padding:4rem 1.5rem 2.5rem}.footer-inner{display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap}.footer-brand{max-width:18rem;display:grid;grid-gap:.875rem;gap:.875rem;align-content:start}.footer-brand .brand{color:var(--fg);font-size:1.125rem}.footer-brand p{line-height:1.7}.footer-columns{display:flex;gap:clamp(2rem,8vw,6rem);flex-wrap:wrap}.footer-columns section{display:grid;grid-gap:.625rem;gap:.625rem;align-content:start;min-width:7rem}.footer-columns h2{margin-bottom:.25rem;font-size:.75rem;font-weight:400;color:var(--faint)}.footer-bottom a:hover,.footer-columns a:hover{color:var(--fg)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:4rem}.footer-bottom a{display:inline-grid;place-items:center;width:2rem;height:2rem}.footer-bottom p{font-size:.75rem;color:var(--faint)}@keyframes rise-in{0%{opacity:0;transform:translateY(1.25rem)}}@media (prefers-reduced-motion:no-preference){.download-picker,.hero h1,.hero-lead,.hero-preview{animation:rise-in .9s cubic-bezier(.2,.7,.2,1) both}.hero-lead{animation-delay:.08s}.download-picker{animation-delay:.16s}.hero-preview{animation-delay:.3s}}.reveal :is(.module-heading,.task-content,.practice-copy,.practice-media,.access-card,.footer-inner){opacity:0;transform:translateY(1.75rem);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s)}.reveal :is(.module-heading,.task-content,.practice-copy,.practice-media,.access-card,.footer-inner)[data-in]{opacity:1;transform:none}.access-card:nth-child(2),.practice-media{--reveal-delay:.12s}@media (max-width:64rem){.module{padding-top:6rem}.module-heading{font-size:2.25rem}.task-content{grid-template-columns:1fr;gap:1.5rem}.task-tabs{flex-direction:row;overflow-x:auto;gap:0;border-bottom:1px solid var(--border);scrollbar-width:none}.task-tab{flex:0 0 auto;padding:.75rem 1rem;border-left:0;border-bottom:2px solid transparent;margin-bottom:-1px}.task-tab[aria-selected=true]{border-bottom-color:var(--ink)}.task-tab-title{font-size:1rem;white-space:nowrap}.task-tab-reveal{display:none}.practice,.practice:nth-child(2n){grid-template-columns:1fr;gap:2rem}.practice:nth-child(2n) .practice-copy{order:0}.practice-copy{padding-inline:0}.practice-copy h3{font-size:1.75rem}.access-grid{grid-template-columns:1fr;max-width:30rem;margin-inline:auto}.site-nav{display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;transform:none;flex-direction:column;align-items:stretch;gap:0;padding:.5rem;border-radius:1.25rem;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border:1px solid var(--border);box-shadow:0 16px 40px -16px rgb(10 20 60/.4)}.site-header[data-open] .site-nav{display:flex}.site-nav a{height:2.75rem;font-size:1rem;opacity:1}.menu-toggle{display:grid}.header-github span{display:none}.header-github{width:2.125rem;padding:0;justify-content:center}.preview-window{height:34rem}.mac-screen .preview-window{height:32rem}}@media (max-width:40rem){.skeleton-side{display:none}.skeleton-main{padding-inline:1.25rem}.hero{padding-top:calc(var(--header-h) + 2.5rem);padding-inline:1rem}.hero-preview{margin-top:2.5rem}.preview-window{height:32rem;border-radius:1rem}.mac-screen{padding:.75rem .5rem .5rem;border-radius:1.125rem 1.125rem .5rem .5rem}.mac-screen .preview-window{height:30rem;border-radius:.375rem}.mac-camera{top:.25rem;width:.25rem;height:.25rem}.mac-base{height:.625rem;margin-inline:-3%}.module{padding-inline:1rem;padding-top:5rem}.module-heading{font-size:1.875rem}.practice-list{gap:4rem;margin-top:3rem}.practice-media{aspect-ratio:auto;min-height:15rem}.phone-shot{width:min(14rem,70%)}.site-header{--h-pad:.875rem}.brand span{font-size:1.125rem}.header-actions{gap:.25rem}.language-switch a{min-width:2.125rem;padding-inline:.375rem}.footer-wrap{padding-inline:1rem}.footer-bottom{margin-top:3rem}}@media (max-width:23rem){.site-header .brand span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}