/* Incorporation master: page composition built on the shared service design system. */
.tt-inc-gap{margin-top:var(--tt-space-6)}
.tt-inc-subhead{margin-top:var(--tt-space-7);margin-bottom:var(--tt-space-5)}
.tt-inc-note{margin-top:var(--tt-space-4)}
.tt-package-grid + .tt-price-note{margin-top:var(--tt-space-6)}
/* Page composition uses shared design tokens and reduced-motion fallbacks. */
.tt-svc-hero__lead{max-width:40rem}
.tt-inc-float{width:100%;max-width:32rem;padding:var(--tt-space-4);border-radius:var(--tt-r-l);background:var(--tt-glass-bg);border:1px solid var(--tt-glass-border);box-shadow:var(--tt-shadow-m)}
.tt-inc-float__head{padding:var(--tt-space-6) var(--tt-space-5) var(--tt-space-7);border-radius:var(--tt-r-m);background:var(--tt-ink-deep);color:var(--tt-on-dark)}
.tt-inc-float__head>span,.tt-inc-float__head>p{font-size:var(--tt-fs-caption)}
.tt-inc-float__head>span{letter-spacing:.06em}
.tt-inc-float__head h2{font:600 var(--tt-fs-h2-s)/1.1 var(--tt-font-head);color:var(--tt-white);margin-block:var(--tt-space-4)}
.tt-inc-float__cards{display:grid;gap:var(--tt-space-4);list-style:none;margin:calc(-1 * var(--tt-space-5)) 0 0;padding:0 var(--tt-space-2)}
.tt-inc-float__cards>li{--tt-enter-delay:150ms;position:relative;margin-right:var(--tt-space-6)}
.tt-inc-float__cards>li:nth-child(2){--tt-enter-delay:450ms;margin-inline:var(--tt-space-3)}
.tt-inc-float__cards>li:nth-child(3){--tt-enter-delay:750ms;margin-right:0;margin-left:var(--tt-space-6)}
.tt-inc-float__card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--tt-space-3);padding:var(--tt-space-5) var(--tt-space-4);border:1px solid var(--tt-line-strong);border-radius:var(--tt-r-m);background:var(--tt-white);box-shadow:var(--tt-shadow-m);color:var(--tt-ink)}
.tt-inc-float__card>svg{width:1rem;height:1rem;color:var(--tt-th-ink)}
.tt-inc-float__icon{display:grid;place-items:center;width:var(--tt-space-7);height:var(--tt-space-7);border-radius:var(--tt-r-s);background:var(--tt-th-wash);color:var(--tt-th-ink)}
.tt-inc-float__status{display:block;font-size:var(--tt-fs-caption);font-weight:600;color:var(--tt-th-ink);margin-bottom:var(--tt-space-2)}
.tt-inc-float__card h3{font:600 var(--tt-fs-body)/1.3 var(--tt-font-head);color:var(--tt-ink)}
.tt-inc-float__card p{font-size:var(--tt-fs-caption);line-height:1.5;color:var(--tt-muted);margin-top:var(--tt-space-2)}
.tt-inc-float__note{font-size:var(--tt-fs-caption);color:var(--tt-muted);margin:var(--tt-space-5) var(--tt-space-2) var(--tt-space-1)}
@keyframes tt-inc-arrive{from{opacity:0;transform:translateY(24px) rotate(-2deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .tt-inc-float__cards>li{animation:tt-inc-arrive 800ms var(--tt-ease) var(--tt-enter-delay) both}
}
.tt-inc-choice{margin-top:var(--tt-space-6)}
.tt-inc-choice>p:first-child{font:600 var(--tt-fs-h3)/1.3 var(--tt-font-head);color:var(--tt-ink)}
.tt-inc-choice__options{display:flex;flex-wrap:wrap;gap:var(--tt-space-3);margin-top:var(--tt-space-4)}
.tt-inc-choice .tt-chip{min-height:44px;white-space:normal;text-align:left;border-color:var(--tt-line-strong);color:var(--tt-ink)}
.tt-inc-choice .tt-chip[aria-pressed=true]{background:var(--tt-th-ink);border-color:var(--tt-th-ink);color:var(--tt-white)}
.tt-inc-choice__result{margin-top:var(--tt-space-3);font-size:var(--tt-fs-small);color:var(--tt-muted);min-height:1.6em}
.tt-package-grid{margin-top:var(--tt-space-5)}
.tt-package{transition:transform .3s var(--tt-ease),box-shadow .3s var(--tt-ease),border-color .2s}
.tt-package.is-recommended{border-color:var(--tt-th);box-shadow:0 0 0 2px var(--tt-th),var(--tt-shadow-m)} /* viền 3px teal (1px border + 2px vòng), không làm lệch layout */
.tt-package__top{margin-bottom:var(--tt-space-4);align-items:flex-start}
.tt-package .tt-tag{background:var(--tt-paper);color:var(--tt-muted);border-color:var(--tt-line)}
.tt-package__desc{min-height:3.2em}
.tt-inc-package-facts{display:grid;gap:var(--tt-space-2);padding-block:var(--tt-space-4);margin-top:var(--tt-space-3);border-block:1px solid var(--tt-line)}
.tt-inc-package-facts b{font-size:var(--tt-fs-small);color:var(--tt-ink)}
.tt-inc-package-facts span{font-size:var(--tt-fs-caption);color:var(--tt-muted)}
.tt-package__price{margin-block:var(--tt-space-5)}
.tt-package__details{margin-top:var(--tt-space-4)}
.tt-package__label{min-height:44px}
#tt-types .tt-svc-sec-head{margin-bottom:0}
#tt-types .tt-svc-fit{margin-top:var(--tt-space-5)}
#tt-types{padding-block:var(--tt-sec-y-s)}
.tt-who button[aria-selected=true]{border-color:var(--tt-th-ink)}
.tt-inc-choice button:focus-visible,.tt-inc-float__card:focus-visible{outline:2px solid var(--tt-th-ink);outline-offset:4px}
@media(max-width:1024px){
 .tt-package__desc{min-height:0}
 .tt-inc-float{max-width:34rem}
}
@media(max-width:767px){
 .tt-inc-float{padding:var(--tt-space-3)}
 .tt-inc-float__head{padding:var(--tt-space-5) var(--tt-space-4) var(--tt-space-7)}
 .tt-inc-float__cards{padding:0;gap:var(--tt-space-3)}
 .tt-inc-float__cards>li{margin-right:var(--tt-space-3)}
 .tt-inc-float__cards>li:nth-child(2){margin-inline:var(--tt-space-1)}
 .tt-inc-float__cards>li:nth-child(3){margin-left:var(--tt-space-3)}
 .tt-inc-float__card{padding:var(--tt-space-4) var(--tt-space-3);gap:var(--tt-space-2)}
 .tt-inc-choice__options{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){
 .tt-inc-float__cards>li{animation:none}
 .tt-package{transition:none}
}
.tt-svc-hero__copy .tt-answers{margin-block:var(--tt-space-5)}
/* Rail uses native page scroll as in V2. */
#tt-process .tt-rail__n{background:transparent}
#tt-process .tt-rail__step.is-on .tt-rail__n{color:var(--tt-ink)}
/* Heading and quote accents use the exact brand teal requested for this preview. */
.tt-svc-page h1 .tt-accent,.tt-svc-page h2 .tt-accent,.tt-svc-page .tt-quote__word.is-accent.is-lit{color:var(--tt-th)}
/* A single broad teal pool behind the upper-right corner reveals the glass. */
#tt-scope{overflow:clip}
#tt-scope>.tt-wrap{position:relative;isolation:isolate}
#tt-scope>.tt-wrap::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(70rem,110%);height:48rem;top:8rem;right:-15%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tt-th) 42%,transparent) 0%,color-mix(in srgb,var(--tt-th) 18%,transparent) 36%,transparent 70%)}
@media(max-width:767px){
 #tt-scope>.tt-wrap::before{width:38rem;height:42rem;top:12rem;right:-22rem}
}

/* G4 AI-C 30/10 (B-D04-1): 320px (WCAG 1.4.10 reflow) lưới .tt-cta--form lấy min-content 307px
   nên lead card + nút email tràn khỏi khung và bị .tt-cta overflow:hidden cắt. Ghim 1 cột co được
   và cho nút wrap; >=360px giữ nguyên. Gốc ở components.css -> BACKLOG B-D04-1. */
@media (max-width:359px){
 .tt-cta--form{grid-template-columns:minmax(0,1fr)}
 .tt-cta--form>*{min-width:0}
 .tt-cta--form .tt-cta__buttons .tt-btn{white-space:normal;text-align:left;max-width:100%}
}


/* G4 AI-C 30/10 (B-R01-7): service.js bật class .is-active nhưng service.css chỉ tô .is-shown nên
   chấm mục lục rail 1440 không sáng khi cuộn. Bù ở asset trang (nhóm trang dùng incorporation);
   sửa gốc (thống nhất tên class trong service.js/service.css) vẫn cần — xem BACKLOG B-R01-7. */
.tt-svc-rail a.is-active i{background:var(--tt-th);box-shadow:var(--tt-shadow-s);transform:scale(1.15)}