/* Production shell for the selected design. */
.topbar{margin-top:28px}.topbar nav{font-size:13px;gap:24px}.public-footer{max-width:1120px;margin:0 auto;padding:44px 0 28px;color:var(--ink)}.footer-top{display:flex;gap:30px;justify-content:space-between;align-items:flex-start;padding-bottom:35px}.footer-top nav,.footer-top>div{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px}.public-footer a:not(.logo){display:inline-flex;min-height:44px;align-items:center}.public-footer a:hover{color:var(--accent)}.legal{border-top:1px solid var(--line);padding:28px 0}.legal-name{font-size:15px;line-height:1.7;margin-top:0;font-weight:550}.legal dl{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;margin:22px 0 0}.legal dt{font-size:12px;color:var(--muted);line-height:1.6}.legal dd{font-size:14px;margin:6px 0 0;line-height:1.7;overflow-wrap:anywhere}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted);padding-top:22px;border-top:1px solid var(--line)}.service-intro,.service-body,.service-contact{max-width:850px;margin:0 auto}.service-intro{padding:62px 0 50px}.service-intro>.plain-link{margin-bottom:30px}.service-intro h1{font-size:49px;line-height:1.13;font-weight:500;letter-spacing:-.05em;margin:0 0 30px}.service-intro>p{font-size:18px;line-height:1.8;color:var(--muted)}.service-intro>p+p{margin-top:20px}.service-intro .contact-actions{margin-top:30px}.service-body{padding-bottom:65px;font-size:16px;line-height:1.85}.service-body h2{font-size:32px;line-height:1.2;margin:45px 0 24px;letter-spacing:-.035em}.service-body h3{font-size:23px;margin:30px 0 20px}.service-body p{margin:0 0 20px}.service-body ul,.service-body ol{padding-left:24px;margin:20px 0 27px}.service-body li{padding-left:4px;margin-bottom:11px}.service-contact{border-top:1px solid var(--line);padding:45px 0 65px}.service-contact h2{font-size:37px;line-height:1.2;margin-bottom:22px}.service-contact p{color:var(--muted);font-size:17px}.not-found{max-width:800px;margin:100px auto;padding:30px}.not-found p{margin:25px 0}.service-body a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1200px){.public-footer{margin-inline:48px}.service-intro,.service-body,.service-contact{margin-inline:auto;padding-left:35px;padding-right:35px;max-width:900px}}
@media(max-width:760px){.topbar{margin-top:16px}.public-footer{margin-inline:22px;padding-top:35px}.footer-top{display:block;padding-bottom:25px}.footer-top .logo{display:inline-block;margin-bottom:22px}.footer-top nav,.footer-top>div{font-size:12px;gap:5px 17px}.footer-top>div{margin-top:10px}.legal-name{font-size:14px}.legal dl{grid-template-columns:1fr 1fr;gap:20px}.legal-address{grid-column:1/-1}.legal dd{font-size:13px}.footer-bottom{font-size:11px;display:block}.footer-bottom>span{display:block;margin-top:7px}.service-intro{padding-top:35px;padding-bottom:35px}.service-intro,.service-body,.service-contact{padding-left:22px;padding-right:22px}.service-intro h1{font-size:36px;margin-bottom:25px}.service-intro>p{font-size:16px;line-height:1.75}.service-body{font-size:15px;padding-bottom:35px}.service-body h2{font-size:28px;margin-top:35px}.service-contact{padding-top:35px;padding-bottom:40px}.service-contact h2{font-size:31px}.service-contact p{font-size:15px}.service-page .contact-actions .button{font-size:12px}.not-found{margin:50px auto;padding:22px}.not-found h1{font-size:38px}}
/* Business analysis: a brief and concrete outputs, before delivery stages. */
.studio main>.analysis{border-top:1px solid var(--line);padding-top:64px;padding-bottom:64px;scroll-margin-top:28px}
.analysis-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}
.analysis-intro h2{font-size:44px;line-height:1.12;letter-spacing:-.045em;max-width:570px}
.analysis-intro>p{font-size:17px;line-height:1.8;color:var(--muted);padding-top:4px}
.analysis-deliverables{margin-top:40px;padding:30px 36px 6px;border-radius:28px;background:var(--tint)}
.analysis-outputs{list-style:none;padding:0;margin:0}
.analysis-outputs li{padding:24px 0;border-top:1px solid #cfc4df}
.analysis-outputs li>div{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px}
.analysis-outputs h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin:0}
.analysis-outputs li p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.analysis-note{font-size:13px;line-height:1.8;color:var(--muted);max-width:880px;margin-top:24px}
@media(max-width:900px){.analysis-intro{gap:30px}.analysis-intro h2{font-size:38px}.analysis-outputs li>div{gap:25px}.analysis-outputs h3{font-size:20px}}
@media(max-width:760px){.studio main>.analysis{padding-top:40px;padding-bottom:45px;scroll-margin-top:16px}.analysis-intro{display:block}.analysis-intro h2{font-size:34px}.analysis-intro>p{font-size:15px;margin-top:22px}.analysis-deliverables{margin-top:28px;padding:24px 22px 2px;border-radius:22px}.analysis-outputs li{padding:22px 0}.analysis-outputs li>div{display:block}.analysis-outputs h3{font-size:20px}.analysis-outputs li p{font-size:14px;line-height:1.75;margin-top:12px}.analysis-note{font-size:12px;margin-top:20px}}

.analysis-outputs li:first-child{border-top:0;padding-top:0}

/* Selected palette: Graphite. Owner decision, 2026-10-19. */
:root{--page:#fafafa;--ink:#202124;--muted:#585b61;--line:#d9dce0;--accent:#27292d;--action:#202124;--action-ink:#ffffff;--hover:#3b3e45;--tint:#f0f1f2;--card:#ffffff;--focus:#30343b;}

.topbar{border-color:var(--line)}
.intro .overline,.showcase-tabs button span{color:var(--muted)}
.showcase{background:var(--tint)}
.showcase-tabs button[aria-selected=true]{box-shadow:0 2px 10px #0000000a}
.transition-panel::before{background:#ced1d5}
.transition-panel::after{background:#e0e2e5}
.stack-slot:nth-child(n) .scroll-stack-card{background:var(--card);box-shadow:0 0 0 1px var(--line),0 -8px 24px -18px #0000001a}
.studio main>.contact{background:var(--tint)}
.wordmark,.demo-open{color:var(--ink)}
.analysis-deliverables{background:var(--tint)}
.analysis-outputs li{border-color:var(--line)}
.demo-web{box-shadow:0 10px 28px #0000000f}
.demo-web button:focus-visible{outline-color:var(--focus)}

.example-toolbar,.example-footer{color:var(--muted)}
.example-container .demo-web{box-shadow:0 12px 50px #00000012}