/* ── HERO ── */
.p-hero{background:#fff;padding:5rem 0 5.5rem;margin-top:4rem}
.p-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:var(--container-max,1280px);margin:0 auto;padding:0 5%;align-items:center}
.p-hero-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0d9488;background:#f0fdfa;padding:.25rem .75rem;border-radius:20px;margin-bottom:1.2rem}
.p-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;font-weight:800;color:var(--text-primary,#09090b);margin-bottom:1.2rem}
.p-hero-desc{font-size:1.05rem;line-height:1.65;color:var(--text-secondary,#52525b);margin-bottom:2rem;max-width:500px}
.p-hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}
.geo-pills{display:flex;gap:.5rem;flex-wrap:wrap}
.geo-pill{font-size:.78rem;font-weight:600;padding:.3rem .8rem;border-radius:20px;border:1.5px solid #e4e4e7;text-decoration:none;transition:all .2s}
.geo-pill.live{border-color:#bbf7d0;background:#f0fdf4;color:#16a34a}
.geo-pill.soon{color:#a1a1aa;background:#fafafa;border-color:#e4e4e7}
@media(max-width:768px){.p-hero-grid{grid-template-columns:1fr;gap:2.5rem}}

/* ── BUTTONS ── */
.p-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;border:1.5px solid transparent}
.p-btn-primary{background:#09090b;color:#fff;border-color:#09090b}
.p-btn-primary:hover{background:#1a1a1a}
.p-btn-outline{background:transparent;color:var(--text-primary,#09090b);border-color:#d4d4d8}
.p-btn-outline:hover{border-color:#a1a1aa}

/* ── SECTIONS ── */
.p-section{padding:5rem 0}
.p-section.bg-gray{background:#f8fafc}
.p-section-inner{max-width:var(--container-max,1280px);margin:0 auto;padding:0 var(--container-padding,2rem)}
.p-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0d9488;margin-bottom:.75rem}
.p-title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;line-height:1.15;color:var(--text-primary,#09090b);margin-bottom:1rem}
.p-desc{font-size:1rem;line-height:1.65;color:var(--text-secondary,#52525b);max-width:620px;margin-bottom:2rem}

/* ── CYCLE FLOW ── */
.cycle-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}
.cycle-section{margin-top:2rem}
.cycle-track{display:flex;align-items:center;margin-bottom:.5rem}
.cycle-track-label{width:136px;min-width:136px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary,#52525b);padding-right:1rem;flex-shrink:0}
.cycle-node-wrap{display:flex;flex-direction:column;align-items:center;gap:.35rem}
.cycle-stage-name{font-size:.65rem;font-weight:500;color:var(--text-secondary,#52525b);text-align:center;line-height:1.2;max-width:68px;margin-top:.2rem}
.cycle-node{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}
.cycle-node--covered{background:#f0fdfa;border:2px solid #0d9488}
.cycle-node--covered svg{color:#0d9488}
.cycle-node--partial{background:#fefce8;border:2px solid #eab308}
.cycle-node--partial::before{content:'';position:absolute;top:0;left:0;right:50%;bottom:0;background:#fef08a;border-radius:50% 0 0 50%}
.cycle-node--partial svg{position:relative;z-index:1;color:#ca8a04}
.cycle-node--missing{background:#fff;border:2px solid #f87171}
.cycle-node--missing svg{color:#dc2626}
/* Edge stages (HeyHR-advantage and HeyHR-unique) */
.cycle-node--advantage{background:#ccfbf1;border:2.5px solid #0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.15)}
.cycle-node--advantage svg{color:#0d9488}
.cycle-node--unique{background:#99f6e4;border:2.5px solid #0f766e;box-shadow:0 0 0 4px rgba(15,118,110,.18)}
.cycle-node--unique svg{color:#0f766e}
/* Arrow connectors */
.cycle-conn{position:relative;width:26px;min-width:26px;height:2px;background:#d1d5db;flex-shrink:0}
.cycle-conn::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #d1d5db}
.cycle-conn--green{background:#0d9488}
.cycle-conn--green::after{border-left-color:#0d9488}
.cycle-legend{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.2rem;font-size:.76rem;color:var(--text-secondary,#52525b)}
.cycle-legend-item{display:flex;align-items:center;gap:.4rem}
.legend-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}
.legend-dot--covered{background:#0d9488}
.legend-dot--partial{background:#fef08a;border:1.5px solid #eab308}
.legend-dot--missing{background:#fff;border:2px solid #f87171}
/* Cycle names row (above nodes) */
.cycle-names-row{display:flex;align-items:flex-end;margin-bottom:.35rem}
.cycle-name-spacer{width:136px;min-width:136px;flex-shrink:0}
.cycle-stage-label{width:42px;min-width:42px;text-align:center;font-size:.62rem;font-weight:500;color:var(--text-secondary,#52525b);line-height:1.2}
.cycle-conn-spacer{width:26px;min-width:26px;flex-shrink:0}
/* Track rows have only circles+connectors (no names) */
.cycle-track-nodes{display:flex;align-items:center}
/* Mobile vertical layout */
.cycle-mobile{display:none}
.cycle-mobile-stage{display:flex;align-items:center;gap:.75rem;padding:.55rem 0}
.cycle-mobile-name{font-size:.72rem;font-weight:600;color:var(--text-secondary,#52525b);width:100px;min-width:100px;flex-shrink:0}
.cycle-mobile-nodes{display:flex;align-items:center;gap:.35rem}
.cycle-mobile-row-label{font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#a1a1aa;width:52px;min-width:52px}
.cycle-mobile-connector{display:flex;flex-direction:column;align-items:center;width:26px;padding:.15rem 0;gap:0}
.cycle-mobile-connector-line{flex:1;width:2px;background:#d1d5db;min-height:8px}
.cycle-mobile-connector-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #d1d5db}
@media(max-width:640px){
  .cycle-wrap{overflow-x:visible}
  .cycle-desktop{display:none}
  .cycle-mobile{display:block}
}

/* ── WHAT AI-NATIVE — 4+3 ── */
.principles-top{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:1.5rem}
.principles-sub-hd{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0d9488;margin-bottom:.8rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e4e4e7;border-bottom:none;padding-bottom:0}
.principles-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
/* flip card */
.flip-card{height:175px;perspective:800px;cursor:pointer}
.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.flip-card:hover .flip-card-inner,.flip-card:focus-within .flip-card-inner{transform:rotateY(180deg)}
.flip-card-front,.flip-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;padding:1.4rem 1.5rem;display:flex;flex-direction:column}
.flip-card-front{background:#f0fdfa;border:1px solid #99f6e4;justify-content:flex-start;gap:.6rem}
.flip-card-back{background:#0d9488;transform:rotateY(180deg);justify-content:center}
.flip-front-icon{width:22px;height:22px;color:#0d9488;flex-shrink:0}
.flip-front-title{font-size:.88rem;font-weight:700;color:var(--text-primary,#09090b);line-height:1.3;flex:1}
.flip-back-desc{font-size:.8rem;line-height:1.6;color:#ccfbf1}
.flip-hint{font-size:.63rem;text-transform:uppercase;letter-spacing:.07em;color:#5eead4;margin-top:auto}
@media(max-width:1000px){.principles-top{grid-template-columns:repeat(2,1fr)}.principles-bottom{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.principles-top{grid-template-columns:1fr}.principles-bottom{grid-template-columns:1fr}.flip-card{height:auto}.flip-card-inner{transform:none!important;display:flex;flex-direction:column;position:relative}.flip-card-front{position:relative;flex:1;border-radius:10px 10px 0 0;border-bottom-left-radius:0;border-bottom-right-radius:0}.flip-card-back{position:relative;transform:none;flex:1;border-radius:0 0 10px 10px;border-top-left-radius:0;border-top-right-radius:0}}

/* ── JOURNEY / WHAT-AI-NATIVE CARDS ── */
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.journey-card{background:#fff;border:1px solid var(--border-color,#e4e4e7);border-radius:12px;padding:1.5rem;position:relative}
.journey-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4ade80,#0d9488);border-radius:12px 12px 0 0}
.journey-num{display:block;font-size:.72rem;font-weight:700;color:#0d9488;letter-spacing:.06em;margin-bottom:.75rem}
.journey-icon{width:22px;height:22px;color:#4f46e5;margin-bottom:.75rem;display:block}
.journey-title{font-size:.95rem;font-weight:700;color:var(--text-primary,#09090b);margin-bottom:.5rem}
.journey-desc{font-size:.83rem;line-height:1.6;color:var(--text-secondary,#52525b)}
@media(max-width:900px){.journey-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.journey-grid{grid-template-columns:1fr}}

/* ── CAP GRID ── */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}
.cap-card{border:1px solid var(--border-color,#e4e4e7);border-radius:12px;padding:1.5rem;background:#fff}
.cap-icon{width:24px;height:24px;color:#4f46e5;margin-bottom:.85rem;display:block}
.cap-title{font-size:.92rem;font-weight:700;color:var(--text-primary,#09090b);margin-bottom:.4rem}
.cap-desc{font-size:.82rem;line-height:1.55;color:var(--text-secondary,#52525b)}
@media(max-width:800px){.cap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.cap-grid{grid-template-columns:1fr}}

/* ── CHIPS ── */
.chips-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.chip{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;padding:.35rem .8rem;border:1px solid #e4e4e7;border-radius:8px;color:var(--text-secondary,#52525b);background:#fff}
.chip-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex-shrink:0}
.chips-note{font-size:.78rem;color:#a1a1aa;margin-top:1rem;font-style:italic}

/* ── ONBOARDING STEPS ── */
.ob-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem}
.ob-step{position:relative}
.ob-step+.ob-step::before{content:'';position:absolute;top:21px;left:-1rem;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #4ade80}
.ob-num{width:42px;height:42px;border-radius:50%;background:#f0fdf4;border:2px solid #4ade80;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem;color:#16a34a;margin-bottom:.9rem}
.ob-title{font-size:.95rem;font-weight:700;color:var(--text-primary,#09090b);margin-bottom:.35rem}
.ob-desc{font-size:.82rem;line-height:1.6;color:var(--text-secondary,#52525b)}
@media(max-width:680px){.ob-steps{grid-template-columns:1fr}.ob-step+.ob-step::before{display:none}}

/* ── MODULE CARDS ── */
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.module-card{border:1px solid var(--border-color,#e4e4e7);border-radius:12px;padding:1.35rem;transition:border-color .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block;background:#fff}
.module-card:hover{border-color:#818cf8;box-shadow:0 2px 12px rgba(129,140,248,.14)}
.module-card-icon{width:38px;height:38px;border-radius:9px;background:#f8fafc;border:1px solid #e4e4e7;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem;flex-shrink:0;line-height:0}
.module-card-icon svg{width:19px;height:19px;color:#4f46e5;display:block;flex-shrink:0}
.module-card-icon.green svg{color:#16a34a}.module-card-icon.blue svg{color:#2563eb}
.module-card-icon.amber svg{color:#d97706}.module-card-icon.rose svg{color:#e11d48}
.module-card-icon.sky svg{color:#0284c7}.module-card-icon.slate svg{color:#475569}
.module-tag{display:inline-block;font-size:.67rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:.1rem .45rem;margin-bottom:.4rem}
.module-tag.soon{background:#f4f4f5;color:#a1a1aa;border:1px solid #e4e4e7}
.module-tag.live{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}
.module-card-title{font-size:.9rem;font-weight:700;color:var(--text-primary,#09090b);margin-bottom:.28rem}
.module-card-desc{font-size:.79rem;line-height:1.55;color:var(--text-secondary,#52525b)}
@media(max-width:800px){.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.module-grid{grid-template-columns:1fr}}

/* ── MARKET CARDS ── */
.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}
.market-card{border:1px solid var(--border-color,#e4e4e7);border-radius:16px;padding:2rem;background:#fff;text-decoration:none;color:inherit;display:block;transition:border-color .2s,box-shadow .2s}
.market-card:hover{border-color:#4ade80;box-shadow:0 4px 20px rgba(74,222,128,.12)}
.market-flag{font-size:2.2rem;margin-bottom:.9rem;line-height:1}
.market-name{font-size:1.2rem;font-weight:800;color:var(--text-primary,#09090b);margin-bottom:.4rem}
.market-sub{font-size:.82rem;color:var(--text-secondary,#52525b);margin-bottom:1.1rem;line-height:1.5}
.market-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}
.market-chip{font-size:.72rem;font-weight:600;padding:.2rem .6rem;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;border-radius:6px}
.market-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:#4f46e5;text-decoration:none}
.market-link svg{width:14px;height:14px;transition:transform .2s}
.market-card:hover .market-link svg{transform:translateX(3px)}
@media(max-width:640px){.market-grid{grid-template-columns:1fr}}

/* ── CALLOUT ── */
.callout-box{border:1px solid var(--border-color,#e4e4e7);border-radius:14px;padding:2rem 2.2rem;display:flex;gap:1.5rem;align-items:flex-start;background:#fff}
.callout-icon{width:28px;height:28px;color:#4f46e5;flex-shrink:0;margin-top:.15rem}
.callout-title{font-size:1.15rem;font-weight:800;color:var(--text-primary,#09090b);margin-bottom:.6rem}
.callout-desc{font-size:.88rem;line-height:1.65;color:var(--text-secondary,#52525b);margin-bottom:1rem}
.callout-link{font-size:.875rem;font-weight:700;color:#4f46e5;text-decoration:none}
.callout-link:hover{text-decoration:underline}

/* ── CTA ── */
.p-cta{background:#09090b;padding:5rem 0}
.p-cta .p-btn{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}
.p-cta .p-btn:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.65)!important}
.p-cta-inner{max-width:var(--container-max,1280px);margin:0 auto;padding:0 var(--container-padding,2rem);text-align:center}
.p-cta-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2dd4bf;background:rgba(45,212,191,.10);padding:.25rem .75rem;border-radius:20px;margin-bottom:1.2rem;border:1px solid rgba(45,212,191,.25)}
.p-cta-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:#fff;margin-bottom:.9rem}
.p-cta-desc{font-size:1rem;color:#a1a1aa;margin-bottom:2rem}

/* ── CHAT WIDGET ── */
.chat-widget{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.10);width:100%;max-width:460px;overflow:hidden}
.chat-hd{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.85rem 1.1rem;display:flex;align-items:center;gap:.7rem}
.chat-hd-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#818cf8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.72rem;flex-shrink:0}
.chat-hd-name{font-size:.85rem;font-weight:600;color:#0f172a}
.chat-hd-status{font-size:.7rem;color:#22c55e;display:flex;align-items:center;gap:.3rem}
.chat-hd-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block}
.chat-messages{min-height:240px;max-height:280px;padding:.9rem;display:flex;flex-direction:column;gap:.55rem;overflow-y:auto}
.chat-bubble{max-width:84%;padding:.6rem .85rem;border-radius:13px;font-size:.8rem;line-height:1.5;white-space:pre-line;word-break:break-word}
.chat-bubble--user{background:#f1f5f9;color:#334155;align-self:flex-end;border-bottom-right-radius:3px}
.chat-bubble--ai{background:#f0fdf4;color:#14532d;border:1px solid #bbf7d0;align-self:flex-start;border-bottom-left-radius:3px}
.chat-bubble--ai.hk{background:#eff6ff;color:#1e3a5f;border-color:#bfdbfe}
.chat-typing-bar{padding:.65rem 1.1rem;border-top:1px solid #e2e8f0;font-size:.76rem;color:#a1a1aa;display:flex;align-items:center;gap:.4rem}
.chat-cursor{display:inline-block;width:2px;height:13px;background:#94a3b8;margin-left:2px;animation:chatBlink .9s step-end infinite;vertical-align:middle}
@keyframes chatBlink{0%,100%{opacity:1}50%{opacity:0}}


/* ── SKYLINE BACKGROUND ── */
@keyframes pastelCycle{
  0%,100%{color:rgba(129,216,208,.36)}
  16%{color:rgba(134,239,172,.32)}
  33%{color:rgba(147,197,253,.36)}
  50%{color:rgba(167,199,231,.30)}
  66%{color:rgba(216,180,254,.28)}
  83%{color:rgba(249,168,212,.27)}
}
.hero-skyline-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-skyline-bg svg{position:absolute;bottom:-5%;left:-8%;width:120%;height:120%;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;animation:pastelCycle 9s ease-in-out infinite}
.p-hero-left{position:relative;z-index:1}

/* ── PIPELINE (payroll.html hero) ── */
.pipeline-wrap{display:flex;align-items:flex-start;justify-content:center}
.p-stage.lit .p-stage-rect{stroke:#4ade80!important;filter:drop-shadow(0 0 8px rgba(74,222,128,.35))}
.p-stage.lit-active .p-stage-rect{stroke:#818cf8!important;filter:drop-shadow(0 0 10px rgba(129,140,248,.4))}

/* ── MEGA MENU OVERRIDES ── */
.mega-dropdown.hov .mega-menu{display:block!important}

/* ── CYCLE ANIMATION ── */
.cycle-anim-box{background:#fff;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;padding:1.6rem 1.8rem 2.2rem;margin-top:2rem;overflow:visible}
.cycle-anim-inner{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding-bottom:.6rem}
.cycle-anim-table{min-width:640px;width:100%}
.cycle-anim-header-row{display:flex;margin-bottom:.5rem}
.cycle-anim-label-col{width:120px;min-width:120px;flex-shrink:0}
.cycle-anim-stages-row{display:flex;align-items:center;flex:1}
.cycle-anim-stage-col{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-width:0}
.cycle-anim-stage-name{font-size:.6rem;font-weight:500;color:#64748b;text-align:center;line-height:1.2;height:2.2em;display:flex;align-items:flex-end;justify-content:center}
.cycle-anim-track{display:flex;align-items:center;margin-bottom:.4rem}
.cycle-anim-track-label{width:120px;min-width:120px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b;flex-shrink:0;line-height:1.2}
.cycle-anim-nodes{display:flex;align-items:center;flex:1}
.cycle-anim-node{width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;background:#f8fafc;font-size:.7rem;font-weight:700;color:#94a3b8;transition:background .3s,border-color .3s,color .3s,box-shadow .3s;flex-shrink:0;margin:0 auto}
.cycle-anim-conn{flex:1;height:2px;background:#e2e8f0;transition:background .4s;position:relative}
.cycle-anim-conn::after{content:'';position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:5px solid #e2e8f0;transition:border-left-color .4s}
/* Node states — e=empty  a=active-ring  y=yellow-done  g=green-done  G=glow  ra=red-active-ring  r=red-done */
.ca-e{background:#f1f5f9;border-color:#e2e8f0;color:transparent}
.ca-a{background:#f8fafc;border-color:#94a3b8;color:transparent;animation:caRing .75s ease-in-out infinite}
.ca-y{background:#fef9c3;border-color:#ca8a04;color:#713f12}
.ca-g{background:#0d9488;border-color:#0d9488;color:#fff}
.ca-G{background:#0d9488;border-color:#0d9488;color:#fff;box-shadow:0 0 0 4px rgba(13,148,136,.25),0 0 12px rgba(13,148,136,.3);animation:caGlow 1.5s ease-in-out infinite}.ca-t{background:#14b8a6;border-color:#0d9488;color:#fff}.ca-tG{background:#14b8a6;border-color:#0d9488;color:#fff;box-shadow:0 0 0 4px rgba(20,184,166,.28),0 0 14px rgba(20,184,166,.35);animation:caTGlow 1.5s ease-in-out infinite}
.ca-ra{background:#f8fafc;border-color:#ef4444;color:transparent;animation:caRedRing .5s ease-in-out infinite}
.ca-r{background:#fee2e2;border-color:#ef4444;color:#dc2626}
.ca-conn-y{background:#ca8a04}.ca-conn-y::after{border-left-color:#ca8a04}
.ca-conn-a{background:#e2e8f0}.ca-conn-a::after{border-left-color:#e2e8f0}
.ca-conn-g{background:#0d9488}.ca-conn-g::after{border-left-color:#0d9488}
.ca-conn-G{background:#0d9488;animation:caGlow 1.5s ease-in-out infinite}.ca-conn-G::after{border-left-color:#0d9488}.ca-conn-t{background:#14b8a6}.ca-conn-t::after{border-left-color:#14b8a6}.ca-conn-tG{background:#14b8a6;animation:caTGlow 1.5s ease-in-out infinite}.ca-conn-tG::after{border-left-color:#14b8a6}
.ca-conn-ra{background:#fca5a5}.ca-conn-ra::after{border-left-color:#fca5a5}
.ca-conn-r{background:#ef4444}.ca-conn-r::after{border-left-color:#ef4444}
/* Trad track label */
.ca-trad-label{color:#94a3b8}
.ca-heyhr-label{color:#0d9488;font-weight:800}
@keyframes caRing{0%,100%{box-shadow:0 0 0 0 rgba(100,116,139,0);border-color:#cbd5e1}50%{box-shadow:0 0 0 4px rgba(100,116,139,.22);border-color:#64748b}}
@keyframes caRedRing{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0);border-color:#fca5a5}50%{box-shadow:0 0 0 5px rgba(239,68,68,.28);border-color:#ef4444}}
@keyframes caFlash{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes caGlow{0%,100%{box-shadow:0 0 0 4px rgba(13,148,136,.25),0 0 12px rgba(13,148,136,.3)}50%{box-shadow:0 0 0 6px rgba(13,148,136,.12),0 0 20px rgba(13,148,136,.15)}}@keyframes caTGlow{0%,100%{box-shadow:0 0 0 4px rgba(20,184,166,.28),0 0 14px rgba(20,184,166,.35)}50%{box-shadow:0 0 0 6px rgba(20,184,166,.12),0 0 22px rgba(20,184,166,.18)}}

/* ── LC (old lifecycle table — kept for compat) ── */
.lc-table-wrap{overflow-x:auto}
.lc-table{width:100%;border-collapse:collapse;font-size:.85rem}
.lc-table th,.lc-table td{padding:.75rem 1rem;border:1px solid #e4e4e7;text-align:center}
.lc-table th{background:#f8fafc;font-weight:600}
.lc-on::before{content:'✓';color:#22c55e;font-weight:700;font-size:1rem}
.lc-off::before{content:'✗';color:#f87171;font-size:1rem}
.lc-stage-hd{display:flex;align-items:center;gap:.4rem;justify-content:center;flex-wrap:wrap}
.lc-stage-hd svg{width:16px;height:16px}
.lc-caption{font-size:.8rem;color:#a1a1aa;margin-top:1rem;font-style:italic;text-align:center}


/* ── SINGAPORE-PAYROLL PAGE EXTRAS ── */

/* Skyline z-index fix */
.hero-skyline-bg { z-index: 0 !important; }
.sg-hero-left .p-hero-label,
.sg-hero-left h1,
.sg-hero-left .p-hero-desc,
.sg-hero-left .p-hero-ctas,
.sg-hero-left .geo-pills { position: relative; z-index: 1; }

/* Geo pill — active (current market) */
.geo-pill.active { border-color: #0d9488; background: #f0fdfa; color: #0d9488; font-weight: 700; cursor: default; text-decoration: none; }

/* Fast Setup — Strength cards */
.strength-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; margin-top: 2.5rem; }
.strength-card { background: #fff; border: 1px solid var(--border-color,#e4e4e7); border-radius: 14px; padding: 1.75rem; position: relative; overflow: hidden; }
.strength-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#14b8a6,#0d9488); border-radius:14px 14px 0 0; }
.strength-icon { width:40px; height:40px; border-radius:10px; background:#f0fdfa; border:1px solid #99f6e4; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.strength-icon svg { width:20px; height:20px; color:#0d9488; }
.strength-title { font-size:1rem; font-weight:700; color:var(--text-primary,#09090b); margin-bottom:.5rem; }
.strength-desc { font-size:.85rem; line-height:1.65; color:var(--text-secondary,#52525b); }
@media(max-width:768px){ .strength-grid{ grid-template-columns:1fr; } }

/* ── BEYOND CALCULATION ── */
.beyond-wrapper { display:flex; align-items:flex-start; gap:.75rem; margin-top:2.5rem; }
.beyond-card { flex:1; background:#fff; border:1px solid var(--border-color,#e4e4e7); border-radius:16px; overflow:hidden; transition:box-shadow .35s, border-color .35s; min-width:0; }
.beyond-card.bc-active { border-color:#0d9488; box-shadow:0 4px 24px rgba(13,148,136,.13); }
.beyond-card-hd { padding:.7rem 1rem; border-bottom:1px solid #e2e8f0; display:flex; align-items:center; gap:.55rem; font-size:.75rem; font-weight:700; color:#64748b; background:#f8fafc; letter-spacing:.02em; }
.bc-dot { width:7px; height:7px; border-radius:50%; background:#d1d5db; flex-shrink:0; transition:background .3s; }
.bc-dot.ready { background:#22c55e; animation:bcPulse 2s ease-in-out infinite; }
.bc-dot.running { background:#818cf8; animation:bcPulse 1s ease-in-out infinite; }
.bc-dot.done { background:#0d9488; animation:none; }
@keyframes bcPulse { 0%,100%{opacity:1} 50%{opacity:.4} }

/* Left chat card */
.bc-chat-body { padding:.75rem; min-height:200px; display:flex; flex-direction:column; gap:.45rem; }
.bc-chat-input { padding:.5rem .85rem; border-top:1px solid #e2e8f0; display:flex; align-items:center; gap:.4rem; background:#fafafa; }
.bc-input-text { flex:1; font-size:.76rem; color:#334155; }
.bc-cursor { display:inline-block; width:2px; height:12px; background:#0d9488; margin-left:1px; vertical-align:middle; animation:chatBlink .9s step-end infinite; }
.bc-send-btn { width:26px; height:26px; border-radius:50%; background:#0d9488; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .2s; flex-shrink:0; }
.bc-send-btn.visible { opacity:1; }
.bc-send-btn svg { width:12px; height:12px; color:#fff; }

/* Processing card */
.bc-proc-body { padding:1rem; }
.bc-proc-list { list-style:none; padding:0; margin:.5rem 0 0; display:flex; flex-direction:column; gap:.55rem; }
.bc-proc-item { display:flex; align-items:center; gap:.55rem; font-size:.8rem; color:#94a3b8; opacity:.4; transition:opacity .3s, color .3s; }
.bc-proc-item.bc-done { opacity:1; color:var(--text-secondary,#52525b); }
.bc-proc-check { width:18px; height:18px; border-radius:50%; border:2px solid #e2e8f0; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .25s; }
.bc-proc-check.spinning { border-color:#818cf8; border-top-color:transparent; animation:bcSpin .6s linear infinite; }
.bc-proc-check.checked { background:#0d9488; border-color:#0d9488; }
.bc-proc-check.checked::after { content:''; display:block; width:4px; height:7px; border:2px solid #fff; border-top:none; border-left:none; transform:rotate(45deg) translate(-1px,-1px); }
@keyframes bcSpin { to { transform:rotate(360deg); } }
.bc-proc-done-banner { margin-top:1rem; padding:.65rem .9rem; background:#f0fdfa; border:1px solid #99f6e4; border-radius:8px; font-size:.8rem; font-weight:600; color:#0d9488; display:none; }
.bc-proc-done-banner.show { display:block; }

/* Right chat card */
.bc-right-body { padding:.75rem; min-height:200px; display:flex; flex-direction:column; gap:.45rem; }

/* Arrow between left and mid */
.beyond-arrow { flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding-top:5rem; color:#0d9488; opacity:.35; transition:opacity .4s; }
.beyond-arrow.lit { opacity:1; }

/* Resources section */
.sg-resources { padding:4.5rem 0; background:#f8fafc; }
.sg-resources-inner { max-width:var(--container-max,1280px); margin:0 auto; padding:0 var(--container-padding,2rem); }
.sg-resources-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2rem; }
.sg-res-card { background:#fff; border:1px solid var(--border-color,#e4e4e7); border-radius:14px; padding:1.5rem; text-decoration:none; color:inherit; display:flex; flex-direction:column; transition:border-color .2s,box-shadow .2s; }
.sg-res-card:not(.placeholder):hover { border-color:#0d9488; box-shadow:0 4px 16px rgba(13,148,136,.1); }
.sg-res-card.placeholder { opacity:.6; cursor:default; pointer-events:none; }
.sg-res-type { font-size:.67rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#0d9488; background:#f0fdfa; border:1px solid #99f6e4; border-radius:4px; padding:.15rem .5rem; display:inline-block; margin-bottom:.8rem; }
.sg-res-type.coming { color:#a1a1aa; background:#f4f4f5; border-color:#e4e4e7; }
.sg-res-title { font-size:.97rem; font-weight:700; color:var(--text-primary,#09090b); margin-bottom:.5rem; line-height:1.35; flex:1; }
.sg-res-excerpt { font-size:.82rem; line-height:1.6; color:var(--text-secondary,#52525b); margin-bottom:1rem; }
.sg-res-meta { font-size:.75rem; color:#a1a1aa; }
.sg-res-arrow { font-size:.8rem; color:#0d9488; font-weight:600; padding-top:.75rem; margin-top:auto; }
@media(max-width:900px){ .sg-resources-grid{ grid-template-columns:1fr 1fr; } .beyond-wrapper{ flex-direction:column; } .beyond-arrow{ padding-top:0; flex-direction:row; } }
@media(max-width:600px){ .sg-resources-grid{ grid-template-columns:1fr; } }

/* ── BEYOND CALCULATION: card body + chat widget ── */
.beyond-card-body { display:flex; flex-direction:column; }
.chat-widget-sm { display:flex; flex-direction:column; height:100%; min-height:220px; }
.chat-widget-sm .chat-messages { flex:1; overflow-y:auto; padding:.75rem; display:flex; flex-direction:column; gap:.4rem; min-height:160px; max-height:240px; }
.chat-widget-sm .chat-typing-bar { padding:.55rem .85rem; border-top:1px solid #e2e8f0; font-size:.76rem; color:#a1a1aa; display:flex; align-items:center; gap:.4rem; background:#fafafa; min-height:34px; }

/* proc-* aliases for JS compatibility */
.proc-list { list-style:none; padding:0; margin:.4rem 0 0; display:flex; flex-direction:column; gap:.55rem; }
.proc-item { display:flex; align-items:center; gap:.55rem; font-size:.8rem; color:#94a3b8; transition:color .3s; }
.proc-item.active { color:#6366f1; }
.proc-item.done { color:var(--text-secondary,#52525b); }
.proc-check { width:18px; height:18px; border-radius:50%; border:2px solid #e2e8f0; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .25s; }
.proc-check.spinning { border-color:#818cf8; border-top-color:transparent; animation:bcSpin .6s linear infinite; }
.proc-check.checked { background:#0d9488; border-color:#0d9488; }
.proc-check.checked::after { content:''; display:block; width:4px; height:7px; border:2px solid #fff; border-top:none; border-left:none; transform:rotate(45deg) translate(-1px,-1px); }
.proc-total { margin-top:1rem; padding:.6rem .9rem; background:#f0fdfa; border:1px solid #99f6e4; border-radius:8px; font-size:.8rem; font-weight:600; color:#0d9488; display:none; }
.proc-total.visible { display:block; }

/* ── CHAT v3: input-bar typing + bubble sender labels ── */
/* Taller hero chat widget */
.chat-widget--tall { height:430px; display:flex; flex-direction:column; }
.chat-widget--tall .chat-messages { flex:1; overflow-y:auto; min-height:0; max-height:none; }
.chat-widget--tall .chat-typing-bar { padding:1rem .85rem; }

/* Live input span in typing bar */
.chat-input-live { font-size:.76rem; color:#334155; }

/* Bubble wrapper (groups bubble + sender label) */
.bubble-wrap { display:flex; flex-direction:column; margin-bottom:.25rem; }
.bubble-wrap--ai { align-items:flex-start; }
.bubble-wrap--user { align-items:flex-end; }

/* Sender label */
.bubble-sender { font-size:.6rem; color:#b8b8b8; margin-top:2px; padding:0 2px; line-height:1; letter-spacing:.01em; }
.bubble-wrap .chat-bubble { margin-bottom:0; }
.file-bubble { display:flex; align-items:center; gap:5px; white-space:nowrap; word-break:normal; }

/* Bubble slide-in animation (for dynamically added bubbles) */
@keyframes bubbleSlideIn { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
.chat-bubble.anim-in { animation:bubbleSlideIn .22s ease forwards; }

/* chat-widget-sm: also needs to support bubble-wrap layout */
.chat-widget-sm .chat-messages { display:flex; flex-direction:column; gap:0; }

/* ── Beyond calc: equal-height cards, right card chat scrolls inside ── */
.beyond-wrapper { align-items:stretch; }
.beyond-card { display:flex; flex-direction:column; }
.beyond-card-body { flex:1; display:flex; flex-direction:column; overflow:hidden; }
#bc-right .chat-widget-sm,
#bc-left .chat-widget-sm { flex:1; display:flex; flex-direction:column; overflow:hidden; min-height:0; }
#bc-right .chat-widget-sm .chat-messages,
#bc-left .chat-widget-sm .chat-messages { flex:1; min-height:0; max-height:none; overflow-y:auto; }


/* ── CHAT OR WEB SECTION ── */
.cw-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;margin-top:2.5rem;align-items:start}
.cw-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}
.cw-label-dot{width:8px;height:8px;border-radius:50%;background:#0d9488;flex-shrink:0}
.cw-app-frame{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07)}
.cw-app-chrome{background:#f1f5f9;padding:.5rem .85rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #e2e8f0}
.cw-app-dot{width:9px;height:9px;border-radius:50%}
.cw-app-title{font-size:.7rem;font-weight:600;color:#64748b;margin-left:.3rem}
.cw-app-nav{background:#fff;border-bottom:1px solid #f1f5f9;display:flex;gap:0;padding:0 .85rem}
.cw-app-nav-item{font-size:.72rem;font-weight:600;padding:.5rem .75rem;color:#94a3b8;border-bottom:2px solid transparent;cursor:default}
.cw-app-nav-item.active{color:#0f172a;border-bottom-color:#0d9488}
.cw-app-body{padding:.75rem .85rem}
.cw-app-row-head{display:grid;grid-template-columns:1.2fr .7fr .6fr .8fr;gap:.5rem;padding:.25rem .5rem;margin-bottom:.2rem}
.cw-app-col-h{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}
.cw-app-row{display:grid;grid-template-columns:1.2fr .7fr .6fr .8fr;gap:.5rem;align-items:center;padding:.35rem .5rem;border-radius:6px;font-size:.74rem}
.cw-app-row:nth-child(odd){background:#f8fafc}
.cw-app-name{font-weight:600;color:#1e293b}
.cw-app-dept{color:#94a3b8}
.cw-app-amt{color:#334155}
.cw-app-badge{font-size:.63rem;font-weight:600;padding:.12rem .4rem;border-radius:4px;white-space:nowrap}
.cw-app-badge--ok{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.cw-app-badge--warn{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.cw-app-badge--pending{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}
.cw-app-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem .5rem 0;margin-top:.4rem;border-top:1px solid #f1f5f9}
.cw-app-footer-btn{font-size:.72rem;font-weight:700;padding:.35rem .85rem;background:#09090b;color:#fff;border:none;border-radius:6px;cursor:default}
.cw-app-footer-note{font-size:.68rem;color:#94a3b8}
.cw-chat-frame{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07)}
.cw-chat-hd{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.7rem 1rem;display:flex;align-items:center;gap:.65rem}
.cw-chat-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#818cf8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.65rem;flex-shrink:0}
.cw-chat-hd-name{font-size:.82rem;font-weight:700;color:#0f172a}
.cw-chat-hd-sub{font-size:.67rem;color:#22c55e;display:flex;align-items:center;gap:.3rem}
.cw-chat-body{background:#fff;padding:.85rem .85rem .5rem;display:flex;flex-direction:column;gap:.6rem;min-height:160px}
.cw-msg{display:flex;flex-direction:column;gap:.15rem}
.cw-msg--user{align-items:flex-end}
.cw-msg--ai{align-items:flex-start}
.cw-bubble{padding:.55rem .8rem;border-radius:12px;font-size:.78rem;line-height:1.5;max-width:88%}
.cw-bubble--user{background:#f1f5f9;color:#334155;border-bottom-right-radius:3px}
.cw-bubble--ai{background:#f0fdf4;color:#14532d;border:1px solid #bbf7d0;border-bottom-left-radius:3px}
.cw-ts{font-size:.6rem;color:#b8b8b8}
.cw-chat-input{padding:.6rem .85rem;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:.5rem}
.cw-chat-input-box{flex:1;background:#f8fafc;border:1px solid #e4e4e7;border-radius:20px;padding:.38rem .85rem;font-size:.74rem;color:#94a3b8}
.cw-chat-send{width:28px;height:28px;border-radius:50%;background:#0d9488;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default}
.cw-chat-send svg{width:13px;height:13px;color:#fff}
.cw-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .25rem;margin-top:2rem}
.cw-div-icon{font-size:1.4rem;color:#0d9488;opacity:.7}
.cw-div-text{font-size:.7rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.cw-note{font-size:.9rem;color:var(--text-secondary,#52525b);margin-top:2rem;text-align:center;max-width:560px;margin-left:auto;margin-right:auto}
@media(max-width:860px){
  .cw-wrap{grid-template-columns:1fr;gap:1.5rem}
  .cw-divider{flex-direction:row;margin-top:0}
  .cw-div-icon{transform:rotate(90deg)}
}

/* ── BC: mobile — all 3 cards fully visible stacked ── */
@media(max-width:900px){
  .beyond-wrapper { flex-direction:column; gap:1rem; }
  .beyond-arrow { display:flex; flex-direction:row; justify-content:center; padding:.25rem 0; }
  .beyond-card { width:100%; }
  /* ensure card body and chat are fully shown */
  .beyond-card-body { overflow:visible; min-height:0; }
  .chat-widget-sm { min-height:200px; height:auto; }
  .chat-widget-sm .chat-messages { max-height:200px; min-height:120px; overflow-y:auto; }
}

/* ── CW: mobile — stack web/chat with vertical arrow ── */
@media(max-width:860px){
  .cw-wrap { grid-template-columns:1fr; gap:1.25rem; }
  .cw-divider { flex-direction:row; justify-content:center; gap:.5rem; }
  .cw-div-icon { transform:rotate(90deg); font-size:1.2rem; }
}

/* ── BC: mobile step-through (one card at a time, driven by bc-active) ── */
@media(max-width:768px){
  .beyond-wrapper{flex-direction:column;gap:0;position:relative}
  .beyond-arrow{display:none}
  .beyond-card{display:none;width:100%}
  .beyond-card.bc-active{display:flex;flex-direction:column;overflow:hidden}
  /* ── Fix: fixed height so card doesn't grow during typing animation ── */
  .beyond-card.bc-active .beyond-card-body{
    flex:none;
    height:280px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .beyond-card.bc-active .chat-widget-sm{
    flex:1;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    min-height:0;
  }
  .beyond-card.bc-active .chat-messages{
    flex:1;
    min-height:0;
    overflow-y:auto;
    max-height:none;
  }
  .beyond-card.bc-active .bc-proc-body{
    height:100%;
    overflow-y:auto;
  }
  /* Progress indicator */
  .bc-progress{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}
  .bc-progress-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:background .3s}
  .bc-progress-dot.active{background:#0d9488}
}
@media(min-width:769px){.bc-progress{display:none}}


/* --- Full platform refresh --- */
.platform-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:start}
.platform-head .p-desc{margin-bottom:0}
.platform-tags{justify-content:flex-end;flex-direction:column;align-items:flex-end;margin-top:.25rem}
.platform-tags .ftag{white-space:nowrap;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.02)}
.platform-module-grid{margin-top:2rem}
.platform-module-grid .module-feature-card{box-shadow:none}
.platform-module-grid .module-feat-top{margin-bottom:1rem}
.platform-module-grid .module-feat-badge{display:none}
.platform-module-grid .module-feat-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.apac-hub-section{background:#f8fafc}
.apac-callout-box{align-items:stretch}
.apac-market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;margin-top:1.35rem;margin-bottom:1rem}
.apac-market-card{display:flex;flex-direction:column;gap:.45rem;padding:1rem .9rem;border:1px solid #e5e7eb;border-radius:14px;background:linear-gradient(180deg,#fff,#fafafa);min-height:110px}
.apac-market-card.active{border-color:#bfdbfe;background:linear-gradient(180deg,#ffffff,#f5faff);box-shadow:0 8px 24px rgba(59,130,246,.06)}
.apac-flag{font-size:1.25rem;line-height:1}
.apac-name{font-size:.86rem;font-weight:700;color:var(--text-primary,#09090b)}
.apac-status{margin-top:auto;display:inline-flex;align-self:flex-start;padding:.22rem .55rem;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.apac-status.beta{background:#ecfdf5;color:#15803d;border:1px solid #bbf7d0}
.apac-status.soon{background:#fafafa;color:#71717a;border:1px solid #e4e4e7}
@media(max-width:960px){.platform-head{grid-template-columns:1fr}.platform-tags{justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.apac-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.apac-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-tags .ftag{white-space:normal}}