:root{--paper:#e9edef;--ink:#263946;--muted:#566a78;--accent:#315c84;--accent-ink:#fff;--surface:#fff;--line:#c4cfd6;--radius:7px}.stack-intro{padding-top:52px}.stack-opening{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}.stack-opening h1{font-family:Rothek,Somic,sans-serif;font-size:clamp(46px,6.9vw,92px);letter-spacing:-.06em;line-height:1.02;margin:0}.stack-opening p{font-size:20px;max-width:390px;line-height:1.5;margin-bottom:24px}.stack-owner-note{font-size:12px;color:var(--muted);margin:26px 0 36px;max-width:700px}.stack-workspace{border:1px solid #9daebb;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 16px 0 #cbd4da55}.stack-workspace-bar{min-height:55px;padding:13px 22px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:#dce4e9;font-size:13px}.workspace-glyph{font-size:22px;color:var(--accent);line-height:1}.stack-workspace-bar>span:last-child{margin-left:auto;color:var(--muted);font-size:11px}.stack-workspace-content{display:grid;grid-template-columns:265px 1fr}.stack-choices{padding:30px 18px;border-right:1px solid var(--line)}.stack-choices>p{font-size:13px;margin-left:12px}.stack-choices button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:5px;padding:12px;font-size:14px;color:var(--ink);margin-bottom:8px;min-height:48px}.stack-choices button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.stack-choices button[aria-pressed=true]{background:#e5edf5;border-color:#b1c4d5;color:#234f75}.stack-choice-note{margin:35px 12px 0;padding-top:22px;border-top:1px solid var(--line)}.stack-choice-note b{font-size:14px}.stack-choice-note p{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.6}.stack-canvas{min-width:0;padding:24px 42px 20px;background-color:#f5f7f8;background-image:radial-gradient(#c9d3da 1px,transparent 1px);background-size:18px 18px}.stack-ingress{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:12px;color:#506978}.stack-ingress svg{width:16px;height:25px;stroke:#728d9e;fill:none;stroke-width:1.5}.stack-host{max-width:550px;margin:3px auto 0;background:#fff;border:1px solid #8aa2b4;border-radius:8px;overflow:hidden}.stack-host-label{display:flex;justify-content:space-between;padding:14px 21px;border-bottom:1px solid #d2dce3;align-items:center;background:#edf2f6}.stack-host-label strong{font-size:14px}.stack-host-label span{font-size:11px;color:var(--muted)}.stack-application{margin:23px 25px 0;display:flex;align-items:center;gap:15px;background:#315c84;color:white;padding:17px;border-radius:5px}.stack-application b{font-size:15px;font-weight:500;display:block}.stack-application small{display:block;font-size:11px;color:#e1ebf3;margin-top:4px}.stack-tag{margin-left:auto;padding:3px 6px;border:1px solid #7e9bb6;border-radius:3px;font-size:9px}.container-symbol{display:flex;gap:3px;align-items:end;flex-shrink:0}.container-symbol i{display:block;width:6px;height:22px;border:1px solid #cedfeb}.container-symbol i:nth-child(2){height:29px}.stack-branch{height:33px;display:flex;justify-content:center}.stack-branch span{display:block;width:50%;height:18px;border-bottom:1px solid #91a7b5;position:relative}.stack-branch span:before{content:'';position:absolute;left:50%;height:18px;border-left:1px solid #91a7b5}.stack-branch span:after{content:'';position:absolute;inset:18px 0 auto;height:15px;border-inline:1px solid #91a7b5}.stack-dependencies{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 25px 24px}.stack-dependencies>div{border:1px solid #c9d4db;padding:15px 13px;border-radius:5px;background:#f5f7f8;display:grid;grid-template-columns:30px 1fr;gap:7px 10px;align-items:center}.stack-dependencies svg{width:30px;height:30px;fill:none;stroke:#627f91;stroke-width:1.5;grid-row:1/3}.stack-dependencies b{font-size:12px;font-weight:500}.stack-dependencies small{font-size:10px;color:var(--muted);line-height:1.5}.stack-host-bottom{display:flex;border-top:1px solid #c9d4db;background:#f6f8fa}.stack-host-bottom span{flex:1;text-align:center;font-size:11px;padding:10px}.stack-host-bottom span+span{border-left:1px solid #c9d4db}.stack-external{display:flex;align-items:center;flex-direction:column}.stack-dashed{height:25px;border-left:1px dashed #ad785e}.stack-external p{font-size:11px;text-align:center;padding:9px 15px;color:#885030;background:#faf4ee;border:1px dashed #cfaa92;margin:0;line-height:1.5}.stack-workspace-footer{display:flex;justify-content:space-between;gap:25px;background:#fff;border-top:1px solid var(--line);font-size:11px;padding:15px 22px;color:var(--muted)}.stack-workspace-footer a{color:var(--accent);text-decoration:underline;white-space:nowrap}.stack-section-heading{display:flex;gap:60px;align-items:end;justify-content:space-between;margin-bottom:38px}.stack-section-heading h2{font-size:clamp(34px,4vw,54px);margin:0}.stack-section-heading p{max-width:400px;color:var(--muted);margin:0}.stack-sequence ol{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:0;margin:0;counter-reset:stack}.stack-sequence li{padding-top:20px;border-top:2px solid #a0b2bf;display:flex;gap:15px}.stack-sequence li>span{width:28px;height:28px;border-radius:50%;border:1px solid #91a5b5;flex:0 0 auto;text-align:center;font-size:12px;line-height:27px}.stack-sequence h3{font-size:21px;letter-spacing:-.04em;margin:2px 0 13px}.stack-sequence li p{font-size:14px;color:var(--muted);margin:0}.stack-check-section{background:#dce5eb}.stack-check-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.stack-check-layout>div>p{max-width:350px;color:var(--muted)}.stack-check-progress{font-weight:700;color:var(--accent)!important;font-size:14px;padding-top:16px}.stack-checklist{border:0;padding:0;margin:0;min-width:0}.stack-checklist legend{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden}.stack-checklist label{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #aebfc9;cursor:pointer}.stack-checklist label:first-of-type{border-top:1px solid #aebfc9}.stack-checklist input{height:20px;width:20px;accent-color:#315c84;flex:0 0 auto;margin:3px 0 0}.stack-checklist b{display:block;font-size:16px;font-weight:500}.stack-checklist small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.stack-faq{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.stack-faq h2{font-size:40px}.eyebrow{text-transform:none;letter-spacing:0}.catalog-controls,.plan-card{border-radius:7px}.site-footer{background:#dce4e9}
@media(max-width:1000px){.stack-opening{gap:30px}.stack-opening h1{font-size:70px}.stack-opening p{font-size:18px}.stack-workspace-content{grid-template-columns:230px 1fr}.stack-canvas{padding:24px}.stack-tag{display:none}.stack-dependencies{margin:0 16px 20px;gap:10px}.stack-dependencies>div{display:block;padding:12px}.stack-dependencies svg{display:block;margin-bottom:10px}.stack-dependencies b,.stack-dependencies small{display:block}.stack-application{margin:20px 16px 0}.stack-check-layout{gap:40px}.stack-sequence ol{gap:22px}.stack-section-heading{gap:30px}}
@media(max-width:740px){.stack-intro{padding-top:30px}.stack-opening{grid-template-columns:1fr;gap:20px}.stack-opening h1{font-size:clamp(45px,11vw,68px)}.stack-opening p{font-size:17px;max-width:430px}.stack-owner-note{font-size:11px;margin-bottom:25px}.stack-workspace-bar{padding:12px 15px}.stack-workspace-bar>span:last-child{display:none}.stack-workspace-content{grid-template-columns:1fr}.stack-choices{border-right:0;border-bottom:1px solid var(--line);padding:16px}.stack-choices>p{margin:0 0 10px;font-size:12px}.stack-choices>div[role=group]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stack-choices button{display:flex;flex-direction:column;padding:10px 5px;font-size:10px;text-align:center;gap:7px;line-height:1.4;margin:0}.stack-choice-note{margin:16px 0 0;padding-top:13px}.stack-choice-note p{font-size:12px;margin-top:6px}.stack-choice-note b{font-size:13px}.stack-canvas{padding:20px 12px}.stack-host-label{padding:12px}.stack-application{padding:12px;margin:16px 12px 0;gap:10px}.stack-application b{font-size:13px}.stack-application small{font-size:10px}.stack-dependencies{margin:0 12px 16px;gap:9px}.stack-dependencies b{font-size:11px}.stack-dependencies small{font-size:9px}.stack-workspace-footer{flex-direction:column;gap:7px;padding:13px 16px;font-size:10px}.stack-section-heading{display:block}.stack-section-heading p{margin-top:22px;font-size:15px}.stack-sequence ol{grid-template-columns:1fr;gap:25px}.stack-sequence li{padding-top:18px}.stack-check-layout,.stack-faq{grid-template-columns:1fr;gap:25px}.stack-check-layout h2,.stack-faq h2{font-size:36px}.stack-check-progress{padding-top:0}.stack-faq h2{margin:0}}