@font-face{font-family:Nacelle;src:url('assets/nacelle-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Nacelle;src:url('assets/nacelle-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--font-inter:Arial,Helvetica,sans-serif;--font-nacelle:Nacelle,Arial,sans-serif;color-scheme:dark}body.sf-open{background:#0a1020;color:#e2e8f0;line-height:1.6;overflow-wrap:break-word}.sf-open a:focus-visible,.sf-open button:focus-visible,.sf-open summary:focus-visible{outline:3px solid #a5b4fc;outline-offset:5px}.open-skip{position:absolute;left:20px;top:-70px;background:#fff;color:#172332;padding:10px;z-index:50}.open-skip:focus{top:15px}.open-brand,.sf-brand{display:inline-flex;align-items:center;gap:9px;font-family:Nacelle,Arial,sans-serif;font-weight:600;font-size:21px;white-space:nowrap}.open-brand img,.sf-brand img{width:32px;height:32px}.open-header{border:1px solid #ffffff0d}.open-header nav{display:flex;gap:25px;margin-left:auto;font-size:13px;color:#b1bdd0}.open-header .btn-sm{white-space:nowrap;font-size:12px;margin-left:16px}.open-glow{position:absolute;top:0;left:0;right:0;height:900px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 5%,#5b39c32e,transparent 65%)}.sf-open h1{font-size:clamp(38px,5.3vw,67px);line-height:1.06;letter-spacing:-.045em}.sf-open h2{line-height:1.15;letter-spacing:-.04em}.open-kicker,.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;color:#a5b4fc;margin-bottom:22px}.open-actions{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.sf-open .btn,.sf-open .btn-sm{border-radius:8px;min-height:44px;text-decoration:none}.sf-open .btn{gap:15px;font-size:14px}.open-small{margin-top:20px;font-size:12px;color:#8f9bb3}.open-preview{border:1px solid #47556966;border-radius:15px;overflow:hidden;box-shadow:0 0 70px #6366f11b;margin:0}.open-preview img{width:100%;height:auto}.open-preview figcaption{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#9aa9c0;background:#10192b;padding:12px 18px}.open-proof{display:flex;justify-content:center;gap:15px 35px;flex-wrap:wrap;font-size:12px;color:#9aa9c0;margin-top:28px}.open-proof span:before{content:'✓';color:#a5b4fc;margin-right:9px}.open-description{color:#a2abc4;font-size:17px;line-height:1.7;margin:22px 0}.section-wrap{max-width:1152px;margin:auto;padding-inline:24px}.open-workflow{padding-block:20px 80px}.sf-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sf-card{border-radius:16px;background:linear-gradient(130deg,#1c2740,#111b2c);border:1px solid #c7d2fe15;overflow:hidden}.sf-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.sf-card>div{padding:26px}.sf-card h3{font-size:21px;color:#e2e8f0;font-weight:600;margin:12px 0;font-family:Nacelle,Arial,sans-serif}.sf-card p{font-size:14px;color:#a2abc4;line-height:1.75;margin-bottom:22px}.sf-card a:not([data-lightbox]){font-size:12px;color:#b9c5fb}.open-start{padding:70px 0;background:#0d1628;border-block:1px solid #c7d2fe12}.open-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.open-start ol{padding:0;list-style:none;margin:0}.open-start li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #c7d2fe15}.open-start li>span{color:#a5b4fc;font:12px monospace}.open-start li h3{font-size:18px;font-weight:600;margin-bottom:9px}.open-start li p{font-size:14px;color:#a2abc4}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:75px;padding-block:80px}.faq-section h2{font-family:Nacelle,Arial,sans-serif;font-size:35px}.faq-section details{border-bottom:1px solid #c7d2fe20;padding:22px 0}.faq-section summary{cursor:pointer;font-weight:600;font-size:15px;display:flex;justify-content:space-between;gap:15px}.faq-section details p{padding-top:15px;color:#a2abc4;font-size:14px;line-height:1.8}.faq-section details a{color:#b9c5fb;text-decoration:underline}.open-final{text-align:center;padding:65px 24px;background:radial-gradient(ellipse at 50% 0%,#5f48a538,transparent 75%),#10192b;border:1px solid #c7d2fe20;border-radius:20px}.open-final p:not(.open-kicker){margin:23px 0 28px;color:#a2abc4;font-size:15px}.sf-footer{padding-top:65px;padding-bottom:35px;font-size:12px;color:#9aa9c0}.footer-main{display:flex;align-items:center;flex-wrap:wrap;gap:25px}.sf-footer .sf-brand{color:#e2e8f0}.sf-footer nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:12px 18px}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-top:25px;padding-top:22px;border-top:1px solid #c7d2fe15;font-size:10px}.sf-open .image-dialog{margin:auto;width:min(96vw,1600px);max-height:94vh;overflow:auto;border:1px solid #475569;border-radius:12px;background:#111b2c;color:#e2e8f0;padding:18px}.sf-open .image-dialog::backdrop{background:#020617e6}.sf-open .image-dialog img{width:100%;height:auto}.image-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:15px}.image-dialog-bar button{padding:7px 12px;border:1px solid #475569;background:#1c2740;border-radius:7px;cursor:pointer}.image-dialog>p{font-size:11px;color:#9aa9c0;margin-top:12px}
@media(max-width:767px){.open-header nav{display:none}.open-header .btn-sm{margin-left:auto}.open-kicker{font-size:9px}.sf-feature-grid,.open-start-grid,.faq-section{grid-template-columns:1fr}.open-start-grid{gap:35px}.sf-feature-grid{gap:22px}.faq-section{gap:28px;padding-block:55px}.open-start{padding-block:50px}.open-final{padding:50px 20px}.sf-footer nav{width:100%;margin-left:0}.open-preview figcaption>span{display:none}.open-preview figcaption{font-size:9px}.open-proof{font-size:10px;gap:12px 20px}.sf-card img{object-fit:contain}.sf-open h1{font-size:clamp(34px,8.8vw,52px)}.sf-open .text-xl{font-size:17px}.open-actions .btn{width:100%;max-width:340px;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Homepage welcome offer, restored 3 October 2026. */
.intro-banner{position:relative;z-index:35;display:flex;gap:30px;align-items:center;justify-content:center;padding:17px 28px;border-bottom:1px solid #506943;background:linear-gradient(100deg,#1b332a,#253927 55%,#182b32);color:#eff7e8}.promo-kicker{font:10px/1.4 monospace;letter-spacing:1.2px;color:#cbef9a}.intro-banner p{margin:5px 0 0;font-size:15px;color:#e2efdb}.intro-banner strong{font-size:20px;font-weight:700;color:#d8ffa7}.intro-banner small{display:block;color:#bdd0bf;font-size:11px;margin-top:3px}.promo-clock{padding-left:28px;border-left:1px solid #536650}.promo-clock>span{display:block;font-size:11px;color:#c4d3c5}.promo-clock time{display:block;font:20px/1.4 'Consolas',monospace;color:#e8ffcd;white-space:nowrap}.promo-action{border:1px solid #8cac69;border-radius:7px;color:#edffce;padding:9px 14px;font-size:13px;white-space:nowrap}.regular-price{font-size:13px;color:#b0bbc4;display:block}.intro-price{color:#caf094!important;font-size:28px!important}.regular-price[hidden]{display:none}@media(max-width:800px){.intro-banner{gap:12px;padding:14px 18px;flex-wrap:wrap;justify-content:space-between}.promo-clock{border:0;padding:0}.intro-banner>div:first-child{flex:1 1 220px}.promo-clock time{font-size:17px}.promo-kicker{font-size:9px}.promo-action{font-size:12px;padding:7px 10px}.intro-banner small{font-size:10px}}

.intro-banner[hidden]{display:none}

/* Local review candidate: Free introduction and small-screen browser route. */
.hero-actions{margin-top:24px}.mobile-start{display:none}.free-first-design{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left}.free-first-design li{display:flex;gap:16px;padding:24px;border:1px solid #c7d2fe20;border-radius:12px;background:#10192b}.free-first-design li>span{font:12px/1.8 monospace;color:#8ce7e1}.free-first-design h3{font:600 17px/1.4 Nacelle,Arial,sans-serif;margin:0 0 8px}.free-first-design p{font-size:13px;line-height:1.7;color:#a2abc4;margin:0}.free-scope{max-width:780px;margin:20px auto 0;text-align:center;font-size:12px;line-height:1.8;color:#9aa9c0}.free-scope a{color:#c7d2fe;text-decoration:underline}.sf-open .open-preview figcaption{flex-wrap:wrap}
@media(max-width:767px){.hero-actions a[href="guide.html#studio"]{order:-1;border:1px solid #7676ce;background:#383b83;color:#fff}.mobile-start{display:block;text-align:left;max-width:340px;margin:22px auto 0;padding:16px 18px;border:1px solid #c7d2fe20;border-radius:10px;background:#10192b}.mobile-start>span{font-size:13px;font-weight:600;color:#e2e8f0}.mobile-start p{font-size:12px;line-height:1.7;color:#a2abc4;margin:6px 0 10px}.mobile-start a{font-size:12px;color:#c7d2fe;text-decoration:underline}.free-first-design{grid-template-columns:1fr;gap:12px;margin-top:28px}.free-first-design li{padding:18px}.free-scope{text-align:left}}

.hero-actions a[href="https://api.subforge.studio/v1/downloads/free/windows"]{order:0}.hero-actions a[href="guide.html#studio"]{order:1}@media(max-width:767px){.hero-actions a[href="guide.html#studio"]{order:-1}}

/* One real SPL project, shown assembled, in cutaway and exploded. */
.spl-main video{display:block;width:100%;height:auto;background:#10192b}.spl-still{display:block;margin-top:5px;font-size:11px;letter-spacing:0;color:#b9c5fb;text-decoration:underline}.spl-still img[hidden]{display:none}
.spl-showcase{padding-block:30px 80px}.spl-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:32px}.spl-intro .open-description{margin:0 0 18px}.spl-intro .text-link,.spl-note a{color:#b9c5fb;font-size:13px;text-decoration:underline;text-underline-offset:4px}.spl-main,.spl-details figure{margin:0;border:1px solid #c7d2fe20;border-radius:16px;overflow:hidden;background:#10192b}.spl-showcase figure>a{display:block}.spl-showcase img{display:block;width:100%;height:auto}.spl-main figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px}.spl-main figcaption>span{font-size:10px;letter-spacing:.13em;color:#8ce7e1}.spl-main ul{display:flex;gap:32px;list-style:none;padding:0;margin:0}.spl-main li{font-size:13px;color:#a2abc4}.spl-main strong{font-size:21px;font-weight:600;color:#e2e8f0;margin-right:6px}.spl-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.spl-details figcaption{padding:22px 24px}.spl-details h3{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 8px}.spl-details p{font-size:14px;color:#a2abc4;margin:0;line-height:1.7}.spl-note{font-size:12px;line-height:1.8;color:#9aa9c0;margin:20px 0 0}.spl-note a{font-size:inherit}
@media(max-width:767px){.spl-showcase{padding-block:10px 55px}.spl-intro{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.spl-details{grid-template-columns:1fr;gap:18px;margin-top:18px}.spl-main figcaption{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.spl-main ul{flex-wrap:wrap;gap:8px 20px}.spl-main strong{font-size:18px}.spl-main li{font-size:12px}.spl-details figcaption{padding:20px}}

/* 1.17.0 preview: preserve the complete UI in screenshot thumbnails. */
.sf-explore-video{display:block;width:100%;height:auto;background:#05090f}.open-preview a{color:#b9c5fb;text-decoration:underline}.open-preview img[hidden]{display:none}.sf-card-117 img{display:block;aspect-ratio:16/9;object-fit:contain;background:#061820}.sf-build-showcase{padding-block:0 80px}.sf-build-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sf-build-shots figure{margin:0;border:1px solid #c7d2fe20;border-radius:16px;overflow:hidden;background:#10192b}.sf-build-shots img{display:block;width:100%;height:auto}.sf-build-shots figcaption{padding:22px 24px}.sf-build-shots h3{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 8px}.sf-build-shots p{font-size:14px;color:#a2abc4;line-height:1.7;margin:0}@media(max-width:767px){.sf-build-shots{grid-template-columns:1fr;gap:18px}.sf-build-showcase{padding-bottom:55px}.open-preview figcaption{flex-wrap:wrap}}

.sf-explore-preview{max-width:720px;margin-inline:auto}.sf-explore-video{aspect-ratio:1/1;object-fit:contain}

/* A new chapter: Design leads, with the square animation in its own section. */
.sf-release{position:relative;margin-top:0}.sf-release-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:52px;margin-bottom:32px;padding:38px;border:1px solid #a5b4fc30;border-radius:20px;background:radial-gradient(ellipse at 5% 0%,#6552c42e,transparent 60%),radial-gradient(ellipse at 100% 100%,#2dd4bf16,transparent 65%),#10192b}.sf-release-badge{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#b9c5fb;margin:0 0 18px}.sf-release-badge span{color:#84e4d8;font-size:22px;line-height:1}.sf-release h2{font-size:clamp(36px,4vw,54px);font-weight:600;font-family:Nacelle,Arial,sans-serif;line-height:1.1;margin:0 0 18px;color:#edf0ff}.sf-release-message{font-size:16px;line-height:1.8;color:#b5bed3;margin:0 0 20px;max-width:560px}.sf-release-link,.sf-release-free a{font-size:13px;color:#b9c5fb;text-decoration:underline;text-underline-offset:4px}.sf-release-free{border-left:1px solid #a5b4fc30;padding-left:32px}.sf-free-label{font-size:10px;font-weight:600;letter-spacing:.1em;color:#84e4d8}.sf-release-free h3{font-family:Nacelle,Arial,sans-serif;font-size:25px;line-height:1.2;margin:12px 0 14px;font-weight:600;color:#e2e8f0}.sf-release-free p,.sf-release-free li{font-size:13px;line-height:1.7;color:#adb8cf}.sf-release-free ul{list-style:disc;padding-left:18px;margin:13px 0 18px}.sf-release-free li+li{margin-top:4px}.sf-release-screenshot{box-shadow:0 0 70px #6366f119}.sf-release-screenshot img{display:block}.sf-explore-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;padding-block:10px 80px}.sf-explore-section .sf-explore-preview{width:100%;margin:0}.sf-explore-copy h2{margin:0}.sf-explore-copy .text-link{font-size:13px;color:#b9c5fb;text-decoration:underline;text-underline-offset:4px}.sf-explore-hint{font-size:13px;color:#84e4d8;margin:0 0 20px}.sf-explore-section figcaption{flex-wrap:wrap}@media(max-width:767px){.sf-release-intro{grid-template-columns:1fr;gap:28px;padding:25px 22px;margin-bottom:22px}.sf-release-free{border-left:0;border-top:1px solid #a5b4fc30;padding-left:0;padding-top:25px}.sf-release-badge{font-size:9px;letter-spacing:.08em}.sf-release-message{font-size:15px}.sf-explore-section{grid-template-columns:1fr;gap:24px;padding-bottom:55px}.sf-release-screenshot figcaption{flex-wrap:wrap}}