/* AI service components. Shared tokens, shell, header, footer, type,
   controls and homepage hero come directly from the canonical theme stylesheet. */
.tws-ai-nav a[aria-current="page"] {
    color:var(--tws-action)!important}
.tws-ai-section {
    padding:var(--tws-space-16) clamp(var(--tws-space-5),6vw,var(--tws-space-24))}
.tws-ai-section.tws-ai-feature {
    border-block:1px solid var(--tws-border);
    background:var(--tws-surface-1)}
.tws-ai-section.tws-ai-support {
    background:var(--tws-surface-1)}
.tws-ai-wrap {
    width:100%;
    min-width:0}
.tws-ai-two-col,.tws-ai-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:var(--tws-space-10);
    align-items:center}
.tws-ai-section h2 {
    margin:0 0 var(--tws-space-6);
    font-size:clamp(2rem,4vw,3rem);
    line-height:1.15;
    letter-spacing:-.035em;
    font-weight:500}
.tws-ai-section h3,.tws-ai-step h3 {
    margin:0 0 var(--tws-space-3);
    font-size:1.5rem;
    line-height:1.3;
    font-weight:500}
.tws-ai-section p,.tws-ai-hero-grid p {
    margin-bottom:var(--tws-space-6);
    color:var(--tws-text-body);
    line-height:1.6}
.tws-ai-section .tws-ai-lead,.tws-ai-hero-grid .tws-ai-lead {
    font-size:1.25rem;
    line-height:1.6}
.tws-ai-section .tws-home-eyebrow,.tws-ai-hero-grid .tws-home-eyebrow {
    margin-bottom:var(--tws-space-4);
    color:var(--tws-brand);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase}
.tws-ai-buttons {
    display:flex;
    flex-wrap:wrap;
    gap:var(--tws-space-4);
    margin-block:var(--tws-space-8) var(--tws-space-5)}
.tws-ai-page .tws-button,.tws-ai-home .tws-button {
    max-width:100%;
    text-align:center}
.tws-ai-small,.tws-ai-demo-picture figcaption {
    font-size:.875rem;
    color:var(--tws-text-muted)!important}
.tws-ai-demo-picture {
    margin:0;
    min-width:0}
.tws-ai-demo-picture img {
    display:block;
    width:100%;
    height:auto;
    border:1px solid var(--tws-border)}
.tws-ai-picture-head {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:var(--tws-space-2);
    padding:var(--tws-space-4);
    background:var(--tws-surface-2);
    border:1px solid var(--tws-border);
    border-bottom:0;
    font-size:.75rem;
    color:var(--tws-text-body)}
.tws-ai-demo-picture figcaption {
    margin-top:var(--tws-space-3)}



.tws-ai-service-hero {
    display:block!important}
.tws-ai-service-hero .tws-public-hero__copy {
    display:block!important}
.tws-ai-hero-grid .tws-public-hero__title {
    margin-bottom:var(--tws-space-8)!important;
    font-size:clamp(3rem,5vw,5rem)!important;
    max-width:15ch!important}
.tws-ai-sequence {
    background:var(--tws-surface-1);
    border:1px solid var(--tws-border);
    border-radius:var(--tws-radius-lg);
    padding:var(--tws-space-6)}
.tws-ai-step {
    display:grid;
    grid-template-columns:2rem minmax(0,1fr);
    gap:var(--tws-space-4);
    border-bottom:1px solid var(--tws-border);
    padding-block:var(--tws-space-6)}
.tws-ai-step:first-child {
    padding-top:0}
.tws-ai-step:last-child {
    border:0;
    padding-bottom:0}
.tws-ai-step strong,.tws-ai-number {
    font-size:.75rem;
    color:var(--tws-action)}
.tws-ai-step p {
    font-size:.875rem;
    margin-bottom:0}
.tws-ai-section-intro {
    max-width:54ch;
    margin-bottom:var(--tws-space-10)}
.tws-ai-offer-list {
    display:grid;
    gap:var(--tws-space-8)}
.tws-ai-offer-list article {
    padding-top:var(--tws-space-6);
    border-top:1px solid var(--tws-border)}
.tws-ai-number {
    display:block;
    margin-bottom:var(--tws-space-4)}
.tws-ai-offer-list p {
    margin-bottom:0}
.tws-ai-demo-label {
    padding-left:var(--tws-space-4);
    border-left:3px solid var(--tws-action);
    margin-top:var(--tws-space-6);
    font-size:.875rem}
.tws-ai-details details {
    border-top:1px solid var(--tws-border);
    padding-block:var(--tws-space-5)}
.tws-ai-details details:last-child {
    border-bottom:1px solid var(--tws-border)}
.tws-ai-details summary {
    font-size:1.125rem;
    font-weight:600;
    cursor:pointer;
    min-height:2.75rem}
.tws-ai-details p {
    max-width:60ch;
    margin-top:var(--tws-space-4);
    margin-bottom:0}
.tws-ai-service-hero .tws-ai-hero-grid>div,.tws-ai-two-col>div {
    min-width:0}
.tws-ai-service-hero .tws-ai-hero-grid {
    padding:0}

@media(min-width:62rem) {
    .tws-ai-two-col,.tws-ai-hero-grid {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:var(--tws-space-12)}
.tws-ai-offer-list {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:var(--tws-space-12)}

}
@media(max-width:35.99rem) {
    .tws-ai-section {
    padding:var(--tws-space-10) var(--tws-space-5)}
.tws-ai-buttons .tws-button {
    width:100%}
}

body.tws-shell #main-body .tws-ai-home .tws-button--primary,body.tws-shell #main-body .tws-ai-home .tws-button--primary:hover,body.tws-shell #main-body .tws-ai-home .tws-button--primary:focus {
    color:var(--tws-text-on-action)}
body.tws-shell #main-body .tws-ai-home .tws-button--secondary {
    color:var(--tws-text);
    border-color:var(--tws-border)}
body.tws-shell #main-body .tws-ai-home .tws-button--secondary:hover {
    background:var(--tws-surface-2)}

body.tws-shell.tws-template-ai-business-tools #main-body a.tws-button--primary,body.tws-shell.tws-template-ai-business-tools #main-body a.tws-button--primary:hover,body.tws-shell.tws-template-ai-business-tools #main-body a.tws-button--primary:focus {
    color:var(--tws-text-on-action)}
body.tws-shell.tws-template-ai-business-tools #main-body a.tws-button--secondary {
    color:var(--tws-text);
    border-color:var(--tws-border)}

body.tws-template-ai-business-tools #main-body {
    padding-top:0}
.tws-ai-hero-grid .tws-public-hero__title {
    font-weight:700}

.tws-ai-section h2,.tws-ai-section h3,.tws-ai-step h3 {
    color:var(--tws-text)}

.tws-ai-support-intro {
    align-items:start;
    margin-bottom:var(--tws-space-10);
}
.tws-ai-support-intro p:last-child {
    margin-bottom:0;
}
