:root{
    /* Alive theme: Lime + Black (light UI) */
    --bg: #f7f8f7;
    --paper: #ffffff;

    --ink: #070a08;
    --muted: rgba(7,10,8,.64);

    --line: rgba(7,10,8,.10);
    --line2: rgba(7,10,8,.06);

    --lime: #b7ff3c;     /* primary */
    --lime2:#7dff2d;     /* glow */
    --black:#070a08;

    --shadow: 0 18px 60px rgba(7,10,8,.10);
    --radius: 22px;
    --wrap: 1180px;

    --h: 72px;
  }

  *{ box-sizing:border-box; }
  html,body{ height:100%; }
  body{
    margin:0;
    background:
      radial-gradient(900px 420px at 20% -10%, rgba(183,255,60,.18), transparent 60%),
      radial-gradient(700px 380px at 85% 0%, rgba(7,10,8,.05), transparent 60%),
      var(--bg);
    color:var(--ink);
    font-family: "Chillax", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-weight:300;
    letter-spacing:.1px;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }

  a{ color:inherit; text-decoration:none; }
  .wrap{ width:min(var(--wrap), calc(100% - 36px)); margin:0 auto; }

  /* =========================
     TOP STRIP (alive lime)
  ========================= */
  .yw-topStrip{
    height:12px;
    background:
      linear-gradient(90deg,
        rgba(183,255,60,1) 0%,
        rgba(125,255,45,1) 35%,
        rgba(183,255,60,.92) 70%,
        rgba(183,255,60,.70) 100%);
    border-bottom: 1px solid rgba(7,10,8,.12);
  }

  /* =========================
     HEADER
  ========================= */


  /* =========================
     SEARCH POP (below header)
  ========================== */
  .yw-search{ position:relative; }

  .yw-searchPop{
    position:absolute;
    left:0; right:0;
    top: calc(100% + 10px);
    z-index: 9999;
    display:none;
  }

  .yw-searchPop.show{ display:block; }

  .yw-searchPop-inner{
    border-radius: 18px;
    border: 1px solid rgba(7,10,8,.12);
    background: rgba(255,255,255,.92);
    box-shadow: 0 24px 90px rgba(7,10,8,.14);
    overflow:hidden;
  }

  .yw-searchPop-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 12px 12px;
    border-bottom: 1px solid rgba(7,10,8,.08);
    background: linear-gradient(135deg, rgba(183,255,60,.14), rgba(255,255,255,.85));
  }

  .yw-searchPop-head .t{
    font-weight:800;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    color: rgba(7,10,8,.78);
  }

  .yw-searchPop-head .x{
    height:32px;
    width:32px;
    border-radius: 999px;
    border: 1px solid rgba(7,10,8,.14);
    background: rgba(255,255,255,.85);
    cursor:pointer;
    font-weight:800;
  }

  .yw-searchPop-list{
    max-height: 380px;
    overflow:auto;
    padding: 10px;
    display:flex;
    flex-direction:column;
    gap: 8px;
  }

  .yw-searchItem{
    display:flex;
    gap: 10px;
    align-items:center;
    padding: 10px 10px;
    border-radius: 16px;
    border: 1px solid rgba(7,10,8,.10);
    background: rgba(255,255,255,.82);
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
  }

  .yw-searchItem:hover{
    transform: translateY(-1px);
    box-shadow: 0 16px 50px rgba(7,10,8,.10);
    background: rgba(183,255,60,.10);
  }

  .yw-searchThumb{
    width:46px;
    height:46px;
    border-radius: 14px;
    flex:0 0 auto;
    border: 1px solid rgba(7,10,8,.10);
    overflow:hidden;
    background: #0b0f10;
  }
  .yw-searchThumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .yw-searchText{ min-width:0; }
  .yw-searchTitle{
    font-weight:800;
    font-size:13.5px;
    color: rgba(7,10,8,.90);
    line-height:1.25;
    margin:0 0 4px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .yw-searchIntro{
    margin:0;
    font-weight:300;
    font-size:12.5px;
    color: rgba(7,10,8,.66);
    line-height:1.5;

    display:-webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
  }

  .yw-searchPop-foot{
    padding: 10px 12px;
    border-top: 1px solid rgba(7,10,8,.08);
    color: rgba(7,10,8,.62);
    font-size: 12.5px;
    font-weight:300;
    background: rgba(255,255,255,.85);
  }

  /* mobile: make pop full width nicely */
  @media (max-width: 720px){
    .yw-searchPop{ left:0; right:0; }
  }
  .yw-header{
    position:sticky;
    top:0;
    z-index:50;
    background: rgba(247,248,247,.78);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line2);
  }

  .yw-bar{
    height: var(--h);
    display:flex;
    align-items:center;
    gap:16px;
  }

  /* TEXT LOGO (uppercase, very bold) */
  .yw-logo{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width: 220px;
    padding: 10px 0;
  }
  .yw-logo .brand{
    font-weight:800;            /* 800 */
    letter-spacing: .8px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .yw-logo .brand .mark{
    width:10px;
    height:10px;
    border-radius:999px;
    background: var(--lime);
    box-shadow: 0 10px 30px rgba(183,255,60,.45);
    border: 1px solid rgba(7,10,8,.18);
    transform: translateY(-1px);
    flex:0 0 auto;
  }
  .yw-logo .sub{
    font-weight:300;            /* 100 */
    font-size:12px;
    color: var(--muted);
    letter-spacing:.5px;
    text-transform: uppercase;
    line-height:1;
  }

  /* SEARCH (long) */
  .yw-search{
    flex: 1;
    display:flex;
    justify-content:center;
  }
  .yw-searchBox{
    width: min(720px, 100%);
    display:flex;
    align-items:center;
    gap:12px;
    padding: 12px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.90);
    border: 1px solid rgba(7,10,8,.12);
    box-shadow: 0 14px 40px rgba(7,10,8,.06);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .yw-searchBox:focus-within{
    transform: translateY(-1px);
    border-color: rgba(7,10,8,.18);
    box-shadow: 0 18px 55px rgba(7,10,8,.10);
  }

  .yw-ico{
    width:18px; height:18px;
    opacity:.55;
    flex:0 0 auto;
  }

  .yw-searchBox input{
    width:100%;
    border:0;
    outline:none;
    background:transparent;
    font: inherit;
    font-weight:300;           /* 300 */
    color:var(--ink);
    font-size:14px;
  }
  .yw-searchBox input::placeholder{
    color: rgba(7,10,8,.42);
  }

  /* CTA button */
  .yw-actions{
    min-width: 260px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
  }

  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:44px;
    padding: 0 14px;
    border-radius: 999px;
    border:1px solid rgba(7,10,8,.14);
    background: rgba(255,255,255,.85);
    font-weight:300;
    font-size:13px;
    color: rgba(7,10,8,.88);
    box-shadow: 0 12px 34px rgba(7,10,8,.06);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
    user-select:none;
    white-space:nowrap;
  }
  .btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 18px 55px rgba(7,10,8,.10);
    background: rgba(255,255,255,.95);
  }

  .btn.primary{
    background: linear-gradient(135deg, var(--lime), rgba(183,255,60,.75));
    border-color: rgba(7,10,8,.22);
    color: var(--black);
    font-weight:800;            /* 800 */
    letter-spacing:.2px;
    box-shadow:
      0 18px 55px rgba(7,10,8,.12),
      0 18px 65px rgba(183,255,60,.20);
  }
  .btn.primary:hover{
    transform: translateY(-2px);
    box-shadow:
      0 24px 70px rgba(7,10,8,.14),
      0 26px 90px rgba(183,255,60,.28);
  }

  /* little “alive” accent pill */
  .chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(7,10,8,.12);
    background: rgba(255,255,255,.75);
    color: rgba(7,10,8,.78);
    font-size:12px;
    font-weight:300;
    white-space:nowrap;
  }
  .chip .pulse{
    width:8px; height:8px;
    border-radius:999px;
    background: var(--lime);
    box-shadow: 0 0 0 6px rgba(183,255,60,.16);
  }

  /* =========================
     BREADCRUMB / PAGE HEAD
     (matches the “article” feel)
  ========================= */
  .yw-pageHead{
    padding: 26px 0 18px;
  }
  .crumbs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    color: rgba(7,10,8,.58);
    font-size:13px;
    font-weight:300;
  }
  .crumbs a{
    color: rgba(7,10,8,.75);
  }
  .crumbs .sep{ opacity:.35; }

  .yw-title{
    margin: 14px 0 10px;
    font-weight:800;
    letter-spacing:-.7px;
    font-size: 36px;
    line-height:1.1;
  }
  .yw-meta{
    display:flex;
    gap:12px;
    align-items:center;
    color: rgba(7,10,8,.62);
    font-size:13px;
    font-weight:100;
    text-transform: uppercase;
    letter-spacing:.4px;
  }
  .yw-meta strong{
    font-weight:800;
    color: rgba(7,10,8,.82);
    text-transform:none;
    letter-spacing:0;
  }

  /* Responsive */
  @media (max-width: 940px){
    .yw-logo{ min-width:auto; }
    .yw-actions{ min-width:auto; }
    .chip{ display:none; }
  }
  @media (max-width: 720px){
    :root{ --h: 74px; }
    .yw-bar{
      height:auto;
      padding: 12px 0 14px;
      flex-wrap:wrap;
    }
    .yw-logo{ width:100%; }
    .yw-search{ width:100%; order:3; }
    .yw-actions{ width:100%; justify-content:space-between; order:2; }
    .yw-searchBox{ width:100%; }
    .btn{ flex:1; }
    .btn.primary{ flex:1.2; }
  }

  /* (Optional) demo page text area */
  .contentDemo{
    padding: 0 0 80px;
  }
  .paper{
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(7,10,8,.10);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 22px;
  }
  .paper p{
    margin:0 0 12px;
    line-height:1.7;
    color: rgba(7,10,8,.72);
    font-weight:300;
  }


  /* ================================
    UNIVERSAL ARTICLE FORMATTING
    Apply to your article wrapper:
    <article class="yw-article">...</article>
  ================================ */

  /* Optional: theme vars (match your site) */
  :root{
    --ink:#070a08;
    --muted: rgba(7,10,8,.62);
    --muted2: rgba(7,10,8,.48);
    --line: rgba(7,10,8,.10);
    --line2: rgba(7,10,8,.06);
    --paper:#ffffff;
    --lime:#b7ff3c;
    --radius:18px;
  }

  /* Wrapper */
  .yw-article{
    font-family:"Chillax", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: var(--ink);
    font-weight:300;
    line-height:1.85;
    letter-spacing:.1px;
    font-size:16px;

    /* best reading width */
    max-width: 78ch;
  }

  /* Remove weird spacing if CMS injects first/last margins */
  .yw-article > :first-child{ margin-top:0 !important; }
  .yw-article > :last-child{ margin-bottom:0 !important; }

  /* Headings */
  .yw-article h1,
  .yw-article h2,
  .yw-article h3,
  .yw-article h4{
    font-weight:800;
    letter-spacing:-.4px;
    line-height:1.15;
    margin: 1.2em 0 .55em;
    color: var(--ink);
  }
  .yw-article h1{ font-size: clamp(30px, 3.4vw, 44px); letter-spacing:-.8px; }
  .yw-article h2{ font-size: clamp(22px, 2.4vw, 30px); }
  .yw-article h3{ font-size: clamp(18px, 2.0vw, 22px); letter-spacing:-.2px; }
  .yw-article h4{ font-size: 16px; letter-spacing:.2px; text-transform: uppercase; }

  /* Paragraphs */
  .yw-article p{
    margin: 0 0 1.05em;
    color: rgba(7,10,8,.82);
  }

  /* Small text */
  .yw-article small{
    font-weight:100;
    color: var(--muted);
  }

  /* Links */
  .yw-article a{
    color: var(--ink);
    text-decoration: none;
    background:
      linear-gradient(90deg, rgba(183,255,60,.35), rgba(183,255,60,.35)) 0 100%/100% 2px no-repeat;
    transition: background-size .15s ease, color .15s ease, transform .15s ease;
  }
  .yw-article a:hover{
    background-size: 100% 10px;
  }

  /* Lists */
  .yw-article ul,
  .yw-article ol{
    margin: 0 0 1.1em;
    padding-left: 1.1em;
  }
  .yw-article li{
    margin: .35em 0;
    color: rgba(7,10,8,.80);
  }
  .yw-article ul li::marker{ color: rgba(183,255,60,.95); }
  .yw-article ol li::marker{ color: rgba(7,10,8,.65); font-weight:800; }

  /* Strong / emphasis */
  .yw-article strong{ font-weight:800; }
  .yw-article em{ font-style:italic; }

  /* Horizontal rule */
  .yw-article hr{
    border:0;
    height:1px;
    background: linear-gradient(90deg, transparent, rgba(7,10,8,.12), transparent);
    margin: 2.2em 0;
  }

  /* Blockquotes (premium) */
  .yw-article blockquote{
    margin: 1.3em 0;
    padding: 16px 18px;
    border-radius: var(--radius);
    border: 1px solid var(--line2);
    background: linear-gradient(135deg, rgba(183,255,60,.12), rgba(0,0,0,.02));
    color: rgba(7,10,8,.78);
  }
  .yw-article blockquote p{ margin:0; }

  /* Images */
  .yw-article img{
    max-width:100%;
    height:auto;
    display:block;
    border-radius: var(--radius);
    border: 1px solid var(--line2);
    box-shadow: 0 20px 70px rgba(7,10,8,.10);
    margin: 1.2em 0;
  }

  /* Figure + caption */
  .yw-article figure{
    margin: 1.4em 0;
  }
  .yw-article figcaption{
    margin-top: 10px;
    font-size: 13px;
    font-weight:100;
    color: var(--muted);
    text-align:center;
  }

  /* Inline code */
  .yw-article code{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: .92em;
    padding: .15em .45em;
    border-radius: 10px;
    background: rgba(0,0,0,.05);
    border: 1px solid rgba(0,0,0,.06);
  }

  /* Code blocks */
  .yw-article pre{
    margin: 1.3em 0;
    padding: 16px;
    overflow:auto;
    border-radius: var(--radius);
    background: #0b0f10;
    color: rgba(255,255,255,.92);
    border: 1px solid rgba(0,0,0,.16);
    box-shadow: 0 24px 90px rgba(0,0,0,.18);
  }
  .yw-article pre code{
    background: transparent;
    border: 0;
    padding: 0;
    color: inherit;
    font-size: 13px;
    line-height: 1.6;
  }

  /* Tables */
  .yw-article table{
    width:100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 1.4em 0;
    font-size: 14px;
    background: var(--paper);
    border: 1px solid var(--line2);
    border-radius: var(--radius);
    overflow:hidden;
    box-shadow: 0 18px 60px rgba(7,10,8,.08);
  }
  .yw-article th,
  .yw-article td{
    padding: 12px 12px;
    border-bottom: 1px solid var(--line2);
    border-right: 1px solid var(--line2);
    vertical-align: top;
  }
  .yw-article tr:last-child td{ border-bottom:0; }
  .yw-article th:last-child,
  .yw-article td:last-child{ border-right:0; }

  .yw-article th{
    text-align:left;
    font-weight:800;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    background: linear-gradient(135deg, rgba(183,255,60,.14), rgba(0,0,0,.02));
  }

  /* “Callout” helper class (optional) */
  .yw-article .callout{
    margin: 1.4em 0;
    padding: 16px 16px;
    border-radius: var(--radius);
    border: 1px solid var(--line2);
    background: rgba(183,255,60,.10);
    color: rgba(7,10,8,.78);
  }

  /* Optional: nice spacing between sections */
  .yw-article section{ margin: 1.4em 0; }

  /* Mobile tune */
  @media (max-width: 560px){
    .yw-article{ font-size:15px; line-height:1.8; }
    .yw-article pre{ padding: 14px; }
  }


  /* =========================
     ARTICLE 70 / 30 LAYOUT
     WHITE EDITORIAL STYLE
  ========================= */

  .yw-reading{
    padding:60px 0;
    background:#ffffff; /* ← force white */
  }

  /* GRID */
  .yw-reading-grid{
    display:grid;
    grid-template-columns: 70% 30%;
    gap:48px;
    align-items:start;
  }

  /* =========================
     ARTICLE SIDE
  ========================= */

  .yw-article{
    max-width:78ch;
    background:#ffffff;
  }

  /* =========================
     SIDEBAR
  ========================= */

  .yw-article-links{
    background:#ffffff;
  }

  /* sticky container */
  .yw-links-inner{
    position:sticky;
    top:110px;
  }

  /* title */
  .yw-links-title{
    font-family:"Chillax", Inter, sans-serif;
    font-weight:800;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:16px;
    color:#000;
  }

  /* links container */
  .yw-links-list{
    display:flex;
    flex-direction:column;
    gap:4px;

    max-height:70vh;
    overflow:auto;
    padding-right:6px;
  }

  /* links */
  .yw-links-list a{
    display:block;
    padding:8px 10px;
    border-radius:10px;

    font-family:"Chillax", Inter, sans-serif;
    font-weight:300;
    font-size:13px;

    color:rgba(0,0,0,.72);
    text-decoration:none;

    border:1px solid transparent;
    background:#ffffff;

    transition:
      background .15s ease,
      transform .15s ease,
      color .15s ease;
  }

  /* hover (lime accent only — no gradient) */
  .yw-links-list a:hover{
    background:rgba(183,255,60,.14);
    color:#000;
    transform:translateX(3px);
  }

  /* scrollbar clean */
  .yw-links-list::-webkit-scrollbar{
    width:6px;
  }
  .yw-links-list::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.15);
    border-radius:999px;
  }

  /* =========================
     RESPONSIVE
  ========================= */

  @media(max-width:1000px){

    .yw-reading-grid{
      grid-template-columns:1fr;
    }

    .yw-links-inner{
      position:relative;
      top:auto;
    }

    .yw-links-list{
      max-height:none;
    }
  }

  /* =========================
     BREADCRUMB SECTION
  ========================= */

  .yw-breadcrumb-section{
    padding:48px 0 32px;
    border-bottom:1px solid rgba(0,0,0,.06);
    background:
      radial-gradient(900px 300px at 20% -20%, rgba(183,255,60,.12), transparent 60%);
  }

  /* breadcrumb row */
  .yw-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;

    font-family:"Chillax", Inter, sans-serif;
    font-size:13px;
    font-weight:300;

    margin-bottom:22px;
  }

  /* links */
  .yw-breadcrumb a{
    text-decoration:none;
    color:rgba(0,0,0,.65);
    transition:.15s ease;
  }

  .yw-breadcrumb a:hover{
    color:#000;
  }

  /* separators */
  .yw-breadcrumb .sep{
    opacity:.35;
  }

  /* current page */
  .yw-breadcrumb .current{
    font-weight:800;
    color:#000;
  }

  /* =========================
     ARTICLE HEADER
  ========================= */

  .yw-article-head{
    max-width:760px;
  }

  /* title */
  .yw-article-title{
    font-family:"Chillax", Inter, sans-serif;
    font-weight:800;
    letter-spacing:-.8px;
    line-height:1.15;

    font-size: clamp(30px, 3.6vw, 46px);
    margin:0 0 14px;
  }

  /* meta line */
  .yw-article-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;

    font-family:"Chillax", Inter, sans-serif;
    font-size:12px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:.8px;

    color:rgba(0,0,0,.55);
    margin-bottom:16px;
  }

  .yw-article-meta .dot{
    width:4px;
    height:4px;
    border-radius:50%;
    background:#b7ff3c;
  }

  /* intro text */
  .yw-article-intro{
    font-family:"Chillax", Inter, sans-serif;
    font-weight:300;
    font-size:17px;
    line-height:1.7;
    color:rgba(0,0,0,.72);
    max-width:65ch;
  }

  /* =========================
  FLOATING CONTACT + MODAL
========================= */
:root{
  --lime:#b7ff3c;
  --ink:#070a08;
}

.yw-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;

  display:flex;
  align-items:center;
  gap:10px;

  height:48px;
  padding:0 14px;

  border-radius:999px;
  border:1px solid rgba(0,0,0,.14);
  background: linear-gradient(135deg, rgba(183,255,60,1), rgba(183,255,60,.82));
  color: var(--ink);

  font-family:"Chillax", Inter, sans-serif;
  font-weight:800;
  letter-spacing:.2px;

  /* box-shadow:
    0 18px 55px rgba(0,0,0,.14),
    0 26px 90px rgba(183,255,60,.22); */

  cursor:pointer;
  /* transition: transform .15s ease, box-shadow .15s ease; */
  user-select:none;
}
.yw-float:hover{
  transform: translateY(-2px);
  box-shadow:
    0 24px 70px rgba(0,0,0,.16),
    0 30px 110px rgba(183,255,60,.28);
}
.yw-float:active{ transform: translateY(0px) scale(.99); }

.yw-float-dot{
  width:10px;height:10px;border-radius:999px;
  background: rgba(0,0,0,.88);
  box-shadow: 0 0 0 6px rgba(255,255,255,.35);
}
.yw-float-text{ font-size:13px; text-transform:uppercase; letter-spacing:1px; }

/* Modal shell */
.yw-modal{ position:fixed; inset:0; z-index:10000; display:none; }
.yw-modal.is-open{ display:block; }

.yw-modal-overlay{
  position:absolute; inset:0;
  background: rgba(0,0,0,.22);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.yw-modal-card{
  position:relative;
  width:min(560px, calc(100% - 28px));
  margin: 8vh auto 0;

  border-radius:22px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 24px 90px rgba(0,0,0,.18);
  overflow:hidden;
}

.yw-modal-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:18px 18px 12px;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.yw-modal-title{
  font-family:"Chillax", Inter, sans-serif;
  font-weight:800;
  letter-spacing:.2px;
  font-size:16px;
  color:#000;
}
.yw-modal-sub{
  margin-top:4px;
  font-family:"Chillax", Inter, sans-serif;
  font-weight:300;
  font-size:13px;
  color:rgba(0,0,0,.60);
  line-height:1.4;
}
.yw-x{
  width:36px;height:36px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  cursor:pointer;
  font-size:20px;
  line-height:0;
  color: rgba(0,0,0,.75);
}
.yw-x:hover{ background:#fff; }

/* Steps */
.yw-steps{ padding: 14px 18px 18px; }
.yw-stepbar{
  height:8px;
  border-radius:999px;
  background: rgba(0,0,0,.06);
  overflow:hidden;
  margin-bottom:14px;
}
.yw-stepbar-fill{
  height:100%;
  background: linear-gradient(90deg, var(--lime), rgba(183,255,60,.55));
  width:33%;
  transition: width .2s ease;
}

.yw-step{ display:none; }
.yw-step.is-active{ display:block; }

.yw-q{
  font-family:"Chillax", Inter, sans-serif;
  font-weight:800;
  font-size:14px;
  margin: 6px 0 12px;
  letter-spacing:.2px;
}

.yw-choices{
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
  margin-bottom:14px;
}

.yw-choice{
  text-align:left;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.88);
  font-family:"Chillax", Inter, sans-serif;
  font-weight:300;
  font-size:13px;
  color: rgba(0,0,0,.78);
  cursor:pointer;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.yw-choice:hover{ transform: translateY(-1px); background:#fff; }
.yw-choice.is-selected{
  border-color: rgba(0,0,0,.22);
  box-shadow: 0 16px 55px rgba(0,0,0,.08);
  background: linear-gradient(135deg, rgba(183,255,60,.18), rgba(255,255,255,.95));
}

.yw-row{ margin: 12px 0; }
.yw-label{
  display:block;
  font-family:"Chillax", Inter, sans-serif;
  font-weight:800;
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
  color: rgba(0,0,0,.80);
  margin: 0 0 8px;
}
.yw-input{
  width:100%;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.90);
  font-family:"Chillax", Inter, sans-serif;
  font-weight:300;
  font-size:14px;
  outline:none;
}
.yw-input:focus{
  border-color: rgba(0,0,0,.22);
  box-shadow: 0 0 0 4px rgba(183,255,60,.20);
}

.yw-hint{
  margin-top:7px;
  font-family:"Chillax", Inter, sans-serif;
  font-weight:100;
  font-size:12px;
  color: rgba(0,0,0,.55);
}

.yw-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
}

.yw-btn{
  height:44px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.14);
  background: rgba(255,255,255,.86);
  font-family:"Chillax", Inter, sans-serif;
  font-weight:300;
  font-size:13px;
  cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:nowrap;
}
.yw-btn:hover{ transform: translateY(-1px); background:#fff; }
.yw-btn:disabled{ opacity:.45; cursor:not-allowed; transform:none; }

.yw-btn.primary{
  background: linear-gradient(135deg, var(--lime), rgba(183,255,60,.80));
  color: var(--ink);
  font-weight:800;
  border-color: rgba(0,0,0,.22);
  box-shadow: 0 16px 55px rgba(0,0,0,.12);
}
.yw-btn.primary:hover{ transform: translateY(-2px); }

.yw-btn.ghost{
  background: transparent;
}

.yw-summary{
  border:1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  border-radius:16px;
  padding:12px;
  font-family:"Chillax", Inter, sans-serif;
  font-weight:300;
  font-size:13px;
  color: rgba(0,0,0,.72);
  line-height:1.6;
}

.yw-status{
  margin-top:12px;
  font-family:"Chillax", Inter, sans-serif;
  font-weight:300;
  font-size:13px;
  color: rgba(0,0,0,.72);
}

/* =========================
   FOOTER — COMPLETE + BALANCED
========================= */

.yw-footer{
  /* margin-top:120px; */
  background:#fff;
  border-top:1px solid rgba(0,0,0,.06);
  position:relative;
  overflow:hidden;
}

/* lime accent line at top */
.yw-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg, transparent, #b7ff3c, transparent);
  opacity:.7;
}

/* subtle bottom base so it feels “finished” */
.yw-footer::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:140px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,.02));
  pointer-events:none;
}

/* TOP GRID */
.yw-foot-top{
  padding:64px 0 46px; /* space before bottom bar */
  display:grid;
  grid-template-columns: 1.6fr 1fr;
  gap:80px;
  align-items:start;
  position:relative;
  z-index:1;
}

/* BRAND */
.yw-foot-logo{
  font-family:"Chillax", Inter, sans-serif;
  font-weight:800;
  font-size:14px;
  letter-spacing:1.3px;
  text-transform:uppercase;
  margin-bottom:18px;
  position:relative;
}
.yw-foot-logo::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:34px;
  height:2px;
  background:#b7ff3c;
}

.yw-foot-note{
  margin:0;
  font-family:"Chillax", Inter, sans-serif;
  font-weight:300;
  font-size:13px;
  line-height:1.8;
  color:rgba(0,0,0,.58);
  max-width:560px;
}

/* SERVICES */
.yw-foot-title{
  font-family:"Chillax", Inter, sans-serif;
  font-weight:800;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:16px;
}

.yw-foot-services ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.yw-foot-services li{
  font-family:"Chillax", Inter, sans-serif;
  font-weight:300;
  font-size:13px;
  color:rgba(0,0,0,.65);
  padding-left:16px;
  position:relative;
  transition:.2s ease;
}
.yw-foot-services li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#b7ff3c;
  opacity:.85;
}
.yw-foot-services li:hover{
  color:#000;
  transform:translateX(2px);
}

/* BOTTOM BAR */
.yw-foot-bottom{
  position:relative;
  z-index:2;
  border-top:1px solid rgba(0,0,0,.06);
  background:rgba(255,255,255,.92);
  padding:18px 0 24px;
}

.yw-foot-bottom .wrap{
  font-family:"Chillax", Inter, sans-serif;
  font-weight:400;
  font-size:12px;
  line-height:1.8;
  color:rgba(0,0,0,.55);
}

/* responsive */
@media(max-width:900px){
  .yw-foot-top{
    grid-template-columns:1fr;
    gap:40px;
    padding:54px 0 34px;
  }

  a.btn.primary{
    padding: 18px 4px;
  }
}

div.yw-feedStatus{
  display: none !important;
}

.no-display{
  display: none!important;
}