@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure{margin:0}img,svg{max-width:100%;display:block}a{color:inherit}button,input{font:inherit}}@layer tokens{:root{color-scheme:dark;--bgbase:#0a0e14;--bg:#0a0e14;--bg-deep:#070a0f;--bg1:radial-gradient(1200px 1000px at 78% -8%, #38b2aa6b, transparent 60%), radial-gradient(1300px 1120px at -6% 106%, #6e6edc61, transparent 60%), radial-gradient(1020px 920px at 112% 108%, #4096d257, transparent 58%);--bg2:radial-gradient(1020px 840px at 50% 32%, #60d6c457, transparent 62%), radial-gradient(840px 740px at 66% 26%, #4ab8ce4d, transparent 62%), radial-gradient(780px 720px at 34% 58%, #7882e042, transparent 62%);--bg3:radial-gradient(560px 480px at 46% 40%, #a8f6de42, transparent 60%), radial-gradient(470px 520px at 68% 54%, #60bee63d, transparent 62%), radial-gradient(520px 470px at 30% 34%, #d6aa7829, transparent 62%);--signal-cap-core:#050a15fc;--signal-cap-mid:#0c1d34f0;--signal-cap-soft:#1f45708a;--signal-edge-wash:#030d1b5c;--grain:.3;--panel:#0f141c57;--glass:#141a2270;--glass-brd:#d2e0f41a;--blur:saturate(160%) blur(22px);--surface:#1c222c8c;--surface-raised:#171d26;--surface-soft:#141a2280;--fill-1:#ffffff08;--fill-2:#ffffff0f;--code-bg:oklch(11% .015 250/.6);--header-bg:#0a0e14;--vignette:#05070b80;--sheen:linear-gradient(180deg, #e0e2f50f, #e0e2f500 46%);--lit:radial-gradient(120% 110% at 18% -25%, #ffffff24, transparent 58%);--rim-a:.58;--rim-b:.14;--ink:#e9eef6;--ink-soft:#a9b2be;--ink-faint:#7f8894;--accent:#ffd100;--accent-hover:#ffe04d;--accent-ink:#ffe04d;--accent-deep:#d9ae00;--accent-rgb:255, 209, 0;--cta-ink:#221812;--scrim:#030d1b8f;--petrol:#3c8ec0;--steel:#6262cc;--teal:#5ccab6;--sand:#d3a878;--hairline:#d2e0f417;--hairline-strong:#d2e0f429;--shadow:0 30px 70px -26px #000000b8, 0 3px 12px #00000057, inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--glass-brd);--glow:0 0 0 1px rgba(var(--accent-rgb), .18), 0 14px 40px -14px rgba(var(--accent-rgb), .38);--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, ui-serif, serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--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;--space-10:9rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.1rem;--radius-xl:1.5rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--content:min(100% - 4rem, 64rem);--wide:min(100% - 4rem, 68rem)}:root[data-theme=light]{color-scheme:light;--bgbase:#eef1f7;--bg:#eef1f7;--bg-deep:#e6eaf2;--bg1:radial-gradient(1200px 1000px at 78% -8%, #38b2aa33, transparent 60%), radial-gradient(1300px 1120px at -6% 106%, #6e6edc2e, transparent 60%), radial-gradient(1020px 920px at 112% 108%, #4096d229, transparent 58%);--bg2:radial-gradient(1020px 840px at 50% 32%, #60d6c429, transparent 62%), radial-gradient(840px 740px at 66% 26%, #4ab8ce24, transparent 62%), radial-gradient(780px 720px at 34% 58%, #7882e021, transparent 62%);--bg3:radial-gradient(560px 480px at 46% 40%, #78d2be24, transparent 60%), radial-gradient(470px 520px at 68% 54%, #60bee61f, transparent 62%), radial-gradient(520px 470px at 30% 34%, rgba(var(--accent-rgb), .1), transparent 62%);--signal-cap-core:#f4fafffc;--signal-cap-mid:#c6e3fff0;--signal-cap-soft:#97c7f98a;--signal-edge-wash:#e4f4ff5c;--grain:.14;--panel:#ffffff94;--glass:#ffffffa8;--glass-brd:#1c28421f;--blur:saturate(150%) blur(20px);--surface:#ffffffb8;--surface-raised:#fff;--surface-soft:#ffffffa8;--fill-1:#1c28420a;--fill-2:#1c284212;--code-bg:#1c28420d;--header-bg:#eef1f7;--vignette:#96a5c347;--sheen:linear-gradient(180deg, #ffffff80, #fff0 46%);--lit:radial-gradient(120% 110% at 18% -25%, #fff9, transparent 58%);--rim-a:.7;--rim-b:.12;--ink:#1a2333;--ink-soft:#45505f;--ink-faint:#6a7484;--accent-hover:#ffe04d;--accent-ink:#806300;--scrim:#0a122052;--hairline:#1c28421a;--hairline-strong:#1c28422b;--shadow:0 30px 60px -30px #1e2c4a47, 0 2px 10px #1e2c4a14, inset 0 1px 0 #ffffffb3, inset 0 0 0 1px var(--glass-brd)}}@layer base{html{background:var(--bg-deep);overflow-x:clip}body{background:var(--bg);min-width:20rem;min-height:100vh;color:var(--ink);font-family:var(--font-sans);font-kerning:normal;font-feature-settings:"kern", "liga";letter-spacing:.006em;text-rendering:optimizelegibility;font-size:1rem;line-height:1.62;overflow-x:hidden}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}code{font-family:var(--font-mono);font-variant-ligatures:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:rgba(var(--accent-rgb), .28);color:var(--ink)}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--cta-ink);transition:transform .16s var(--ease-out);font-weight:700;text-decoration:none;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{z-index:1;position:relative}.living{z-index:-2;pointer-events:none;background:var(--bgbase);contain:layout paint;position:fixed;inset:-440px -80px}.living:after{content:"";background:radial-gradient(140% 112% at 50% 36%, transparent 56%, var(--vignette) 100%);position:absolute;inset:440px 80px}.glayer{background-repeat:no-repeat;position:absolute;inset:0}.gl1{background-image:var(--bg1);background-position:50% 42%;background-size:150% 150%}.gl2{background-image:var(--bg2);background-position:50% 40%;background-size:150% 150%}.gl3{background-image:var(--bg3);filter:saturate(108%);background-position:50% 40%;background-size:145% 145%}.grain{opacity:var(--grain);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.glass{background:var(--panel);box-shadow:var(--shadow);position:relative}.glass:after{content:"";z-index:0;border-radius:inherit;background:var(--lit);pointer-events:none;position:absolute;inset:0}.glass>*{z-index:1;position:relative}.rim{position:relative}.rim:before{content:"";z-index:1;border-radius:inherit;background:linear-gradient(150deg, rgba(255, 255, 255, var(--rim-a)) 0%, rgba(255, 255, 255, var(--rim-b)) 26%, #fff0 60%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}}@layer components{.site-header{z-index:20;width:var(--wide);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;min-height:3.5rem;margin-inline:auto;display:flex;position:relative}.site-header.is-overlay{border-bottom:0;margin-inline:0;position:fixed;top:0;left:50%;transform:translate(-50%)}.site-header.is-overlay:before{content:"";z-index:-1;background:var(--header-bg);opacity:0;width:100vw;transition:opacity .22s var(--ease-out), border-color .22s var(--ease-out);border-bottom:1px solid #0000;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.site-header.is-overlay.is-scrolled:before{border-bottom-color:var(--hairline);opacity:1}.site-header.is-overlay:not(.is-scrolled) .brand-lockup,.site-header.is-overlay:not(.is-scrolled) .site-nav{color:#f4f7fb}:root[data-theme=light] .site-header.is-overlay:not(.is-scrolled) .brand-lockup,:root[data-theme=light] .site-header.is-overlay:not(.is-scrolled) .site-nav{color:var(--ink)}.brand-lockup,.footer-brand{align-items:center;gap:var(--space-2);color:var(--ink);letter-spacing:-.015em;--mark-finish:var(--accent);font-size:1rem;font-weight:680;text-decoration:none;display:inline-flex}.site-nav{color:var(--ink-soft);align-items:center;font-size:.84rem;font-weight:560;display:flex}.site-nav a{padding-block:var(--space-2);transition:color .15s var(--ease-out);text-decoration:none}.site-nav a:hover{color:var(--ink)}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:2.9rem;transition:transform .16s var(--ease-out), background-color .16s var(--ease-out), color .16s var(--ease-out), border-color .16s var(--ease-out);padding:.76rem 1.15rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button-primary{background:var(--accent);box-shadow:0 12px 34px -12px rgba(var(--accent-rgb), .55);color:var(--cta-ink);border:1px solid #fff2aa61}.button-primary:hover{background:var(--accent-hover);box-shadow:0 16px 40px -12px rgba(var(--accent-rgb), .65)}.button.cta-arrow{gap:var(--space-3)}.cta-arrow-icon{transition:transform .16s var(--ease-out)}.cta-arrow:hover .cta-arrow-icon{transform:translate(.14rem)}.button-text{color:var(--ink-soft);border:1px solid #0000}.button-text:hover{border-color:var(--hairline-strong);color:var(--ink);background:#d2e0f40d}.copy-cmd{align-items:center;gap:var(--space-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);background:var(--code-bg);min-height:2.9rem;font-family:var(--font-mono);padding:.4rem .4rem .4rem .85rem;font-size:.9rem;display:inline-flex}.copy-cmd-prompt{color:var(--accent);user-select:none}.copy-cmd code{color:var(--ink);white-space:nowrap}.copy-cmd-btn{border-radius:calc(var(--radius-sm) - 2px);background:var(--fill-1);width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);border:0;place-items:center;display:grid;position:relative}.copy-cmd-btn:hover{background:var(--fill-2);color:var(--ink)}.copy-cmd-i{width:1.05rem;height:1.05rem;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);grid-area:1/1}.copy-cmd-i-done{color:var(--accent);opacity:0;transform:scale(.6)}.copy-cmd-said{border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow);color:var(--ink);font-family:var(--font-sans);white-space:nowrap;opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);pointer-events:none;padding:.2rem .5rem;font-size:.72rem;font-weight:600;position:absolute;right:calc(100% + .4rem);transform:translate(4px)}.copy-cmd-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.copy-cmd.is-copied .copy-cmd-i-copy{opacity:0;transform:scale(.6)}.copy-cmd.is-copied .copy-cmd-i-done,.copy-cmd.is-copied .copy-cmd-said,.copy-cmd.is-copy-failed .copy-cmd-said{opacity:1;transform:none}.section-shell{width:var(--content);margin-inline:auto}.loop-head h2,.commands-head h2,.viewer-copy h2,.bottom-cta h2{letter-spacing:-.03em;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:680;line-height:1.08}}@layer pages{.hero{isolation:isolate;align-content:center;align-items:center;column-gap:clamp(2rem,5vw,5rem);row-gap:var(--space-7);width:var(--content);--ink:#f4f7fb;--ink-soft:#d4deed;--ink-faint:#a9b7ca;--panel:#080f1c9e;--surface-soft:#080f1cb3;--surface-raised:#111b2d;--fill-1:#ffffff0f;--fill-2:#ffffff1a;--code-bg:#050a157a;--hairline:#e7f0ff1f;--hairline-strong:#e7f0ff33;--glass-brd:#e7f0ff2e;--hero-copy-ink:#f4f7fb;--hero-copy-soft:#d4deed;--hero-copy-shadow:0 2px 30px #040a1c2e;min-height:100svh;color:var(--ink);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);margin-inline:auto;padding-block:clamp(1.5rem,5vh,3.5rem);display:grid;position:relative}:root[data-theme=light] .hero{--hero-copy-ink:#101827;--hero-copy-soft:#3f4c60;--hero-copy-shadow:none}.signal-field{pointer-events:none;background:radial-gradient(55% 54% at -2% 67%,#6333d3f7 0%,#5c39d4ad 48%,#0000 79%),radial-gradient(55% 54% at 102% 67%,#6333d3f7 0%,#5c39d4ad 48%,#0000 79%),radial-gradient(66% 64% at -4% 35%,#1c70effa 0%,#3154dbc7 48%,#0000 77%),radial-gradient(66% 64% at 104% 35%,#1c70effa 0%,#3154dbc7 48%,#0000 77%),radial-gradient(72% 52% at 8% 102%,#049e9efa 0%,#0975a6bd 50%,#0000 80%),radial-gradient(72% 52% at 92% 102%,#08a666fa 0%,#087d87b8 50%,#0000 80%),linear-gradient(#85bdf6 0%,#3e73e8 28%,#5544cf 54%,#127f9e 79%,#078f67 100%);position:relative;overflow:clip}.signal-field:before{content:"";background:linear-gradient(to bottom, var(--signal-cap-core) 0%, var(--signal-cap-core) 34%, var(--signal-cap-mid) 70%, var(--signal-cap-soft) 100%);filter:blur(26px);border-radius:0 0 50% 50%/0 0 34% 34%;width:120%;height:54%;position:absolute;top:-12%;left:-10%;transform:translateZ(0)}.hero-signal{z-index:-1;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px #ffffff1a;mask-image:linear-gradient(#0000 0%,#00000038 5%,#000 15% 100%)}.hero-signal:before{background:linear-gradient(to bottom, var(--signal-cap-core) 0%, var(--signal-cap-core) 80%, var(--signal-cap-mid) 92%, var(--signal-cap-soft) 100%);height:84%;top:-8%}.hero-copy{max-width:40rem;color:var(--hero-copy-ink)}.hero h1{letter-spacing:-.04em;max-width:13ch;text-shadow:var(--hero-copy-shadow);font-size:clamp(2.65rem,5vw,4rem);font-weight:640;line-height:.98}.hero-lede{max-width:34rem;margin-top:var(--space-5);color:var(--hero-copy-soft);text-wrap:pretty;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.6}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero-visual{isolation:isolate;justify-self:end;width:min(100%,30rem);position:relative}.artifact-effect{position:relative}.artifact-light-orbit{z-index:0;pointer-events:none;transform-origin:50%;will-change:transform;animation:12s linear infinite artifact-backlight-orbit;position:absolute;inset:0}.artifact-light-orbit:before{content:"";filter:blur(12px)brightness(1.35);mix-blend-mode:screen;opacity:.92;background:radial-gradient(#fffffff5 0%,#ddf1ffb3 13%,#8cc8f657 36%,#0000 70%);width:16rem;height:12rem;position:absolute;top:0;left:50%;transform:translate(-50%,-38%)}@keyframes artifact-backlight-orbit{0%{transform:rotate(18deg)}to{transform:rotate(378deg)}}.artifact-occluder{z-index:1;border-radius:var(--radius-xl);pointer-events:none;background:#0b1427;position:absolute;inset:0}.artifact-light-rim{z-index:4;border-radius:calc(var(--radius-xl) + 1px);filter:blur(.6px)drop-shadow(0 0 6px #daefff8f);-webkit-mask-composite:xor;pointer-events:none;background:#bfe1fa14;padding:1.5px;position:absolute;inset:-1px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.artifact-light-rim:before{content:"";will-change:transform;background:conic-gradient(#ffffffeb 0deg,#bfe1fa57 12deg,#0000 28deg 332deg,#bfe1fa57 348deg,#ffffffeb 360deg);animation:12s linear infinite artifact-backlight-orbit;position:absolute;inset:-50%}.artifact-effect.is-scroll-paused .artifact-light-orbit,.artifact-effect.is-scroll-paused .artifact-light-rim:before{animation-play-state:paused}.artifact-card{z-index:2;gap:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow);--mark-finish:var(--accent);padding:clamp(1.25rem,2.5vw,1.9rem);display:grid;position:relative}.artifact-card>*{z-index:1;position:relative}.artifact-card-head{padding-bottom:var(--space-4);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.artifact-card-file{align-items:center;gap:var(--space-3);color:var(--ink-faint);font-family:var(--font-mono);font-size:.78rem;display:inline-flex}.artifact-card-file svg{width:1.05rem;height:1.05rem}.artifact-card-status{align-items:center;gap:var(--space-2);color:var(--ink-faint);font-size:.7rem;display:inline-flex}.artifact-card-status:before{content:"";background:var(--accent);width:.44rem;height:.44rem;box-shadow:0 0 0 3px rgba(var(--accent-rgb), .16);border-radius:50%}.artifact-card-period{color:var(--ink-faint);font-family:var(--font-mono);font-size:.72rem}.artifact-card-title{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(1.5rem,2.2vw,1.85rem);font-weight:600;line-height:1.12}.artifact-card-metrics{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.artifact-metric{padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-md);background:#ffffff08}.artifact-metric b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem;font-weight:640;display:block}.artifact-metric span{margin-top:var(--space-1);color:var(--ink-faint);font-size:.74rem;display:block}.artifact-metric.up b{color:var(--teal)}.artifact-metric.down b{color:var(--accent-ink)}.artifact-spark{width:100%;height:3.2rem;display:block;overflow:visible}.artifact-spark path{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 14px rgba(var(--accent-rgb), .3))}.artifact-spark circle{fill:var(--accent-hover)}.artifact-card-foot{align-items:center;gap:var(--space-3);color:var(--ink-faint);font-family:var(--font-mono);font-size:.75rem;display:flex}.artifact-card-foot code{color:var(--accent-ink)}.loop{width:var(--wide);border-top:1px solid var(--hairline);margin-inline:auto;padding-block:clamp(3.5rem,8vh,6rem)}.loop-lede{max-width:56ch;margin-top:var(--space-4);color:var(--ink-soft);text-wrap:pretty;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.55}.loop-steps{grid-template-columns:repeat(3,1fr);gap:clamp(1.75rem,3.5vw,3.5rem);margin-top:clamp(2.5rem,5vw,4rem);padding:0;list-style:none;display:grid}.loop-step{gap:var(--space-3);flex-direction:column;display:flex}.loop-step-mark{align-items:center;gap:var(--space-3);display:flex}.loop-step-num{border:1px solid var(--hairline-strong);background:var(--fill-1);width:2.15rem;height:2.15rem;color:var(--accent-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.9rem;font-weight:600;display:grid}.loop-step-label{color:var(--accent-ink);letter-spacing:-.01em;font-size:.98rem;font-weight:660}.loop-step h3{font-family:var(--font-serif);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.35rem,2vw,1.7rem);font-weight:600;line-height:1.14}.loop-step>p{color:var(--ink-soft);text-wrap:pretty;font-size:.98rem;line-height:1.55}.loop-step code{font-family:var(--font-mono);color:var(--accent-ink);overflow-wrap:anywhere;font-size:.86em}.loop-visual{padding:var(--space-5);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--fill-1);margin-top:auto}.loop-ground{width:100%}.loop-knowledge-map{place-items:center;width:100%;min-height:20rem;display:grid;position:relative}.loop-knowledge-rotator{z-index:1;position:absolute;inset:0;overflow:hidden}.loop-knowledge-item{--signal-x:-7rem;--signal-y:-4rem;width:max-content;max-width:calc(100% - 2rem);padding:var(--space-2) var(--space-3);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font-family:var(--font-sans);letter-spacing:.01em;text-align:center;text-wrap:pretty;opacity:0;transform:translate(calc(-50% + var(--signal-x)), calc(-50% + var(--signal-y))) scale(.94);will-change:filter, opacity, transform;align-items:center;font-size:clamp(.88rem,1.2vw,1rem);font-weight:400;line-height:1.35;display:inline-flex;position:absolute;top:50%;left:50%;box-shadow:0 10px 24px -18px #030812ad,inset 0 1px #ffffff1f}.loop-knowledge-item.is-current{animation:knowledge-signal 3.2s var(--ease-out) both}.loop-knowledge-summary{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loop-context{z-index:2;place-content:center;place-self:center;align-items:center;gap:var(--space-2);border:1px solid rgba(var(--accent-rgb), .3);border-radius:var(--radius-sm);background:rgba(var(--accent-rgb), .09);width:min(78%,18rem);min-height:5.2rem;color:var(--ink);font-family:var(--font-mono);padding:.42rem .8rem;font-size:.8rem;display:inline-grid;position:relative}.loop-context-copy{text-align:left;gap:.28rem;display:grid}.loop-context-copy strong{font-family:var(--font-sans);letter-spacing:-.005em;font-size:.78rem;font-weight:600}.loop-context-copy code{color:var(--ink-soft);font-size:.72rem}.loop-run{gap:var(--space-3);flex-direction:column;display:flex}.loop-prompt{min-width:0;font-family:var(--font-mono);align-items:baseline;font-size:clamp(.7rem,1.2vw,.86rem);display:flex}.loop-prompt-symbol{color:var(--accent);flex:none;font-weight:600}.loop-command-window{flex:auto;margin-left:.45rem;overflow:hidden;color:inherit!important}.loop-command-text{color:var(--ink);white-space:nowrap;align-items:center;display:inline-flex}.loop-command-prefix{color:var(--accent-ink)}.loop-command-space{white-space:pre}.loop-command-suffix{color:var(--ink)}.loop-command-cursor{opacity:.72;background:currentColor;flex:none;width:.56em;height:1.08em;margin-left:.16em;animation:.9s step-end infinite terminal-cursor;display:block}.loop-command-text.is-editing .loop-command-cursor{opacity:1;animation-play-state:paused}@keyframes terminal-cursor{50%{opacity:.18}}.loop-command-sequence{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loop-review{gap:var(--space-2);flex-direction:column;display:flex}.loop-doc-line{color:var(--ink-soft);font-size:.86rem;line-height:1.4}.loop-doc-sel{background:rgba(var(--accent-rgb), .18);color:var(--ink);border-radius:.35rem;align-self:flex-start;padding:.22rem .44rem;font-size:.84rem;line-height:1.4}.loop-doc-note{margin-top:var(--space-1);padding:var(--space-3);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);background:var(--fill-2);gap:.2rem;display:grid}.loop-doc-note strong{color:var(--accent-ink);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:700}.loop-doc-note span{color:var(--ink-soft);font-size:.8rem;line-height:1.4}.loop{min-height:100svh;width:var(--content);align-content:center;padding-block:clamp(5rem,10vh,7rem);display:grid}.loop-head{max-width:39rem}.loop-layout{grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);align-items:center;gap:clamp(2rem,5vw,3.5rem);margin-top:clamp(1.5rem,3vw,2rem);display:grid}.loop-stage{isolation:isolate;min-height:23rem;position:relative;overflow:hidden}.loop-stage:before{content:none}.loop-panel{opacity:0;visibility:hidden;transition:opacity .42s var(--ease-out), transform .42s var(--ease-out), visibility .42s var(--ease-out);place-items:center;padding:clamp(1.25rem,3vw,2.25rem);display:grid;position:absolute;inset:0;transform:translateY(10px)scale(.985)}.loop-panel:first-child{padding-block:1.5rem}.loop-panel.is-active{opacity:1;visibility:visible;transform:none}.loop-steps{flex-direction:column;gap:0;margin-top:0;display:flex}.loop-step{width:100%;padding:1rem var(--space-3);border:0;border-top:1px solid var(--hairline);color:var(--ink-soft);text-align:left;cursor:pointer;transition:background-color .24s var(--ease-out), color .24s var(--ease-out);background:0 0;grid-template-columns:auto minmax(0,1fr) auto;gap:.25rem .75rem;display:grid}.loop-step:after{content:"→";opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);grid-area:1/3/span 2;align-self:center;font-size:1.1rem;transform:translate(-.35rem)}.loop-step:last-child{border-bottom:1px solid var(--hairline)}.loop-step:hover{background:var(--fill-1);color:var(--ink)}.loop-step:hover:after,.loop-step:focus-visible:after,.loop-step[aria-selected=true]:after{opacity:1;transform:none}.loop-step[aria-selected=true]{background:var(--fill-1);color:var(--ink)}.loop-step-num{background:0 0;grid-row:1/span 2;width:1.55rem;height:1.55rem;margin-top:.1rem;font-size:.75rem}.loop-step strong{letter-spacing:-.025em;grid-column:2;font-size:clamp(1.12rem,1.6vw,1.35rem);font-weight:640;line-height:1.16}.loop-step>span:last-child{color:currentColor;grid-column:2;max-width:40ch;font-size:.92rem;line-height:1.5}.loop-step[aria-selected=true] .loop-step-num{border-color:rgba(var(--accent-rgb), .65);background:var(--accent);color:var(--cta-ink)}.loop-ground{justify-items:center;gap:0;width:min(100%,31rem);display:grid}.loop-context{border-color:var(--accent);background:var(--surface-raised);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .045), 0 16px 32px -24px #030812b8, inset 0 1px 0 #ffffff29;border-radius:.875rem;padding:1.05rem 1.25rem;font-size:.9rem}.loop-context-copy strong{font-size:clamp(.92rem,1.15vw,1.02rem)}.loop-context-copy code{letter-spacing:.01em;font-size:.76rem}@keyframes knowledge-signal{0%{filter:blur(2px);opacity:0;transform:translate(calc(-50% + var(--signal-x)), calc(-50% + var(--signal-y))) scale(.94)}16%{filter:blur();opacity:1;transform:translate(calc(-50% + var(--signal-x)), calc(-50% + var(--signal-y))) scale(1)}42%{filter:blur();opacity:1;transform:translate(calc(-50% + var(--signal-x)), calc(-50% + var(--signal-y))) scale(1)}56%{filter:blur();opacity:1;transform:translate(calc(-50% + var(--signal-x)), calc(-50% + var(--signal-y))) scale(1);animation-timing-function:cubic-bezier(.4,0,1,1)}74%{filter:blur(1px);opacity:.4;transform:translate(-50%,-50%)scale(.65)}to{filter:blur(2.5px);opacity:0;transform:translate(-50%,-50%)scale(.58)}}.loop-run{gap:var(--space-4);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);background:var(--surface-raised);width:min(100%,28rem);box-shadow:var(--shadow);padding:clamp(1.4rem,3vw,2rem);display:grid}.loop-terminal-label,.loop-review-file{color:var(--ink-faint);font-family:var(--font-mono);font-size:.72rem}.loop-review{gap:var(--space-3);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);background:var(--surface-raised);width:min(100%,28rem);box-shadow:var(--shadow);padding:clamp(1.4rem,3vw,2rem);display:grid}.commands{border-top:1px solid var(--hairline);grid-template-columns:minmax(0,1fr);align-content:center;min-height:100svh;padding-block:clamp(5rem,10vh,7rem);display:grid}.commands-head{width:100%;min-width:0;max-width:42rem}.commands-head>p{max-width:52ch;margin-top:var(--space-3);color:var(--ink-soft);text-wrap:pretty;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.55}.switcher{border-radius:var(--radius-xl);width:100%;min-width:0;margin-top:clamp(2rem,4vw,3rem);padding:clamp(1.1rem,2.2vw,1.75rem)}.switcher-tabs{display:none}.switcher-tab{color:var(--ink-soft);white-space:nowrap;cursor:pointer;transition:color .18s var(--ease-out);background:0 0;border:0;padding:.7rem 1.05rem .95rem;font-family:inherit;font-size:.98rem;font-weight:560;position:relative}.switcher-tab:hover{color:var(--ink)}.switcher-tab[aria-selected=true]{color:var(--ink);font-weight:660}.switcher-underline{background:var(--accent);width:0;height:2px;transition:transform .32s var(--ease-out), width .32s var(--ease-out);border-radius:2px;position:absolute;bottom:-1px;left:0}.switcher-panel{padding-block:var(--space-6);border-top:1px solid var(--hairline);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);display:grid}.switcher-panel:first-of-type{border-top:0;padding-top:0}.switcher-detail h3{font-family:var(--font-serif);letter-spacing:-.02em;font-size:clamp(1.5rem,2.6vw,2.05rem);font-weight:600;line-height:1.14}.switcher-copy{max-width:46ch;margin-top:var(--space-4);color:var(--ink-soft);text-wrap:pretty;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.6}.switcher-run{margin-top:var(--space-3);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);background:var(--code-bg);align-items:center;padding:.55rem .9rem;display:inline-flex}.switcher-run code{font-family:var(--font-mono);color:var(--accent-ink);overflow-wrap:anywhere;font-size:.9rem}.switcher-run code:before{content:"› ";color:var(--accent)}.switcher-preview{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-soft);box-shadow:var(--shadow);overflow:hidden}.preview-head{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--hairline);background:var(--fill-1);padding:.6rem .9rem;display:flex}.preview-dots{gap:.3rem;display:inline-flex}.preview-dots i{background:var(--hairline-strong);border-radius:50%;width:.5rem;height:.5rem}.preview-file{font-family:var(--font-mono);color:var(--ink-faint);font-size:.74rem}.preview-body{gap:var(--space-3);padding:clamp(1.1rem,2vw,1.6rem);display:grid}.preview-title{font-family:var(--font-serif);color:var(--ink);font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:600;line-height:1.2}.preview-line{color:var(--ink-soft);font-size:.9rem;line-height:1.4}.preview-line-short{background:var(--fill-2);border-radius:3px;width:42%;height:.55rem}html.js .switcher-tabs{border-bottom:1px solid var(--hairline);flex-wrap:wrap;gap:.25rem;display:flex;position:relative}html.js .switcher-body{margin-top:clamp(1.75rem,3.5vw,2.5rem);display:grid}html.js .switcher-panel{opacity:0;visibility:hidden;transition:opacity .38s var(--ease-out), transform .38s var(--ease-out), visibility .38s var(--ease-out);border-top:0;grid-area:1/1;padding-block:0;transform:translateY(8px)}html.js .switcher-panel.is-active{opacity:1;visibility:visible;transform:none}.switcher{border-radius:0;margin-top:clamp(1.75rem,3vw,2.5rem);padding:0}html.js .switcher-tabs-shell{width:max-content;max-width:100%;margin-inline:auto;display:flex;position:relative}html.js .switcher-tabs-shell:before,html.js .switcher-tabs-shell:after{content:"";z-index:2;pointer-events:none;opacity:0;width:2.5rem;transition:opacity .18s var(--ease-out);position:absolute;top:0;bottom:0}html.js .switcher-tabs-shell:before{background:linear-gradient(to right, var(--bg) 8%, transparent);border-radius:999px 0 0 999px;left:0}html.js .switcher-tabs-shell:after{background:linear-gradient(to left, var(--bg) 8%, transparent);border-radius:0 999px 999px 0;right:0}html.js .switcher-tabs-shell.can-scroll-back:before,html.js .switcher-tabs-shell.can-scroll-forward:after{opacity:1}html.js .switcher-tabs{background:var(--fill-2);overscroll-behavior-inline:contain;scrollbar-width:none;border:0;border-radius:999px;flex-wrap:nowrap;gap:.2rem;width:100%;padding:.35rem;scroll-padding-inline:2.5rem;overflow-x:auto}html.js .switcher-tabs::-webkit-scrollbar{display:none}.switcher-tab{transition:background-color .22s var(--ease-out), color .22s var(--ease-out);border-radius:999px;padding:.72rem 1.25rem;font-size:.9rem;font-weight:620}.switcher-tab[aria-selected=true]{background:var(--ink);color:var(--bg);font-weight:680}html.js .switcher-body{margin-top:clamp(2rem,4vw,3rem)}.switcher-panel,html.js .switcher-panel{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(2rem,5vw,4rem);min-height:22rem}.switcher-detail h3{max-width:16ch;font-family:var(--font-sans);letter-spacing:-.02em;margin-top:0;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:620;line-height:1.16}.switcher-copy{max-width:40ch;margin-top:var(--space-4)}.switcher-run{background:0 0;border:0;border-radius:0;padding:0}.switcher-run code{text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb), .45);text-underline-offset:.3rem}.switcher-visual{--visual:var(--petrol);isolation:isolate;place-items:center;min-height:20rem;display:grid;position:relative}.switcher-visual-2{--visual:var(--steel)}.switcher-visual-3{--visual:var(--teal)}.switcher-visual-4{--visual:var(--accent-deep)}.switcher-visual-5{--visual:#6955cf}.preview-plane{z-index:-2;clip-path:polygon(2% 12%,100% 0,94% 88%,0 100%);background:var(--visual);opacity:.9;filter:saturate(118%);position:absolute;inset:8% 0 11% 7%}.switcher-preview{border-radius:var(--radius-md);background:var(--surface-raised);border-color:#e7f0ff33;width:min(82%,27rem);transform:translate(1rem,-.5rem)}.preview-head{justify-content:space-between;padding:.75rem 1rem}.preview-body{align-content:center;min-height:12rem;padding:clamp(1.4rem,3vw,2rem)}.preview-title{font-size:clamp(1.35rem,2vw,1.75rem)}.viewer{min-height:100svh;width:var(--content);border-top:1px solid var(--hairline);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(2rem,4vw,3rem);margin-inline:auto;padding-block:clamp(5rem,10vh,7rem);display:grid}.viewer-copy{max-width:34rem}.viewer-lede{max-width:46ch;margin-top:var(--space-4);color:var(--ink-soft);text-wrap:pretty;font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.6}.viewer-lede code{font-family:var(--font-mono);color:var(--accent-ink);font-size:.88em}.viewer-features{margin:var(--space-6) 0 0;border-top:1px solid var(--hairline);gap:0;padding:0;list-style:none;display:grid}.viewer-features li{border-bottom:1px solid var(--hairline);color:var(--ink-soft);padding:.7rem 0 .7rem 1rem;font-size:.9rem;line-height:1.5;position:relative}.viewer-features li:before{content:"";background:var(--accent);border-radius:50%;width:.3rem;height:.3rem;position:absolute;top:1.2rem;left:0}.viewer-stage{position:relative}.viewer-app{border-radius:var(--radius-xl);overflow:hidden}.viewer-bar{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--hairline);background:var(--fill-1);padding:.7rem 1rem;display:flex}.viewer-dots{gap:.35rem;display:inline-flex}.viewer-dots i{background:var(--hairline-strong);border-radius:50%;width:.55rem;height:.55rem}.viewer-tab{border-radius:var(--radius-sm);background:var(--fill-2);color:var(--ink);font-family:var(--font-mono);padding:.24rem .6rem;font-size:.74rem}.viewer-host{color:var(--ink-faint);font-family:var(--font-mono);margin-left:auto;font-size:.72rem}.viewer-doc{gap:var(--space-3);padding:clamp(1.25rem,2.5vw,1.9rem);display:grid}.viewer-h{color:var(--ink);font-family:var(--font-serif);font-size:clamp(1.3rem,2vw,1.6rem);font-weight:600;line-height:1.2}.viewer-p{background:var(--fill-2);border-radius:3px;height:.6rem}.viewer-p2{width:88%}.viewer-p3{width:72%}.viewer-mark{background:rgba(var(--accent-rgb), .2);color:var(--ink);border-radius:.35rem;align-self:flex-start;padding:.3rem .5rem;font-size:.92rem;line-height:1.45}.viewer-diff{margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--code-bg);font-family:var(--font-mono);gap:.3rem;font-size:.78rem;line-height:1.5;display:grid}.viewer-diff-del{color:#d2695a}.viewer-diff-add{color:#2fa36a}.viewer-comment{z-index:2;width:min(17rem,74%);padding:var(--space-4);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow);position:absolute;bottom:1.5rem;right:clamp(-.75rem,-1.5vw,-1.75rem)}.viewer-comment-head{align-items:center;gap:var(--space-2);color:var(--ink-faint);font-size:.74rem;display:flex}.viewer-avatar{background:var(--accent);color:#221812;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.58rem;font-weight:700;display:grid}.viewer-comment p{margin:var(--space-3) 0 0;color:var(--ink);font-size:.88rem;line-height:1.5}.viewer-reply{margin-top:var(--space-3);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);background:var(--code-bg);padding:.35rem .62rem;display:inline-flex}.viewer-reply code{font-family:var(--font-mono);color:var(--accent-ink);font-size:.78rem}.site-bottom{isolation:isolate;align-items:stretch;width:100%;margin-top:0;padding:clamp(5rem,9vw,7.5rem) 0 clamp(1.5rem,3vw,2.5rem);display:grid;position:relative;overflow:clip}.site-bottom-signal{z-index:-1;position:absolute;inset:0;mask-image:linear-gradient(#0000 0%,#000 19% 100%)}.site-bottom-signal:after{content:"";background:linear-gradient(180deg, var(--signal-edge-wash), transparent 24%, #030d1b7a);position:absolute;inset:0}.bottom-inner{width:var(--wide);flex-direction:column;margin-inline:auto;display:flex}.bottom-cta{place-items:center;gap:var(--space-6);color:#f4f7fb;text-align:center;grid-template-columns:minmax(0,1fr);width:min(100%,58rem);margin:0 auto clamp(3.5rem,7vw,5.5rem);display:grid}:root[data-theme=light] .bottom-cta{color:#101827}.bottom-cta h2{max-width:24ch;font-family:var(--font-display);text-shadow:0 1px 24px #030d1b2e}:root[data-theme=light] .bottom-cta h2{text-shadow:0 1px 24px #f4f7fb33}.bottom-actions{justify-content:center;align-items:center;gap:var(--space-3);--ink:#f4f7fb;--ink-soft:#d4deed;--code-bg:#050a157a;--fill-1:#ffffff0f;--fill-2:#ffffff1a;--hairline-strong:#e7f0ff33;flex-wrap:wrap;display:flex}.bottom-nav{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:3.5rem;padding-block:var(--space-4);color:#f4f7fb;border-top:1px solid #e7f0ff3d;display:flex}.bottom-brand{align-self:start;align-items:center;gap:var(--space-3);color:#f4f7fb;letter-spacing:-.015em;--mark-finish:var(--accent);width:fit-content;font-size:1.05rem;font-weight:680;text-decoration:none;display:inline-flex}.bottom-utilities{justify-content:flex-end;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.bottom-theme{align-items:center;gap:var(--space-3);color:#d4deed;font-size:.74rem;font-weight:600;display:flex}.bottom-links{justify-content:flex-end;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.bottom-links a{color:#d4deed;transition:color .15s var(--ease-out);font-size:.84rem;line-height:1.35;text-decoration:none}.bottom-links a:hover{color:#f4f7fb}.not-found{min-height:calc(100svh - 5.5rem);width:var(--content);padding-block:var(--space-10);flex-direction:column;justify-content:center;margin-inline:auto;display:flex}.not-found>p:first-child{color:var(--accent-ink);font-weight:650}.not-found h1{margin-top:var(--space-4);letter-spacing:-.04em;font-size:clamp(3rem,8vw,6rem);line-height:1}.not-found>p:nth-of-type(2){max-width:36rem;margin-top:var(--space-6);color:var(--ink-soft)}.not-found>div{gap:var(--space-3);margin-top:var(--space-7);display:flex}}@layer responsive{@media (width<=60rem){.hero{align-content:start;row-gap:var(--space-8);grid-template-columns:minmax(0,1fr);min-height:auto;padding-block:clamp(3rem,8vh,5rem)}.hero-copy,.hero-visual{min-width:0}.hero-copy{max-width:48rem}.hero-signal:before{height:64%}.hero-visual{justify-self:start;width:min(100%,30rem)}}@media (width<=52rem){.site-header.is-overlay{width:100%;padding-inline:2rem;left:0;transform:none}.hero{min-height:auto;padding-block:var(--space-9) var(--space-8);grid-template-columns:1fr}.hero-visual{width:100%}.artifact-card{animation:none}.hero h1{max-width:12ch}.loop-steps{gap:0}.loop-layout{gap:var(--space-7);grid-template-columns:1fr}.loop-stage{min-height:23rem}.viewer{grid-template-columns:1fr}.viewer-comment{width:auto;margin-top:var(--space-4);position:static}.switcher-panel,html.js .switcher-panel{gap:var(--space-7);grid-template-columns:1fr;min-height:auto}.switcher-detail h3{max-width:18ch}.switcher-visual{min-height:21rem}.bottom-nav{flex-direction:column;align-items:flex-start}.bottom-utilities{justify-content:space-between;width:100%}.bottom-links{justify-content:flex-start}}@media (width<=36rem){:root{--content:min(100% - 2.5rem, 64rem);--wide:min(100% - 2.5rem, 68rem)}.site-header{min-height:3.5rem;padding-inline:1.25rem}.hero{padding-block:var(--space-8)}.hero h1{font-size:clamp(2.45rem,11vw,3.25rem)}.hero-actions,.not-found>div{flex-direction:column;align-items:stretch}.copy-cmd{width:100%;min-width:0}.copy-cmd code{white-space:normal;overflow-wrap:anywhere;min-width:0}.button{width:100%}.viewer-features{grid-template-columns:1fr}.loop-stage{min-height:24rem}.loop-panel{padding:var(--space-4)}.loop-knowledge-map{min-height:20rem}.loop-knowledge-item{font-size:clamp(.88rem,3.8vw,.98rem)}.loop-context{width:min(78%,18rem);min-height:5.5rem}.switcher-tab{padding-inline:1rem}.switcher-visual{min-height:18rem}.switcher-preview{width:88%;transform:translate(.5rem,-.25rem)}.preview-body{min-height:12rem}.bottom-cta{gap:var(--space-5);grid-template-columns:1fr}.bottom-actions{justify-content:center}.bottom-actions .copy-cmd{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.artifact-light-orbit,.artifact-light-rim:before{transform:rotate(18deg);animation:none!important}.loop-command-cursor{opacity:1;animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.loop-knowledge-item{transition:none!important}.loop-knowledge-item.is-current{opacity:1;transform:translate(-50%,calc(-50% - 7rem))scale(1);animation:none!important}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass{background:var(--surface-raised);-webkit-backdrop-filter:none;border:1px solid var(--hairline-strong)}.glass:after{display:none}.living{background:var(--bg)}.glayer,.grain{display:none}}@media print{.site-header,.living,.hero-signal,.site-bottom,.hero-actions,.bottom-actions{display:none}body{color:#000;background:#fff}.hero{color:#000}section{break-inside:avoid}}}