/* One closing sequence: plans, free design, questions. Typography uses the shared contract. */
/* Every main section shares the same content edges; the hero remains full bleed. */
#main>.section-shell,.site-footer{padding-inline:max(24px,calc((100% - 1240px)/2))}
#after-launch-title,.post-launch-services,#hub .enterprise-fit-layout,.software-story-heading,.software-story .idea-visual{max-width:none}
#after-launch{padding-top:88px;padding-bottom:88px}
#hub .fit-caption.sr-only,.software-story .visual-explanation.sr-only{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.software-response{display:flex;justify-content:space-between;gap:24px;padding-top:24px}
.software-response .software-story-action{display:block;max-width:none;margin:0}
.graphics-pause{display:grid;place-items:center;width:48px;height:48px;border:1px solid #39465b;border-radius:50%;background:transparent;color:#c0ccdf;cursor:pointer}
.graphics-pause svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2}
.graphics-pause .play-symbol{display:none}
.graphics-pause[aria-pressed=true] .pause-symbol{display:none}
.graphics-pause[aria-pressed=true] .play-symbol{display:block}
.graphics-pause:hover{background:#ffffff0b;color:white}
.graphics-pause:focus-visible{outline:2px solid #00cce8;outline-offset:5px}
#website-plan-details{padding-top:88px;padding-bottom:80px}
#request{display:block;padding-top:24px;padding-bottom:88px;background:#080b12}
.request-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center;max-width:1280px;margin:auto;padding:48px;border:1px solid #34384c;border-radius:24px;background:radial-gradient(ellipse at 0 0,#7560bd21,transparent 65%),#10141f}
#request .request-intro{min-width:0}
#request-title{color:#f4f6fb;margin:0;max-width:none}
#request-title>span{color:#b7a7f6}
#request .request-intro>p{max-width:44ch;margin:24px 0 32px;color:#bdc7d8}
#request .request-showcase{position:relative;margin:0;max-width:none;border:1px solid #454855;border-radius:10px;overflow:hidden;box-shadow:0 18px 44px #0004;transform:none;background:#090d14}
#request .request-showcase figcaption{padding:10px 16px;border-bottom:1px solid #34384c;color:#bcc6d7;font:400 var(--tt-type-interface)/1.5 var(--tt-type-family)}
#request .request-showcase>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none;animation:none;border-radius:0;filter:none}
#request .preview-form,#request .local-confirmation{background:none;color:#f4f6fb;border:0;border-radius:0;padding:0!important;box-shadow:none;max-width:none;min-width:0;align-self:center}
#request .preview-form{gap:24px}
#request .preview-form[hidden],#request .local-confirmation[hidden]{display:none!important}
#request .form-field{gap:10px;margin:0;min-width:0}
#request .form-field label{color:#eef1f8;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
#request .form-field label>span{color:#b3bdd0;margin-left:auto}
#request .form-field :is(input,textarea){width:100%;background:#0b101a;color:#f4f6fb;border:1px solid #465169;border-radius:8px;padding:14px 16px;box-shadow:none}
#request .form-field input{height:56px}
#request .form-field textarea{min-height:112px;resize:vertical}
#request .form-field :is(input,textarea)::placeholder{color:#9eacc2;opacity:1}
#request .form-field :is(input,textarea):focus{outline:2px solid #00cce8;outline-offset:2px;border-color:#00cce8}
#request .form-field [aria-invalid=true]{border-color:#ffa2ad}
#request .optional-details{margin:0;border-color:#354056}
#request .optional-details summary{padding:18px 0;color:#e1e7f3;min-height:56px}
#request .optional-details summary>span{color:#b7a7f6}
#request .optional-content{display:grid;gap:24px;padding:12px 0 24px}
#request .style-fieldset legend{color:#d5deee;margin-bottom:12px}
#request .style-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#request .style-options span{display:flex;align-items:center;min-height:52px;background:#0c111b;border:1px solid #465169;border-radius:8px;color:#c1cce0;padding:10px 12px;white-space:normal}
#request .style-options input:checked+span{background:#29233f;border-color:#bb9ff2;color:#f1e9ff}
#request .style-options input:focus-visible+span{outline:2px solid #00cce8;outline-offset:3px}
#request .request-submit{background:#00cce8;color:#04151c;min-height:56px;border:0;border-radius:8px}
#request .request-submit:hover{background:#77e6f5}
#request .prototype-form-note{border:0;margin:0;padding:0;color:#a7b5cb}
#request .form-error{color:#ffb6bf;margin:0}
#questions{padding-top:56px;padding-bottom:88px;border-top:1px solid #252d3b;background:#080b12;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
#questions h2{margin:0;color:#f4f6fb}
#questions .faq-list{border-top:1px solid #354056}
#questions .faq-list summary{padding:24px 0;gap:24px;color:#e7edf7}
#questions .faq-list summary>span{font-size:24px;flex:0 0 24px;text-align:center}
#questions .faq-list details>p{max-width:68ch;padding:0 32px 24px 0;margin:0;color:#bac6d9}
#questions .faq-list a{color:#80e5f1;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){
 .request-panel{padding:32px;gap:36px}
 #request .request-intro>p{margin-top:20px}
 #questions{grid-template-columns:1fr;gap:32px}
}
@media(max-width:800px){
 .request-panel{grid-template-columns:1fr;gap:36px;max-width:680px}
 #request .request-intro>p{max-width:48ch}
 #request .request-showcase{max-width:560px}
 #request .preview-form{width:100%}
}
@media(max-width:600px){
 #after-launch{padding-top:48px;padding-bottom:56px}
 #website-plan-details{padding-top:48px;padding-bottom:48px}
 #request{padding-top:0;padding-bottom:48px}
 .request-panel{padding:28px 22px;border-radius:16px;gap:32px}
 #request .request-intro>p{margin:20px 0 24px}
 #request .preview-form{gap:22px}
 #request .style-options{grid-template-columns:1fr}
 #questions{padding-top:48px;padding-bottom:48px}
 #questions h2 br{display:none}
 #questions .faq-list summary{padding:20px 0}
 #questions .faq-list details>p{padding-right:0}
}
@media(max-width:360px){#main>.section-shell,.site-footer{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.graphics-pause{display:none}.software-response{justify-content:flex-end}}

/* October 30 editorial correction: one heading per section, useful content intact. */
#main>section{scroll-margin-top:88px}
.local-original-hero .fin{top:75%;bottom:auto;height:0;min-height:0;padding:0;pointer-events:none}
.local-original-hero .hero-motion{width:46px;min-width:46px;height:46px;padding:11px;border-radius:50%;display:grid;place-items:center}
.local-original-hero .hero-motion svg{width:20px;height:20px;display:block}
#work{padding-bottom:88px}
#work .story-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:42px}
#work-title{margin:0}
#work .client-work-grid{margin-top:0;padding-top:0;border-top:0}
#work .dunedin-crop{aspect-ratio:1.8;overflow:hidden}
#work .dunedin-crop img{width:100%;height:auto;max-width:none;object-fit:initial;object-position:top;aspect-ratio:auto}
.software-response{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;padding-top:28px}
.software-story .visual-explanation{position:static;width:auto;height:auto;min-height:116px;max-width:67ch;display:flex;align-items:center;overflow:visible;white-space:normal;clip:auto;clip-path:none;margin:0;text-align:left;color:#c7d3e4}
.software-response .software-story-action{display:block;max-width:none;margin:0}
#website-plan-details .section-heading{margin-bottom:40px;align-items:center}
#plans-title{margin:0}
#website-plan-details{padding-bottom:72px}
#request{padding-top:24px;padding-bottom:88px}
.request-panel{padding:48px;gap:60px;align-items:start}
#request .request-intro>p{margin-top:24px;max-width:45ch}
#request-title{max-width:18ch}
#request .preview-form{align-self:start}
#request .request-showcase{margin-top:32px}
#request .request-showcase>img{border-radius:9px}
@media(max-width:1000px){.request-panel{padding:32px;gap:36px}.software-response{gap:30px}}
@media(max-width:800px){.software-response{grid-template-columns:1fr;gap:24px}.software-story .visual-explanation{min-height:0;max-width:none}.software-response .software-story-action{justify-self:start}}
@media(max-width:600px){
 #main>section{scroll-margin-top:76px}
 #work{padding-bottom:48px}
 #work .story-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:32px}
 #website-plan-details .section-heading{align-items:flex-start;flex-direction:column;gap:24px}
 #website-plan-details{padding-bottom:48px}
 #request{padding-top:12px;padding-bottom:48px}
 .request-panel{padding:28px 22px;gap:32px}
 #request-title{max-width:none}
 #request .request-intro>p{margin-top:20px}
 .software-response{padding-top:24px}
}

/* Let the optional free design follow the plans with the same breathing room. */
#request{padding-top:72px}
@media(max-width:600px){#request{padding-top:40px}}