:root{
    --ink:#0E0E10;
    --paper:#FFFFFF;
    --bg:#FDFCFA;
    --coral:#FF5A3C;
    --coral-deep:#E8431F;
    --yellow:#F6C433;
    --blue:#3355FF;
    --gray:#6B6B70;
    --line:#ECEAE4;
    --card-bg:#F6F5F1;
    --radius:22px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg); color:var(--ink); font-family:'Plus Jakarta Sans', sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
  img,svg{display:block; max-width:100%;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  .wrap{max-width:1240px; margin:0 auto; padding:0 32px;}
  h1,h2,h3{font-weight:800; letter-spacing:-0.025em;}

  /* ---------- NAV ---------- */
  header{position:sticky; top:0; z-index:100; background:rgba(253,252,250,0.85); backdrop-filter:blur(10px); transition:box-shadow .3s ease;}
  header.scrolled{box-shadow:0 1px 0 var(--line);}
  .nav{display:flex; align-items:center; justify-content:space-between; padding:22px 32px; max-width:1240px; margin:0 auto; transition:padding .3s ease;}
  header.scrolled .nav{padding:14px 32px;}
  .brand{display:flex; align-items:center; gap:10px;}
  .mark{width:30px; height:30px; background:var(--ink); border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--yellow); font-weight:800; font-size:16px; flex-shrink:0;}
  .brand-name{font-weight:800; font-size:18px; letter-spacing:-0.02em;}
  .nav-links{display:none; align-items:center; gap:36px; font-size:14.5px; font-weight:600; color:var(--ink);}
  .nav-links a{opacity:0.85;}
  .nav-links a:hover{opacity:1; color:var(--coral);}
  @media(min-width:900px){ .nav-links{display:flex;} }
  .has-dropdown{position:relative;}
  .nav-drop-trigger{display:flex; align-items:center; gap:5px; cursor:pointer; background:none; border:none; font:inherit; color:inherit; opacity:0.85; padding:0;}
  .nav-drop-trigger:hover{opacity:1; color:var(--coral);}
  .nav-drop-trigger svg{width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2; transition:transform .2s ease;}
  .has-dropdown.open .nav-drop-trigger svg{transform:rotate(180deg);}
  .nav-dropdown{
    position:absolute; top:calc(100% + 18px); left:50%; transform:translateX(-50%) translateY(6px);
    width:340px; background:var(--paper); border-radius:18px; padding:10px;
    box-shadow:0 24px 48px -16px rgba(0,0,0,0.22);
    opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;
    z-index:200;
  }
  .has-dropdown.open .nav-dropdown{opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0);}
  .nav-drop-item{display:flex; align-items:flex-start; gap:12px; padding:12px; border-radius:12px; transition:background .15s ease;}
  .nav-drop-item:hover{background:var(--card-bg);}
  .nav-drop-icon{width:36px; height:36px; border-radius:10px; background:var(--ink); flex-shrink:0; display:flex; align-items:center; justify-content:center;}
  .nav-drop-icon svg{width:17px; height:17px; stroke:var(--yellow); fill:none; stroke-width:1.8;}
  .nav-drop-text b{display:block; font-size:14px; font-weight:700; margin-bottom:2px;}
  .nav-drop-text span{display:block; font-size:12.5px; color:var(--gray); line-height:1.4;}
  .nav-drop-item.soon .nav-drop-text b::after{content:'Soon'; font-size:9.5px; font-weight:700; color:var(--coral-deep); background:#FFE6DE; padding:2px 6px; border-radius:6px; margin-left:8px; letter-spacing:0.03em; text-transform:uppercase;}
  .nav-dropdown.wide{width:520px; display:grid; grid-template-columns:1fr 1fr; gap:2px;}
  @media(max-width:600px){ .nav-dropdown.wide{width:300px; grid-template-columns:1fr;} }
  .nav-drop-item.active-page{background:var(--card-bg);}
  .nav-drop-item.active-page .nav-drop-icon{background:var(--coral);}
  .pill{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:13px 26px; border-radius:999px;
    font-weight:700; font-size:14.5px;
    cursor:pointer; transition:transform .15s ease, opacity .15s ease, box-shadow .15s ease;
    border:1.5px solid transparent;
  }
  .pill:hover{transform:translateY(-1px);}
  .pill.dark{background:var(--ink); color:#fff;}
  .pill.dark:hover{background:#000; box-shadow:0 8px 20px rgba(0,0,0,0.25);}
  .pill.outline{background:transparent; border-color:var(--ink); color:var(--ink);}
  .pill.outline:hover{background:var(--ink); color:#fff;}
  .pill.small{padding:10px 20px; font-size:13.5px;}

  /* ---------- HERO ---------- */
  .hero{position:relative; padding:90px 0 0;}
  .mesh{position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden;}
  .blob{position:absolute; border-radius:50%; filter:blur(90px); opacity:0.55;}
  .blob.b1{width:520px; height:520px; background:var(--coral); top:-160px; left:-180px;}
  .blob.b2{width:460px; height:460px; background:var(--yellow); top:-100px; right:-160px;}
  .blob.b3{width:420px; height:420px; background:var(--blue); bottom:-200px; left:10%; opacity:0.28;}
  .blob.b4{width:380px; height:380px; background:var(--coral); bottom:-160px; right:5%; opacity:0.35;}

  .hero-top{max-width:760px; margin:0 auto; text-align:center; padding:0 24px;}
  .eyebrow{
    display:inline-block; font-size:12.5px; font-weight:700; letter-spacing:0.12em;
    text-transform:uppercase; color:var(--coral-deep); margin-bottom:22px;
  }
  h1.headline{font-size:clamp(38px, 6vw, 66px); line-height:1.06;}
  .hero-sub{max-width:560px; margin:26px auto 0; font-size:17px; line-height:1.65; color:var(--gray);}
  .hero-ctas{display:flex; gap:14px; justify-content:center; margin-top:34px; flex-wrap:wrap;}

  .hero-visual{margin-top:60px; margin-bottom:-120px; position:relative; z-index:5; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; padding:0 24px 0;}
  .hv-panel{
    border-radius:var(--radius); aspect-ratio:3/4;
    display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden;
    box-shadow:0 20px 40px -20px rgba(0,0,0,0.25);
  }
  .hv-panel::after{
    content:''; position:absolute; inset:0; opacity:0.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  .hv-panel:nth-child(1){background:linear-gradient(150deg,#3355FF,#1c2f9e);}
  .hv-panel:nth-child(2){background:linear-gradient(150deg,var(--yellow),#e0a800);}
  .hv-panel:nth-child(3){background:linear-gradient(150deg,var(--coral),var(--coral-deep));}
  .hv-panel:nth-child(4){background:linear-gradient(150deg,#1a1a1c,#000);}
  .hv-top{display:flex; justify-content:space-between; align-items:flex-start; padding:16px; position:relative; z-index:1;}
  .hv-tag{font-size:11px; font-weight:700; color:rgba(255,255,255,0.85); letter-spacing:0.04em;}
  .hv-mid{flex:1; display:flex; align-items:center; justify-content:center; position:relative; z-index:1;}
  .hv-icon{width:56px; height:56px; border-radius:50%; border:2.5px solid rgba(255,255,255,0.85); display:flex; align-items:center; justify-content:center;}
  .hv-icon svg{width:22px; height:22px; stroke:rgba(255,255,255,0.9); fill:none; stroke-width:1.8;}
  .hv-caption{position:relative; z-index:1; margin:0 14px 14px; height:8px; border-radius:5px; background:rgba(255,255,255,0.25);}
  .hv-caption span{display:block; height:100%; width:62%; border-radius:5px; background:rgba(255,255,255,0.85);}
  .hv-panel:nth-child(2) .hv-tag{color:rgba(14,14,16,0.75);}
  .hv-panel:nth-child(2) .hv-icon{border-color:rgba(14,14,16,0.75);}
  .hv-panel:nth-child(2) .hv-icon svg{stroke:rgba(14,14,16,0.8);}
  .hv-panel:nth-child(2) .hv-caption{background:rgba(14,14,16,0.15);}
  .hv-panel:nth-child(2) .hv-caption span{background:rgba(14,14,16,0.6);}
  @media(max-width:760px){ .hero-visual{grid-template-columns:repeat(2,1fr);} }

  /* ---------- TRUST ---------- */
  .trust{padding:190px 0 30px; text-align:center; position:relative; z-index:1;}
  .trust-label{font-size:13px; font-weight:600; color:var(--gray); margin-bottom:28px;}
  .trust-logos{display:flex; flex-wrap:wrap; gap:44px; justify-content:center; align-items:center;}
  .trust-logos span{font-weight:800; font-size:16px; letter-spacing:-0.01em; color:var(--ink); opacity:0.32;}

  .texture{position:relative;}
  .texture::before{
    content:''; position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%230E0E10' stroke-opacity='0.06' stroke-width='1'%3E%3Cpath d='M-20 40 Q60 0 120 40 T260 40'/%3E%3Cpath d='M-20 90 Q60 50 120 90 T260 90'/%3E%3Cpath d='M-20 140 Q60 100 120 140 T260 140'/%3E%3Cpath d='M-20 190 Q60 150 120 190 T260 190'/%3E%3C/g%3E%3C/svg%3E");
    background-size:300px 300px;
    mask-image:linear-gradient(160deg, #000 10%, transparent 65%);
  }
  .texture > *{position:relative; z-index:1;}

  /* ---------- SCROLL REVEAL ---------- */
  .reveal{opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);}
  .reveal.in{opacity:1; transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){ .reveal{opacity:1; transform:none; transition:none;} }

  section{padding:100px 0;}
  .section-head{max-width:640px; margin:0 auto 52px; text-align:center;}
  .eyebrow-sm{font-size:12.5px; font-weight:700; color:var(--gray); text-transform:uppercase; letter-spacing:0.12em; margin-bottom:16px; display:block;}
  h2{font-size:clamp(30px, 4vw, 44px); line-height:1.1;}
  .section-head p{color:var(--gray); margin-top:18px; font-size:16px; line-height:1.65;}

  /* ---------- FEATURES ---------- */
  .feat-shell{background:var(--card-bg); border-radius:32px; padding:64px 40px; overflow:hidden;}
  .feat-shell .section-head{margin-bottom:48px;}
  .feat-grid{display:grid; grid-template-columns:1fr; gap:18px;}
  @media(min-width:700px){ .feat-grid{grid-template-columns:repeat(3,1fr);} }
  .feat-card{background:var(--paper); border-radius:18px; padding:30px 26px; min-height:180px; transition:transform .3s ease, box-shadow .3s ease;}
  .feat-card:hover{transform:translateY(-5px); box-shadow:0 20px 34px -22px rgba(0,0,0,0.22);}
  .feat-icon{width:40px; height:40px; border-radius:12px; background:var(--ink); margin-bottom:20px; display:flex; align-items:center; justify-content:center;}
  .feat-icon svg{width:20px; height:20px; stroke:var(--yellow); fill:none; stroke-width:2;}
  .feat-card h3{font-size:18px; margin-bottom:10px; font-weight:700; letter-spacing:-0.01em;}
  .feat-card p{color:var(--gray); font-size:14.5px; line-height:1.55;}
  .feat-cta{background:linear-gradient(135deg,var(--coral),var(--coral-deep)); color:#fff; display:flex; flex-direction:column; justify-content:center; gap:16px;}
  .feat-cta h3{font-size:19px; color:#fff;}
  .feat-cta p{color:rgba(255,255,255,0.85); font-size:14.5px;}
  .feat-cta .pill{background:var(--ink); color:#fff; width:fit-content;}

  /* ---------- CASE STUDIES ---------- */
  .case-grid{display:grid; grid-template-columns:1fr; gap:22px;}
  @media(min-width:760px){
    .case-grid{grid-template-columns:repeat(2,1fr); align-items:start;}
    .case-col{display:flex; flex-direction:column; gap:22px;}
    .case-col.offset{margin-top:56px;}
  }
  .case-card{background:var(--card-bg); border-radius:22px; padding:14px; box-shadow:0 1px 0 var(--line) inset; transition:transform .3s ease, box-shadow .3s ease;}
  .case-card:hover{transform:translateY(-6px); box-shadow:0 24px 40px -20px rgba(0,0,0,0.2);}
  .case-card:hover .case-img{transform:scale(1.04);}
  .case-head{display:flex; align-items:center; justify-content:space-between; padding:8px 10px 16px;}
  .case-dots{display:flex; gap:6px;}
  .case-dots span{width:9px; height:9px; border-radius:50%;}
  .case-dots span:nth-child(1){background:var(--coral);}
  .case-dots span:nth-child(2){background:var(--yellow);}
  .case-dots span:nth-child(3){background:#3fb27f;}
  .case-name{font-weight:800; font-size:14px; letter-spacing:0.02em;}
  .case-arrow{width:34px; height:34px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px;}
  .case-img{border-radius:16px; aspect-ratio:16/11; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; transition:transform .4s ease;}
  .case-img::after{
    content:''; position:absolute; inset:0; opacity:0.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  .case-card.c-coral .case-img{background:linear-gradient(160deg,#FF9B7A,var(--coral-deep));}
  .case-card.c-blue .case-img{background:linear-gradient(160deg,#4B67FF,#1c2f9e);}
  .case-card.c-yellow .case-img{background:linear-gradient(160deg,var(--yellow),#c99400);}
  .case-card.c-ink .case-img{background:linear-gradient(160deg,#2a2a2d,#000);}
  .case-glyph{width:72px; height:72px; border-radius:50%; border:2.5px solid rgba(255,255,255,0.8); display:flex; align-items:center; justify-content:center; position:relative; z-index:1;}
  .case-glyph svg{width:28px; height:28px; stroke:rgba(255,255,255,0.9); fill:none; stroke-width:1.6;}

  /* ---------- HOW IT WORKS ---------- */
  .how-grid{display:grid; grid-template-columns:1fr; gap:20px; align-items:start;}
  @media(min-width:860px){ .how-grid{grid-template-columns:1fr 1.1fr;} }
  .how-photo{border-radius:32px; padding:22px; background:linear-gradient(155deg,var(--coral),var(--yellow)); aspect-ratio:4/5; display:flex; align-items:flex-end;}
  .how-photo-inner{width:100%; height:78%; border-radius:22px; background:linear-gradient(160deg,#232326,#000); display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden;}
  .how-photo-inner::after{
    content:''; position:absolute; inset:0; opacity:0.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  .how-photo-inner .hv-top{position:relative; z-index:1;}
  .how-photo-inner .hv-mid{position:relative; z-index:1;}
  .how-photo-inner .hv-caption{position:relative; z-index:1;}
  .how-photo-inner .hv-icon{width:64px; height:64px;}
  .how-steps{display:flex; flex-direction:column; gap:16px;}
  .step-card{background:var(--card-bg); border-radius:18px; padding:26px 28px; display:flex; gap:18px; align-items:flex-start;}
  .step-num{width:34px; height:34px; border-radius:50%; background:var(--ink); color:var(--yellow); font-weight:800; font-size:13px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .step-card h3{font-size:19px; margin-bottom:6px; font-weight:700;}
  .step-card p{color:var(--gray); font-size:14.5px; line-height:1.6;}

  /* ---------- PRICING ---------- */
  .pricing-shell{background:linear-gradient(150deg,#FFE9DC,#FFF6E0); border-radius:32px; padding:64px 40px;}
  .pricing-grid{display:grid; grid-template-columns:1fr; gap:22px;}
  @media(min-width:900px){ .pricing-grid{grid-template-columns:repeat(3,1fr);} }
  .plan{background:var(--paper); border-radius:22px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 20px 40px -24px rgba(0,0,0,0.25);}
  .plan-head{padding:26px 26px 30px; background:linear-gradient(150deg,var(--coral),var(--yellow));}
  .plan.featured .plan-head{background:linear-gradient(150deg,var(--ink),#2a2a2d);}
  .plan-name{font-weight:800; font-size:18px; color:var(--ink);}
  .plan.featured .plan-name{color:#fff;}
  .plan-desc{font-size:13.5px; margin:8px 0 20px; color:rgba(14,14,16,0.7); max-width:220px;}
  .plan.featured .plan-desc{color:rgba(255,255,255,0.75);}
  .plan-price{font-weight:800; font-size:34px; color:var(--ink);}
  .plan.featured .plan-price{color:#fff;}
  .plan-price span{font-weight:600; font-size:13px;}
  .plan-body{padding:24px 26px 30px; display:flex; flex-direction:column; flex:1;}
  .plan .pill{width:100%; margin-bottom:24px;}
  .plan ul{margin-bottom:20px; flex:1;}
  .plan li{padding:9px 0; font-size:14px; display:flex; gap:10px; align-items:flex-start;}
  .check{width:18px; height:18px; border-radius:50%; background:var(--ink); flex-shrink:0; margin-top:2px; position:relative;}
  .check::after{content:''; position:absolute; left:5px; top:4px; width:4px; height:8px; border:solid var(--yellow); border-width:0 2px 2px 0; transform:rotate(45deg);}
  .foot-note{font-size:12.5px; color:var(--gray); text-align:center;}

  /* ---------- TESTIMONIALS ---------- */
  .testi-shell{background:var(--card-bg); border-radius:32px; padding:56px 0; overflow:hidden; position:relative;}
  .testi-shell::after{content:''; position:absolute; inset:0; pointer-events:none; box-shadow:inset 60px 0 40px -40px var(--card-bg), inset -60px 0 40px -40px var(--card-bg); z-index:2;}
  .testi-track{display:flex; gap:20px; width:max-content; animation:marquee 38s linear infinite;}
  .testi-shell:hover .testi-track{animation-play-state:paused;}
  @keyframes marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
  .testi{background:var(--paper); border-radius:18px; padding:26px; width:300px; flex-shrink:0; display:flex; flex-direction:column; justify-content:space-between; min-height:190px; box-shadow:0 16px 30px -22px rgba(0,0,0,0.15);}
  .testi.up{transform:translateY(-14px);}
  .testi.down{transform:translateY(14px);}
  .testi .quote-mark{font-size:28px; font-weight:800; color:var(--coral); margin-bottom:10px; line-height:1;}
  .testi p{font-size:14.5px; line-height:1.6;}
  .testi .who{margin-top:20px; display:flex; align-items:center; gap:10px;}
  .avatar{width:38px; height:38px; border-radius:50%; flex-shrink:0;}
  .who-name{font-weight:700; font-size:13.5px;}
  .who-role{color:var(--gray); font-size:12.5px;}

  /* ---------- FAQ ---------- */
  .faq-grid{display:grid; grid-template-columns:1fr; gap:24px; align-items:start;}
  @media(min-width:860px){ .faq-grid{grid-template-columns:1fr 1.2fr;} }
  .faq-photo{border-radius:32px; padding:20px; background:linear-gradient(155deg,var(--coral),var(--yellow)); aspect-ratio:4/5;}
  .faq-photo-inner{width:100%; height:100%; border-radius:22px; background:linear-gradient(160deg,#232326,#000); display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden;}
  .faq-photo-inner::after{
    content:''; position:absolute; inset:0; opacity:0.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  .faq-photo-inner .hv-top{position:relative; z-index:1;}
  .faq-photo-inner .hv-mid{position:relative; z-index:1;}
  .faq-photo-inner .hv-caption{position:relative; z-index:1;}
  .faq-photo-inner .hv-icon{width:70px; height:70px;}
  .faq-item{background:var(--card-bg); border-radius:16px; padding:22px 24px; margin-bottom:14px; cursor:pointer;}
  .faq-q{display:flex; justify-content:space-between; align-items:center; font-weight:700; font-size:16px; gap:20px;}
  .faq-btn{width:32px; height:32px; border-radius:50%; background:var(--ink); color:var(--yellow); display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; transition:transform .2s ease;}
  .faq-item.open .faq-btn{transform:rotate(45deg);}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;}
  .faq-a p{padding-top:14px; color:var(--gray); font-size:14.5px; line-height:1.6;}
  .faq-item.open .faq-a{max-height:200px;}
  .faq-cta{text-align:right; margin-top:8px;}

  /* ---------- CTA ---------- */
  .cta-section{position:relative; padding:170px 0; text-align:center; overflow:hidden;}
  .cta-section .eyebrow-sm{color:var(--gray);}
  .cta-section h2{margin-bottom:34px;}
  .cta-photos{position:absolute; inset:0; z-index:-1;}
  .cp{position:absolute; border-radius:20px; width:130px; height:130px; box-shadow:0 20px 40px -20px rgba(0,0,0,0.3); will-change:transform; display:flex; align-items:center; justify-content:center; overflow:hidden;}
  .cp::after{
    content:''; position:absolute; inset:0; opacity:0.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  .cp svg{width:26px; height:26px; stroke:rgba(255,255,255,0.85); fill:none; stroke-width:1.7; position:relative; z-index:1;}
  .cp1{background:linear-gradient(150deg,#3355FF,#1c2f9e); top:4%; left:8%;}
  .cp2{background:linear-gradient(150deg,var(--yellow),#c99400); top:-6%; left:42%;}
  .cp3{background:linear-gradient(150deg,var(--coral),var(--coral-deep)); top:6%; right:8%;}
  .cp4{background:linear-gradient(150deg,#1a1a1c,#000); bottom:2%; left:10%;}
  .cp5{background:linear-gradient(150deg,var(--yellow),var(--coral)); bottom:-8%; left:44%;}
  .cp6{background:linear-gradient(150deg,var(--coral-deep),#7a1c07); bottom:0%; right:10%;}
  @media(max-width:900px){ .cta-photos{display:none;} }

  /* ---------- FOOTER ---------- */
  footer{position:relative; overflow:hidden; padding-top:80px;}
  .foot-mesh{position:absolute; inset:0; z-index:-1; background:linear-gradient(150deg,var(--coral) 0%, var(--yellow) 55%, #FFF3DC 100%); opacity:0.9;}
  .foot-top{display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px; padding-bottom:64px;}
  .foot-brand .brand{margin-bottom:16px;}
  .foot-brand p{max-width:320px; font-size:14px; line-height:1.6; color:rgba(14,14,16,0.75);}
  .foot-social{display:flex; gap:12px; margin-top:20px;}
  .foot-social a{width:36px; height:36px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700;}
  .foot-pages h4{font-size:13px; color:rgba(14,14,16,0.6); margin-bottom:16px; font-weight:700;}
  .foot-pages li{margin-bottom:10px; font-weight:700; font-size:14.5px;}
  .foot-actions{display:flex; flex-direction:column; align-items:flex-end; gap:16px;}
  .back-top{width:44px; height:44px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px;}
  .foot-bottom{display:flex; justify-content:space-between; align-items:center; padding:24px 0; font-size:12.5px; color:rgba(14,14,16,0.6); flex-wrap:wrap; gap:10px;}
  .foot-wordmark{font-size:clamp(60px,14vw,180px); font-weight:800; letter-spacing:-0.04em; color:var(--ink); opacity:0.92; line-height:0.85; padding-bottom:0; white-space:nowrap; overflow:hidden;}

  /* ================= SHARED SERVICE-PAGE COMPONENTS ================= */

  /* split hero */
  .hero-split{padding:90px 0 0; position:relative; overflow:hidden;}
  .split-grid{display:grid; grid-template-columns:1fr; gap:56px; align-items:center; padding-bottom:80px;}
  @media(min-width:980px){ .split-grid{grid-template-columns:1.05fr 0.95fr;} }
  .check-list{display:flex; flex-direction:column; gap:12px; margin-top:26px;}
  .check-list li{display:flex; align-items:center; gap:10px; font-size:14.5px; font-weight:600; color:var(--ink);}
  .check-list svg{width:18px; height:18px; stroke:var(--coral-deep); fill:none; stroke-width:2.4; flex-shrink:0;}
  .proof-row{margin-top:30px; display:flex; align-items:center; gap:14px;}
  .avstack{display:flex;}
  .avstack span{width:30px; height:30px; border-radius:50%; border:2px solid var(--paper); margin-left:-8px; display:block;}
  .avstack span:first-child{margin-left:0;}
  .proof-row p{font-size:12.5px; color:var(--gray); font-weight:600;}
  .proof-row p b{color:var(--ink);}

  /* dashboard mockup (dark card, mirrors how-photo-inner pattern) */
  .mockup{background:linear-gradient(160deg,#232326,#000); border-radius:22px; overflow:hidden; box-shadow:0 30px 60px -24px rgba(0,0,0,0.35); position:relative;}
  .mockup::after{
    content:''; position:absolute; inset:0; opacity:0.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  .mockup-bar{position:relative; z-index:1; display:flex; align-items:center; gap:8px; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,0.08);}
  .mockup-bar span{width:9px; height:9px; border-radius:50%;}
  .mockup-bar span:nth-child(1){background:var(--coral);}
  .mockup-bar span:nth-child(2){background:var(--yellow);}
  .mockup-bar span:nth-child(3){background:#3fb27f;}
  .mockup-bar .mb-url{margin-left:12px; font-size:11px; color:rgba(255,255,255,0.5); background:rgba(255,255,255,0.06); padding:4px 10px; border-radius:6px;}
  .mockup-body{position:relative; z-index:1; padding:22px;}
  .mockup-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:18px;}
  .mockup-top .mt-logo{display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:#fff;}
  .mockup-top .mt-logo .dot{width:22px; height:22px; border-radius:6px; background:var(--coral);}
  .mockup-top .mt-badge{font-size:10px; color:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.15); padding:4px 8px; border-radius:6px;}
  .mockup-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:18px;}
  .mockup-stat{background:rgba(255,255,255,0.05); border-radius:10px; padding:12px;}
  .mockup-stat .ms-label{font-size:10px; color:rgba(255,255,255,0.5); font-weight:600; text-transform:uppercase; letter-spacing:0.04em;}
  .mockup-stat .ms-val{font-size:18px; font-weight:800; color:#fff; margin-top:4px;}
  .mockup-stat .ms-val.up{color:#5fd399;}
  .mockup-chart{background:rgba(255,255,255,0.05); border-radius:10px; padding:16px; display:flex; align-items:flex-end; gap:6px; height:90px; margin-bottom:14px;}
  .mockup-chart i{flex:1; background:linear-gradient(180deg,var(--yellow),var(--coral)); border-radius:4px 4px 0 0; display:block;}
  .mockup-rows{display:flex; flex-direction:column; gap:8px;}
  .mockup-row{display:flex; align-items:center; justify-content:space-between; background:rgba(255,255,255,0.05); border-radius:8px; padding:9px 12px;}
  .mockup-row .mr-kw{font-size:12px; color:rgba(255,255,255,0.8); font-weight:600;}
  .mockup-row .mr-rank{font-size:11px; color:#5fd399; font-weight:700;}

  /* pain grid */
  .pain-grid{display:grid; grid-template-columns:1fr; gap:14px;}
  @media(min-width:700px){ .pain-grid{grid-template-columns:repeat(2,1fr);} }
  .pain-card{background:var(--paper); border-radius:18px; padding:28px 26px;}
  .pain-num{font-size:12px; color:var(--coral-deep); font-weight:700; margin-bottom:14px; display:block; letter-spacing:0.04em;}
  .pain-card p{font-size:16px; font-weight:700; line-height:1.5; color:var(--ink);}
  .pain-flip{text-align:center; margin-top:36px;}
  .pain-flip span{display:inline-block; font-size:13px; font-weight:700; color:var(--gray); background:var(--paper); padding:11px 22px; border-radius:999px;}

  /* mechanism timeline */
  .timeline{position:relative; display:grid; grid-template-columns:1fr; gap:36px; margin-top:8px;}
  @media(min-width:860px){ .timeline{grid-template-columns:repeat(4,1fr);} }
  @media(min-width:860px){
    .timeline::before{content:''; display:block; position:absolute; top:27px; left:12.5%; right:12.5%; height:2px; background:var(--line); z-index:0;}
  }
  .tl-step{position:relative; z-index:1; text-align:left; padding:0 14px;}
  @media(min-width:860px){ .tl-step{text-align:center; padding:0 18px;} }
  .tl-dot{width:54px; height:54px; border-radius:50%; background:var(--ink); color:var(--yellow); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; margin-bottom:18px;}
  @media(min-width:860px){ .tl-dot{margin-left:auto; margin-right:auto;} }
  .tl-step h3{font-size:17px; margin-bottom:8px; font-weight:700;}
  .tl-step p{font-size:14px; color:var(--gray); line-height:1.55;}

  /* comparison table */
  .table-shell{background:var(--card-bg); border-radius:24px; padding:14px; overflow:hidden;}
  .table-scroll{overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:16px;}
  .comp-table{width:100%; border-collapse:separate; border-spacing:0; background:var(--paper); border-radius:16px; overflow:hidden;}
  .comp-table th, .comp-table td{padding:16px 18px; text-align:left; font-size:13.5px; border-bottom:1px solid var(--line); white-space:nowrap;}
  .comp-table thead th{background:var(--card-bg); font-size:11.5px; text-transform:uppercase; letter-spacing:0.04em; color:var(--gray); font-weight:700;}
  .comp-table tbody th{font-weight:700; color:var(--ink);}
  .comp-table td.win{background:#FFF3EE; font-weight:700; color:var(--coral-deep);}
  .comp-table thead th.win-col{background:var(--ink); color:var(--yellow);}
  .comp-table tr:last-child td, .comp-table tr:last-child th{border-bottom:none;}
  .comp-table svg{width:16px; height:16px; stroke-width:2.4; fill:none;}
  .icon-yes{stroke:#1f9e5c;}
  .icon-no{stroke:#c94b3f;}

  /* deliverables split */
  .deliver-list{display:flex; flex-direction:column; gap:16px; margin-top:24px;}
  .deliver-item{display:flex; gap:14px; align-items:flex-start;}
  .deliver-icon{width:38px; height:38px; border-radius:11px; background:var(--ink); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .deliver-icon svg{width:17px; height:17px; stroke:var(--yellow); fill:none; stroke-width:1.8;}
  .deliver-item b{font-size:14.5px; display:block; margin-bottom:2px;}
  .deliver-item span{font-size:13.5px; color:var(--gray); line-height:1.5;}

  .report-mock{border-radius:22px; overflow:hidden; box-shadow:0 26px 50px -26px rgba(0,0,0,0.25); position:relative;}
  .report-cover{background:linear-gradient(150deg,#232326,#000); padding:34px 28px; color:#fff; position:relative; overflow:hidden;}
  .report-cover::after{
    content:''; position:absolute; inset:0; opacity:0.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  .report-cover .rc-badge{position:relative; z-index:1; font-size:10.5px; letter-spacing:0.06em; color:var(--yellow); margin-bottom:16px; display:block; font-weight:700; text-transform:uppercase;}
  .report-cover h4{position:relative; z-index:1; font-size:22px; font-weight:800; line-height:1.25;}
  .report-cover .rc-meta{position:relative; z-index:1; margin-top:22px; font-size:12px; color:rgba(255,255,255,0.55); line-height:1.8;}
  .report-cover .rc-meta b{color:#fff;}
  .report-body{background:var(--paper); padding:20px 24px;}
  .report-row{display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid var(--line); font-size:13px;}
  .report-row:last-child{border-bottom:none;}
  .report-row .rr-name{font-weight:600; color:var(--ink);}
  .report-row .rr-val{font-weight:700; color:#1f9e5c;}

  /* calculator */
  .calc-shell{background:linear-gradient(160deg,#232326,#000); border-radius:28px; padding:48px 40px; color:#fff; position:relative; overflow:hidden;}
  .calc-shell::after{
    content:''; position:absolute; inset:0; opacity:0.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  .calc-grid{display:grid; grid-template-columns:1fr; gap:40px; position:relative; z-index:1;}
  @media(min-width:900px){ .calc-grid{grid-template-columns:1fr 1fr;} }
  .calc-label{font-size:13px; font-weight:700; color:rgba(255,255,255,0.7); margin-bottom:10px; display:flex; justify-content:space-between;}
  .calc-label span{color:var(--yellow);}
  input[type=range]{width:100%; accent-color:var(--coral); height:6px;}
  .calc-note{font-size:12px; color:rgba(255,255,255,0.4); margin-top:14px; line-height:1.6;}
  .calc-outputs{display:flex; flex-direction:column; gap:14px;}
  .calc-out{background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:18px 20px; display:flex; justify-content:space-between; align-items:center;}
  .calc-out .co-label{font-size:13px; color:rgba(255,255,255,0.7); font-weight:600;}
  .calc-out .co-val{font-size:21px; font-weight:800; color:#fff;}
  .calc-out.profit{background:linear-gradient(150deg,rgba(255,90,60,0.22),rgba(246,196,51,0.12)); border-color:rgba(255,90,60,0.4);}
  .calc-out.profit .co-val{color:var(--coral);}

  /* spotlight */
  .spotlight{background:var(--card-bg); border-radius:28px; padding:44px 36px; display:grid; grid-template-columns:1fr; gap:36px;}
  @media(min-width:920px){ .spotlight{grid-template-columns:1.2fr 1fr; padding:52px;} }
  .spot-quote{font-size:19px; font-weight:700; line-height:1.55; color:var(--ink);}
  .spot-who{margin-top:20px; font-size:13.5px; font-weight:700;}
  .spot-who span{display:block; font-weight:500; color:var(--gray); font-size:12.5px; margin-top:2px;}
  .spot-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:28px;}
  .spot-stat b{display:block; font-size:24px; font-weight:800; color:var(--coral-deep);}
  .spot-stat span{font-size:11.5px; color:var(--gray); font-weight:600;}
  .mini-quotes{display:flex; flex-direction:column; gap:16px;}
  .mini-quote{background:var(--paper); border-radius:16px; padding:20px;}
  .mini-quote p{font-size:13.5px; line-height:1.55; color:var(--ink);}
  .mini-quote .who{margin-top:12px; font-size:12px; font-weight:700; color:var(--gray);}

  /* lead form (light, matches brand cards) */
  .lead-shell{display:grid; grid-template-columns:1fr; gap:20px; align-items:stretch;}
  @media(min-width:920px){ .lead-shell{grid-template-columns:1fr 1fr;} }
  .lead-form{background:var(--paper); border-radius:22px; padding:30px; box-shadow:0 20px 40px -26px rgba(0,0,0,0.2);}
  .field{margin-bottom:16px;}
  .field label{display:block; font-size:12px; font-weight:700; color:var(--gray); margin-bottom:8px; text-transform:uppercase; letter-spacing:0.04em;}
  .field input, .field select{width:100%; background:var(--card-bg); border:1.5px solid var(--line); border-radius:12px; padding:12px 14px; color:var(--ink); font-size:14px; font-family:inherit;}
  .field input:focus, .field select:focus{outline:none; border-color:var(--coral);}
  .form-note{font-size:11.5px; color:var(--gray); margin-top:12px; text-align:center;}
  .form-success{display:none; text-align:center; padding:40px 10px;}
  .form-success.show{display:block;}
  .form-success svg{width:40px; height:40px; stroke:#1f9e5c; fill:none; stroke-width:2; margin:0 auto 14px;}
  .form-success h4{font-size:17px; margin-bottom:8px;}
  .form-success p{font-size:13.5px; color:var(--gray);}

  /* path selector (white-label vs direct hire) */
  .path-grid{display:grid; grid-template-columns:1fr; gap:18px;}
  @media(min-width:760px){ .path-grid{grid-template-columns:repeat(2,1fr);} }
  .path-card{background:var(--paper); border-radius:22px; padding:32px 30px; border:2px solid var(--line); transition:border-color .2s ease, transform .2s ease;}
  .path-card:hover{transform:translateY(-4px); border-color:var(--coral);}
  .path-icon{width:44px; height:44px; border-radius:12px; background:var(--ink); display:flex; align-items:center; justify-content:center; margin-bottom:18px;}
  .path-icon svg{width:20px; height:20px; stroke:var(--yellow); fill:none; stroke-width:1.8;}
  .path-tag{font-size:11.5px; font-weight:700; color:var(--coral-deep); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:10px; display:block;}
  .path-card h3{font-size:20px; margin-bottom:10px; font-weight:800;}
  .path-card p{font-size:14px; color:var(--gray); line-height:1.6; margin-bottom:20px;}

  /* dedicated-hire offer */
  .value-row{display:flex; gap:16px; flex-wrap:wrap; justify-content:center; margin:32px 0 40px;}
  .value-chip{background:var(--paper); border-radius:16px; padding:18px 22px; text-align:center; flex:1; min-width:170px;}
  .value-chip .vc-icon{width:34px; height:34px; border-radius:10px; background:var(--ink); display:flex; align-items:center; justify-content:center; margin:0 auto 12px;}
  .value-chip .vc-icon svg{width:16px; height:16px; stroke:var(--yellow); fill:none; stroke-width:1.9;}
  .value-chip b{display:block; font-size:13.5px; margin-bottom:4px;}
  .value-chip span{font-size:12px; color:var(--gray); line-height:1.4; display:block;}
  .hire-plan{max-width:480px; margin:0 auto;}

  /* ================= WHITE LABEL DEVELOPMENT PAGE ================= */

  /* code editor mockup */
  .code-mockup{background:linear-gradient(160deg,#1a1a1c,#000); border-radius:22px; overflow:hidden; box-shadow:0 30px 60px -24px rgba(0,0,0,0.35); position:relative; font-family:'JetBrains Mono', 'Courier New', monospace;}
  .code-mockup::after{
    content:''; position:absolute; inset:0; opacity:0.5; mix-blend-mode:overlay; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  }
  .code-mockup .mockup-bar{position:relative; z-index:1; display:flex; align-items:center; gap:8px; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,0.08); font-family:'Plus Jakarta Sans', sans-serif;}
  .code-mockup .mockup-bar span{width:9px; height:9px; border-radius:50%;}
  .code-mockup .mockup-bar span:nth-child(1){background:var(--coral);}
  .code-mockup .mockup-bar span:nth-child(2){background:var(--yellow);}
  .code-mockup .mockup-bar span:nth-child(3){background:#3fb27f;}
  .code-mockup .mb-url{margin-left:12px; font-size:11px; color:rgba(255,255,255,0.5); background:rgba(255,255,255,0.06); padding:4px 10px; border-radius:6px; font-family:'Plus Jakarta Sans', sans-serif;}
  .code-mockup .mb-status{margin-left:auto; display:flex; align-items:center; gap:6px; font-size:11px; color:#5fd399; font-family:'Plus Jakarta Sans', sans-serif; font-weight:700;}
  .code-mockup .mb-status .dot-live{width:7px; height:7px; border-radius:50%; background:#5fd399; display:inline-block;}
  .code-body{position:relative; z-index:1; padding:22px 24px; font-size:12.5px; line-height:1.85;}
  .code-line{white-space:pre; color:rgba(255,255,255,0.55);}
  .code-line .kw{color:#ff8a68;}
  .code-line .fn{color:var(--yellow);}
  .code-line .str{color:#5fd399;}
  .code-line .cmt{color:rgba(255,255,255,0.3);}
  .code-line .num{color:#8ea7ff;}
  .stack-row{position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px; padding:0 24px 20px; font-family:'Plus Jakarta Sans', sans-serif;}
  .stack-pill{font-size:11px; font-weight:700; color:rgba(255,255,255,0.85); background:rgba(255,255,255,0.08); padding:6px 12px; border-radius:999px;}
  .deploy-row{position:relative; z-index:1; margin:0 24px 22px; background:rgba(255,255,255,0.05); border-radius:10px; padding:12px 16px; display:flex; justify-content:space-between; align-items:center; font-family:'Plus Jakarta Sans', sans-serif;}
  .deploy-row .dep-label{font-size:11.5px; color:rgba(255,255,255,0.6);}
  .deploy-row .dep-val{font-size:11.5px; color:#5fd399; font-weight:700;}

  /* tech stack section */
  .stack-shell{background:var(--card-bg); border-radius:32px; padding:56px 40px;}
  .stack-cats{display:grid; grid-template-columns:1fr; gap:18px;}
  @media(min-width:760px){ .stack-cats{grid-template-columns:repeat(2,1fr);} }
  @media(min-width:1080px){ .stack-cats{grid-template-columns:repeat(3,1fr);} }
  .stack-cat-card{background:var(--paper); border-radius:20px; padding:26px 24px; box-shadow:0 16px 34px -26px rgba(0,0,0,0.25); transition:transform .25s ease, box-shadow .25s ease;}
  .stack-cat-card:hover{transform:translateY(-4px); box-shadow:0 22px 40px -24px rgba(0,0,0,0.3);}
  .stack-cat-label{font-size:14.5px; font-weight:800; margin-bottom:16px; display:flex; align-items:center; gap:12px;}
  .stack-cat-label .scl-icon{width:36px; height:36px; border-radius:11px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .stack-cat-label .scl-icon svg{width:16px; height:16px; fill:none; stroke-width:1.9;}
  .stack-cat-card.c-ink .scl-icon{background:var(--ink);}
  .stack-cat-card.c-ink .scl-icon svg{stroke:var(--yellow);}
  .stack-cat-card.c-coral .scl-icon{background:var(--coral);}
  .stack-cat-card.c-coral .scl-icon svg{stroke:#fff;}
  .stack-cat-card.c-blue .scl-icon{background:var(--blue);}
  .stack-cat-card.c-blue .scl-icon svg{stroke:#fff;}
  .stack-cat-card.c-yellow .scl-icon{background:var(--yellow);}
  .stack-cat-card.c-yellow .scl-icon svg{stroke:var(--ink);}
  .stack-chip-row{display:flex; flex-wrap:wrap; gap:9px;}
  .stack-chip{background:var(--card-bg); border:1.5px solid var(--line); border-radius:999px; padding:8px 15px; font-size:12.5px; font-weight:700; color:var(--ink); display:inline-flex; align-items:center; gap:7px;}
  .stack-chip::before{content:''; width:6px; height:6px; border-radius:50%; background:var(--coral-deep); flex-shrink:0;}
  .stack-cat-card.c-blue .stack-chip::before{background:var(--blue);}
  .stack-cat-card.c-yellow .stack-chip::before{background:#c99400;}