/* ============================================================
   about.css — SAR Marine · About Us (design-reference rebuild)
   Layout/structure from reference mockup, SAR Marine branding.
   ============================================================ */

.abt2-page { background: var(--color-bg); }

/* ── SHARED SECTION ── */
.abt2-section { padding-block: clamp(var(--space-12), 5vw, var(--space-20)); }
.abt2-section--alt { background: var(--color-bg-alt); }
.abt2-section--dark { background: var(--color-bg-dark); position: relative; overflow: hidden; }
.abt2-section--dark::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px); background-size:48px 48px; pointer-events:none; }
.abt2-section--dark > .container { position: relative; z-index: 1; }

.abt2-eyebrow { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-xs); font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--color-orange); margin-bottom:var(--space-3); }
.abt2-eyebrow svg { width:14px; height:14px; }
.abt2-eyebrow--light { color: var(--color-orange-light); }
.abt2-h2 { font-family:var(--font-display); font-size:clamp(var(--text-xl), 2.6vw, var(--text-3xl)); font-weight:800; color:var(--color-ink); line-height:var(--leading-tight); letter-spacing:-0.02em; margin-bottom:var(--space-3); }
.abt2-h2--light { color: var(--color-white); }
.abt2-body { font-size:var(--text-base); color:var(--color-ink-40); line-height:var(--leading-loose); max-width:64ch; margin-bottom:var(--space-6); }
.abt2-body--light { color: rgba(255,255,255,0.7); }

/* ── BUTTONS ── */
.abt2-btn { display:inline-flex; align-items:center; gap:var(--space-2); font-weight:700; font-size:var(--text-sm); padding:0.75rem 1.5rem; border-radius:var(--radius-md); transition:all var(--transition-fast); cursor:pointer; border:2px solid transparent; }
.abt2-btn svg { width:16px; height:16px; }
.abt2-btn--primary { background:var(--color-orange); color:var(--color-white); border-color:var(--color-orange); }
.abt2-btn--primary:hover { background:var(--color-orange-dark); border-color:var(--color-orange-dark); transform:translateY(-1px); box-shadow:var(--shadow-orange); }
.abt2-btn--ghost { background:transparent; color:var(--color-ink-60); border-color:var(--color-border); }
.abt2-btn--ghost:hover { border-color:var(--color-orange); color:var(--color-orange); }
.abt2-btn--wa { background:#25d366; color:var(--color-white); border-color:#25d366; }
.abt2-btn--wa:hover { transform:translateY(-1px); box-shadow:0 6px 18px rgba(37,211,102,0.35); }

/* ── HERO ── */
.abt2-hero { background:var(--color-bg-dark); padding-block:clamp(var(--space-12), 5vw, var(--space-20)); position:relative; overflow:hidden; }
.abt2-hero::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px); background-size:48px 48px; }
.abt2-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:1fr 320px; gap:clamp(var(--space-8), 4vw, var(--space-16)); align-items:center; }
.abt2-hero__eyebrow { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-xs); font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--color-orange-light); margin-bottom:var(--space-4); }
.abt2-hero__eyebrow svg { width:14px; height:14px; }
.abt2-hero__title { font-family:var(--font-display); font-size:clamp(var(--text-2xl), 3.6vw, var(--text-5xl)); font-weight:800; color:var(--color-white); line-height:var(--leading-tight); letter-spacing:-0.02em; margin-bottom:var(--space-4); }
.abt2-hero__sub { font-size:var(--text-base); color:rgba(255,255,255,0.72); line-height:var(--leading-loose); margin-bottom:var(--space-6); max-width:56ch; }
.abt2-hero__btns { display:flex; gap:var(--space-3); flex-wrap:wrap; margin-bottom:var(--space-6); }
.abt2-hero__pills { display:flex; gap:var(--space-2); flex-wrap:wrap; }
.abt2-pill { display:inline-flex; align-items:center; gap:6px; font-size:var(--text-xs); color:rgba(255,255,255,0.75); background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); padding:5px 12px; border-radius:var(--radius-full); }
.abt2-pill svg { width:13px; height:13px; color:var(--color-orange-light); }
.abt2-hero__img-block { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:var(--radius-lg); padding:var(--space-4); }
.abt2-hero__img-inner { background:rgba(0,0,0,0.25); border:1px solid rgba(255,255,255,0.08); border-radius:var(--radius-md); aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.abt2-hero__img-inner img { width:100%; height:100%; object-fit:cover; display:block; }
.abt2-hero__ph { display:flex; flex-direction:column; align-items:center; gap:var(--space-2); color:rgba(255,255,255,0.5); text-align:center; padding:var(--space-4); }
.abt2-hero__ph svg { width:36px; height:36px; color:var(--color-orange-light); }
.abt2-hero__ph span { font-size:var(--text-xs); line-height:1.4; }
.abt2-hero__caption { display:flex; align-items:center; justify-content:center; gap:6px; font-size:var(--text-xs); color:rgba(255,255,255,0.6); margin-top:var(--space-3); }
.abt2-hero__caption svg { width:13px; height:13px; color:var(--color-orange-light); }

/* ── TRUST BAR ── */
.abt2-trust { background:var(--color-bg-dark-2); padding-block:var(--space-6); border-top:1px solid rgba(255,255,255,0.06); }
.abt2-trust__grid { display:grid; grid-template-columns:repeat(6,1fr); gap:var(--space-2); }
.abt2-trust__stat { text-align:center; padding:var(--space-2) 0; border-right:1px solid rgba(255,255,255,0.08); }
.abt2-trust__stat:last-child { border-right:none; }
.abt2-trust__num { font-family:var(--font-display); font-size:clamp(var(--text-lg), 2vw, var(--text-2xl)); font-weight:800; color:var(--color-white); line-height:1; }
.abt2-trust__label { font-size:var(--text-xs); color:rgba(255,255,255,0.55); margin-top:4px; line-height:1.3; }

/* ── OVERVIEW / WHO WE ARE — simple ── */
.abt2-about-simple { max-width:72ch; margin-top:var(--space-6); font-size:var(--text-base); color:var(--color-ink-60); line-height:var(--leading-loose); }
.abt2-about-simple p { margin-bottom:var(--space-4); }
.abt2-inline-cta { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); font-weight:700; color:var(--color-orange); margin-top:var(--space-2); }
.abt2-inline-cta svg { width:15px; height:15px; }
.abt2-inline-cta:hover { color:var(--color-orange-dark); }

/* ── ALANG ADVANTAGE ── */
.abt2-adv { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-4); margin-top:var(--space-8); }
.abt2-adv__card { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:var(--radius-lg); padding:var(--space-6); transition:border-color var(--transition-base), transform var(--transition-base); }
.abt2-adv__card:hover { border-color:rgba(224,92,11,0.4); transform:translateY(-3px); }
.abt2-adv__icon { width:44px; height:44px; background:rgba(224,92,11,0.15); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-4); }
.abt2-adv__icon svg { width:22px; height:22px; color:var(--color-orange-light); }
.abt2-adv__title { font-family:var(--font-display); font-size:var(--text-md); font-weight:700; color:var(--color-white); margin-bottom:var(--space-2); }
.abt2-adv__body { font-size:var(--text-sm); color:rgba(255,255,255,0.6); line-height:var(--leading-normal); }

/* ── PROCESS · HORIZONTAL TIMELINE ── */
.abt2-htl { margin-top:var(--space-8); }
.abt2-htl__track { display:grid; grid-template-columns:repeat(var(--abt2-steps, 5), 1fr); gap:var(--space-4); }
.abt2-htl__step { position:relative; text-align:center; padding-top:var(--space-2); }
.abt2-htl__node { position:relative; width:72px; height:72px; margin:0 auto var(--space-4); background:var(--color-white); border:2px solid var(--color-orange); border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-sm); transition:transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base); z-index:1; }
.abt2-htl__step:hover .abt2-htl__node { background:var(--color-orange); transform:translateY(-4px); box-shadow:var(--shadow-orange); }
.abt2-htl__icon svg { width:30px; height:30px; color:var(--color-orange); transition:color var(--transition-base); }
.abt2-htl__step:hover .abt2-htl__icon svg { color:var(--color-white); }
.abt2-htl__num { position:absolute; top:-6px; right:-6px; width:24px; height:24px; border-radius:50%; background:var(--color-orange); color:var(--color-white); font-family:var(--font-display); font-size:var(--text-xs); font-weight:800; display:flex; align-items:center; justify-content:center; border:2px solid var(--color-bg-alt); }
.abt2-htl__connector { position:absolute; top:36px; left:calc(50% + 40px); right:calc(-50% + 40px); display:flex; align-items:center; justify-content:center; color:var(--color-orange-light); pointer-events:none; }
.abt2-htl__connector::before { content:""; position:absolute; left:0; right:0; height:2px; background:repeating-linear-gradient(90deg, var(--color-orange-light) 0 6px, transparent 6px 12px); opacity:0.5; }
.abt2-htl__connector svg { width:18px; height:18px; position:relative; background:var(--color-bg-alt); padding-inline:2px; }
.abt2-htl__title { font-family:var(--font-display); font-size:var(--text-md); font-weight:700; color:var(--color-ink); margin-bottom:var(--space-2); }
.abt2-htl__desc { font-size:var(--text-sm); color:var(--color-ink-40); line-height:var(--leading-normal); }

/* ── CATEGORIES ── */
.abt2-cats { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-4); margin-top:var(--space-6); }
.abt2-cat { position:relative; background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-5) var(--space-6); transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base); }
.abt2-cat:hover { border-color:rgba(224,92,11,0.3); box-shadow:var(--shadow-md); transform:translateY(-2px); }
.abt2-cat__sku { position:absolute; top:var(--space-4); right:var(--space-5); font-size:var(--text-xs); color:var(--color-ink-40); font-weight:600; }
.abt2-cat__head { display:flex; align-items:center; gap:var(--space-3); margin-bottom:var(--space-3); }
.abt2-cat__icon { width:40px; height:40px; background:var(--color-orange-pale); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.abt2-cat__icon svg { width:20px; height:20px; color:var(--color-orange); }
.abt2-cat__name { font-family:var(--font-display); font-size:var(--text-md); font-weight:700; color:var(--color-ink); }
.abt2-cat__desc { font-size:var(--text-sm); color:var(--color-ink-40); line-height:var(--leading-normal); margin-bottom:var(--space-3); }
.abt2-cat__chips { display:flex; flex-wrap:wrap; gap:var(--space-1); margin-bottom:var(--space-4); }
.abt2-chip { font-size:var(--text-xs); background:var(--color-bg-alt); color:var(--color-ink-60); padding:3px 9px; border-radius:var(--radius-full); border:1px solid var(--color-border); }
.abt2-cat__link { display:inline-flex; align-items:center; gap:var(--space-1); font-size:var(--text-sm); font-weight:700; color:var(--color-orange); text-transform:capitalize; }
.abt2-cat__link svg { width:14px; height:14px; }
.abt2-cat__link:hover { color:var(--color-orange-dark); }
.abt2-note { display:flex; align-items:flex-start; gap:var(--space-2); font-size:var(--text-sm); color:var(--color-ink-40); margin-top:var(--space-4); }
.abt2-note svg { width:16px; height:16px; color:var(--color-orange); flex-shrink:0; margin-top:2px; }

/* ── QUALITY GRADING ── */
.abt2-grades { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-4); margin-top:var(--space-6); }
.abt2-grade { border-radius:var(--radius-lg); padding:var(--space-5); border:1px solid; }
.abt2-grade--a { background:#eef7e6; border-color:#6b9b2f; }
.abt2-grade--b { background:var(--color-orange-pale); border-color:var(--color-orange); }
.abt2-grade--c { background:var(--color-bg-alt); border-color:var(--color-ink-20); }
.abt2-grade__badge { display:inline-block; font-size:var(--text-xs); font-weight:700; padding:3px 10px; border-radius:var(--radius-full); margin-bottom:var(--space-3); }
.abt2-grade--a .abt2-grade__badge { background:#4a7a1a; color:#eef7e6; }
.abt2-grade--b .abt2-grade__badge { background:var(--color-orange); color:var(--color-white); }
.abt2-grade--c .abt2-grade__badge { background:var(--color-ink-60); color:var(--color-bg-alt); }
.abt2-grade__title { font-family:var(--font-display); font-size:var(--text-md); font-weight:700; margin-bottom:var(--space-2); }
.abt2-grade--a .abt2-grade__title { color:#2f5410; }
.abt2-grade--b .abt2-grade__title { color:var(--color-orange-dark); }
.abt2-grade--c .abt2-grade__title { color:var(--color-ink); }
.abt2-grade__body { font-size:var(--text-sm); line-height:var(--leading-normal); }
.abt2-grade--a .abt2-grade__body { color:#4a7a1a; }
.abt2-grade--b .abt2-grade__body { color:var(--color-orange-dark); }
.abt2-grade--c .abt2-grade__body { color:var(--color-ink-60); }
.abt2-grade__detail { margin-top:var(--space-3); padding-top:var(--space-3); border-top:1px solid; }
.abt2-grade--a .abt2-grade__detail { border-color:#a8c97a; }
.abt2-grade--b .abt2-grade__detail { border-color:rgba(224,92,11,0.35); }
.abt2-grade--c .abt2-grade__detail { border-color:var(--color-ink-10); }
.abt2-grade__row { display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-xs); margin-bottom:var(--space-1); }
.abt2-grade__row svg { width:13px; height:13px; flex-shrink:0; }
.abt2-grade--a .abt2-grade__row { color:#4a7a1a; }
.abt2-grade--b .abt2-grade__row { color:var(--color-orange-dark); }
.abt2-grade--c .abt2-grade__row { color:var(--color-ink-60); }

/* ── GLOBAL EXPORT ── */
.abt2-export { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-6); margin-top:var(--space-6); }
.abt2-export__map { background:var(--color-bg-dark); border:1px solid rgba(255,255,255,0.1); border-radius:var(--radius-lg); padding:var(--space-5); }
.abt2-export__map-title { display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-xs); color:rgba(255,255,255,0.6); margin-bottom:var(--space-4); }
.abt2-export__map-title svg { width:14px; height:14px; color:var(--color-orange-light); }
.abt2-export__rows { display:flex; flex-direction:column; gap:var(--space-1); }
.abt2-export__row { display:flex; align-items:center; justify-content:space-between; font-size:var(--text-sm); color:rgba(255,255,255,0.8); padding:var(--space-2) 0; border-bottom:1px solid rgba(255,255,255,0.08); }
.abt2-export__row:last-child { border-bottom:none; }
.abt2-export__row span { display:flex; align-items:center; gap:var(--space-2); }
.abt2-export__row em { font-style:normal; font-size:var(--text-xs); color:rgba(255,255,255,0.45); }
.abt2-export__dot { width:7px; height:7px; border-radius:50%; background:var(--color-orange-light); flex-shrink:0; }
.abt2-docs { display:flex; flex-direction:column; gap:var(--space-2); }
.abt2-doc { display:flex; align-items:flex-start; gap:var(--space-3); background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-md); padding:var(--space-3) var(--space-4); }
.abt2-doc svg { width:18px; height:18px; color:var(--color-orange); flex-shrink:0; margin-top:2px; }
.abt2-doc strong { display:block; font-size:var(--text-sm); font-weight:700; color:var(--color-ink); }
.abt2-doc span { font-size:var(--text-xs); color:var(--color-ink-40); }

/* ── GALLERY ── */
.abt2-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-3); margin-top:var(--space-6); }
.abt2-gallery__cell { position:relative; aspect-ratio:4/3; border-radius:var(--radius-md); overflow:hidden; display:block; background:var(--color-bg-alt); }
.abt2-gallery__cell img { width:100%; height:100%; object-fit:cover; display:block; transition:transform var(--transition-slow); }
.abt2-gallery__cell:hover img { transform:scale(1.05); }
.abt2-gallery__cap { position:absolute; bottom:0; left:0; right:0; background:rgba(14,18,32,0.78); color:rgba(255,255,255,0.9); font-size:var(--text-xs); padding:var(--space-2) var(--space-3); opacity:0; transition:opacity var(--transition-fast); }
.abt2-gallery__cell:hover .abt2-gallery__cap { opacity:1; }
.abt2-gallery__cell--ph { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-2); border:1px solid var(--color-border); color:var(--color-ink-20); text-align:center; padding:var(--space-4); }
.abt2-gallery__cell--ph svg { width:28px; height:28px; }
.abt2-gallery__cell--ph span { font-size:var(--text-xs); color:var(--color-ink-40); line-height:1.3; }

/* ── WHY CHOOSE ── */
.abt2-why { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-4); margin-top:var(--space-6); }
.abt2-why__card { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-6); transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base); }
.abt2-why__card:hover { border-color:rgba(224,92,11,0.3); box-shadow:var(--shadow-md); transform:translateY(-3px); }
.abt2-why__icon { width:46px; height:46px; background:var(--color-orange-pale); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-4); }
.abt2-why__icon svg { width:22px; height:22px; color:var(--color-orange); }
.abt2-why__icon img { width:26px; height:26px; object-fit:contain; }
.abt2-why__title { font-family:var(--font-display); font-size:var(--text-md); font-weight:700; color:var(--color-ink); margin-bottom:var(--space-2); }
.abt2-why__body { font-size:var(--text-sm); color:var(--color-ink-40); line-height:var(--leading-normal); }
.abt2-why__hl { font-size:var(--text-sm); font-weight:700; color:var(--color-orange); margin-top:var(--space-3); }

/* ── TESTIMONIALS ── */
.abt2-testi { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-4); margin-top:var(--space-6); }
.abt2-testi__card { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-6); display:flex; flex-direction:column; gap:var(--space-4); }
.abt2-testi__stars { display:flex; gap:2px; }
.abt2-testi__stars svg { width:14px; height:14px; color:#f59e0b; }
.abt2-testi__quote { font-size:var(--text-sm); color:var(--color-ink-60); line-height:var(--leading-loose); font-style:italic; flex:1; }
.abt2-testi__footer { display:flex; align-items:center; gap:var(--space-3); padding-top:var(--space-3); border-top:1px solid var(--color-border); }
.abt2-testi__avatar { width:34px; height:34px; border-radius:50%; background:var(--color-orange-pale); color:var(--color-orange); display:flex; align-items:center; justify-content:center; font-size:var(--text-xs); font-weight:700; flex-shrink:0; }
.abt2-testi__name { font-size:var(--text-sm); font-weight:700; color:var(--color-ink); }
.abt2-testi__role { font-size:var(--text-xs); color:var(--color-ink-40); }

/* ── TEAM ── */
.abt2-team { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-4); margin-top:var(--space-6); }
.abt2-team__card { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-6); text-align:center; transition:border-color var(--transition-base), box-shadow var(--transition-base); }
.abt2-team__card:hover { border-color:rgba(224,92,11,0.3); box-shadow:var(--shadow-sm); }
.abt2-team__avatar, .abt2-team__photo { width:64px; height:64px; border-radius:50%; margin:0 auto var(--space-3); }
.abt2-team__avatar { background:var(--color-orange-pale); color:var(--color-orange); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:var(--text-lg); font-weight:800; }
.abt2-team__photo { object-fit:cover; }
.abt2-team__name { font-family:var(--font-display); font-size:var(--text-sm); font-weight:700; color:var(--color-ink); margin-bottom:2px; }
.abt2-team__title { font-size:var(--text-xs); color:var(--color-ink-40); line-height:1.3; }

/* ── STATS DARK BAND ── */
.abt2-statband { padding-block:0 clamp(var(--space-12), 5vw, var(--space-16)); }
.abt2-statband__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(255,255,255,0.08); border-radius:var(--radius-lg); overflow:hidden; }
.abt2-statband__cell { background:var(--color-bg-dark); padding:var(--space-8) var(--space-6); text-align:center; }
.abt2-statband__num { font-family:var(--font-display); font-size:clamp(var(--text-2xl), 3vw, var(--text-4xl)); font-weight:800; color:var(--color-white); line-height:1; }
.abt2-statband__num .counterup { display:inline; }
.abt2-statband__sub { font-size:var(--text-xs); color:rgba(255,255,255,0.55); margin-top:var(--space-2); }

/* ── CERTIFICATIONS ── */
.abt2-certs { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-4); margin-top:var(--space-6); }
.abt2-cert { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-5); text-align:center; }
.abt2-cert__icon { width:46px; height:46px; background:var(--color-orange-pale); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin:0 auto var(--space-3); }
.abt2-cert__icon svg { width:22px; height:22px; color:var(--color-orange); }
.abt2-cert__name { font-size:var(--text-sm); font-weight:700; color:var(--color-ink); margin-bottom:2px; }
.abt2-cert__auth { font-size:var(--text-xs); color:var(--color-ink-40); }
.abt2-cert__badge { display:inline-block; font-size:var(--text-xs); background:#eef7e6; color:#4a7a1a; padding:2px 9px; border-radius:var(--radius-full); margin-top:var(--space-2); font-weight:600; }
.abt2-cert--img { padding:var(--space-3); display:flex; align-items:center; justify-content:center; }
.abt2-cert--img img { width:100%; height:120px; object-fit:contain; }

/* ── FAQ ── */
.abt2-faq { margin-top:var(--space-6); max-width:840px; }
.abt2-faq__item { border-bottom:1px solid var(--color-border); }
.abt2-faq__item:first-child { border-top:1px solid var(--color-border); }
.abt2-faq__q { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); padding:var(--space-4) var(--space-1); cursor:pointer; font-size:var(--text-base); font-weight:700; color:var(--color-ink); list-style:none; }
.abt2-faq__q::-webkit-details-marker { display:none; }
.abt2-faq__icon { flex-shrink:0; color:var(--color-orange); transition:transform var(--transition-fast); }
.abt2-faq__icon svg { width:18px; height:18px; }
.abt2-faq__item[open] .abt2-faq__icon { transform:rotate(45deg); }
.abt2-faq__a { font-size:var(--text-sm); color:var(--color-ink-60); line-height:var(--leading-loose); padding:0 var(--space-1) var(--space-4); }

/* ── FINAL CTA ── */
.abt2-finalcta { background:var(--color-orange); padding-block:clamp(var(--space-12), 5vw, var(--space-20)); position:relative; overflow:hidden; }
.abt2-finalcta::before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 70% 70% at 50% 50%, rgba(255,255,255,0.12) 0%, transparent 70%); pointer-events:none; }
.abt2-finalcta__inner { position:relative; z-index:1; text-align:center; max-width:640px; margin-inline:auto; }
.abt2-finalcta__h { font-family:var(--font-display); font-size:clamp(var(--text-2xl), 3vw, var(--text-4xl)); font-weight:800; color:var(--color-white); letter-spacing:-0.02em; margin-bottom:var(--space-3); }
.abt2-finalcta__sub { font-size:var(--text-base); color:rgba(255,255,255,0.85); line-height:var(--leading-loose); margin-bottom:var(--space-8); }
.abt2-finalcta__btns { display:flex; gap:var(--space-3); justify-content:center; flex-wrap:wrap; margin-bottom:var(--space-6); }
.abt2-finalcta .abt2-btn--primary { background:var(--color-white); color:var(--color-orange); border-color:var(--color-white); }
.abt2-finalcta .abt2-btn--primary:hover { background:var(--color-ink-05); box-shadow:0 8px 24px rgba(0,0,0,0.2); }
.abt2-finalcta .abt2-btn--ghost { color:var(--color-white); border-color:rgba(255,255,255,0.4); }
.abt2-finalcta .abt2-btn--ghost:hover { background:rgba(255,255,255,0.15); border-color:var(--color-white); color:var(--color-white); }
.abt2-finalcta__reassure { display:flex; gap:var(--space-5); justify-content:center; flex-wrap:wrap; }
.abt2-finalcta__reassure span { display:inline-flex; align-items:center; gap:6px; font-size:var(--text-xs); color:rgba(255,255,255,0.8); }
.abt2-finalcta__reassure svg { width:14px; height:14px; color:var(--color-white); }

/* ── RESPONSIVE ── */
@media (max-width:1024px) {
  .abt2-hero__grid { grid-template-columns:1fr; }
  .abt2-hero__media { max-width:420px; }
  .abt2-adv { grid-template-columns:1fr; }
  .abt2-why { grid-template-columns:repeat(2,1fr); }
  .abt2-testi { grid-template-columns:1fr; }
  .abt2-team { grid-template-columns:repeat(2,1fr); }
  .abt2-export { grid-template-columns:1fr; }
  .abt2-grades { grid-template-columns:1fr; }
  .abt2-certs { grid-template-columns:repeat(2,1fr); }
  .abt2-trust__grid { grid-template-columns:repeat(3,1fr); gap:var(--space-4); }
  .abt2-trust__stat:nth-child(3) { border-right:none; }
  .abt2-htl__track { grid-template-columns:repeat(3,1fr); gap:var(--space-8) var(--space-4); }
  .abt2-htl__connector { display:none; }
}

@media (max-width:768px) {
  .abt2-cats { grid-template-columns:1fr; }
  .abt2-gallery { grid-template-columns:repeat(2,1fr); }
  .abt2-statband__grid { grid-template-columns:repeat(2,1fr); }
  .abt2-why { grid-template-columns:1fr; }
  .abt2-cat__sku { position:static; display:block; margin-bottom:var(--space-2); }
  /* timeline becomes a vertical rail on mobile */
  .abt2-htl__track { grid-template-columns:1fr; gap:0; }
  .abt2-htl__step { display:grid; grid-template-columns:72px 1fr; gap:var(--space-4); text-align:left; padding-bottom:var(--space-6); }
  .abt2-htl__step:not(:last-child)::after { content:""; position:absolute; left:35px; top:72px; bottom:0; width:2px; background:repeating-linear-gradient(var(--color-orange-light) 0 6px, transparent 6px 12px); opacity:0.5; }
  .abt2-htl__node { margin:0; }
  .abt2-htl__title { margin-top:var(--space-3); }
}

@media (max-width:480px) {
  .abt2-trust__grid { grid-template-columns:repeat(2,1fr); }
  .abt2-trust__stat { border-right:none; }
  .abt2-team { grid-template-columns:1fr; }
  .abt2-certs { grid-template-columns:1fr; }
  .abt2-gallery { grid-template-columns:1fr; }
  .abt2-statband__grid { grid-template-columns:1fr; }
  .abt2-hero__btns .abt2-btn, .abt2-finalcta__btns .abt2-btn { width:100%; justify-content:center; }
}