:root{--green:#112e23;--body:#46534f;--orange:#cf4c08;--line:#d4dcd7;--soft:#f4f6f3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--white);color:var(--green);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{max-width:100%;height:auto}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:104px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;font-size:27px;font-weight:760;line-height:1}.brand small{display:block;font-size:12px;font-weight:450;margin-top:6px}.main-nav{display:flex;gap:25px;font-size:13px}.main-nav a,.languages a{text-decoration:none}.main-nav a:hover,.languages a:hover{text-decoration:underline}.header-actions{display:flex;align-items:center;gap:22px}.languages{display:flex;gap:12px;font-size:12px}.languages [aria-current]{font-weight:800;border-bottom:2px solid var(--orange)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:12px 25px;background:var(--orange);color:white;border:1px solid var(--orange);border-radius:9px;text-decoration:none;font-size:14px;font-weight:650;line-height:1.35}.button:hover{background:#9e3c09}.button.secondary{background:white;color:var(--green);border-color:#7d9389}.button.secondary:hover{background:var(--soft)}.button.compact{min-height:42px;padding:10px 23px;font-size:13px}.hero{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:650px;padding-block:42px 68px;position:relative}.hero-copy{z-index:1}.kicker{font-size:11px;letter-spacing:.15em;margin:0 0 24px}.hero h1{font-size:clamp(42px,4.8vw,70px);letter-spacing:-.052em;line-height:1.09;margin:0 0 27px;font-weight:760;max-width:630px}.lead{max-width:460px;color:var(--body);font-size:18px;line-height:1.65;margin:0 0 36px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:14px;font-size:11px;margin-top:30px;letter-spacing:.08em}.hero-note span{width:30px;height:1px;background:#8b9e94}.hero-art{width:calc(100% + 75px);margin-left:-32px;pointer-events:none}.hero-art img{display:block;width:100%}.section-caption{display:flex;align-items:center;gap:28px;margin-bottom:20px;font-size:10px;letter-spacing:.14em}.section-caption i{height:1px;background:#8b9e94;flex:1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}h2{font-size:clamp(28px,3vw,40px);line-height:1.16;letter-spacing:-.035em;margin:0}h3{font-size:19px;line-height:1.4;margin:0 0 10px}.naming{display:flex;align-items:center;gap:20px}.naming p{max-width:185px;font-size:11px;line-height:1.6;color:var(--body)}.segmented{display:flex;gap:4px;border:1px solid #c8d0cb;border-radius:30px;padding:4px;white-space:nowrap}.segmented a{padding:9px 14px;text-decoration:none;font-size:11px;border-radius:24px}.segmented a[aria-current]{background:var(--orange);color:white;font-weight:650}.segmented a:hover{box-shadow:inset 0 0 0 1px var(--orange)}.skill{border-top:1px solid var(--line)}.skill:last-child{border-bottom:1px solid var(--line)}.skill details>summary{list-style:none;display:grid;grid-template-columns:54px minmax(205px,.9fr) minmax(220px,1.5fr) 35px;gap:20px;align-items:center;min-height:91px;padding:15px 0;cursor:pointer}.skill summary::-webkit-details-marker{display:none}.skill-icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#f3f3ee}.skill-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.skill h2{font-size:18px;letter-spacing:-.025em;line-height:1.35}.skill summary p{font-size:13px;line-height:1.55;color:var(--body);margin:0;padding-left:23px;border-left:1px solid var(--line)}.row-arrow{width:32px;height:32px;display:grid;place-items:center;border:1px solid #6c8175;border-radius:50%;font-size:18px}.skill details[open] .row-arrow{transform:rotate(90deg);background:var(--green);color:white}.skill summary:hover h2{text-decoration:underline;text-underline-offset:4px}.skill-body{padding:0 55px 30px 74px}.skill-body dl{display:grid;grid-template-columns:145px 1fr;gap:11px 25px;font-size:13px;margin:0 0 24px}.skill-body dt{font-weight:650}.skill-body dd{margin:0;color:var(--body);max-width:72ch}.skill-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px}code{font:12px/1.7 ui-monospace,SFMono-Regular,monospace;background:#e9eeea;padding:3px 7px;border-radius:4px}.list-foot{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:26px;font-size:12px}.list-foot p{font-size:10px;letter-spacing:.1em}.list-foot a span{color:var(--orange);font-size:23px;margin-left:16px}.how-section{padding-block:90px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:35px}.steps p{font-size:14px;color:var(--body);max-width:35ch}.step-number{display:block;color:var(--orange);font-size:18px;margin-bottom:15px}.install-section{background:var(--soft);padding:65px 0}.install-heading{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:35px}.install-heading>p{max-width:440px;color:var(--body);font-size:14px}.install-heading .kicker{margin-bottom:15px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.host{border:1px solid #c9d4cb;background:white;border-radius:12px;padding:28px;min-width:0}.host p{font-size:13px;color:var(--body)}.host .download{display:inline-block;margin-bottom:12px;color:var(--orange);font-size:14px;font-weight:650}.host pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:var(--green);color:#f4f7f3;padding:18px;border-radius:7px;font:12px/1.8 ui-monospace,SFMono-Regular,monospace}.host pre code{background:transparent;padding:0;font:inherit}.host .small{font-size:11px}.update-note{margin-top:28px;font-size:13px}.update-note summary{cursor:pointer;font-weight:650}.update-note p{color:var(--body);max-width:85ch}.checksums{font-size:12px;margin-bottom:0}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding-block:65px}.about p{font-size:14px;color:var(--body);margin-top:0;max-width:75ch}footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:30px;border-top:1px solid var(--line)}footer .brand{font-size:22px}footer p,footer>a:last-child{font-size:11px;color:var(--body)}footer p{max-width:420px}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:var(--green);color:white;padding:10px}.skip:focus{top:12px}.help-main{max-width:850px;padding-block:50px}.help-main section{margin-bottom:45px}.help-main h1{font-size:42px;line-height:1.15}.help-main h2{font-size:26px}.help-main p{color:var(--body)}
@media(min-width:1500px){.hero h1{font-size:72px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.main-nav{gap:15px}.main-nav a:last-child{display:none}.hero{min-height:590px;grid-template-columns:48% 52%}.hero h1{font-size:53px}.hero-art{width:calc(100% + 35px);margin-left:-5px}.naming{flex-direction:column;gap:5px;align-items:flex-end}.naming p{max-width:none;margin:0}.section-heading{align-items:flex-start}.skill details>summary{grid-template-columns:49px minmax(170px,1fr) minmax(200px,1.5fr) 32px;gap:15px}.header-actions{gap:12px}.steps{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:85px;gap:15px;flex-wrap:wrap;padding-block:17px}.brand{font-size:23px}.brand img{width:37px}.main-nav{order:3;width:100%;justify-content:space-between;font-size:12px}.main-nav a:last-child{display:block}.header-actions .button{display:none}.hero{grid-template-columns:1fr;min-height:0;padding:45px 0 32px}.hero h1{font-size:clamp(43px,9vw,62px);max-width:600px}.kicker{font-size:9px;margin-bottom:20px}.lead{font-size:16px;max-width:540px}.hero-note{font-size:9px}.hero-art{width:100%;margin:10px 0 0}.hero-art img{max-height:430px;object-fit:contain}.section-heading{display:block;margin-bottom:25px}h2{font-size:31px}.naming{margin-top:20px;align-items:flex-start;gap:10px}.section-caption{font-size:9px;gap:15px}.skill details>summary{grid-template-columns:43px 1fr 30px;gap:8px 13px;min-height:105px;padding:18px 0}.skill-icon{width:41px;height:41px;grid-row:1/3}.skill h2{font-size:17px}.skill summary p{grid-column:2;grid-row:2;padding:0;border:0;font-size:12px}.row-arrow{grid-column:3;grid-row:1/3}.skill-body{padding:0 0 24px 56px}.skill-body dl{display:block}.skill-body dt{margin-top:12px}.skill-body dd{margin-top:3px}.list-foot{align-items:flex-start}.list-foot p{font-size:8px;max-width:140px}.list-foot a{font-size:11px}.how-section{padding-block:55px}.steps{grid-template-columns:1fr;gap:20px}.steps>div{padding-left:40px;position:relative}.step-number{position:absolute;left:0;top:0}.steps p{max-width:65ch}.install-section{padding:45px 0}.install-heading{display:block}.install-grid{grid-template-columns:1fr}.host{padding:22px}.about{grid-template-columns:1fr;gap:20px;padding-block:45px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;margin:0;max-width:none}.hero-actions .button{padding-inline:20px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:420px){.main-nav{flex-wrap:wrap;gap:10px 18px;justify-content:flex-start}.hero h1{font-size:41px}.hero-actions{gap:10px}.hero-actions .button{padding-inline:16px}.list-foot{flex-wrap:wrap}.list-foot p{max-width:none}.skill-body{padding-left:0}.skill-links{gap:14px}.segmented a{padding-inline:12px}}

/* Source-reference alignment: prominent portrait art, numbered rows, library icons. */
.ui-icon{display:inline-block;flex:0 0 auto;width:22px;height:22px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle}
.icon-download{--icon:url("icons/download.svg")}
.icon-book{--icon:url("icons/book.svg")}
.icon-chef-hat{--icon:url("icons/chef-hat.svg")}
.icon-message-circle{--icon:url("icons/message-circle.svg")}
.icon-arrow-right{--icon:url("icons/arrow-right.svg")}
.icon-clipboard{--icon:url("icons/clipboard.svg")}
.icon-soup{--icon:url("icons/soup.svg")}
.icon-lock{--icon:url("icons/lock.svg")}
.icon-search{--icon:url("icons/search.svg")}
.icon-bell{--icon:url("icons/bell.svg")}
.icon-list-details{--icon:url("icons/list-details.svg")}
.icon-door-exit{--icon:url("icons/door-exit.svg")}
.icon-terminal-2{--icon:url("icons/terminal-2.svg")}

.kicker,.hero-note,.section-caption,.list-foot p{text-transform:uppercase}
.button{min-height:58px;padding:15px 28px;font-size:16px;border-radius:10px;box-shadow:0 3px 0 #8b35080a}
.button.compact{min-height:46px;padding-inline:24px}.button.compact .ui-icon{width:18px;height:18px}
.hero{grid-template-columns:48% 52%;min-height:850px;padding-block:42px 65px}
.hero h1{font-size:clamp(48px,5.8vw,86px);line-height:1.04;letter-spacing:-.045em}
.hero-art{width:calc(100% + 34px);margin-left:-10px;align-self:center}
.hero-art img{width:100%;aspect-ratio:4/5;object-fit:contain}
.hero .lead{font-size:19px;line-height:1.5;max-width:490px}
.hero-note{font-size:9px;letter-spacing:.16em}
.section-heading{gap:20px}.section-heading h2{white-space:nowrap;font-size:clamp(30px,3.7vw,49px)}
.naming{gap:20px}.naming p{max-width:205px;font-size:11px}.segmented a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px}.segmented .ui-icon{width:20px;height:20px}
.skill details>summary{grid-template-columns:24px 54px minmax(240px,1fr) minmax(240px,1.65fr) 38px;gap:20px;min-height:92px;padding:14px 0}
.skill-number{font-size:13px;color:var(--body)}.skill-icon{width:52px;height:52px;background:#f3f2ee}.skill-icon .ui-icon{width:29px;height:29px}
.skill h2{font-size:21px;letter-spacing:-.035em}.skill summary p{font-size:14px;padding-left:25px}.row-arrow{width:37px;height:37px}.row-arrow .ui-icon{width:19px;height:19px}
.skill-body{padding-left:118px}.skill-links a{display:inline-flex;align-items:center;gap:8px}.skill-links .ui-icon{width:18px;height:18px}
.list-foot a{display:inline-flex;align-items:center;gap:18px}.list-foot a .ui-icon{color:var(--orange)}.list-foot p:before{content:"";display:inline-block;width:28px;height:1px;background:#8b9e94;vertical-align:middle;margin-right:14px}
.host h3{display:flex;align-items:center;gap:12px}.host .download{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--orange);padding:10px 16px;border-radius:8px;text-decoration:none}.host .download:hover{background:var(--orange);color:white}
@media(min-width:1500px){.hero h1{font-size:86px}}
@media(max-width:1100px) and (min-width:761px){.wrap{width:calc(100% - 76px)}.site-header{gap:18px;min-height:86px}.brand{font-size:25px}.main-nav{gap:18px;font-size:11px}.header-actions{gap:12px}.button.compact{padding-inline:18px}.languages{gap:8px}.hero{min-height:690px;padding-block:12px 45px;grid-template-columns:48% 52%}.hero h1{font-size:69px}.hero .lead{font-size:17px;max-width:410px}.hero-art{width:calc(100% + 38px);margin-left:-4px}.hero-actions{gap:12px}.hero-actions .button{font-size:14px;padding-inline:22px;min-height:53px}.section-heading h2{font-size:40px}.naming{flex-direction:row;align-items:center;gap:12px}.naming p{max-width:155px;font-size:10px}.segmented a{font-size:10px;padding-inline:10px;gap:6px}.skill details>summary{grid-template-columns:22px 52px minmax(230px,1fr) minmax(200px,1.6fr) 35px;gap:16px;min-height:72px;padding-block:12px}.skill h2{font-size:18px}.skill summary p{font-size:12px;padding-left:22px}.skill-icon{width:48px;height:48px}.row-arrow{width:34px;height:34px}.skill-body{padding-left:106px}}
@media(max-width:760px){.hero{min-height:0;grid-template-columns:1fr;padding-block:36px}.hero h1{font-size:clamp(44px,9vw,65px)}.hero .lead{font-size:16px}.hero-art{width:100%;max-width:540px;justify-self:center;margin:24px 0 0}.hero-art img{max-height:560px;object-fit:contain}.hero-actions .button{font-size:14px;min-height:52px;padding-inline:20px}.section-heading h2{white-space:normal;font-size:33px}.naming{gap:10px;align-items:flex-start}.naming p{max-width:none}.skill details>summary{grid-template-columns:20px 42px 1fr 30px;gap:8px 10px;padding:18px 0;min-height:104px}.skill-number{grid-column:1;grid-row:1/3;font-size:11px}.skill-icon{grid-column:2;grid-row:1/3;width:40px;height:40px}.skill-icon .ui-icon{width:25px;height:25px}.skill h2{grid-column:3;grid-row:1;font-size:17px}.skill summary p{grid-column:3;grid-row:2;padding:0;border:0;font-size:12px}.row-arrow{grid-column:4;grid-row:1/3;width:29px;height:29px}.skill-body{padding-left:82px}.list-foot p{line-height:1.7}.hero-note{font-size:8px;letter-spacing:.1em}}
@media(max-width:420px){.hero h1{font-size:43px}.hero-actions .button{padding-inline:14px;font-size:13px;gap:9px}.skill-body{padding-left:0}.naming .segmented a{font-size:10px}.segmented .ui-icon{width:18px;height:18px}}

/* Fine outline skill illustrations, matching the chosen mockup. */
.skill-icon .ui-icon{width:30px;height:30px}
@media(max-width:1100px) and (min-width:761px){.skill-icon .ui-icon{width:29px;height:29px}}
@media(max-width:760px){.skill-icon .ui-icon{width:26px;height:26px}}

@media(min-width:761px) and (max-width:1000px){.section-heading{flex-wrap:wrap}.naming{width:100%;justify-content:space-between}.naming p{max-width:300px}.segmented{flex-shrink:0}}

.brand-mark{display:flex;flex-shrink:0}.brand-mark img{display:block}
@media(prefers-color-scheme:dark){
:root{color-scheme:dark;--green:#f0f5ef;--body:#b9c9bf;--orange:#ff934f;--line:#3a4c41;--soft:#17251d;--white:#111b17}
.button{background:#e56e25;border-color:#e56e25;color:#101b14}.button:hover{background:#ffab71;border-color:#ffab71}.button.secondary{background:transparent;color:var(--green);border-color:#7d9389}.button.secondary:hover{background:#22382b}.hero-art{background:transparent}.segmented{border-color:#64796a}.segmented a[aria-current]{background:#e56e25;color:#101b14}.skill-icon{background:#24352a;color:#e3eee3}.row-arrow{border-color:#8da594}.skill details[open] .row-arrow{background:#dcebdc;color:#17251d}code{background:#293e30;color:#eef4ec}.host{background:#111b17;border-color:#516858}.host pre{background:#08120b;color:#e5f2e6}.host .download{color:#ffac70;border-color:#d88953}.host .download:hover{background:#e56e25;color:#101b14}.skip{background:#e4efe1;color:#122017}.main-nav a:hover,.languages a:hover{color:#ffac70}
}
