:root{color-scheme:light;--ink:#13243d;--muted:#4e6074;--blue:#183f70;--gold:#dfb86d;--paper:#f5f3ed;--line:#d6dce2;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{min-height:48px;border:1px solid var(--blue);border-radius:7px;background:var(--blue);color:#fff;font-weight:700;padding:14px 20px;cursor:pointer;text-align:left}button:hover{background:#0c2d55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex="-1"]:focus{outline:3px solid #a25813;outline-offset:5px}button:disabled{opacity:.6;cursor:default}[hidden]{display:none!important}.skip{position:absolute;top:-90px;left:16px;background:#fff;padding:15px;z-index:5}.skip:focus{top:10px}.masthead,footer{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 40px}.masthead>a:last-child{font-size:14px}.brand{text-decoration:none;font-weight:800;font-size:23px;letter-spacing:2px}.brand span{display:block;font-size:10px;letter-spacing:2.1px;margin-top:6px}.intro{max-width:1120px;margin:34px auto 40px;padding:0 40px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;line-height:1.6;margin:0 0 16px}h1{font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-3px;font-weight:650;margin:20px 0 26px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.lede{max-width:660px;font-size:20px;line-height:1.6}.boundary{max-width:870px;padding:16px 20px;border-left:3px solid var(--gold);background:#ebe8df;font-size:14px;line-height:1.65;margin:28px 0 0}h2{font-size:30px;line-height:1.18;letter-spacing:-.7px;margin:0 0 16px}h3{font-size:21px;line-height:1.3}p{line-height:1.65}#experience,.fallback{max-width:1120px;margin:0 auto 60px;padding:0 40px}.setup{background:#fff;border:1px solid var(--line);border-radius:14px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.setup p{color:var(--muted)}.setup-controls{display:flex;flex-direction:column;gap:10px}.setup-controls label{font-weight:700;font-size:14px}.setup-controls select{margin:0 0 10px;padding:12px;background:#fff;color:var(--ink);border:1px solid #8b9aaa;border-radius:6px;min-height:48px;width:100%}.journey-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.journey-bar p{font-weight:700}.quiet{background:transparent;color:var(--blue)}.quiet:hover{background:#e7edf4}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdc7d1;margin:0 0 24px}.steps li{font-weight:700;font-size:14px;padding:18px 12px;color:var(--muted);border-top:3px solid transparent}.steps li[aria-current]{color:var(--blue);border-color:var(--blue);background:#e7edf4}.steps span{display:inline-block;margin-right:8px;font-size:12px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 280px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.stage-pane{padding:36px}.caption{color:var(--muted);font-size:13px}.thread{padding:30px 26px;background:var(--ink);color:#fff}.thread .eyebrow{color:var(--gold)}.thread h2{font-size:24px}.thread ol{list-style:none;margin:30px 0;padding:0}.thread li{border-top:1px solid #536174;padding:18px 0 0;margin-bottom:20px}.thread li>span{color:#dcb86e;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1px}.thread li p{font-size:14px;margin:8px 0}.thread-note{font-size:12px;color:#c6d2e2}fieldset{border:0;padding:0;margin:24px 0}legend{font-weight:700;margin-bottom:12px}.opportunities{display:grid;gap:12px}.choice{display:flex;gap:12px;align-items:flex-start;line-height:1.5;border:1px solid var(--line);border-radius:8px;padding:16px;margin:8px 0;cursor:pointer}.choice:has(input:checked){border-color:var(--blue);background:#eff4fa}.choice input{accent-color:var(--blue);width:20px;height:20px;flex:0 0 auto;margin:2px 0 0}.choice strong{display:block}.choice small{display:block;font-size:14px;color:var(--muted);margin-top:5px}blockquote{font:24px/1.5 Georgia,serif;margin:24px 0;padding-left:20px;border-left:3px solid var(--gold)}.record{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f3f5f8;padding:20px;border-radius:8px}.record dt{font-size:12px;color:var(--muted);margin-bottom:6px}.record dd{margin:0;font-weight:700;font-size:14px;line-height:1.5}.draft,.outcome{border-left:3px solid var(--gold);padding:18px 22px;background:#f8f4e9;margin:24px 0}.draft .eyebrow{font-size:10px;margin:0}.draft p:last-child{margin-bottom:0}.text-button{display:block;background:none;border:0;color:var(--blue);padding-left:0;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.text-button:hover{background:none;color:#071d39}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.metrics>div{background:#eff4fa;padding:22px;border-radius:8px}.metrics strong{display:block;font-size:38px;letter-spacing:-1px}.metrics span{font-size:14px;line-height:1.5;display:block;margin-top:8px}.limit{font-size:14px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap}footer{border-top:1px solid var(--line);font-size:12px;line-height:1.5}.fallback{line-height:1.7}.fallback li{margin:16px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:850px){.workbench{grid-template-columns:1fr}.thread ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.thread li{margin:0}.setup{gap:25px;padding:28px}.stage-pane{padding:28px}}
@media(max-width:560px){.masthead,footer{padding:22px;align-items:flex-start;flex-direction:column;gap:16px}.intro{padding:0 22px;margin:22px 0 30px}h1{letter-spacing:-1.8px;font-size:44px}.lede{font-size:18px}#experience,.fallback{padding:0 16px}.setup{grid-template-columns:1fr;padding:24px;gap:18px}.journey-bar{align-items:flex-start;flex-direction:column;gap:4px}.steps li{font-size:12px;padding:14px 7px}.steps span{display:block;margin-bottom:5px}.stage-pane{padding:25px 20px}h2{font-size:27px}.thread{padding:26px 22px}.thread ol{grid-template-columns:1fr;gap:20px}.record{grid-template-columns:1fr}.metrics{gap:10px}.metrics>div{padding:16px}.metrics strong{font-size:32px}button{max-width:100%;width:100%}.actions{display:grid;width:100%}blockquote{font-size:22px}}

/* Six-step guided walkthrough; scoped to this standalone route. */
.steps{grid-template-columns:repeat(6,minmax(0,1fr))}.steps li{font-size:12px;padding:15px 10px}.steps span{display:block;margin-bottom:6px}.diagnosis{padding:22px;background:#eff4fa;border-radius:8px;margin:24px 0}.diagnosis h3{margin-top:0}.before{border:1px dashed #aab6c3;border-radius:8px;padding:18px 22px;margin:24px 0}.before p:last-child{margin-bottom:0}.website-preview{background:#f8f4e9;border:1px solid #d3bd91;border-radius:10px;padding:28px;margin:20px 0}.website-preview h3{font:32px/1.2 Georgia,serif;letter-spacing:-.5px}.sample-brand{font-size:13px;font-weight:700;color:var(--blue);border-bottom:1px solid #d3bd91;padding-bottom:16px}.expectation{font-size:14px;border-left:3px solid var(--gold);padding-left:14px}.decision-list{margin:28px 0}.decision-list li,.service-path li{line-height:1.65;margin:10px 0}.decision-list ol,.service-path ul{padding-left:22px}.service-path{display:grid;gap:18px;margin:26px 0}.service-path article{padding:24px;border:1px solid var(--line);border-radius:8px}.service-path article:last-child{background:#eff4fa}.service-path h3{margin-top:0}.service-path p,.service-path li{font-size:15px}.stage-pane{min-width:0}.steps li{overflow-wrap:break-word}
@media(max-width:700px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.website-preview{padding:22px}.website-preview h3{font-size:28px}.service-path article{padding:20px}}

/* Launch-readiness refinement, limited to the showroom experience. */
.intro{margin:20px auto 28px}h1{font-size:clamp(38px,5vw,62px);letter-spacing:-2px;margin:14px 0 18px}.intro .lede{max-width:760px;font-size:18px;margin:0 0 12px}.journey-promise{font-size:14px;font-weight:700;color:var(--blue);margin:12px 0}.boundary{font-size:12px;line-height:1.6;padding:12px 16px;margin-top:18px;max-width:900px}.setup-help{font-size:14px;line-height:1.5;margin:0 0 8px!important}.setup-controls select{margin-bottom:4px}.business-meaning{border-left:3px solid var(--gold);padding-left:16px;margin:18px 0 24px}.business-meaning>strong{font-size:13px;color:var(--blue)}.business-meaning p{margin:6px 0 0}.contact-next{background:var(--blue);color:#fff;border-radius:10px;padding:26px;margin:28px 0}.contact-next h3{margin-top:0}.contact-next .caption{color:#e4ebf3;font-size:13px}.contact-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:15px 20px;border-radius:7px;background:#f3d69f;color:#13243d;font-weight:700;text-decoration:none;line-height:1.5}.contact-link:hover{background:#ffe7ba}.contact-link:focus-visible{outline-color:#fff;outline-offset:5px}.choice{min-height:64px}.stage-pane h2{scroll-margin-top:24px}.service-path article{padding:22px}.text-button{min-height:48px}.steps{margin-bottom:20px}button,a,input,select{-webkit-tap-highlight-color:#dfb86d55}
@media(max-width:560px){.masthead{padding:18px 22px;gap:12px}.intro{margin:10px 0 24px}h1{font-size:38px;line-height:1.09;letter-spacing:-1.4px}.intro .lede{font-size:16px;line-height:1.6}.intro .eyebrow{margin-bottom:10px}.boundary{font-size:12px}.journey-promise{font-size:13px}.contact-next{padding:22px 18px}.contact-link{width:100%;font-size:15px}.business-meaning{padding-left:12px}.steps li{padding:11px 7px}.stage-pane{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Established lockup from app.js, styles.css and brand-polish.css, scoped here. */
.masthead .logo{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:#0e1c36;text-decoration:none;font:800 16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.8px;flex-shrink:0}
.masthead .logo-mark{position:relative;display:grid;place-items:center;width:39px;height:39px;overflow:visible;border-radius:12px;color:#fff;font-size:28px;font-weight:900;letter-spacing:-5px;line-height:1;border:1px solid rgba(255,255,255,.4);background:linear-gradient(145deg,#35b3f1 0%,#287bef 70%);box-shadow:4px 4px 0 rgba(229,183,46,.92)}
.masthead .logo-mark:after{content:"";position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#b7f1ff}
.masthead .logo-word small{display:block;color:#0e1c36;font-size:10px;font-weight:800;letter-spacing:1.35px;line-height:1.2;margin-top:2px;white-space:nowrap}
@media(min-width:861px){.masthead .logo{gap:8px;white-space:nowrap}.masthead .logo-mark{width:34px;height:34px;border-radius:10px;font-size:25px}}
@media(max-width:700px){.masthead .logo-mark{box-shadow:3px 3px 0 rgba(229,183,46,.9)}}