*{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  :root{
    --yp-bg:#121415;
    --yp-bg-deep:#0c0e0f;
    --yp-surface-low:#1a1c1d;
    --yp-surface:#1e2021;
    --yp-surface-high:#282a2b;
    --yp-surface-highest:#333536;
    --yp-text:#e2e2e3;
    --yp-muted:#c4c9ac;
    --yp-muted-dim:#8e9379;
    --yp-line:rgba(255,255,255,.10);
    --yp-line-strong:rgba(204,255,0,.24);
    --yp-lime:#CCFF00;
    --yp-lime-dim:#abd600;
  }
  body{ margin:0; background:var(--yp-bg); color:var(--yp-text); font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; line-height:1.5; }
  a{ color:var(--yp-text); text-decoration:none; }
  img{ max-width:100%; }
  input,textarea,button{ font-family:inherit; }
  ::selection{ background:var(--yp-lime); color:#111111; }
  :focus-visible{ outline:2px solid var(--yp-lime); outline-offset:2px; border-radius:6px; }

  /* ---------- Interactions (were style-hover / style-focus in the design) ---------- */
  .btn-lime:hover{ background:#d6ff33; }
  .btn-outline:hover{ border-color:var(--yp-lime); color:#FFFFFF; }
  .btn-dark:hover{ background:#000; border-color:var(--yp-line-strong); }
  .badge-link{ transition:opacity .15s ease, transform .15s ease; }
  .badge-link:hover{ opacity:.85; transform:translateY(-1px); }
  footer .badge-link img{ height:38px !important; width:auto; }
  /* beta callout: large stacked store badges (2 rows, fill width) */
  [data-betactas]{ max-width:320px; }
  .beta-badge{ display:block; width:100%; }
  .beta-badge img{ display:block; width:100%; height:auto; }
  .card-hover{ transition:border-color .2s, box-shadow .2s, transform .2s; }
  .card-hover:hover{ border-color:var(--yp-line-strong); box-shadow:0 18px 44px rgba(204,255,0,0.12); transform:translateY(-2px); }
  .field{ transition:border-color .15s, box-shadow .15s; }
  .field:focus{ border-color:var(--yp-lime); box-shadow:0 0 0 3px rgba(204,255,0,0.14); }
  .flink,.navlink{ transition:color .15s ease; }
  .flink:hover,.navlink:hover{ color:var(--yp-lime); }

  #top h1{
    line-height:1.18 !important;
  }

  html[lang="vi"] #top h1{
    line-height:1.22 !important;
  }

  .cta-button,
  #cf-submit{
    gap:9px;
  }

  .cta-icon{
    width:1.08em;
    height:1.08em;
    flex:0 0 auto;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
    background:transparent !important;
  }

  .cta-label,
  #cf-submit-label{
    background:transparent !important;
  }

  .metric-chip{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:52px;
  }

  .metric-chip span{
    background:transparent !important;
  }

  .metric-icon{
    width:1.2em;
    height:1.2em;
    flex:0 0 auto;
    fill:none;
    stroke:var(--yp-lime);
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    background:transparent !important;
  }

  .feature-icon-lime svg{
    stroke:#111111 !important;
  }

  .site-logo{
    width:34px;
    height:34px;
    display:block;
    border:0 !important;
    border-radius:0 !important;
    object-fit:contain;
  }

  .lang-toggle{
    display:inline-flex;
    align-items:center;
    gap:2px;
    padding:3px;
    border:1px solid var(--yp-line);
    border-radius:9999px;
    background:rgba(30,32,33,.7);
  }

  .lang-toggle button{
    min-width:34px;
    min-height:28px;
    padding:5px 9px;
    border:0;
    border-radius:9999px;
    background:transparent;
    color:var(--yp-muted);
    font:inherit;
    font-size:12px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
  }

  .lang-toggle button:hover,
  .lang-toggle button:focus-visible{
    color:var(--yp-text);
  }

  .lang-toggle button.is-active{
    background:var(--yp-lime);
    color:#111111;
  }

  .mobile-lang-toggle{
    width:max-content;
    margin-top:10px;
  }

  footer [data-footergrid]{
    grid-template-columns:1fr !important;
    align-items:start;
    column-gap:32px !important;
    row-gap:32px !important;
  }

  footer [data-footergrid] > div:first-child{
    max-width:340px !important;
  }

  footer [data-footergrid] > div:first-child > div:last-child{
    flex-wrap:wrap;
    align-items:center;
  }

  footer [data-footergrid] > div:not(:first-child) > div:first-child{
    min-height:18px;
  }

  footer [data-footergrid] > div:not(:first-child) > div:nth-child(2){
    gap:12px !important;
    margin-top:18px !important;
  }

  footer .flink{
    line-height:1.45;
  }

  footer > div:last-child > div{
    align-items:center;
  }

  /* ==================================================================
     DEVICE MOCKUP SYSTEM  — one frame family shared by every showcase
     ================================================================== */
  .device{ position:relative; border-radius:38px;
    background:linear-gradient(155deg,#3a3a3d 0%,#161617 46%,#050506 100%);
    padding:9px;
    box-shadow:
      0 42px 70px -28px rgba(17,17,17,.55),
      0 14px 30px -18px rgba(17,17,17,.45),
      inset 0 0 0 1px rgba(255,255,255,.10),
      inset 0 1px 1px rgba(255,255,255,.22);
  }
  .device::after{ /* side buttons */
    content:""; position:absolute; left:-2px; top:120px; width:2px; height:52px; border-radius:2px;
    background:#2a2a2c; box-shadow:0 -70px 0 #2a2a2c, 0 22px 0 -6px #2a2a2c;
  }
  .device-screen{ position:relative; border-radius:29px; overflow:hidden;
    background:linear-gradient(165deg,#f7f7f5,#e7e7e2); aspect-ratio:9/19.5; }
  .device-screen > img{ display:block; width:100%; height:100%; object-fit:cover; }
  .device-screen::after{ /* soft glass sheen */
    content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
    background:linear-gradient(135deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 38%); }
  /* screenshot fallback while real images are being added */
  .device-screen.is-missing > img{ visibility:hidden; }

  /* ---- Wireframe mockup for upcoming (unbuilt) screens — dark ---- */
  .wf-screen{ background:linear-gradient(165deg,#17191a,#0c0e0f); }
  .wf{ position:relative; z-index:1; height:100%; display:flex; flex-direction:column;
    gap:11px; padding:16px 14px 12px; }
  .wf-status{ display:flex; gap:5px; justify-content:center; padding-bottom:2px; }
  .wf-status span{ width:4px; height:4px; border-radius:50%; background:#3a3d3e; }
  .wf-line{ display:block; height:8px; border-radius:5px; background:#2c2f30; }
  .wf-line.sm{ height:6px; background:#242728; }
  .w70{ width:70%; } .w60{ width:60%; } .w55{ width:55%; }
  .w45{ width:45%; } .w40{ width:40%; } .w30{ width:30%; }
  .wf-header{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .wf-lines{ flex:1; display:flex; flex-direction:column; gap:6px; }
  .wf-avatar{ flex:none; width:26px; height:26px; border-radius:50%; background:#2c2f30; }
  .wf-hero{ position:relative; height:88px; border-radius:14px; overflow:hidden;
    border:1px dashed #35383a; background:linear-gradient(135deg,#1d1f20,#141617); }
  .wf-hero::before{ content:""; position:absolute; left:14px; top:14px;
    width:52%; height:9px; border-radius:5px; background:#2f3233; }
  .wf-hero::after{ content:""; position:absolute; left:14px; bottom:14px;
    width:38%; height:8px; border-radius:5px; background:#CCFF00; }
  .wf-chips{ display:flex; gap:7px; }
  .wf-chips span{ flex:1; height:20px; border-radius:20px; background:#26292a; }
  .wf-chips span:first-child{ background:#313536; }
  .wf-list{ flex:1; display:flex; flex-direction:column; gap:9px; }
  .wf-row{ display:flex; align-items:center; gap:9px; }
  .wf-ico{ flex:none; width:22px; height:22px; border-radius:7px; background:#2a2d2e; }
  .wf-nav{ margin-top:auto; display:flex; justify-content:space-between;
    padding:9px 10px 2px; border-top:1px solid #202323; }
  .wf-nav span{ width:22px; height:6px; border-radius:5px; background:#2a2d2e; }
  .wf-nav span.on{ background:#CCFF00; }
  /* skeleton shimmer sweep — reinforces "still being built" */
  .wf::after{ content:""; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(105deg, transparent 40%, rgba(255,255,255,.10) 50%, transparent 60%);
    transform:translateX(-100%); animation:wfSheen 3.6s ease-in-out infinite; }
  @keyframes wfSheen{ 0%{ transform:translateX(-100%); } 60%,100%{ transform:translateX(100%); } }
  @media (prefers-reduced-motion:reduce){ .wf::after{ animation:none; opacity:0; } }

  /* ambient lime glow behind anchored phones */
  .glow{ position:absolute; border-radius:50%; z-index:0; pointer-events:none;
    background:radial-gradient(circle, rgba(204,255,0,.55), rgba(204,255,0,0) 68%);
    filter:blur(58px); }

  /* floating label chips (hero) */
  .chip{ display:inline-flex; align-items:center; gap:8px;
    padding:6px 13px 6px 6px; border-radius:12px;
    font-size:12.5px; font-weight:650; letter-spacing:-.01em;
    -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
  .chip .chip-ic{ display:grid; place-items:center; flex:none;
    width:24px; height:24px; border-radius:8px; }
  .chip .chip-ic svg{ width:14px; height:14px; fill:none; stroke-width:2;
    stroke-linecap:round; stroke-linejoin:round; }
  .chip:hover{ transform:translateY(-2px); }
  .chip-dark{ background:#111111; color:#fff; }
  .chip-light{ background:#fff; color:#111; border:1px solid #E5E5E5; }

  /* ---------- Contact ---------- */
  .contact-card{
    padding:26px;
    border:1px solid var(--yp-line);
    border-radius:16px;
    background:rgba(30,32,33,.64);
    -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  }
  .contact-form{ position:relative; }
  .hp-field{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
  }
  .contact-panel{ display:flex; flex-direction:column; }
  .contact-panel h3{ margin:0; font-size:16px; font-weight:700; color:var(--yp-text); }
  .contact-row{ padding:15px 0; border-top:1px solid var(--yp-line); }
  .contact-row:first-of-type{ margin-top:14px; }
  .contact-label{ display:block; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--yp-muted-dim); }
  .contact-value{ display:block; margin-top:6px; font-size:15px; font-weight:600; color:var(--yp-text); word-break:break-word; }
  a.contact-value{ transition:color .15s ease; }
  a.contact-value:hover{ color:var(--yp-lime); }
  .contact-status{ display:inline-flex; align-items:center; gap:8px; }
  .contact-status .dot{ width:8px; height:8px; border-radius:50%; background:var(--yp-lime); border:1px solid var(--yp-lime-dim); }
  .contact-note{ margin:auto 0 0; padding-top:18px; font-size:13px; line-height:1.55; color:var(--yp-muted); }

  /* ---------- Motion: one shared language ---------- */
  @keyframes ypFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-11px); } }
  @keyframes ypGlow{ 0%,100%{ opacity:.5; transform:scale(1); } 50%{ opacity:.8; transform:scale(1.07); } }
  @keyframes ypSpin{ to{ transform:rotate(360deg); } }
  .float{ animation:ypFloat 8.5s ease-in-out infinite; will-change:transform; }
  .glow{ animation:ypGlow 7s ease-in-out infinite; }
  .tilt-l{ transform:rotate(-5deg); }
  .tilt-r{ transform:rotate(5deg); }

  /* scroll reveal */
  .reveal{ opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
  .reveal.in{ opacity:1; transform:none; }

  /* ==================================================================
     RESPONSIVE (mobile-first)
     ================================================================== */
  [data-navlinks]{ display:none; }
  [data-menubtn]{ display:inline-flex; }

  /* mobile header: Download CTA collapses to a 40×40 icon button,
     and the language toggle moves into the collapsed menu */
  .nav-cta{ padding:0 !important; width:40px; height:40px; gap:0; justify-content:center; }
  .nav-cta .cta-label{ display:none; }
  nav .lang-toggle:not(.mobile-lang-toggle){ display:none; }

  [data-herogrid]{ grid-template-columns:1fr; gap:44px; min-width:0; }
  /* let each column shrink to the viewport instead of being blown out by the
     fixed-width phone row (which should scroll inside .showcase-stage) */
  [data-herogrid] > *{ min-width:0; }

  /* hero showcase: mobile = horizontal scroll of phones */
  .showcase{ position:relative; min-width:0; }
  .showcase-stage{ position:relative; display:flex; gap:18px; overflow-x:auto; padding:8px 2px 14px; scroll-snap-type:x mandatory; }
  .showcase .glow,
  .showcase [data-chip]{ display:none; }
  .hero-phone{ position:relative; flex:0 0 auto; scroll-snap-align:center; }
  .hero-phone.p-primary{ width:216px; order:1; }
  .hero-phone.p-left{ width:190px; order:2; }
  .hero-phone.p-right{ width:190px; order:3; }

  .feature-media{ position:relative; margin-top:8px; display:flex; justify-content:center; }
  .feature-media .glow{ width:75%; height:55%; left:12%; top:22%; }
  .feature-phone{ width:190px; position:relative; z-index:1; }

  [data-featgrid]{ grid-template-columns:1fr; }
  [data-featlarge]{ grid-row:auto; }
  [data-howgrid]{ grid-template-columns:1fr; }

  .inbody-media{ position:relative; display:flex; justify-content:center; margin-top:12px; }
  .inbody-media .glow{ width:74%; height:60%; left:13%; top:18%; }
  .inbody-phone{ width:240px; position:relative; z-index:1; }
  [data-inbodygrid]{ grid-template-columns:1fr; }
  [data-metricgrid]{ grid-template-columns:1fr 1fr; }

  .soon-media{ position:relative; display:flex; justify-content:center; margin-top:16px; }
  .soon-media .glow{ width:72%; height:58%; left:14%; top:18%; }
  .soon-phone{ width:196px; position:relative; z-index:1; }
  [data-soonhead]{ grid-template-columns:1fr; gap:8px; }
  [data-soongrid]{ grid-template-columns:1fr; }

  [data-betacallout]{ grid-template-columns:1fr; }
  [data-contactgrid]{ grid-template-columns:1fr; }
  [data-cffields]{ grid-template-columns:1fr; }
  [data-footergrid]{ grid-template-columns:1fr; }

  @media (min-width:620px){
    [data-soongrid]{ grid-template-columns:repeat(2,1fr); }
    [data-cffields]{ grid-template-columns:1fr 1fr; }
    footer [data-footergrid]{ grid-template-columns:minmax(240px,1.2fr) repeat(2,minmax(120px,.8fr)) !important; }
  }
  @media (min-width:720px){
    [data-howgrid]{ grid-template-columns:repeat(3,1fr); }
    [data-soongrid]{ grid-template-columns:repeat(3,1fr); }
    [data-betacallout]{ grid-template-columns:1.3fr 1fr; }
    [data-contactgrid]{ grid-template-columns:minmax(0,1.55fr) minmax(250px,.82fr); gap:24px; }
    [data-footergrid]{ grid-template-columns:1fr 1fr; }
    footer [data-footergrid]{ grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(120px,.72fr)) !important; column-gap:44px !important; }
  }
  @media (min-width:900px){
    [data-navlinks]{ display:flex; }
    [data-menubtn]{ display:none; }
    [data-mobilemenu]{ display:none !important; }
    /* restore full-width CTA label + inline language toggle on desktop */
    .nav-cta{ padding:9px 18px !important; width:auto; height:auto; gap:9px; }
    .nav-cta .cta-label{ display:inline; }
    nav .lang-toggle:not(.mobile-lang-toggle){ display:inline-flex; }
  }
  @media (min-width:980px){
    [data-herogrid]{ grid-template-columns:1.02fr 1fr; gap:40px; }
    footer [data-footergrid]{ grid-template-columns:minmax(300px,1.55fr) repeat(3,minmax(130px,.72fr)) !important; column-gap:64px !important; }

    /* hero cluster: edge-anchored, overlapping phones */
    .showcase-stage{ display:block; height:600px; overflow:visible; padding:0; }
    .showcase .glow{ display:block; width:340px; height:340px; left:50%; top:150px; transform:translateX(-50%); }
    .showcase [data-chip]{ display:inline-flex; }
    .hero-phone{ position:absolute; scroll-snap-align:none; }
    .hero-phone.p-primary{ width:262px; left:50%; top:34px; transform:translateX(-50%); z-index:2; }
    .hero-phone.p-left{ width:196px; left:-14px; top:150px; z-index:1; }
    .hero-phone.p-right{ width:196px; right:-14px; top:112px; z-index:1; }

    /* AI-PT card: phone anchored to the bottom-right edge, tilted */
    [data-featgrid]{ grid-template-columns:1.15fr 1fr; }
    [data-featlarge]{ grid-row:span 3; overflow:hidden; }
    .feature-media{ position:absolute; right:-46px; bottom:-52px; margin:0; display:block; }
    .feature-media .glow{ width:280px; height:280px; left:-24px; top:-6px; }
    .feature-phone{ width:236px; }

    /* InBody: phone bleeds off the right edge */
    [data-inbodygrid]{ grid-template-columns:1fr 1fr; }
    .inbody-media{ margin:0; justify-content:flex-end; }
    .inbody-media .glow{ width:360px; height:360px; left:auto; right:-30px; top:-10px; }
    .inbody-phone{ width:286px; margin-right:-56px; }

    /* Coming soon: phone anchored to the right of the header */
    [data-soonhead]{ grid-template-columns:1.4fr 1fr; align-items:center; gap:24px; }
    .soon-media{ margin:0; justify-content:flex-end; }
    .soon-media .glow{ width:300px; height:300px; left:auto; right:-20px; top:-14px; }
    .soon-phone{ width:212px; margin-right:-28px; }
  }

  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
    .reveal{ opacity:1; transform:none; }
  }

  @media (max-width:520px){
    .metric-chip-wide{ grid-column:span 1 !important; }
  }

  /* DESIGN.md dark foundation */
  h1,h2,h3,[style*="letter-spacing:-"]{ letter-spacing:0 !important; }
  body > div{ background:var(--yp-bg) !important; color:var(--yp-text); }
  nav{
    background:rgba(18,20,21,.9) !important;
    border-bottom-color:var(--yp-line) !important;
  }
  nav a,
  nav span,
  .navlink,
  .flink,
  footer a{ color:var(--yp-text) !important; }
  nav .site-logo,
  footer .site-logo{ border:0 !important; }
  [data-mobilemenu]{
    background:var(--yp-surface-low) !important;
    border-top-color:var(--yp-line) !important;
  }
  [data-mobilemenu] a{ border-bottom-color:var(--yp-line) !important; color:var(--yp-text) !important; }
  [data-menubtn]{
    background:var(--yp-surface) !important;
    border-color:var(--yp-line) !important;
  }
  [data-menubtn] svg{ stroke:var(--yp-text); }
  /* eyebrows: dark olive -> bright lime so they read on the dark bg */
  [style*="color:#5a6b00"]{ color:var(--yp-lime) !important; }
  [style*="color:#111111"],
  [style*="color:#111"],
  [style*="color:#1c1c1c"],
  [style*="color:#F4F4F2"],
  [style*="color:#FFFFFF"]{ color:var(--yp-text) !important; }
  [style*="color:#6B6B6B"],
  [style*="color:#A5A5A0"],
  [style*="color:#8a8a86"],
  [style*="color:#3a3a1a"]{ color:var(--yp-muted) !important; }
  [style*="background:#FFFFFF"],
  [style*="background:#fff"],
  [style*="background:#F4F4F2"],
  [style*="background:#FAFAF9"],
  [style*="background:#141414"]{
    background:rgba(30,32,33,.72) !important;
  }
  /* "Coming Soon" chips: lime-tinted pill so they don't sink into the card */
  [style*="background:#EDEDEA"]{
    background:rgba(204,255,0,.14) !important;
    color:var(--yp-lime) !important;
    border:1px solid rgba(204,255,0,.30);
  }
  [style*="border:1px solid #E5E5E5"],
  [style*="border-top:1px solid #E5E5E5"],
  [style*="border-bottom:1px solid #E5E5E5"],
  [style*="border:1px dashed #D8D8D8"],
  [style*="border-top:1px solid #262626"],
  [style*="border:1px solid #262626"]{
    border-color:var(--yp-line) !important;
  }
  .card-hover,
  [data-howgrid] > div,
  [data-soongrid] > div{
    background:rgba(30,32,33,.64) !important;
    border-color:var(--yp-line) !important;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }
  [data-featlarge]{
    background:rgba(40,42,43,.76) !important;
    border-color:var(--yp-line) !important;
  }
  #how,
  footer{
    background:rgba(18,20,21,.9) !important;
    border-color:var(--yp-line) !important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  footer [style*="border-top"]{ border-color:var(--yp-line) !important; }
  .field{
    background:var(--yp-surface-low) !important;
    border-color:var(--yp-line) !important;
    color:var(--yp-text) !important;
  }
  .field::placeholder{ color:var(--yp-muted-dim); }
  section svg[stroke="#111111"]{ stroke:var(--yp-text) !important; }
  .btn-lime,
  .btn-lime *,
  [style*="background:#CCFF00"],
  [style*="background:#CCFF00"] *{
    background-color:var(--yp-lime) !important;
    color:#111111 !important;
    border-color:var(--yp-lime-dim) !important;
  }
  .btn-lime:hover{ background-color:#d6ff33 !important; }
  .btn-lime svg,
  [style*="background:#CCFF00"] svg{ stroke:#111111 !important; }
  .btn-lime .cta-icon,
  [style*="background:#CCFF00"] .cta-icon{ color:#111111 !important; stroke:currentColor !important; }
  .btn-outline{
    background:rgba(30,32,33,.66) !important;
    border-color:var(--yp-line) !important;
    color:var(--yp-text) !important;
  }
  .btn-dark{
    background:#111111 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    color:#FFFFFF !important;
  }
  .btn-dark .cta-icon{ color:#FFFFFF !important; }
  /* hero chips — frosted data tags with lime icon badge */
  .chip-light,
  .chip-dark{
    background:rgba(16,18,19,.66) !important;
    color:#F4F4F2 !important;
    border:1px solid rgba(204,255,0,.22) !important;
    box-shadow:0 14px 32px -14px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }
  .chip-light:hover,
  .chip-dark:hover{
    border-color:rgba(204,255,0,.42) !important;
    box-shadow:0 18px 40px -14px rgba(0,0,0,.88), 0 0 0 3px rgba(204,255,0,.08) !important;
  }
  /* solid lime badge + dark icon so every chip's icon reads clearly */
  .chip .chip-ic{ background:var(--yp-lime); box-shadow:0 2px 8px -2px rgba(204,255,0,.5); }
  .chip .chip-ic svg{ stroke:#111214; }
  #beta [data-betacallout],
  #beta [data-betacallout] *{
    background-color:var(--yp-lime) !important;
    color:#111111 !important;
  }
  #beta .btn-dark,
  #beta .btn-dark *{
    background:#111111 !important;
    color:#FFFFFF !important;
  }
  .btn-lime .cta-icon,
  .btn-lime .cta-label,
  .btn-lime #cf-submit-label,
  .btn-dark .cta-icon,
  .btn-dark .cta-label,
  .btn-outline .cta-icon,
  .btn-outline .cta-label{
    background:transparent !important;
  }
  #cf-success{
    background:rgba(204,255,0,.12) !important;
    border-color:rgba(204,255,0,.4) !important;
    color:var(--yp-text) !important;
  }
  #cf-error{
    background:rgba(255,180,171,.12) !important;
    border-color:rgba(255,180,171,.4) !important;
    color:#ffb4ab !important;
  }