/* Scoped for aixgrowth.ai: every rule applies only inside <div class="ais-root">. Generated by next-handoff.mjs. */
.ais-root .sa-time { padding: 104px 0 96px; border-radius: 36px 36px 0 0; margin-top: -36px; z-index: 2; }
.ais-root .sa-time h2, .ais-root .sa-out h2, .ais-root .sa-why h2 { margin-top: 16px; font-size: clamp(32px, 4vw, 52px); line-height: 1.05; letter-spacing: -.04em; font-weight: 500; }
.ais-root .tl { display: grid; gap: 26px; }
.ais-root .tl-row { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 8px 24px; align-items: center; }
.ais-root .tl-l { font-size: 14px; color: var(--on-light-mute); line-height: 1.4; }
.ais-root .tl-l b { display: block; font-size: 17px; color: var(--on-light); letter-spacing: -.01em; }
.ais-root .tl-bar { display: flex; height: 54px; border-radius: 14px; overflow: hidden; }
.ais-root .tl-bar--old { gap: 3px; }
.ais-root .tl-bar--old span { display: flex; align-items: center; padding: 0 12px; background: #e8dfcf; color: #6b5a3d; font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ais-root .tl-bar--old span:nth-child(even) { background: #ded2bd; }
.ais-root .tl-bar--new { background: #ece9df; }
.ais-root .tl-bar--new span { width: var(--w); min-width: 22px; background: linear-gradient(90deg, var(--signal), var(--lime)); border-radius: 14px; box-shadow: 0 0 24px rgba(188,232,95,.6); }
.ais-root .tl-note { grid-column: 2; display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--grass); font-weight: 600; }
.ais-root .tl-note .ic { width: 15px; height: 15px; }
.ais-root .tl-src { font-size: 12.5px; color: #8a9888; }
.ais-root .sa-line { background: linear-gradient(180deg, var(--ink-2), var(--forest)); color: var(--on-dark); padding: 112px 0 116px; overflow: hidden; }
.ais-root .line { position: relative; }
.ais-root .stations { position: relative; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
.ais-root .stations::before { content: ""; position: absolute; left: 2%; right: 2%; top: 50px; height: 10px; border-radius: 6px; background: repeating-linear-gradient(90deg, rgba(141,253,186,.35) 0 14px, rgba(141,253,186,.08) 14px 22px); background-size: 22px 10px; animation: belt 1.2s linear infinite; }
@keyframes belt { to { background-position: 22px 0; } }
.ais-root .stn { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 2px; }
.ais-root .stn-n { font-size: 11px; font-weight: 700; color: var(--on-dark-faint); letter-spacing: .1em; }
.ais-root .stn-ic { position: relative; z-index: 1; margin-top: 8px; width: 62px; height: 62px; border-radius: 18px; display: grid; place-items: center; background: #0f2f1f; border: 1px solid rgba(141,253,186,.3); color: var(--mint); box-shadow: 0 0 0 6px var(--ink-2); }
.ais-root .stn-ic .ic { width: 26px; height: 26px; }
.ais-root .stn h3 { margin-top: 14px; font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
.ais-root .stn p { margin-top: 6px; font-size: 13px; line-height: 1.45; color: var(--on-dark-mute); }
.ais-root .stn-t { margin-top: 10px; font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: rgba(255,255,255,.06); color: var(--on-dark); }
.ais-root .stn--you .stn-ic { background: var(--lime); color: var(--ink); border-color: var(--lime); box-shadow: 0 0 0 6px var(--ink-2), 0 0 0 10px rgba(188,232,95,.2); }
.ais-root .stn--you h3 { color: var(--lime); }
.ais-root .stn--you .stn-t { background: rgba(188,232,95,.16); color: var(--lime); }
.ais-root .kit { margin-top: 34px; padding: 18px 22px; border-radius: 20px; border: 1px dashed rgba(188,232,95,.45); background: rgba(188,232,95,.05); display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.ais-root .kit-l { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--lime); }
.ais-root .kit-l .ic { width: 17px; height: 17px; }
.ais-root .kit-row { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }
.ais-root .kit-row span { padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 13px; color: var(--on-dark); }
.ais-root .kit-from { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--on-dark-mute); }
.ais-root .kit-from .ic { width: 14px; height: 14px; color: var(--mint); }
.ais-root .sa-out { background: var(--paper); padding: 104px 0 96px; }
.ais-root .ads { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ais-root .ad { margin: 0; }
.ais-root .ad-tag { display: inline-block; margin-bottom: 8px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--grass); }
.ais-root .ad-art { aspect-ratio: 1; border-radius: 16px; padding: 18px; display: flex; flex-direction: column; position: relative; overflow: hidden; box-shadow: 0 20px 40px -28px rgba(0,0,0,.45); }
.ais-root .ad-logo { font-size: 12px; font-weight: 800; letter-spacing: -.01em; opacity: .9; }
.ais-root .ad-logo::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 3px; background: currentColor; margin-right: 6px; vertical-align: -1px; }
.ais-root .ad-h { margin-top: auto; font-size: clamp(16px, 1.45vw, 21px); line-height: 1.12; font-weight: 700; letter-spacing: -.025em; }
.ais-root .ad-s { margin-top: 8px; font-size: 12.5px; line-height: 1.35; opacity: .85; }
.ais-root .ad-cta { margin-top: 12px; align-self: flex-start; padding: 6px 12px; border-radius: 999px; font-size: 11.5px; font-weight: 700; }
.ais-root .ad--a .ad-art { background: #1f2a5c; color: #fff; }
.ais-root .ad--a .ad-cta { background: #ff8a3d; color: #1f2a5c; }
.ais-root .ad--b .ad-art { background: #ff8a3d; color: #1f2a5c; }
.ais-root .ad--b .ad-cta { background: #1f2a5c; color: #fff; }
.ais-root .ad--c .ad-art { background: #f3efe6; color: #1f2a5c; }
.ais-root .ad--c .ad-cta { background: #1f2a5c; color: #fff; }
.ais-root .ad--c .ad-h { font-family: Georgia, serif; font-weight: 400; font-style: italic; }
.ais-root .ad--d .ad-art { background: linear-gradient(160deg, #1f2a5c 50%, #2e3d80); color: #fff; }
.ais-root .ad--d .ad-cta { background: #fff; color: #1f2a5c; }
.ais-root .ad--e .ad-art { background: #fff; color: #1f2a5c; border: 1px solid #e3e0d6; }
.ais-root .ad--e .ad-cta { background: #ff8a3d; color: #1f2a5c; }
.ais-root .ad--f .ad-art { background: #ffd6b8; color: #1f2a5c; }
.ais-root .ad--f .ad-cta { background: #1f2a5c; color: #fff; }
.ais-root .ad-art::after { content: ""; position: absolute; right: -30%; top: -30%; width: 70%; height: 70%; border-radius: 50%; background: currentColor; opacity: .06; }
.ais-root .sizes { margin-top: 28px; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; }
.ais-root .sizes p { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--on-light-mute); margin-right: 6px; align-self: center; }
.ais-root .sizes p .ic { width: 17px; height: 17px; color: var(--grass); }
.ais-root .sz { display: grid; place-items: center; border-radius: 8px; background: var(--white); border: 1.5px solid #1f2a5c33; font-size: 12px; font-weight: 700; color: #1f2a5c; }
.ais-root .sz-11 { width: 48px; height: 48px; }
.ais-root .sz-45 { width: 44px; height: 55px; }
.ais-root .sz-916 { width: 36px; height: 64px; }
.ais-root .sz-191 { width: 76px; height: 40px; }
.ais-root .sa-why { padding: 24px 0 104px; background: var(--paper); }
.ais-root .saw-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start; padding-top: 56px; border-top: 1px solid var(--line-light); }
.ais-root .why { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ais-root .why li { padding: 20px; border-radius: 18px; background: var(--white); border: 1px solid var(--line-light); font-size: 14.5px; line-height: 1.55; color: var(--on-light-mute); }
.ais-root .why b { display: block; margin-bottom: 6px; font-size: 16px; color: var(--on-light); letter-spacing: -.01em; }
@media (max-width: 1100px) {
.ais-root .saw-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
.ais-root .stations { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 30px; }
.ais-root .stations::before { display: none; }
.ais-root .ads { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
.ais-root .tl-row { grid-template-columns: minmax(0, 1fr); }
.ais-root .tl-note { grid-column: 1; }
.ais-root .tl-bar--old span { font-size: 0; padding: 0; }
.ais-root .why { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
.ais-root .sa-time { padding: 80px 0 72px; border-radius: 26px 26px 0 0; margin-top: -26px; }
.ais-root .sa-line { padding: 84px 0 88px; }
.ais-root .stations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ais-root .ads { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ais-root .ad-art { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
.ais-root .stations::before { animation: none; }
}