*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --navy:#0B1929; --navy-mid:#112236; --teal:#00C9E0; --teal-dk:#0099AA;
    --amber:#F5A623; --amber-dk:#c07d10; --white:#ffffff;
    --offwhite:#F4F6F9; --muted:#6B8FA3; --border:rgba(11,25,41,0.09);
  }
  html { scroll-behavior: smooth; }
  body { font-family:'DM Sans',sans-serif; background:var(--offwhite); color:var(--navy); min-height:100vh; }

  /* TOPBAR */
  .topbar { background:#07111C; padding:0 2rem; height:36px; display:flex; align-items:center; justify-content:space-between; }
  .topbar-left { font-size:0.72rem; color:rgba(255,255,255,0.45); letter-spacing:0.04em; }
  .topbar-left a { color:var(--teal); text-decoration:none; font-weight:500; }
  .topbar-right { font-size:0.72rem; color:rgba(255,255,255,0.35); }

  /* NAV */
  nav { background:var(--navy); padding:0 2rem; display:flex; align-items:center; justify-content:space-between; height:62px; position:sticky; top:0; z-index:200; border-bottom:1px solid rgba(255,255,255,0.06); }
  .nav-logo { display:flex; align-items:center; gap:8px; text-decoration:none; }
  .nav-logo-img { height:48px; width:auto; display:block; }
  .nav-logo-main { font-size:1.15rem; font-weight:600; color:var(--white); letter-spacing:-0.02em; }
  .nav-logo-main span { color:var(--teal); }
  .nav-logo-by { font-size:0.7rem; color:rgba(255,255,255,0.35); letter-spacing:0.04em; font-weight:400; }
  nav ul { list-style:none; display:flex; gap:1.75rem; align-items:center; }
  nav ul a { color:rgba(255,255,255,0.65); text-decoration:none; font-size:0.88rem; transition:color 0.2s; }
  nav ul a:hover { color:var(--white); }
  .nav-admin { background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.13); border-radius:6px; padding:6px 14px; font-size:0.82rem !important; color:rgba(255,255,255,0.75) !important; }
  .nav-admin:hover { background:rgba(255,255,255,0.13) !important; color:var(--white) !important; }
  .nav-auth { display:flex; align-items:center; gap:0.75rem; margin-left:1rem; }
  .nav-signin { color:rgba(255,255,255,0.7) !important; text-decoration:none; font-size:0.88rem; transition:color 0.2s; }
  .nav-signin:hover { color:var(--white) !important; }
  .nav-register { background:var(--teal); color:var(--navy) !important; text-decoration:none; font-size:0.85rem; font-weight:700; padding:7px 16px; border-radius:7px; transition:background 0.2s; white-space:nowrap; }
  .nav-register:hover { background:var(--teal-dk); }
  .nav-account { color:rgba(255,255,255,0.7) !important; text-decoration:none; font-size:0.88rem; display:flex; align-items:center; gap:6px; }
  .nav-account:hover { color:var(--white) !important; }
  .nav-account-dot { width:28px; height:28px; background:var(--teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700; color:var(--navy); }

  /* (old hero block removed - clean white hero defined below) */
  
  
  

  /* STATS */
  .stats-strip { background:var(--navy-mid); border-top:1px solid rgba(255,255,255,0.05); border-bottom:1px solid rgba(255,255,255,0.05); padding:1.4rem 2rem; display:flex; justify-content:center; gap:3.5rem; flex-wrap:wrap; }
  .stat { text-align:center; }
  .stat-num { font-size:1.45rem; font-weight:600; color:var(--white); display:block; }
  .stat-label { font-size:0.75rem; color:rgba(255,255,255,0.42); margin-top:2px; letter-spacing:0.04em; }

  /* PORTAL HOME */
  .portal-section { padding:3.5rem 2rem 5rem; max-width:880px; margin:0 auto; }
  .portal-heading { text-align:center; font-size:0.75rem; font-weight:600; color:var(--muted); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:2rem; }
  .portal-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
  @media(max-width:620px){ .portal-grid{ grid-template-columns:1fr; } }

  .portal-card { background:var(--white); border-radius:16px; border:1.5px solid var(--border); padding:2.5rem 2rem 2rem; cursor:pointer; text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:0.85rem; transition:transform 0.22s,box-shadow 0.22s,border-color 0.22s; position:relative; overflow:hidden; }
  .portal-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; opacity:0; transition:opacity 0.2s; border-radius:0 0 2px 2px; }
  .portal-card.care::after { background:var(--teal); }
  .portal-card.commercial::after { background:var(--amber); }
  .portal-card:hover { transform:translateY(-5px); box-shadow:0 16px 48px rgba(0,0,0,0.1); }
  .portal-card:hover::after { opacity:1; }
  .portal-card.care:hover { border-color:rgba(0,201,224,0.28); }
  .portal-card.commercial:hover { border-color:rgba(245,166,35,0.28); }
  .card-icon { width:50px; height:50px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.35rem; }
  .care .card-icon { background:rgba(0,201,224,0.09); }
  .commercial .card-icon { background:rgba(245,166,35,0.1); }
  .card-label { font-size:0.68rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; }
  .care .card-label { color:var(--teal-dk); }
  .commercial .card-label { color:var(--amber-dk); }
  .portal-card h3 { font-size:1.4rem; font-weight:600; color:var(--navy); letter-spacing:-0.02em; line-height:1.2; }
  .portal-card > p { font-size:0.9rem; color:var(--muted); line-height:1.65; flex:1; }
  .card-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:0.2rem; }
  .tag { font-size:0.72rem; padding:3px 10px; border-radius:999px; font-weight:500; }
  .care .tag { background:rgba(0,201,224,0.08); color:var(--teal-dk); }
  .commercial .tag { background:rgba(245,166,35,0.1); color:#9a6410; }
  .card-cta { display:flex; align-items:center; gap:6px; font-size:0.86rem; font-weight:600; margin-top:0.4rem; transition:gap 0.2s; }
  .care .card-cta { color:var(--teal-dk); }
  .commercial .card-cta { color:var(--amber-dk); }
  .portal-card:hover .card-cta { gap:10px; }

  /* INNER SECTIONS */
  .section { display:none; padding:2.5rem 2rem 5rem; max-width:1060px; margin:0 auto; animation:fadeUp 0.28s ease; }
  .section.active { display:block; }
  @keyframes fadeUp { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }

  .section-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.75rem; flex-wrap:wrap; gap:1rem; }
  .section-title { display:flex; align-items:center; gap:10px; }
  .section-title h2 { font-size:1.45rem; font-weight:600; color:var(--navy); }
  .back-btn { background:none; border:1.5px solid var(--border); border-radius:8px; padding:8px 16px; font-size:0.83rem; font-family:'DM Sans',sans-serif; color:var(--muted); cursor:pointer; display:flex; align-items:center; gap:6px; transition:all 0.2s; }
  .back-btn:hover { border-color:var(--navy); color:var(--navy); }

  .search-bar { display:flex; gap:0.75rem; margin-bottom:1.25rem; }
  .search-bar input { flex:1; padding:10px 16px; border:1.5px solid var(--border); border-radius:8px; font-size:0.9rem; font-family:'DM Sans',sans-serif; outline:none; transition:border-color 0.2s; color:var(--navy); background:var(--white); }
  .search-bar input:focus { border-color:var(--teal); }

  .filter-strip { display:flex; gap:0.5rem; flex-wrap:wrap; margin-bottom:1.75rem; }
  .filter-btn { padding:6px 14px; border-radius:999px; border:1.5px solid var(--border); background:var(--white); font-size:0.8rem; font-family:'DM Sans',sans-serif; color:var(--muted); cursor:pointer; transition:all 0.2s; }
  .care-section .filter-btn.active,.care-section .filter-btn:hover { border-color:var(--teal); color:var(--teal-dk); background:rgba(0,201,224,0.06); }
  .commercial-section .filter-btn.active,.commercial-section .filter-btn:hover { border-color:var(--amber); color:#9a6410; background:rgba(245,166,35,0.06); }

  /* TENDER CARDS (list) */
  .tenders-grid { display:grid; gap:0.85rem; }
  .tender-card { background:var(--white); border:1.5px solid var(--border); border-radius:12px; padding:1.4rem 1.5rem; display:grid; grid-template-columns:1fr auto; gap:0.4rem 2rem; align-items:start; transition:box-shadow 0.2s,border-color 0.2s; cursor:pointer; }
  .tender-card:hover { box-shadow:0 4px 20px rgba(0,0,0,0.09); border-color:rgba(0,201,224,0.25); }
  .tender-org { font-size:0.75rem; font-weight:500; color:var(--muted); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:420px; }
  .tender-title { font-size:1rem; font-weight:600; color:var(--navy); margin-bottom:6px; }
  .tender-meta { display:flex; gap:0.75rem; flex-wrap:wrap; font-size:0.8rem; color:var(--muted); align-items:center; }
  .tender-badge { display:inline-flex; align-items:center; gap:4px; font-size:0.7rem; font-weight:600; padding:3px 10px; border-radius:999px; white-space:nowrap; }
  .badge-open { background:#e8f7ee; color:#1a7a3f; }
  .badge-closing { background:#fff4e0; color:#9a6410; }
  .badge-urgent { background:#fee8e8; color:#a32d2d; }
  .badge-new { background:#e6f1fb; color:#185FA5; }
  .tender-right { text-align:right; }
  .tender-value { font-size:0.95rem; font-weight:600; color:var(--navy); white-space:normal; max-width:220px; text-align:right; line-height:1.35; }
  .tender-deadline { font-size:0.75rem; color:var(--muted); margin-top:3px; }
  .tender-view-btn { font-size:0.75rem; color:var(--teal-dk); font-weight:600; margin-top:6px; display:block; }
  .empty-state { text-align:center; padding:4rem 2rem; color:var(--muted); }
  .empty-state h3 { font-size:1.05rem; margin-bottom:0.5rem; color:var(--navy); }
  .loading-msg { text-align:center; padding:3rem; color:var(--muted); font-size:0.88rem; }

  .precqc-block { margin-top:3rem; background:rgba(0,201,224,0.04); border:1.5px solid rgba(0,201,224,0.14); border-radius:12px; padding:2rem; }
  .precqc-block h3 { font-size:1.05rem; font-weight:600; color:var(--navy); margin-bottom:0.4rem; }
  .precqc-block p { font-size:0.88rem; color:var(--muted); line-height:1.65; margin-bottom:1.25rem; }

  /* ══ MODAL OVERLAY ══ */
  .modal-overlay {
    display:none; position:fixed; inset:0; background:rgba(7,17,28,0.7);
    z-index:1000; align-items:center; justify-content:center; padding:1rem;
    backdrop-filter:blur(3px);
  }
  .modal-overlay.open { display:flex; }

  .modal {
    background:var(--white); border-radius:20px; width:100%; max-width:680px;
    max-height:90vh; overflow-y:auto; position:relative;
    animation:modalIn 0.25s ease;
  }
  @keyframes modalIn { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:none} }

  .modal-close {
    position:absolute; top:1.25rem; right:1.25rem;
    background:var(--offwhite); border:none; border-radius:50%;
    width:36px; height:36px; font-size:1.1rem; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    color:var(--muted); transition:background 0.2s;
    z-index:10;
  }
  .modal-close:hover { background:#e2e6ea; color:var(--navy); }

  .modal-header {
    background:var(--navy); padding:2rem 2rem 1.5rem;
    border-radius:20px 20px 0 0; position:relative;
  }
  .modal-header::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 0% 50%,rgba(0,201,224,0.08) 0%,transparent 70%); border-radius:20px 20px 0 0; pointer-events:none; }
  .modal-badge { display:inline-flex; align-items:center; gap:6px; margin-bottom:0.75rem; }
  .modal-org { font-size:0.72rem; font-weight:600; color:rgba(255,255,255,0.45); text-transform:uppercase; letter-spacing:0.07em; }
  .modal-title { font-family:'Inter',sans-serif; letter-spacing:-0.02em; font-size:1.5rem; color:var(--white); line-height:1.25; margin-bottom:1rem; }
  .modal-meta-row { display:flex; flex-wrap:wrap; gap:0.75rem; }
  .modal-meta-pill { background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); border-radius:999px; padding:4px 12px; font-size:0.78rem; color:rgba(255,255,255,0.7); }
  .modal-meta-pill strong { color:var(--white); }

  .modal-body { padding:1.75rem 2rem; }

  .modal-section { margin-bottom:1.5rem; }
  .modal-section-title { font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.1em; color:var(--muted); margin-bottom:0.6rem; }
  .modal-section p { font-size:0.9rem; color:#334155; line-height:1.7; }

  /* Requirements list */
  .req-list { list-style:none; display:flex; flex-direction:column; gap:6px; }
  .req-list li { display:flex; align-items:flex-start; gap:8px; font-size:0.88rem; color:#334155; line-height:1.5; }
  .req-list li::before { content:'✓'; color:var(--teal-dk); font-weight:700; font-size:0.85rem; margin-top:1px; flex-shrink:0; }

  /* Pricing table */
  .pricing-box {
    background:linear-gradient(135deg,#0B1929 0%,#112236 100%);
    border-radius:14px; padding:1.5rem; margin-bottom:1.5rem;
  }
  .pricing-box-title { font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.1em; color:var(--teal); margin-bottom:1rem; }
  .pricing-items { display:flex; flex-direction:column; gap:8px; margin-bottom:1rem; }
  .pricing-row { display:flex; justify-content:space-between; align-items:center; }
  .pricing-label { font-size:0.85rem; color:rgba(255,255,255,0.65); }
  .pricing-amount { font-size:0.95rem; font-weight:600; color:var(--white); }
  .pricing-divider { border:none; border-top:1px solid rgba(255,255,255,0.1); margin:0.75rem 0; }
  .pricing-total-row { display:flex; justify-content:space-between; align-items:center; }
  .pricing-total-label { font-size:0.88rem; font-weight:600; color:rgba(255,255,255,0.8); }
  .pricing-total-amount { font-size:1.25rem; font-weight:700; color:var(--teal); }
  .pricing-note { font-size:0.75rem; color:rgba(255,255,255,0.35); margin-top:0.5rem; line-height:1.5; }

  /* CTA section */
  .modal-cta-heading { font-size:1.05rem; font-weight:600; color:var(--navy); margin-bottom:0.3rem; }
  .modal-cta-sub { font-size:0.85rem; color:var(--muted); line-height:1.6; margin-bottom:1.1rem; }
  .modal-cta { display:flex; flex-direction:column; gap:0.65rem; }

  .btn-cta {
    display:flex; align-items:center; gap:14px;
    border-radius:12px; padding:15px 18px;
    text-decoration:none; width:100%; cursor:pointer;
    border:1.5px solid transparent;
    transition:transform 0.18s, box-shadow 0.18s;
  }
  .btn-cta:hover { transform:translateY(-2px); }

  .btn-cta--ai   { background:#0B1929; border-color:rgba(0,201,224,0.35); }
  .btn-cta--teal { background:#0099AA; border-color:#0099AA; }
  .btn-cta--outline { background:#EEF1F5; border-color:rgba(11,25,41,0.12); }

  .btn-cta--ai .btn-cta-label    { color:#ffffff; }
  .btn-cta--ai .btn-cta-desc     { color:rgba(255,255,255,0.48); }
  .btn-cta--ai svg               { stroke:rgba(0,201,224,0.8); }

  .btn-cta--teal .btn-cta-label  { color:#ffffff; }
  .btn-cta--teal .btn-cta-desc   { color:rgba(255,255,255,0.65); }
  .btn-cta--teal svg             { stroke:rgba(255,255,255,0.75); }

  .btn-cta--outline .btn-cta-label { color:#0B1929; }
  .btn-cta--outline .btn-cta-desc  { color:#6B8FA3; }
  .btn-cta--outline svg            { stroke:#6B8FA3; }

  .btn-cta--ai:hover    { box-shadow:0 8px 24px rgba(0,201,224,0.2); }
  .btn-cta--teal:hover  { background:#007f8f; box-shadow:0 8px 24px rgba(0,153,170,0.3); }
  .btn-cta--outline:hover { background:#e2e7ed; }

  .btn-cta-icon  { font-size:1.25rem; width:34px; text-align:center; flex-shrink:0; }
  .btn-cta-text  { display:flex; flex-direction:column; gap:3px; flex:1; min-width:0; }
  .btn-cta-label { font-size:0.9rem; font-weight:600; font-family:'DM Sans',sans-serif; line-height:1.2; }
  .btn-cta-desc  { font-size:0.76rem; line-height:1.4; }
  .btn-cta svg   { flex-shrink:0; }

  .cta-reassurance { text-align:center; font-size:0.76rem; color:var(--muted); margin-top:1rem; line-height:1.65; }

  /* FOOTER */
  footer { background:var(--navy); padding:2.5rem 2rem 1.5rem; margin-top:2rem; }
  .footer-inner { max-width:900px; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; gap:2rem; flex-wrap:wrap; }
  .footer-brand p { font-family:'Inter',sans-serif; letter-spacing:-0.02em; font-size:1.1rem; color:var(--white); margin-bottom:4px; }
  .footer-brand span { font-size:0.78rem; color:rgba(255,255,255,0.35); }
  .footer-brand a { color:var(--teal); text-decoration:none; }
  .footer-contact { text-align:right; font-size:0.82rem; color:rgba(255,255,255,0.4); line-height:1.9; }
  .footer-contact a { color:rgba(255,255,255,0.55); text-decoration:none; }
  .footer-contact a:hover { color:var(--teal); }
  @media(max-width:700px){.cana-grid{grid-template-columns:1fr !important;}}
  .footer-bottom { max-width:900px; margin:1.5rem auto 0; border-top:1px solid rgba(255,255,255,0.06); padding-top:1rem; font-size:0.75rem; color:rgba(255,255,255,0.25); display:flex; justify-content:space-between; flex-wrap:wrap; gap:0.5rem; }

  /* ══ REDESIGN: HERO ══ */
  .hero { background:var(--white); padding:0; text-align:left; position:relative; overflow:hidden; min-height:560px; display:flex; flex-direction:column; justify-content:center; border-bottom:1px solid var(--border); }
  .hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(11,25,41,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(11,25,41,0.025) 1px,transparent 1px); background-size:64px 64px; pointer-events:none; mask-image:linear-gradient(to bottom,black,transparent 80%); }
  .orb { position:absolute; border-radius:50%; pointer-events:none; }
  .orb-1 { display:none; }
  .orb-2 { display:none; }
  @keyframes orbFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-20px)} }

  .hero-inner { max-width:1100px; margin:0 auto; padding:5rem 2rem 4rem; display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; position:relative; z-index:1; }
  @media(max-width:860px){ .hero-inner{grid-template-columns:1fr;gap:2.5rem;} .hero-right{display:none;} }

  .hero-left {}
  .hero-eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:0.72rem; color:var(--teal-dk); letter-spacing:0.12em; text-transform:uppercase; font-weight:700; margin-bottom:1.5rem; }
  .eyebrow-dot { width:6px; height:6px; border-radius:50%; background:var(--teal); animation:pulse 2s ease-in-out infinite; flex-shrink:0; }
  @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(0.8)} }

  .hero h1 { font-family:'Inter',sans-serif; font-weight:800; font-size:clamp(2.5rem,5vw,3.7rem); color:var(--navy); line-height:1.08; margin-bottom:1.2rem; max-width:none; margin-left:0; margin-right:0; letter-spacing:-0.03em; }
  .hero h1 em { font-style:normal; color:var(--teal-dk); }
  .hero p { font-size:1.05rem; color:var(--muted); max-width:440px; margin:0 0 2.2rem; line-height:1.7; }

  .hero-actions { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin-bottom:1.5rem; }
  .btn-primary { display:inline-flex; align-items:center; gap:8px; background:var(--teal); color:var(--navy); border-radius:10px; padding:13px 24px; font-size:0.9rem; font-weight:700; text-decoration:none; transition:background 0.2s,transform 0.15s; white-space:nowrap; }
  .btn-primary:hover { background:var(--teal-dk); transform:translateY(-1px); }
  .btn-ghost { color:var(--navy); font-size:0.88rem; text-decoration:none; font-weight:600; transition:color 0.2s; }
  .btn-ghost:hover { color:var(--teal-dk); }

  .hero-trust { display:flex; align-items:center; gap:0.6rem; flex-wrap:wrap; }
  .trust-item { display:flex; align-items:center; gap:5px; font-size:0.78rem; color:var(--muted); }
  .trust-sep { color:rgba(255,255,255,0.18); font-size:0.75rem; }

  /* DEMO CARD */
  .demo-card { background:var(--white); border:1px solid var(--border); border-radius:16px; overflow:hidden; box-shadow:0 20px 50px rgba(11,25,41,0.10); }
  .demo-card-header { background:var(--offwhite); border-bottom:1px solid var(--border); padding:12px 16px; display:flex; align-items:center; gap:7px; }
  .demo-card-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
  .dot-red { background:#ff5f56; }
  .dot-amber { background:#ffbd2e; }
  .dot-green { background:#27c93f; }
  .demo-card-title { flex:1; font-size:0.72rem; color:var(--muted); letter-spacing:0.04em; margin-left:4px; }
  .demo-card-badge { background:rgba(39,201,63,0.15); color:#27c93f; font-size:0.65rem; font-weight:700; padding:2px 8px; border-radius:999px; letter-spacing:0.06em; }
  .demo-card-tender { padding:14px 18px 10px; border-bottom:1px solid var(--border); }
  .demo-card-label { font-size:0.62rem; font-weight:700; color:var(--teal-dk); text-transform:uppercase; letter-spacing:0.1em; margin-bottom:4px; }
  .demo-card-tender-name { font-size:0.82rem; font-weight:600; color:var(--navy); }
  .demo-card-question { padding:12px 18px 10px; border-bottom:1px solid var(--border); }
  .demo-card-q { font-size:0.8rem; color:var(--muted); line-height:1.55; }
  .demo-card-response { padding:14px 18px 10px; min-height:110px; }
  .demo-card-text { font-size:0.8rem; color:var(--navy); line-height:1.65; }
  .demo-cursor { display:inline-block; width:2px; height:14px; background:var(--teal); margin-left:1px; vertical-align:middle; animation:blink 0.9s step-end infinite; }
  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }
  .demo-card-footer { padding:10px 18px 14px; border-top:1px solid var(--border); display:flex; align-items:center; gap:12px; }
  .demo-progress { flex:1; height:3px; background:var(--border); border-radius:999px; overflow:hidden; }
  .demo-progress-bar { height:100%; background:var(--teal); border-radius:999px; width:0%; transition:width 0.3s ease; }
  .demo-progress-label { font-size:0.68rem; color:var(--muted); white-space:nowrap; }

  /* ══ TICKER ══ */
  .ticker-strip { background:#07111C; border-top:1px solid rgba(255,255,255,0.05); border-bottom:1px solid rgba(255,255,255,0.05); padding:0 0; height:38px; display:flex; align-items:center; overflow:hidden; }
  .ticker-label { background:var(--teal); color:var(--navy); font-size:0.65rem; font-weight:800; letter-spacing:0.1em; padding:0 14px; height:100%; display:flex; align-items:center; flex-shrink:0; text-transform:uppercase; }
  .ticker-track { flex:1; overflow:hidden; height:100%; position:relative; }
  .ticker-inner { display:flex; align-items:center; height:100%; white-space:nowrap; will-change:transform; }
  .ticker-item { display:inline-flex; align-items:center; gap:8px; padding:0 2rem; font-size:0.76rem; color:rgba(255,255,255,0.55); cursor:pointer; transition:color 0.2s; flex-shrink:0; }
  .ticker-item:hover { color:rgba(255,255,255,0.88); }
  .ticker-item-dot { width:5px; height:5px; border-radius:50%; flex-shrink:0; }
  .ticker-item-dot.care { background:var(--teal); }
  .ticker-item-dot.commercial { background:var(--amber); }
  .ticker-item-title { font-weight:500; }
  .ticker-item-val { color:rgba(255,255,255,0.28); font-size:0.72rem; }
  .ticker-item-sep { color:rgba(255,255,255,0.12); margin:0 1rem; }
  .ticker-loading { font-size:0.75rem; color:rgba(255,255,255,0.28); padding:0 2rem; }

  /* ══ STATS (override) ══ */
  .stats-strip { background:var(--white); border-top:none; border-bottom:1px solid var(--border); padding:1.4rem 2rem; display:flex; justify-content:center; gap:0; flex-wrap:wrap; }
  .stat { text-align:center; padding:0 3rem; }
  .stat-divider { border-left:1px solid var(--border); }
  .stat-num { font-size:1.5rem; font-weight:700; color:var(--navy); display:block; font-variant-numeric:tabular-nums; }
  .stat-label { font-size:0.72rem; color:var(--muted); margin-top:3px; letter-spacing:0.05em; }
  @media(max-width:600px){ .stat{padding:0.75rem 1.5rem;} .stat-divider{border-left:none;border-top:1px solid var(--border);width:100%;} }

  /* ══ FEATURES STRIP ══ */
  .features-section { background:var(--white); border-bottom:1px solid var(--border); padding:0 2rem; }
  .features-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
  @media(max-width:800px){ .features-inner{grid-template-columns:1fr 1fr;} }
  @media(max-width:480px){ .features-inner{grid-template-columns:1fr;} }
  .feature-item { display:flex; align-items:flex-start; gap:14px; padding:2rem 1.5rem; position:relative; }
  .feature-divider { width:1px; background:var(--border); margin:1.5rem 0; }
  @media(max-width:800px){ .feature-divider{display:none;} }
  .feature-icon { width:40px; height:40px; background:rgba(0,201,224,0.07); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
  .feature-title { font-size:0.88rem; font-weight:600; color:var(--navy); margin-bottom:4px; }
  .feature-desc { font-size:0.78rem; color:var(--muted); line-height:1.6; }

  /* ══ CANA SECTION ══ */
  .cana-section { background:var(--white); padding:5rem 2rem; border-top:1px solid var(--border); }
  .cana-inner { max-width:1000px; margin:0 auto; }
  .cana-badge { display:inline-flex; align-items:center; gap:10px; font-size:0.72rem; color:var(--teal-dk); letter-spacing:0.12em; text-transform:uppercase; font-weight:700; margin-bottom:2rem; }
  .cana-badge-dot { width:6px; height:6px; border-radius:50%; background:var(--teal); animation:pulse 2s ease-in-out infinite; flex-shrink:0; }
  .cana-heading { font-family:'Inter',sans-serif; font-weight:800; font-size:clamp(1.7rem,3.2vw,2.3rem); color:var(--navy); line-height:1.18; margin-bottom:1rem; letter-spacing:-0.025em; }
  .cana-heading em { font-style:normal; color:var(--teal-dk); }
  .cana-body { font-size:0.92rem; color:var(--muted); line-height:1.8; }
  .cana-checklist { list-style:none; display:flex; flex-direction:column; gap:0.55rem; margin:1.4rem 0 0; }
  .cana-checklist li { display:flex; align-items:flex-start; gap:10px; font-size:0.86rem; color:var(--navy); line-height:1.5; }
  .check { color:var(--teal-dk); font-weight:700; flex-shrink:0; margin-top:1px; }
  .cana-link { color:var(--muted); font-size:0.85rem; text-decoration:none; transition:color 0.2s; }
  .cana-link:hover { color:var(--teal-dk); }

  .how-card { background:var(--offwhite); border:1px solid var(--border); border-radius:20px; padding:2rem; position:relative; overflow:hidden; }
  .how-card::before { content:''; position:absolute; top:-40px; right:-40px; width:180px; height:180px; background:radial-gradient(circle,rgba(0,201,224,0.08) 0%,transparent 70%); pointer-events:none; }
  .how-card-label { font-size:0.68rem; font-weight:600; color:var(--teal); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:1.5rem; }
  .how-steps { display:flex; flex-direction:column; gap:0; }
  .how-step { display:flex; gap:14px; align-items:flex-start; }
  .how-num { width:32px; height:32px; border-radius:50%; background:rgba(0,201,224,0.1); border:1px solid rgba(0,201,224,0.25); display:flex; align-items:center; justify-content:center; font-size:0.78rem; font-weight:700; color:var(--teal); flex-shrink:0; }
  .how-title { font-size:0.87rem; font-weight:600; color:var(--navy); margin-bottom:3px; padding-top:4px; }
  .how-desc { font-size:0.78rem; color:var(--muted); line-height:1.55; }
  .how-connector { width:1px; height:16px; background:var(--border); margin-left:15px; margin:0.85rem 0 0.85rem 15px; }
  .how-footer { margin-top:1.75rem; background:rgba(0,201,224,0.06); border:1px solid rgba(0,201,224,0.16); border-radius:10px; padding:1rem 1.1rem; display:flex; align-items:center; gap:10px; }
  .how-footer-title { font-size:0.82rem; font-weight:600; color:var(--navy); }
  .how-footer-sub { font-size:0.73rem; color:var(--muted); margin-top:2px; }
  @media(max-width:700px){ .cana-grid{grid-template-columns:1fr !important;} }

  /* ══ SECTOR BAND ══ */
  .sector-band { background:var(--offwhite); padding:2.5rem 2rem 0.5rem; }
  .sector-band-inner { max-width:900px; margin:0 auto; text-align:center; }
  .sector-band-label { display:block; font-size:0.72rem; font-weight:600; color:var(--muted); letter-spacing:0.11em; text-transform:uppercase; margin-bottom:1.1rem; }
  .sector-chips { display:flex; flex-wrap:wrap; justify-content:center; gap:0.5rem; }
  .sector-chip { font-size:0.78rem; font-weight:500; color:var(--navy); background:var(--white); border:1.5px solid var(--border); border-radius:999px; padding:6px 16px; transition:border-color 0.2s,transform 0.15s; cursor:default; }
  .sector-chip:hover { border-color:rgba(0,201,224,0.4); transform:translateY(-1px); }

  /* ══ BENTO SECTION ══ */
  .bento-section { background:var(--offwhite); padding:4.5rem 2rem 5rem; position:relative; }
  .bento-inner { max-width:1060px; margin:0 auto; }
  .bento-heading-row { text-align:center; margin-bottom:2.75rem; }
  .bento-heading { font-family:'Inter',sans-serif; font-weight:800; font-size:clamp(1.7rem,3.4vw,2.4rem); color:var(--navy); line-height:1.18; margin-bottom:0.6rem; letter-spacing:-0.025em; }
  .bento-heading em { font-style:normal; color:var(--teal-dk); }
  .bento-sub { font-size:0.92rem; color:var(--muted); }

  .bento-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
  .bento-wide { grid-column:span 2; }
  @media(max-width:800px){ .bento-grid{grid-template-columns:1fr;} .bento-wide{grid-column:span 1;} }

  .bento-tile { background:var(--white); border:1px solid var(--border); border-radius:18px; padding:1.75rem; position:relative; overflow:hidden; transition:border-color 0.25s,transform 0.25s,box-shadow 0.25s; }
  .bento-tile:hover { border-color:rgba(0,201,224,0.45); transform:translateY(-3px); box-shadow:0 16px 40px rgba(11,25,41,0.08); }
  .bento-tile-glow { position:absolute; top:-60px; right:-60px; width:160px; height:160px; background:radial-gradient(circle,rgba(0,201,224,0.08) 0%,transparent 70%); pointer-events:none; opacity:0; transition:opacity 0.3s; }
  .bento-tile:hover .bento-tile-glow { opacity:1; }

  .bento-tile-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
  .bento-tile-title { font-size:1.02rem; font-weight:600; color:var(--navy); margin-bottom:0.4rem; letter-spacing:-0.01em; }
  .bento-tile-desc { font-size:0.82rem; color:var(--muted); line-height:1.65; margin-bottom:1.2rem; max-width:480px; }

  .bento-live-pill { display:inline-flex; align-items:center; gap:7px; background:rgba(39,201,63,0.1); border:1px solid rgba(39,201,63,0.25); border-radius:999px; padding:4px 12px; font-size:0.7rem; font-weight:600; color:#27c93f; white-space:nowrap; margin-bottom:0.4rem; }
  .bento-live-dot { width:6px; height:6px; border-radius:50%; background:#27c93f; animation:pulse 2s ease-in-out infinite; }

  /* Live feed rows */
  .bento-feed { display:flex; flex-direction:column; gap:6px; min-height:108px; }
  .bento-feed-row { display:flex; align-items:center; gap:10px; background:var(--offwhite); border:1px solid var(--border); border-radius:9px; padding:9px 14px; animation:feedIn 0.45s ease; }
  @keyframes feedIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
  .bento-feed-dot { width:6px; height:6px; border-radius:50%; background:var(--teal); flex-shrink:0; }
  .bento-feed-dot.amber { background:var(--amber); }
  .bento-feed-text { font-size:0.76rem; color:var(--navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; }
  .bento-feed-val { font-size:0.72rem; color:var(--muted); white-space:nowrap; }

  /* Value scale */
  .bento-scale { margin-top:auto; }
  .bento-scale-track { height:6px; background:var(--border); border-radius:999px; overflow:hidden; margin-bottom:8px; }
  .bento-scale-fill { height:100%; width:0%; background:linear-gradient(90deg,var(--teal) 0%,#27c93f 100%); border-radius:999px; animation:scaleFill 2.4s ease forwards 0.5s; }
  @keyframes scaleFill { to{width:100%} }
  .bento-scale-labels { display:flex; justify-content:space-between; font-size:0.7rem; color:var(--muted); font-weight:600; }

  /* Ring */
  .bento-ring-wrap { position:relative; width:90px; height:90px; margin:0.25rem auto 0; }
  .bento-ring-fill { animation:ringFill 2s ease forwards 0.6s; }
  @keyframes ringFill { to{stroke-dashoffset:24} }
  .bento-ring-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .bento-ring-num { font-size:1.3rem; font-weight:700; color:var(--navy); line-height:1; }
  .bento-ring-unit { font-size:0.62rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.08em; margin-top:2px; }

  /* AI -> human pipeline */
  .bento-pipeline { display:flex; align-items:center; gap:0; }
  .bento-stage { flex:1; text-align:center; padding:0.75rem 0.5rem; background:var(--offwhite); border:1px solid var(--border); border-radius:12px; }
  .bento-stage-done { border-color:rgba(39,201,63,0.25); background:rgba(39,201,63,0.05); }
  .bento-stage-icon { font-size:1.2rem; margin-bottom:5px; }
  .bento-stage-label { font-size:0.78rem; font-weight:600; color:var(--navy); }
  .bento-stage-sub { font-size:0.66rem; color:var(--muted); margin-top:2px; }
  .bento-flow { width:42px; height:2px; background:var(--border); position:relative; overflow:hidden; flex-shrink:0; }
  .bento-flow-pulse { position:absolute; top:0; left:-14px; width:14px; height:100%; background:var(--teal); border-radius:999px; animation:flowPulse 2.8s ease-in-out infinite; }
  @keyframes flowPulse { 0%{left:-14px} 50%,100%{left:100%} }
  @media(max-width:560px){ .bento-pipeline{flex-direction:column;gap:8px;} .bento-flow{width:2px;height:24px;} .bento-flow-pulse{width:100%;height:14px;left:0;top:-14px;animation:flowPulseV 2.8s ease-in-out infinite;} @keyframes flowPulseV { 0%{top:-14px} 50%,100%{top:100%} } }

  /* ══ COMPARISON ══ */
  .compare-section { background:var(--offwhite); padding:4.5rem 2rem; }
  .compare-inner { max-width:980px; margin:0 auto; }
  .compare-heading-row { text-align:center; margin-bottom:2.5rem; }
  .compare-heading { font-family:'Inter',sans-serif; font-weight:800; font-size:clamp(1.7rem,3.4vw,2.4rem); color:var(--navy); line-height:1.18; margin-bottom:0.6rem; letter-spacing:-0.025em; }
  .compare-heading em { font-style:normal; color:var(--teal-dk); }
  .compare-sub { font-size:0.92rem; color:var(--muted); }
  .compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
  @media(max-width:680px){ .compare-grid{grid-template-columns:1fr;} }
  .compare-col { border-radius:18px; padding:2rem; }
  .compare-old { background:var(--white); border:1.5px solid var(--border); }
  .compare-new { background:var(--navy); border:1.5px solid rgba(0,201,224,0.35); position:relative; overflow:hidden; }
  .compare-new::before { content:''; position:absolute; top:-50px; right:-50px; width:170px; height:170px; background:radial-gradient(circle,rgba(0,201,224,0.12) 0%,transparent 70%); pointer-events:none; }
  .compare-col-label { font-size:0.7rem; font-weight:700; letter-spacing:0.11em; text-transform:uppercase; color:var(--muted); margin-bottom:1.25rem; }
  .compare-col-label-new { color:var(--teal); }
  .compare-list { list-style:none; display:flex; flex-direction:column; gap:0.85rem; }
  .compare-list li { display:flex; align-items:flex-start; gap:10px; font-size:0.88rem; line-height:1.55; }
  .compare-old .compare-list li { color:#5a6b7a; }
  .compare-new .compare-list li { color:rgba(255,255,255,0.78); }
  .cx { color:#c4515c; font-weight:700; flex-shrink:0; margin-top:1px; font-size:0.8rem; }
  .cv { color:var(--teal); font-weight:700; flex-shrink:0; margin-top:1px; }

  /* ══ PROOF BAND ══ */
  .proof-section { background:var(--white); border-top:1px solid var(--border); padding:4.5rem 2rem; }
  .proof-inner { max-width:880px; margin:0 auto; text-align:center; }
  .proof-stats { display:flex; justify-content:center; gap:0; flex-wrap:wrap; margin-bottom:2.75rem; }
  .proof-stat { padding:0 2.5rem; border-left:1px solid var(--border); }
  .proof-stat:first-child { border-left:none; }
  .proof-num { display:block; font-family:'Inter',sans-serif; letter-spacing:-0.02em; font-size:2.1rem; font-weight:700; color:var(--navy); line-height:1.1; }
  .proof-label { font-size:0.72rem; color:var(--muted); letter-spacing:0.06em; text-transform:uppercase; margin-top:4px; display:block; }
  @media(max-width:640px){ .proof-stat{padding:0.75rem 1.25rem;border-left:none;} }
  .proof-quote-card { background:var(--offwhite); border:1.5px solid var(--border); border-radius:18px; padding:2.25rem 2.5rem 1.75rem; position:relative; margin-bottom:1.75rem; text-align:left; }
  .proof-quote-mark { font-family:'Inter',sans-serif; letter-spacing:-0.02em; font-size:3.5rem; color:rgba(0,201,224,0.35); line-height:0.5; margin-bottom:0.75rem; }
  .proof-quote { font-size:1.02rem; color:#33475b; line-height:1.75; font-style:italic; margin-bottom:1rem; }
  .proof-attr { font-size:0.78rem; color:var(--muted); letter-spacing:0.03em; }
  .proof-cta { display:inline-flex; align-items:center; gap:6px; color:var(--teal-dk); font-size:0.9rem; font-weight:600; text-decoration:none; transition:gap 0.2s; }
  .proof-cta:hover { gap:10px; }

  /* ══ COMPARISON: DIGITAL UPGRADE ══ */
  .compare-grid { position:relative; }

  /* VS badge between columns */
  .compare-vs { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:5; width:54px; height:54px; border-radius:50%; background:var(--navy); border:2px solid var(--teal); display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 6px var(--offwhite), 0 0 24px rgba(0,201,224,0.35); }
  .compare-vs span { font-size:0.78rem; font-weight:800; color:var(--teal); letter-spacing:0.08em; }
  .compare-vs::before { content:''; position:absolute; inset:-2px; border-radius:50%; border:2px solid rgba(0,201,224,0.4); animation:vsPulse 2.4s ease-out infinite; }
  @keyframes vsPulse { 0%{transform:scale(1);opacity:1} 100%{transform:scale(1.7);opacity:0} }
  @media(max-width:680px){ .compare-vs{display:none;} }

  /* Item reveal animation (driven by .in class via IntersectionObserver) */
  .cmp-item { opacity:0; transform:translateX(-14px); transition:opacity 0.45s ease,transform 0.45s ease; }
  .cmp-new-item { transform:translateX(14px); }
  .cmp-item.in { opacity:1; transform:none; }

  /* Strikethrough sweep on old-way items after reveal */
  .cmp-text { position:relative; display:inline; }
  .cmp-text::after { content:''; position:absolute; left:0; top:55%; height:1.5px; width:0; background:rgba(196,81,92,0.65); transition:width 0.5s ease 0.35s; }
  .cmp-item.in .cmp-text::after { width:100%; }
  .cmp-item.in .cmp-text { color:#94a3b1; transition:color 0.5s ease 0.45s; }

  /* Tick pop on Cana items */
  .cmp-new-item .cv { display:inline-block; transform:scale(0); transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1) 0.15s; }
  .cmp-new-item.in .cv { transform:scale(1); }

  /* Shimmer sweep across the Cana card */
  .compare-new { isolation:isolate; }
  .compare-shimmer { position:absolute; top:0; bottom:0; width:60%; left:-70%; background:linear-gradient(105deg,transparent 0%,rgba(0,201,224,0.07) 45%,rgba(255,255,255,0.05) 50%,rgba(0,201,224,0.07) 55%,transparent 100%); animation:shimmerSweep 4.5s ease-in-out infinite 1.2s; pointer-events:none; z-index:0; }
  @keyframes shimmerSweep { 0%{left:-70%} 55%,100%{left:120%} }
  .compare-new .compare-col-label, .compare-new .compare-list { position:relative; z-index:1; }

  /* Hover micro-lift on rows */
  .compare-list li { border-radius:8px; padding:4px 8px; margin:-4px -8px; transition:background 0.2s; }
  .compare-old .compare-list li:hover { background:rgba(196,81,92,0.05); }
  .compare-new .compare-list li:hover { background:rgba(0,201,224,0.06); }

  /* Reduced motion: show everything, kill animations */
  @media (prefers-reduced-motion: reduce) {
    .cmp-item { opacity:1; transform:none; }
    .cmp-item .cmp-text::after { width:100%; transition:none; }
    .cmp-new-item .cv { transform:scale(1); }
    .compare-shimmer, .compare-vs::before { animation:none; }
  }

  /* ══ PROOF BAND: DIGITAL UPGRADE ══ */
  .proof-eyebrow { font-size:0.72rem; font-weight:700; color:var(--teal-dk); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:1.75rem; }
  .proof-num { font-variant-numeric:tabular-nums; }
  .proof-stat { position:relative; padding-bottom:14px; }
  .proof-bar { display:block; width:56px; height:3px; background:rgba(11,25,41,0.07); border-radius:999px; margin:10px auto 0; overflow:hidden; }
  .proof-bar-fill { display:block; height:100%; width:0; background:linear-gradient(90deg,var(--teal) 0%,var(--teal-dk) 100%); border-radius:999px; transition:width 1.4s cubic-bezier(0.22,1,0.36,1) 0.3s; }
  .proof-section.in .proof-bar-fill { width:var(--w,0%); }

  .proof-stat, .proof-quote-card, .proof-cta { opacity:0; transform:translateY(16px); transition:opacity 0.5s ease,transform 0.5s ease; }
  .proof-section.in .proof-stat, .proof-section.in .proof-quote-card, .proof-section.in .proof-cta { opacity:1; transform:none; }
  .proof-section.in .proof-stat:nth-child(1) { transition-delay:0s; }
  .proof-section.in .proof-stat:nth-child(2) { transition-delay:0.1s; }
  .proof-section.in .proof-stat:nth-child(3) { transition-delay:0.2s; }
  .proof-section.in .proof-stat:nth-child(4) { transition-delay:0.3s; }
  .proof-section.in .proof-quote-card { transition-delay:0.45s; }
  .proof-section.in .proof-cta { transition-delay:0.6s; }

  .proof-quote-card { overflow:hidden; }
  .proof-quote-card::before { content:''; position:absolute; top:0; left:0; bottom:0; width:3px; background:linear-gradient(180deg,var(--teal) 0%,transparent 100%); }
  .proof-quote-card { position:relative; }
  .proof-attr-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
  .proof-won-pill { background:#e8f7ee; color:#1a7a3f; font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:999px; white-space:nowrap; }

  @media (prefers-reduced-motion: reduce) {
    .proof-stat, .proof-quote-card, .proof-cta { opacity:1; transform:none; transition:none; }
    .proof-bar-fill { transition:none; }
  }

  /* Source link button in tender modal */
  .modal-source-btn { display:inline-flex; align-items:center; gap:7px; background:var(--offwhite); border:1.5px solid var(--border); border-radius:8px; padding:9px 16px; font-size:0.82rem; font-weight:600; color:var(--navy); text-decoration:none; transition:border-color 0.2s,background 0.2s; }
  .modal-source-btn:hover { border-color:var(--teal); background:#fff; color:var(--teal-dk); }

  /* ══ PLANS TEASER ══ */
  .plansteaser-section { background:var(--navy-mid); padding:4rem 2rem; border-top:1px solid rgba(255,255,255,0.05); }
  .plansteaser-inner { max-width:920px; margin:0 auto; }
  .plansteaser-head { text-align:center; margin-bottom:2.25rem; }
  .plansteaser-heading { font-family:'Inter',sans-serif; letter-spacing:-0.02em; font-size:clamp(1.6rem,3.2vw,2.2rem); color:#fff; margin-bottom:0.6rem; }
  .plansteaser-heading em { font-style:italic; color:var(--teal); }
  .plansteaser-sub { font-size:0.9rem; color:rgba(255,255,255,0.5); }
  .plansteaser-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:1.75rem; }
  @media(max-width:700px){ .plansteaser-grid{grid-template-columns:1fr;} }
  .plansteaser-card { position:relative; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:1.4rem 1.3rem; text-align:center; transition:border-color 0.2s,transform 0.2s; }
  .plansteaser-card:hover { border-color:rgba(0,201,224,0.45); transform:translateY(-3px); }
  .plansteaser-pop { border:1.5px solid var(--teal); }
  .plansteaser-badge { position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:var(--teal); color:var(--navy); font-size:0.6rem; font-weight:800; letter-spacing:0.07em; text-transform:uppercase; padding:3px 11px; border-radius:999px; white-space:nowrap; }
  .plansteaser-name { font-size:0.85rem; font-weight:700; color:#fff; margin-bottom:6px; }
  .plansteaser-price { font-family:'Inter',sans-serif; letter-spacing:-0.02em; font-size:1.7rem; font-weight:700; color:#fff; }
  .plansteaser-price span { font-family:'DM Sans',sans-serif; font-size:0.75rem; color:rgba(255,255,255,0.4); font-weight:500; }
  .plansteaser-line { font-size:0.74rem; color:rgba(255,255,255,0.45); margin-top:6px; }
  .plansteaser-cta-row { text-align:center; }