/* Spark composition. Palette and font are consumed from the application pack. */
[data-application-style="spark"]{
 --syn-canvas:var(--spark-paper);--syn-text:var(--spark-ink);--syn-heading:var(--spark-ink);--syn-secondary:var(--spark-muted);--syn-surface:var(--spark-paper);--syn-divider:var(--spark-line);--syn-link:var(--spark-ink);--syn-focus:var(--spark-blue);--syn-button-background:var(--spark-ink);--syn-button-text:var(--spark-paper);--syn-font-latin:var(--spark-font);--syn-font-heading:600;--syn-font-label:600;--spark-card:var(--spark-white);color-scheme:light;
}
.ai .topbar{border-bottom:0;gap:16px}
.ai .navigation{font-size:14px;gap:8px 28px}
.ai .navigation .navcontact{background:var(--spark-lime);color:var(--spark-ink);border:1px solid var(--spark-ink);border-radius:100px;padding-inline:22px}
.ai .hero{grid-template-columns:1.08fr 1fr;gap:40px;padding-block:48px 56px;align-items:center}
.ai .eyebrow{color:var(--syn-secondary);font-size:11px;letter-spacing:.08em;line-height:1.8}
.ai .eyebrow:before{width:8px;height:8px;border-radius:50%;background:currentColor}
.ai .hero h1{font-size:clamp(48px,5.1vw,72px);font-weight:500;letter-spacing:-.065em;line-height:1.06;margin:28px 0}
.ai .hero h1 em{color:var(--syn-heading);font-style:normal}
.ai .hero p{max-width:440px;margin-bottom:32px}
.ai .btn{border-radius:100px;min-height:52px;font-size:15px;padding:14px 24px}
.ai .btn:hover{background:var(--spark-lime);color:var(--spark-ink);border-color:var(--spark-ink)}
.ai .textlink{font-size:14px}
.ai .hero .actions{align-items:flex-start;flex-direction:column;gap:12px}
.spark-poster{display:block;overflow:hidden;aspect-ratio:1;border-radius:28px;background:var(--spark-lime);border:1px solid var(--spark-ink)}
.spark-network{display:block;width:100%;height:100%;object-fit:contain}
.ai .light{background:var(--syn-canvas);border:0;padding-block:72px 40px}
.ai .sectiontop{grid-template-columns:1.1fr 1fr;gap:64px;margin-bottom:32px}
.ai .sectiontop h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.14;letter-spacing:-.05em}
.ai .sectiontop p{max-width:420px}
.spark-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ai .offering{display:flex;flex-direction:column;position:relative;gap:0;min-height:292px;padding:32px;border:1px solid var(--syn-divider);border-radius:24px;background:var(--spark-card);overflow:hidden}
.ai .offering:nth-child(2){background:var(--spark-teal);--syn-focus:var(--spark-ink);--syn-heading:var(--spark-ink);--syn-secondary:var(--spark-ink);--syn-link:var(--spark-ink)}
.ai .offering:nth-child(3){background:var(--spark-blue);--syn-focus:var(--spark-white);--syn-heading:var(--spark-white);--syn-secondary:var(--spark-white);--syn-link:var(--spark-white)}
.ai .offering:nth-child(4){background:var(--spark-lime);--syn-focus:var(--spark-ink);--syn-heading:var(--spark-ink);--syn-secondary:var(--spark-ink);--syn-link:var(--spark-ink)}
.ai .offering .num{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em;margin-bottom:40px}
.ai .offering h3{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin-bottom:16px;padding-right:28px}
.ai .offering p{max-width:440px}
.ai .interest{position:absolute;right:24px;top:24px;width:48px;height:48px;font-size:24px;border-color:currentColor;color:var(--syn-link)}
.ai .interest:hover{color:var(--spark-ink);background:var(--spark-white)}
.ai .contact{background:var(--syn-canvas);border:0;padding-block:32px 64px}
.ai .contactgrid{border-top:1px solid var(--syn-divider);padding-top:64px;gap:64px;grid-template-columns:1fr 1.15fr}
.ai .contact h2{font-size:clamp(44px,5vw,68px);font-weight:500;letter-spacing:-.06em;line-height:1.05}
.ai .contact p{max-width:380px}
.ai .email{font-size:20px;margin-block:20px}
.ai input,.ai select,.ai textarea{border-radius:12px;background:var(--spark-card);border-color:var(--syn-secondary)}
.ai .field{font-size:13px}
.ai .contact .formnote{font-size:13px;max-width:none}
.ai .footer{border-top:1px solid var(--syn-divider);font-size:12px;padding-block:32px 48px}
.ai .draft{border-radius:16px}
.ai .copy{border-radius:100px}
.ai .privacy h1{font-weight:500;letter-spacing:-.05em}
@media(min-width:768px) and (max-width:1023px){.ai .hero{gap:28px}.ai .hero h1{font-size:48px}.ai .navigation{gap:8px 16px}}
@media(max-width:767px){.ai .topbar{gap:0;padding-block:0 12px}.ai .navigation{gap:4px 16px;font-size:13px}.ai .navigation .navcontact{padding-inline:16px}.ai .hero{grid-template-columns:1fr;gap:32px;padding-block:36px 32px}.ai .hero h1{font-size:clamp(46px,10vw,72px);line-height:1.06;margin:24px 0}.ai .hero p{max-width:560px}.ai .hero .actions{flex-direction:row;align-items:center;gap:12px 20px}.spark-poster{max-width:540px;width:100%;align-self:center}.ai .light{padding-block:44px}.ai .sectiontop{grid-template-columns:1fr;gap:24px}.ai .sectiontop h2{font-size:36px}.spark-cards{gap:12px}.ai .offering{padding:24px;min-height:320px}.ai .offering h3{font-size:24px}.ai .interest{top:16px;right:16px}.ai .contactgrid{grid-template-columns:1fr;gap:36px;padding-top:44px}.ai .contact h2{font-size:52px}.ai .contact p{max-width:none}.ai .footer{gap:24px}}
@media(max-width:540px){.spark-cards{grid-template-columns:1fr}.ai .offering{min-height:272px}.ai .hero .actions{align-items:flex-start;flex-direction:column}.ai .contactform{grid-template-columns:1fr}.ai .sectiontop h2{font-size:32px}.spark-poster{border-radius:24px}.ai .hero h1{font-size:clamp(42px,10vw,54px)}}
@media(prefers-reduced-motion:reduce){.ai{scroll-behavior:auto}}