:root{color-scheme:dark;--bg:#080d12;--text:#f4f5f7;--muted:#b8c2cd;--amber:#ffb740;--line:#273039;--max:1180px;font-family:Inter,Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:5px}.content{width:calc(100% - 96px);max-width:var(--max);margin-inline:auto}.header{height:82px;display:flex;align-items:center;gap:28px;padding:0 32px;position:relative;z-index:2;background:#080e17e8;border-bottom:1px solid #ffffff05}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1px;font-weight:900;padding-right:26px;border-right:1px solid #ffffff0d}.brand-mark{width:44px;height:48px;background:url('/assets/beskar-cutout.webp') center 3%/51px auto no-repeat;border-radius:50%}.header nav{display:flex;gap:28px;height:100%;align-items:center;font-size:14px}.header nav a{position:relative}.header nav a.active{color:var(--amber)}.header nav a.active:after{content:'';position:absolute;bottom:-17px;left:0;right:0;height:2px;background:var(--amber);box-shadow:0 0 9px #ffb74070}.header nav a:hover{color:var(--amber)}.header-actions{margin-left:auto;display:flex;gap:20px;align-items:center}.search-trigger{display:flex;align-items:center;gap:10px;height:38px;border:1px solid #343c48;border-radius:6px;background:#ffffff05;color:#b2bdc9;padding:0 10px;font-size:12px;width:222px}.search-trigger svg{width:16px;height:16px}.search-trigger kbd{margin-left:auto;border:1px solid #484f58;background:#ffffff0b;border-radius:3px;padding:0 5px;font:11px Arial}.github-link{display:flex;border:1px solid #273039;border-radius:5px;padding:8px}.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;padding:15px 22px;min-height:52px;font-size:14px;font-weight:700;border-radius:6px;transition:transform .18s,background .18s,box-shadow .18s;white-space:nowrap;border:1px solid #56534e}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(140deg,#ffd15a,#ff9e32);color:#0e1012;border-color:#ffdc80;box-shadow:inset 0 0 0 2px #ffffff13,0 6px 24px #ff941a22}.primary:hover{box-shadow:0 7px 27px #ff941a44}.secondary{background:#101418b0;color:#f5f5f5}.secondary:hover{background:#20262b}.small{min-height:38px;padding:8px 18px;font-size:12px}.arrow{margin-left:4px;width:19px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;background:url('/assets/desert.webp') center 47%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080d1233 0%,#080d1200 55%,#080d12 100%);z-index:-1}.hero-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:484px;padding:6px 40px 34px}.hero-art{margin-left:-30px;margin-right:20px;position:relative}.hero-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,#000 85%,transparent),linear-gradient(to right,transparent,#000 8%,#000 91%,transparent);mask-composite:intersect}.hero-copy{padding:22px 0 0 10px}.eyebrow{text-transform:uppercase;color:var(--amber);font-size:12px;letter-spacing:1.8px;font-weight:600;margin:0 0 13px}h1{font-size:clamp(35px,4.05vw,54px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 20px;font-weight:750}h1 span,h2 span{color:var(--amber)}.intro{font-size:16px;line-height:1.7;max-width:470px;margin:0 0 25px;color:#e0dce0;text-shadow:0 1px 8px #000}.hero-buttons{display:flex;gap:15px}.hero-proof{list-style:none;display:flex;padding:0;margin:32px 0 0;gap:0;align-items:center;font-size:12px;color:#d1d5d8}.hero-proof li{display:flex;gap:8px;align-items:center;padding:0 16px;border-right:1px solid #ffffff12;white-space:nowrap}.hero-proof li:first-child{padding-left:0}.hero-proof li:last-child{border:0;padding-right:0}.hero-proof svg{color:var(--amber);width:18px;height:18px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;margin-top:0}.feature{position:relative;padding:27px 36px 44px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(130deg,#0a1016,#101418);min-height:235px;transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-4px);border-color:#d7983c}.feature-icon{width:40px;height:40px;color:var(--amber);filter:drop-shadow(0 0 8px #ff941a44);margin-bottom:10px}.feature h2{font-size:20px;line-height:1.2;letter-spacing:-.3px;margin:8px 0 12px}.feature p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:220px}.feature-arrow{position:absolute;bottom:18px;right:22px;width:19px;color:var(--amber)}.quick-start{border:1px solid var(--line);border-radius:9px;margin-top:24px;margin-bottom:30px;padding:23px 28px;display:grid;grid-template-columns:1fr 1fr;gap:52px;background:linear-gradient(130deg,#090f15,#0b1014)}.terminal{border:1px solid #36404a;border-radius:8px;overflow:hidden;align-self:center;background:#060c10}.terminal-bar{height:32px;display:flex;align-items:center;position:relative;justify-content:center;background:linear-gradient(#252a30,#1a1e23);border-bottom:1px solid #394048;font-size:12px;color:#bbc0c6}.traffic-lights{position:absolute;left:12px;display:flex;gap:7px}.traffic-lights i{width:11px;height:11px;border-radius:50%;background:#ff6058;border:1px solid #ffffff40}.traffic-lights i:nth-child(2){background:#ffbd2e}.traffic-lights i:nth-child(3){background:#29c940}#copy{position:absolute;right:9px;color:#c4cbd2;border:0;background:transparent;font-size:11px;padding:3px 7px;border-radius:3px}#copy:hover{background:#ffffff15}pre{padding:16px;margin:0;overflow:auto;line-height:1.4;font-size:13px;tab-size:2}code{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}.comment{color:#9aa5b0}.cmd{color:var(--amber)}.quick-copy{align-self:center;padding:10px 0}.quick-copy h2{font-size:35px;line-height:1.17;letter-spacing:-.8px;margin:0 0 16px}.quick-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:22px}.quick-buttons{display:flex;gap:14px}.benefits{border-block:1px solid #202830;background:#0b1015}.benefits>.content{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0}.benefits>.content>div{display:flex;align-items:center;gap:25px;padding:0 30px;border-right:1px solid #26303a}.benefits>.content>div:first-child{padding-left:0}.benefits>.content>div:last-child{border:0;padding-right:0}.benefits svg{color:var(--amber);width:29px;height:29px}.benefits p{margin:0;font-size:13px;line-height:1.9}.benefits strong{display:block;white-space:nowrap}.benefits span{color:#9baabd;font-size:12px;white-space:nowrap}footer{display:flex;align-items:center;gap:20px;padding:26px 0;color:#8d99a6;font-size:12px}.footer-brand{font-size:16px;font-weight:900;letter-spacing:1px;color:#bdc1c6}footer>a:last-child{margin-left:auto;display:flex;align-items:center;gap:8px}footer svg{width:15px;height:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:15px;top:-80px;z-index:10;background:var(--amber);padding:10px;color:#080d12}.skip-link:focus{top:10px}dialog{background:#111922;color:var(--text);border:1px solid #394450;border-radius:12px;padding:22px;width:min(580px,calc(100% - 32px));box-shadow:0 25px 90px #0009}dialog::backdrop{background:#03070bcc;backdrop-filter:blur(7px)}.search-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search-heading h2{font-size:19px;margin:0}.search-heading button{font-size:12px;color:#b3bdc9;background:#ffffff08;border:1px solid #394450;border-radius:4px}dialog input{width:100%;padding:13px;background:#070d14;border:1px solid #394450;border-radius:5px;color:#fff;font-size:14px}#search-results{margin-top:15px;max-height:360px;overflow:auto}#search-results a{display:block;padding:12px;border-radius:6px}#search-results a:hover{background:#ffffff08}#search-results strong{display:block;color:var(--amber);font-size:14px}#search-results span,.search-note{font-size:12px;color:#a5b2c0}.search-note{margin:15px 0 0;border-top:1px solid #303b46;padding-top:12px}#search-results>p{font-size:14px;color:#b8c2cd}
@media(min-width:1450px){.header{padding-inline:max(32px,calc((100% - 1280px)/2))}.hero-inner{min-height:520px}}
@media(max-width:1150px){.header{gap:20px;padding-inline:24px}.brand{padding-right:18px;font-size:24px}.header nav{gap:20px}.search-trigger{width:38px;justify-content:center}.search-trigger span,.search-trigger kbd{display:none}.header-actions{gap:12px}.hero-inner{padding-inline:28px;grid-template-columns:43% 57%}.hero-art{margin-left:-16px;margin-right:12px}.hero-proof li{padding-inline:10px;font-size:11px}.feature{padding-inline:22px}.quick-start{gap:32px}.quick-copy h2{font-size:30px}.benefits>.content>div{gap:16px;padding-inline:18px}.benefits span{font-size:11px}}
@media(max-width:850px){.content{width:calc(100% - 48px)}.header{height:72px}.header nav{gap:17px}.header nav a:last-child{display:none}.header-actions>.github-link{display:none}.header-actions>.small{padding:8px 12px}.brand{border:0;padding:0}.hero-inner{grid-template-columns:40% 60%;min-height:430px}.hero-art{margin-left:-20px;margin-right:0}.hero-copy{padding-left:10px}h1{font-size:36px}.intro{font-size:14px}.hero-buttons{gap:10px}.button{font-size:12px;padding:12px 15px;gap:9px;min-height:46px}.hero-proof{flex-wrap:wrap;gap:12px 0;margin-top:22px}.hero-proof li{width:50%;border:0;padding:0}.features{grid-template-columns:repeat(2,1fr)}.feature{min-height:215px;padding:25px 28px 45px}.feature p{max-width:none}.quick-start{gap:26px;padding:22px;grid-template-columns:1fr}.quick-copy{grid-row:1}.quick-copy h2 br{display:none}.quick-copy h2{font-size:32px}.quick-copy>p:not(.eyebrow){max-width:570px}.terminal{width:100%}pre{font-size:14px}.benefits>.content{grid-template-columns:1fr 1fr;gap:24px}.benefits>.content>div{padding:0;border:0!important;gap:20px}.benefits span{font-size:12px}}
@media(max-width:600px){html{scroll-padding-top:20px}.content{width:calc(100% - 36px)}.header{height:68px;padding:0 18px;gap:14px;flex-wrap:wrap}.brand{font-size:23px;gap:7px}.brand-mark{width:34px;height:40px;background-size:42px}.header-actions{gap:10px;margin-left:auto}.header-actions>.small{font-size:11px;min-height:34px}.search-trigger{height:34px;width:34px}.menu-toggle{display:flex;order:3;width:28px;height:30px;padding:5px 0;flex-direction:column;justify-content:space-around;background:none;border:none}.menu-toggle span{height:2px;width:23px;background:#d4dbe2;border-radius:2px}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0d141d;border-bottom:1px solid #394450;height:auto;padding:20px 24px;flex-direction:column;align-items:flex-start;gap:20px}.header nav.open{display:flex}.header nav a:last-child{display:block}.header nav a.active:after{display:none}.hero{background-position:62% top}.hero-inner{display:flex;flex-direction:column;padding:12px 18px 30px;min-height:0}.hero-art{width:280px;margin:0 0 -13px;max-width:80vw}.hero-art img{mask-image:linear-gradient(to bottom,#000 80%,transparent),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.hero-copy{padding:0;width:100%;text-align:center}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:11px}h1{font-size:clamp(32px,8.5vw,44px);letter-spacing:-1px;margin-bottom:17px}.intro{font-size:14px;max-width:440px;margin:0 auto 23px;line-height:1.65}.hero-buttons{justify-content:center;gap:10px}.button{font-size:12px;padding:13px 14px}.button svg{width:18px;height:18px}.hero-proof{max-width:330px;margin:25px auto 0;justify-content:center;gap:13px}.hero-proof li{width:auto;justify-content:center;font-size:10px}.hero-proof svg{width:15px;height:15px}.features{gap:12px}.feature{padding:22px 17px 41px;min-height:234px}.feature-icon{width:33px;height:33px}.feature h2{font-size:17px;line-height:1.25}.feature p{font-size:12px;line-height:1.65}.quick-start{padding:20px 16px;margin-top:18px;gap:20px}.quick-copy h2{font-size:29px;line-height:1.2}.quick-copy>p:not(.eyebrow){font-size:14px}.quick-buttons{gap:10px}.quick-buttons .button{padding-inline:12px;font-size:11px}pre{font-size:11px;padding:14px 11px}.benefits>.content{gap:22px 16px;padding:23px 0}.benefits>.content>div{gap:11px;align-items:flex-start}.benefits svg{width:22px;height:22px;margin-top:5px}.benefits strong{font-size:11px}.benefits span{font-size:10px;white-space:normal;display:block;line-height:1.6}footer{gap:10px;font-size:10px;padding:22px 0}.footer-brand{font-size:13px}footer svg{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* The transparent brand artwork sits naturally on the shared landscape. */
.hero-art img{mask-image:none}.hero-art{padding:22px 8px}
.brand-mark{height:42px;background-position:center top;background-size:64px auto}
@media(max-width:600px){.brand-mark{height:33px;background-size:50px auto}}
/* Reuse the transparent artwork, showing its wordmark and tagline in the header. */
.brand-wordmark{display:block;width:145px;height:43px;overflow:hidden;flex-shrink:0}
.brand-wordmark img{display:block;width:145px;height:145px;max-width:none;transform:translateY(-102px)}
@media(max-width:600px){.brand-wordmark{width:105px;height:32px}.brand-wordmark img{width:105px;height:105px;transform:translateY(-74px)}}
/* Preserve the supplied artwork instead of the generated cutout's altered details. */
.brand-mark{background-image:url('/assets/beskar-original.png');background-size:80px auto;background-position:center 11%}
.brand-wordmark{width:145px;height:43px}
.brand-wordmark img{width:185px;height:185px;transform:translate(-20px,-117px)}
.hero-art img{mask-image:linear-gradient(to bottom,#000 85%,transparent),linear-gradient(to right,transparent,#000 8%,#000 91%,transparent);mask-composite:intersect}
@media(max-width:600px){.brand-mark{background-size:64px auto}.brand-wordmark{width:105px;height:32px}.brand-wordmark img{width:134px;height:134px;transform:translate(-14px,-85px)}}

/* Use the selected transparent logo consistently in the header and hero. */
.brand-mark{background-image:url('/assets/beskar-cutout.webp');background-size:64px auto;background-position:center top}
.brand-wordmark{width:145px;height:43px}
.brand-wordmark img{width:145px;height:145px;transform:translateY(-102px)}
.hero-art img{mask-image:none}
@media(max-width:600px){.brand-mark{background-size:50px auto}.brand-wordmark{width:105px;height:32px}.brand-wordmark img{width:105px;height:105px;transform:translateY(-74px)}}