/* Minimal draft-only additions. The three HELLOAI stylesheets stay unchanged. */
html { scroll-behavior: auto; scroll-padding-top: 112px; }
.vertical-draft { position: relative; z-index: 60; padding: 7px 24px; min-height: 32px; background: #071638; color: white; text-align: center; font: 600 11px/1.6 Inter,system-ui,sans-serif; letter-spacing: .06em; }
.vertical-draft a { color: white; margin-left: 18px; text-decoration: underline; text-underline-offset: 3px; }
.sx .story-header { top: 32px; position: absolute; }
.sx .essential { padding-top: 146px; padding-bottom: 64px; min-height: 0; }
.sx .essential h1 { text-align: center; font-size: clamp(39px,5.8vw,80px); letter-spacing: -.063em; max-width: 1000px; margin: 0 auto; }
.sx .essential h1 em { color: var(--blue); }
.sx .essential-lead { max-width: 840px; margin: 27px auto 0; }
.vertical-hero-actions { margin-top: 30px; text-align: center; }
.sx .vertical-hero-actions .button { color: #fff; background: #0759eb; }
.vertical-image-note { text-align: center; color: #596b85; font-size: .8rem; margin-top: 18px; }
.v1-sectors .image-pending img { object-fit: contain; }
.case-image-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 140px; padding: 20px; border: 1px dashed #a6badb; border-radius: inherit; background: #eef3fc; color: #344964; font-size: 13px; line-height: 1.4; text-align: center; }
.technical-cases { padding: 48px 24px 64px; background: #f4f7fc; }
.technical-cases > div { max-width: 1120px; margin: auto; }
.technical-cases h2 { font-size: clamp(28px,4vw,44px); line-height: 1.12; letter-spacing: -.04em; color: #071638; max-width: 720px; }
.technical-case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 28px; }
.technical-case-grid article { padding: 26px; border: 1px solid #e0e8f4; background: white; border-radius: 22px; }
.technical-case-grid h3 { font-size: 18px; line-height: 1.4; color: #071638; }
.technical-case-grid p { font-size: 15px; line-height: 1.65; }
.technical-case-grid .technical-request { color: #0759eb; font-weight: 600; }
#inizia .cta-actions .button-outline { margin-top: 12px; border-color: white; color: white; background: transparent; }
@media(max-width:759px) { .technical-case-grid { grid-template-columns: 1fr; } }
.vertical-handoff { font-size: .86rem; line-height: 1.65; color: #596b85; max-width: 400px; margin: 24px auto 0; padding: 18px 20px; border: 1px solid #e3eaf5; border-radius: 18px; }
#inizia .vertical-cta-copy { margin: 0; line-height: 1.65; color: #fff; }
#inizia .cta-box > h2 { grid-column: 1; }
#inizia .cta-actions { grid-column: 2; grid-row: 1 / 3; }
#inizia .vertical-contact { background: white; color: #0759eb; opacity: 1; cursor: default; }
#cta-note { color: white; font-size: .75rem; margin: 12px 0 0; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid #638fea; outline-offset: 4px; }
@media(max-width: 759px) {
  .sx .essential { padding-top: 122px; padding-bottom: 40px; }
  .sx .essential h1 { font-size: clamp(37px,9vw,52px); line-height: 1.075; }
  .vertical-draft { padding-left: 12px; padding-right: 12px; letter-spacing: 0; }
  .vertical-draft a { margin-left: 8px; }
  #inizia .cta-actions { grid-column: 1; grid-row: auto; }
}
@media(prefers-reduced-motion: reduce) { *,*::before,*::after { animation: none !important; transition: none !important; } }

/* Public site layout */
.sx .story-header{top:0}
.sx .essential{padding-top:114px}
@media(max-width:759px){.sx .essential{padding-top:104px}}