/* Scoped for aixgrowth.ai: every rule applies only inside <div class="ais-root">. Generated by next-handoff.mjs. */
.ais-root .ph { position: relative; background: var(--night); color: var(--on-dark); padding: 112px 0 96px; overflow: hidden; isolation: isolate; }
.ais-root .ph .hero-glow { position: absolute; inset: -10% -10% auto; height: 120%; z-index: -1; pointer-events: none; background: radial-gradient(50% 50% at 25% 0%, rgba(47,158,68,.32), transparent 70%), radial-gradient(35% 45% at 90% 40%, rgba(188,232,95,.10), transparent 70%); }
.ais-root .ph-back { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--on-dark-mute); text-decoration: none; transition: color .2s; }
.ais-root .ph-back:hover { color: #fff; }
.ais-root .ph-back .ic { width: 16px; height: 16px; }
.ais-root .ph-grid { margin-top: 36px; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 56px; align-items: start; }
.ais-root .ph h1 { margin-top: 20px; font-size: clamp(42px, 6vw, 84px); line-height: 1; letter-spacing: -.045em; font-weight: 500; }
.ais-root .ph-problem { margin-top: 24px; font-size: clamp(19px, 1.7vw, 24px); line-height: 1.4; letter-spacing: -.015em; color: #fff; max-width: 640px; text-wrap: balance; }
.ais-root .ph-does { margin-top: 18px; max-width: 620px; font-size: 16.5px; line-height: 1.6; color: var(--on-dark-mute); text-wrap: pretty; }
.ais-root .ph-does span { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--lime); }
.ais-root .ph-actions { margin-top: 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ais-root .ph-act { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: transparent; color: var(--on-dark); font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; transition: background .2s, border-color .2s; }
.ais-root .ph-act .ic { width: 17px; height: 17px; }
.ais-root .ph-act:hover { background: rgba(188,232,95,.08); border-color: rgba(188,232,95,.5); }
.ais-root a.btn[href$=".pdf"]:hover .arrow { transform: translateY(3px); }
.ais-root .glance { padding: 24px 24px 20px; border-radius: 22px; border: 1px solid var(--line-dark); background: rgba(255,255,255,.035); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.ais-root .gl-h { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--on-dark-faint); }
.ais-root .glance dl { margin-top: 10px; }
.ais-root .glance dl > div { padding: 13px 0; border-bottom: 1px solid var(--line-dark); display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 12px; }
.ais-root .glance dl > div:last-child { border-bottom: 0; }
.ais-root .glance dt { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--on-dark-mute); }
.ais-root .glance dt .ic { width: 16px; height: 16px; color: var(--lime); }
.ais-root .glance dd { font-size: 14.5px; line-height: 1.45; color: var(--on-dark); font-weight: 500; }
.ais-root .glance dd small { display: block; margin-top: 3px; font-size: 12.5px; font-weight: 400; color: var(--on-dark-faint); }
.ais-root .gl-ours { margin-top: 10px; padding-top: 12px; border-top: 1px dashed var(--line-dark); font-size: 12.5px; color: var(--on-dark-faint); }
.ais-root .gl-ours::before { content: "●"; color: var(--lime); margin-right: 6px; font-size: 9px; vertical-align: 1px; }
.ais-root .pbk section > .wrap { position: relative; }
.ais-root .pbk .sec-head { margin-bottom: 44px; }
.ais-root .pbk .sec-head--left { margin-bottom: 40px; }
.ais-root .feas { background: var(--cream); padding: 104px 0 96px; border-top: 1px solid var(--line-light); }
.ais-root .feas-head { max-width: 760px; margin-bottom: 40px; }
.ais-root .feas-head h2 { margin-top: 16px; font-size: clamp(32px, 4vw, 52px); line-height: 1.05; letter-spacing: -.04em; font-weight: 500; }
.ais-root .feas-head h2 .acc { display: block; }
.ais-root .feas-head .sec-sub { margin-left: 0; }
.ais-root .feas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ais-root .fz { padding: 22px; border-radius: 20px; background: var(--white); border: 1px solid var(--line-light); }
.ais-root .fz h3 { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
.ais-root .fz h3 .ic { width: 30px; height: 30px; padding: 7px; border-radius: 50%; background: var(--ink); color: var(--lime); }
.ais-root .fz ul { margin-top: 14px; display: grid; gap: 8px; }
.ais-root .fz li { position: relative; padding-left: 16px; font-size: 14px; line-height: 1.5; color: var(--on-light-mute); }
.ais-root .fz ul li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: 1px; transform: rotate(45deg); background: var(--signal); }
.ais-root .fz > p { margin-top: 14px; font-size: 14px; line-height: 1.55; color: var(--on-light-mute); }
.ais-root .fz--tools { grid-column: span 2; }
.ais-root .fz table { margin-top: 14px; width: 100%; border-collapse: collapse; font-size: 13.5px; }
.ais-root .fz th { text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #8a9888; padding: 0 10px 8px 0; }
.ais-root .fz td { padding: 9px 10px 9px 0; border-top: 1px solid #14331d12; color: var(--on-light-mute); vertical-align: top; line-height: 1.4; }
.ais-root .fz td b { color: var(--on-light); font-weight: 600; }
.ais-root .fz--routes { grid-row: span 2; }
.ais-root .fz--routes ol { margin-top: 14px; display: grid; gap: 10px; counter-reset: r; }
.ais-root .fz--routes li { padding: 14px 14px 14px 46px; border-radius: 14px; background: #f5f8f2; position: relative; counter-increment: r; font-size: 13.5px; line-height: 1.5; color: var(--on-light-mute); }
.ais-root .fz--routes li::before { content: counter(r); position: absolute; left: 14px; top: 14px; width: 22px; height: 22px; border-radius: 50%; background: var(--ink); color: var(--lime); display: grid; place-items: center; font-size: 12px; font-weight: 700; }
.ais-root .rt-n { display: flex; justify-content: space-between; gap: 8px; font-size: 15px; font-weight: 600; color: var(--on-light); margin-bottom: 4px; }
.ais-root .rt-n span { font-size: 12px; font-weight: 600; color: var(--grass); white-space: nowrap; }
.ais-root .nu-sec { background: var(--cream); padding: 0 0 96px; }
.ais-root .nu-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ais-root .nu-grid > div { padding: 20px 22px; border-radius: 20px; border: 1px dashed #14331d33; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ais-root .nu-l { width: 100%; display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--on-light-mute); margin-bottom: 4px; }
.ais-root .nu-l .ic { width: 16px; height: 16px; color: var(--grass); }
.ais-root .nu { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: var(--white); border: 1px solid var(--line-light); text-decoration: none; font-size: 14px; font-weight: 600; transition: border-color .2s; }
.ais-root .nu:hover { border-color: var(--signal); }
.ais-root .nu b { font-family: var(--font-serif); font-style: italic; font-weight: 400; color: var(--grass); }
.ais-root .nu-none { font-size: 15px; color: var(--on-light); }
.ais-root .pn { background: var(--night); color: var(--on-dark); border-top: 1px solid rgba(255,255,255,.07); }
.ais-root .pn-in { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding-top: 26px; padding-bottom: 26px; }
.ais-root .pn a { text-decoration: none; display: grid; gap: 4px; }
.ais-root .pn a span { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--on-dark-faint); }
.ais-root .pn a span .ic { width: 14px; height: 14px; }
.ais-root .pn a b { font-size: 15px; font-weight: 600; color: var(--on-dark); }
.ais-root .pn a:hover b { color: var(--lime); }
.ais-root .pn-next { text-align: right; justify-items: end; }
.ais-root .pn-all { padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); font-size: 14px; font-weight: 600; color: var(--on-dark); }
@media (max-width: 1100px) {
.ais-root .ph-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
.ais-root .feas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ais-root .fz--routes { grid-row: auto; }
}
@media (max-width: 760px) {
.ais-root .pn-in { grid-template-columns: 1fr 1fr; }
.ais-root .pn-all { display: none !important; }
}
@media (max-width: 640px) {
.ais-root .ph { padding: 92px 0 80px; }
.ais-root .ph h1 { font-size: clamp(38px, 11vw, 52px); }
.ais-root .ph-actions .btn { width: 100%; justify-content: space-between; }
.ais-root .glance dl > div { grid-template-columns: 112px minmax(0, 1fr); }
.ais-root .feas { padding: 84px 0 88px; }
.ais-root .feas-grid { grid-template-columns: minmax(0, 1fr); }
.ais-root .fz--tools { grid-column: auto; overflow-x: auto; }
.ais-root .nu-grid { grid-template-columns: minmax(0, 1fr); }
}