:root{
    --ink:#0b3b2e; --leaf:#13a874; --leaf-dark:#0e8f6f; --mint:#e8f5ee; --paper:#fbfdfb;
    --muted:#4b665c; --line:#d3e7dc; --amber:#f5a524; --amber-ink:#7a4b00; --chat:#d9fdd3;
    --red:#b42318; --r-lg:22px; --r-md:14px; --r-sm:10px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
  html,body{overflow-x:clip;max-width:100%}
  body{font-family:"Figtree",system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
  h1,h2,h3{font-family:"Bricolage Grotesque","Figtree",sans-serif;line-height:1.08;letter-spacing:-.02em}
  h1,h2,h3,p,li,span,strong,a,summary{overflow-wrap:anywhere}
  a{color:inherit}
  svg{display:block}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  :focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font:700 16px/1 "Figtree",sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s}
  .btn-go{background:var(--leaf);color:#fff}
  .btn-go:hover{background:var(--leaf-dark)}
  .btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
  .btn-line:hover{background:var(--ink);color:#fff}
  .btn-light{background:#fff;color:var(--ink)}
  .btn-light:hover{background:var(--mint)}
  .btn:disabled{opacity:.45;cursor:not-allowed}

  header{position:sticky;top:0;z-index:40;background:rgba(251,253,251,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;gap:26px;height:72px}
  .brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;min-width:0}
  .brand b{font-family:"Bricolage Grotesque",sans-serif;font-size:21px;font-weight:800;letter-spacing:-.02em}
  .brand span{display:block;font-size:12px;font-weight:700;color:var(--leaf-dark);margin-top:-2px}
  .nav a.link{font-weight:600;font-size:15px;text-decoration:none;color:var(--muted)}
  .nav a.link:hover{color:var(--ink)}
  .nav .btn{min-height:42px;padding:0 18px;font-size:15px}
  @media (max-width:900px){ .nav a.link{display:none} }

  .hero{padding:72px 0 64px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
  .hero > *{min-width:0}
  .hero h1{font-size:clamp(34px,5.4vw,64px);font-weight:800}
  .hero p.lead{font-size:19px;color:var(--muted);margin:22px 0 30px;max-width:540px}
  .hero .actions{display:flex;flex-wrap:wrap;gap:12px}
  .hero .fine{margin-top:18px;font-size:15px;color:var(--muted)}
  .hero .fine strong{color:var(--ink)}
  @media (max-width:920px){ .hero{grid-template-columns:minmax(0,1fr);padding-top:44px;gap:40px} }

  .mock{background:var(--ink);border-radius:var(--r-lg);padding:12px;box-shadow:0 28px 56px -22px rgba(11,59,46,.45)}
  .mock-top{display:flex;align-items:center;gap:7px;padding:4px 6px 11px}
  .mock-top i{width:10px;height:10px;border-radius:50%;background:#2e6b57;flex-shrink:0}
  .mock-top span{margin-left:8px;color:#b9dccd;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mock-body{background:#f3faf6;border-radius:12px;padding:16px;display:grid;gap:10px;font-size:14px}
  .m-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-width:0}
  .m-row .n{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .m-box{width:18px;height:18px;border-radius:5px;border:2px solid #9cc4b3;flex-shrink:0;display:grid;place-items:center}
  .m-box.on{background:var(--leaf);border-color:var(--leaf)}
  .chip{font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px;background:#e3f1ea;color:var(--leaf-dark);white-space:nowrap;flex-shrink:0}
  .chip.admin{background:#d8f3e6;color:#06603f}
  .chip.lock{background:#fde8e6;color:var(--red)}
  .chip.amber{background:#fff1d6;color:var(--amber-ink)}
  .m-row.dim{opacity:.6}
  .m-label{font-size:12px;font-weight:800;color:var(--muted)}
  .m-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .m-field{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:0}
  .m-field b{display:block;font-size:20px;font-family:"Bricolage Grotesque",sans-serif}
  .bubble{justify-self:end;max-width:88%;background:var(--chat);border-radius:14px 14px 4px 14px;padding:11px 13px;line-height:1.45;box-shadow:0 1px 0 rgba(0,0,0,.06)}
  .bubble small{display:block;text-align:right;color:#4f7d6b;font-size:12px;margin-top:4px}
  .bubble .hl{background:#fff6c9;border-radius:4px;padding:0 3px;font-weight:700}
  .linkcard{background:#fff;border-radius:10px;overflow:hidden;margin-bottom:6px;border:1px solid #c7e9d5}
  .linkcard .img{height:64px;background:linear-gradient(135deg,#d9efe4,#bfe2d0);display:grid;place-items:center;color:var(--leaf-dark)}
  .linkcard .t{padding:7px 10px;font-size:13px}
  .linkcard .t b{display:block}
  .linkcard .t span{color:var(--muted);font-size:12px}
  .meter{display:flex;align-items:center;gap:12px;font-weight:700}
  .meter .bar{flex:1;height:10px;border-radius:99px;background:#d6ebe0;overflow:hidden}
  .meter .bar b{display:block;height:100%;width:0;background:var(--leaf);border-radius:99px;transition:width .5s ease}
  .feed{list-style:none;display:grid;gap:8px;min-height:190px}
  .feed li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-width:0}
  .feed li .g{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .feed li .t{color:var(--muted);font-size:12px;white-space:nowrap}
  .feed li svg{flex-shrink:0}
  .feed li.new{animation:arrive .45s ease-out}
  @keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion: reduce){ .feed li.new{animation:none} .meter .bar b{transition:none} }
  .term{background:#0e2b22;color:#bfe9d4;border-radius:10px;padding:10px 12px;font:500 12.5px/1.6 "Figtree",sans-serif}
  .term .ok{color:#5ee0a2}.term .w{color:#ffd27a}
  .kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;border-top:3px solid var(--leaf);min-width:0}
  .kpi small{display:block;font-size:11px;font-weight:800;color:var(--muted)}
  .kpi b{font-family:"Bricolage Grotesque",sans-serif;font-size:22px}
  .swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .sw{border-radius:10px;padding:10px;font-size:12px;font-weight:800;min-height:56px;display:flex;align-items:flex-end}
  .btnrow{display:flex;flex-wrap:wrap;gap:8px}
  .mbtn{font-size:12px;font-weight:800;padding:8px 12px;border-radius:8px;color:#fff;white-space:nowrap}

  /* real app screenshots */
  .shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(11,59,46,.35)}
  .shot-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--ink)}
  .shot-bar i{width:10px;height:10px;border-radius:50%;background:#2e6b57;flex-shrink:0}
  .shot-bar span{margin-left:8px;color:#b9dccd;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shot a{display:block}
  .shot img{display:block;width:100%;height:auto}
  .shot figcaption{padding:10px 14px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}
  .hero-shot{position:relative}
  .float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 16px 30px -12px rgba(11,59,46,.35);font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px}
  .float b{font-family:"Bricolage Grotesque",sans-serif;font-size:24px;color:var(--leaf-dark)}
  .float.f1{left:-18px;bottom:-22px}
  .float.f2{right:-14px;top:-18px}
  .pulse{width:10px;height:10px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 0 rgba(19,168,116,.6);animation:pulse 1.6s infinite}
  @keyframes pulse{70%{box-shadow:0 0 0 10px rgba(19,168,116,0)}100%{box-shadow:0 0 0 0 rgba(19,168,116,0)}}
  @media (prefers-reduced-motion: reduce){ .pulse{animation:none} }
  @media (max-width:560px){ .float{position:static;margin-top:12px} .hero-shot{display:grid} }

  /* feature highlights grid */
  .hl-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
  .hl{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:8px;text-decoration:none}
  .hl:hover{border-color:var(--leaf)}
  .hl .ic{width:40px;height:40px;border-radius:10px;background:var(--mint);display:grid;place-items:center;color:var(--leaf-dark)}
  .hl b{font-size:15px;line-height:1.3}
  @media (max-width:980px){ .hl-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
  @media (max-width:600px){ .hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }

  .problem{background:var(--ink);color:#d9efe5}
  .problem .wrap{padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
  .problem h2{color:#fff;font-size:clamp(28px,3.6vw,42px)}
  .problem ul{list-style:none;display:grid;gap:14px}
  .problem li{display:flex;gap:12px;align-items:flex-start;font-size:17px}
  .problem li svg{flex-shrink:0;margin-top:3px}
  @media (max-width:820px){ .problem .wrap{grid-template-columns:minmax(0,1fr);gap:28px} }

  section{padding:88px 0}
  .head{max-width:680px;margin-bottom:44px}
  .head h2{font-size:clamp(30px,4vw,46px);font-weight:800}
  .head p{color:var(--muted);margin-top:14px;font-size:18px}

  .deep{display:grid;gap:96px}
  .fx{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
  .fx:nth-child(even){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .fx > *{min-width:0}
  .fx:nth-child(even) .fx-text{order:2}
  .fx-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:var(--leaf-dark);margin-bottom:12px}
  .fx-kicker svg{flex-shrink:0}
  .fx h3{font-size:clamp(26px,3vw,36px);margin-bottom:14px}
  .fx p.why{color:var(--muted);font-size:18px;margin-bottom:18px}
  .fx ul{list-style:none;display:grid;gap:10px}
  .fx li{display:flex;gap:10px;align-items:flex-start}
  .fx li svg{flex-shrink:0;margin-top:3px}
  .fx .result{margin-top:20px;background:var(--mint);border-radius:var(--r-sm);padding:12px 14px;font-weight:700;font-size:16px}
  .fx-badge{display:inline-block;background:#fff4dd;color:var(--amber-ink);font-weight:800;font-size:14px;padding:6px 12px;border-radius:8px;margin-bottom:12px}
  .fx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px}
  .fx-cta .btn{min-height:46px;padding:0 20px;font-size:15px}
  .fx-cta a.more-link{font-weight:700;color:var(--leaf-dark)}
  .zoomable{cursor:zoom-in}
  dialog.zoom{max-width:min(1400px,96vw);width:auto;padding:10px;background:#0b3b2e}
  dialog.zoom img{display:block;max-width:100%;max-height:86vh;width:auto;height:auto;border-radius:10px}
  dialog.zoom .zclose{position:absolute;top:14px;right:14px;min-height:44px;min-width:44px;border-radius:999px;border:0;background:#fff;color:var(--ink);font:800 15px "Figtree",sans-serif;padding:0 16px;cursor:pointer}
  .themes{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
  .theme-tabs{display:flex;flex-wrap:wrap;gap:10px}
  .theme-tabs button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border-radius:999px;border:2px solid var(--line);background:#fff;font:700 15px "Figtree",sans-serif;color:var(--ink);cursor:pointer}
  .theme-tabs button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
  .theme-tabs i{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.12)}
  .theme-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .theme-thumbs button{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:none;cursor:pointer}
  .theme-thumbs button[aria-pressed="true"]{border-color:var(--leaf)}
  .theme-thumbs img{display:block;width:100%;height:auto}
  .theme-thumbs span{display:block;font:700 13px "Figtree",sans-serif;color:var(--ink);padding:6px 0;background:#fff}
  @media (max-width:700px){ .theme-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))} }
  @media (max-width:860px){ .fx,.fx:nth-child(even){grid-template-columns:minmax(0,1fr);gap:28px} .fx:nth-child(even) .fx-text{order:0} .deep{gap:72px} }

  .compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .col{border-radius:var(--r-lg);padding:28px;min-width:0}
  .col h3{font-size:24px;margin-bottom:16px}
  .col ul{list-style:none;display:grid;gap:12px}
  .col li{display:flex;gap:10px;align-items:flex-start}
  .col li svg{flex-shrink:0;margin-top:3px}
  .col.before{background:#fff;border:1px solid var(--line)}
  .col.before li{color:var(--muted)}
  .col.after{background:var(--ink);color:#e6f6ee}
  .col.after h3{color:#fff}
  @media (max-width:820px){ .compare{grid-template-columns:minmax(0,1fr)} }

  .uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}
  .use h3{font-family:"Figtree",sans-serif;font-size:19px;font-weight:800;letter-spacing:0;margin-bottom:6px}
  .use p{color:var(--muted);font-size:16px}
  .use .bar{width:40px;height:4px;border-radius:2px;background:var(--leaf);margin-bottom:14px}
  @media (max-width:860px){ .uses{grid-template-columns:repeat(2,minmax(0,1fr))} }
  @media (max-width:560px){ .uses{grid-template-columns:minmax(0,1fr)} }

  .how{background:var(--mint)}
  .steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:s}
  .steps li{counter-increment:s;border-top:3px solid var(--ink);padding-top:18px}
  .steps li::before{content:counter(s);display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:44px;font-weight:800;color:var(--leaf);line-height:1;margin-bottom:10px}
  .steps h3{font-family:"Figtree",sans-serif;font-size:19px;font-weight:800;letter-spacing:0;margin-bottom:6px}
  .steps p{color:var(--muted);font-size:16px}
  @media (max-width:860px){ .steps{grid-template-columns:repeat(2,minmax(0,1fr))} }
  @media (max-width:520px){ .steps{grid-template-columns:minmax(0,1fr)} }

  .more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 52px}
  .feature{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px}
  .feature .ic{width:48px;height:48px;border-radius:12px;background:var(--mint);display:grid;place-items:center;color:var(--leaf-dark)}
  .feature h3{font-family:"Figtree",sans-serif;font-size:19px;font-weight:800;letter-spacing:0;margin-bottom:4px}
  .feature p{color:var(--muted);font-size:16px}
  .feature.soon .ic{background:#fff4dd;color:var(--amber-ink)}
  .tag{display:inline-block;vertical-align:middle;margin-left:6px;background:#fff4dd;color:var(--amber-ink);border:1px solid #f3d08a;font:700 12px/1 "Figtree",sans-serif;padding:5px 8px;border-radius:6px}
  @media (max-width:760px){ .more{grid-template-columns:minmax(0,1fr)} }

  .pricing{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:stretch}
  .pricing > *{min-width:0}
  .lead-product{background:var(--ink);color:#eaf7f0;border-radius:var(--r-lg);padding:36px;display:flex;flex-direction:column;gap:18px}
  .lead-product h3{font-size:34px;color:#fff}
  .lead-product p{color:#bfe0d1}
  .offer{align-self:flex-start;background:var(--amber);color:#3a2400;font-weight:800;font-size:14px;padding:6px 12px;border-radius:8px}
  .lead-product ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;font-size:15px}
  .lead-product li{display:flex;gap:8px;align-items:flex-start}
  .lead-product li svg{flex-shrink:0;margin-top:2px}
  .lead-product .price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
  .lead-product .price s{color:#8fb9a7;font-size:20px}
  .lead-product .price strong{font-family:"Bricolage Grotesque",sans-serif;font-size:56px;color:#fff;line-height:1}
  .lead-product .price span{color:#bfe0d1;font-size:15px}
  .pay{display:flex;flex-wrap:wrap;gap:8px}
  .pay span{border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:5px 10px;font-size:13px;font-weight:600}
  .side{display:grid;gap:20px;align-content:start}
  .small-product{border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;background:#fff;display:flex;flex-direction:column;gap:10px}
  .small-product h3{font-size:24px}
  .small-product p{color:var(--muted);font-size:16px}
  .small-product .row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .small-product .row strong{font-family:"Bricolage Grotesque",sans-serif;font-size:28px}
  .trial-box{border:2px dashed var(--leaf);border-radius:var(--r-lg);padding:26px;background:var(--mint)}
  .trial-box h3{font-size:24px;margin-bottom:8px}
  .trial-box p{color:var(--muted);margin-bottom:16px}
  .trial-box .dl-note{font-size:13px;margin:10px 0 0}
  .tool .t-foot .t-dl{display:inline-flex;align-items:center;font-weight:700;font-size:15px;color:var(--leaf-dark);text-decoration:none}
  .tool.sl .t-foot .t-dl{color:#6d1fb0}
  .tool .t-foot .t-dl:hover{text-decoration:underline}
  .pick{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;cursor:pointer;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid currentColor;background:transparent;color:inherit}
  .pick[aria-pressed="true"]{background:var(--leaf);border-color:var(--leaf);color:#fff}
  .lead-product .pick{color:#fff}
  @media (max-width:860px){ .pricing{grid-template-columns:minmax(0,1fr)} .lead-product ul{grid-template-columns:minmax(0,1fr)} }

  .faq{max-width:780px}
  details{border-bottom:1px solid var(--line)}
  summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-weight:700;font-size:19px}
  summary::-webkit-details-marker{display:none}
  summary .plus{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;transition:transform .2s}
  details[open] summary .plus{transform:rotate(45deg)}
  details p{color:var(--muted);padding:0 0 22px;max-width:680px}

  .cta-band{background:var(--leaf);color:#fff;border-radius:var(--r-lg);padding:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
  .cta-band > div{min-width:0}
  .cta-band h2{font-size:clamp(28px,3.6vw,40px);color:#fff;max-width:620px}
  .cta-band p{color:#e3fbef;margin-top:8px}
  .cta-band .actions{display:flex;flex-wrap:wrap;gap:12px}
  .cta-band .btn-line{color:#fff;border-color:#fff}
  .cta-band .btn-line:hover{background:#fff;color:var(--ink)}

  .order{background:var(--ink);color:#eaf7f0}
  .order .head h2{color:#fff}
  .order .head p{color:#bfe0d1}
  .order-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
  .cart{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);padding:22px}
  .cart h3{font-family:"Figtree",sans-serif;font-size:18px;font-weight:800;letter-spacing:0;color:#fff;margin-bottom:12px}
  .cart .line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.18)}
  .cart .total{display:flex;justify-content:space-between;gap:10px;padding-top:12px;font-weight:800;font-size:20px;color:#fff}
  .cart .empty{color:#bfe0d1}
  .cart .toggles{display:grid;gap:8px;margin-top:16px}
  .cart .toggles .pick{color:#fff;justify-content:space-between;width:100%}
  form.order-form{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:30px;display:grid;gap:16px}
  .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  label{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
  input,select,textarea{width:100%;font:500 16px "Figtree",sans-serif;color:var(--ink);background:#fff;border:1.5px solid #b9d6c7;border-radius:var(--r-sm);padding:12px 14px;min-height:48px}
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--leaf);box-shadow:0 0 0 3px rgba(19,168,116,.2)}
  textarea{min-height:110px;resize:vertical}
  .hint{font-size:14px;color:var(--muted)}
  .form-error{color:var(--red);font-weight:600;font-size:15px;display:none}
  @media (max-width:860px){ .order-grid{grid-template-columns:minmax(0,1fr)} .two{grid-template-columns:minmax(0,1fr)} }

  footer{padding:36px 0;color:var(--muted);font-size:15px}
  footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
  footer a{color:var(--leaf-dark);font-weight:700}

  dialog{border:none;border-radius:var(--r-lg);padding:32px;max-width:520px;width:calc(100% - 32px);color:var(--ink)}
  dialog::backdrop{background:rgba(11,59,46,.6)}
  dialog h3{font-size:30px;margin-bottom:8px}
  dialog p{color:var(--muted)}
  dialog .mail{margin:18px 0;background:var(--mint);border-radius:var(--r-sm);padding:14px;font-weight:800;font-size:18px;color:var(--leaf-dark);word-break:break-all}
  dialog ol{margin:0 0 20px 20px;display:grid;gap:6px;color:var(--ink)}
  dialog .btns{display:grid;gap:10px}
  .copied{font-size:14px;color:var(--leaf-dark);font-weight:700;min-height:20px}

  @media (max-width:560px){
    body{font-size:16px}
    .wrap{padding:0 16px}
    section{padding:60px 0}
    .head{margin-bottom:30px}
    .hero p.lead{font-size:17px}
    .hero .actions .btn,.cta-band .actions .btn{width:100%}
    .cta-band .actions{width:100%}
    .mock{padding:9px}
    .mock-body{padding:11px;font-size:13px}
    .kpis{gap:6px}
    .kpi b{font-size:18px}
    .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fx p.why{font-size:17px}
    .lead-product{padding:24px 20px}
    .lead-product h3{font-size:28px}
    .lead-product .price strong{font-size:46px}
    .small-product,.trial-box,.col{padding:22px 18px}
    .cta-band{padding:28px 20px}
    form.order-form{padding:22px 16px}
    .cart{padding:18px 16px}
    summary{font-size:17px}
    .nav{gap:12px;height:64px}
    .brand b{font-size:19px}
    .nav .btn{padding:0 14px}
    .problem .wrap{padding-top:48px;padding-bottom:48px}
  }

  /* ===== Site-wide additions (multi-page) ===== */
  body.p-slack{--ink:#2a1146;--leaf:#8b2fd6;--leaf-dark:#6d1fb0;--mint:#f3eafc;--paper:#fdfbff;--muted:#5f4d73;--line:#e6d9f3;--chat:#efe3fb}
  body.p-slack .shot-bar i{background:#5b3a80}
  body.p-slack .shot-bar span,body.p-slack .mock-top span{color:#d9c6ee}
  body.p-slack .lead-product p,body.p-slack .order .head p{color:#d8c6ea}
  body.p-slack .lead-product .price s{color:#b79ad3}
  body.p-slack .problem{color:#eadcf7}
  body.p-slack .cta-band p{color:#f2e6fd}
  body.p-slack input,body.p-slack select,body.p-slack textarea{border-color:#d4bfe9}
  body.p-slack input:focus,body.p-slack select:focus,body.p-slack textarea:focus{box-shadow:0 0 0 3px rgba(139,47,214,.2)}
  body.p-slack dialog::backdrop{background:rgba(42,17,70,.6)}
  body.p-slack dialog.zoom{background:#2a1146}

  .nav .menu-links{display:flex;align-items:center;gap:22px}
  .nav a.link[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
  .soon-dot{display:inline-block;margin-left:5px;font-size:11px;font-weight:800;color:var(--amber-ink);background:#fff1d6;border-radius:5px;padding:2px 5px;vertical-align:2px}
  .mnav{display:none;position:relative}
  .mnav summary{list-style:none;cursor:pointer;min-height:42px;padding:0 14px;border-radius:999px;border:2px solid var(--ink);display:flex;align-items:center;gap:8px;font:700 15px "Figtree",sans-serif;color:var(--ink)}
  .mnav summary::-webkit-details-marker{display:none}
  .mnav[open] summary{background:var(--ink);color:#fff}
  .mnav .panel{position:absolute;right:0;top:52px;width:min(280px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -16px rgba(0,0,0,.3);padding:8px;display:grid}
  .mnav .panel a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-radius:10px;text-decoration:none;font-weight:700;color:var(--ink)}
  .mnav .panel a:hover{background:var(--mint)}
  .mnav .panel a.disabled{color:var(--muted);pointer-events:none}
  .mnav .panel hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
  @media (max-width:980px){ .nav .menu-links{display:none} .mnav{display:block} }
  @media (max-width:560px){ .nav .btn.nav-cta{display:none} }
  .subnav{border-top:1px solid var(--line)}
  .subnav .wrap{display:flex;gap:22px;height:44px;align-items:center;overflow-x:auto;scrollbar-width:none}
  .subnav .wrap::-webkit-scrollbar{display:none}
  .subnav a{font-weight:700;font-size:14px;color:var(--muted);text-decoration:none;white-space:nowrap}
  .subnav a:hover{color:var(--ink)}
  .subnav b{font-size:14px;color:var(--leaf-dark);white-space:nowrap}

  /* home */
  .tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .tool{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0}
  .tool .t-img{display:block;background:#f2f6f4;border-bottom:1px solid var(--line)}
  .tool .t-img img{display:block;width:100%;height:auto}
  .tool .t-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
  .tool .t-top{display:flex;align-items:center;gap:12px}
  .tool .t-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}
  .tool h3{font-size:26px}
  .tool .t-tag{margin-left:auto;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;white-space:nowrap}
  .tool .t-tag.live{background:#dcf5e8;color:#06603f}
  .tool .t-tag.soon{background:#fff1d6;color:var(--amber-ink)}
  .tool p{color:var(--muted);font-size:16px}
  .tool ul{list-style:none;display:grid;gap:8px;font-size:15px}
  .tool li{display:flex;gap:9px;align-items:flex-start}
  .tool li svg{flex-shrink:0;margin-top:3px}
  .tool .t-foot{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
  .tool .t-foot .btn{min-height:46px;padding:0 20px;font-size:15px}
  .tool .t-price{font-weight:800}
  .tool .t-price s{color:var(--muted);font-weight:600;margin-right:4px}
  .tool.wa .t-ic{background:#e3f6ec;color:#0e8f6f}
  .tool.sl .t-ic{background:#f1e6fc;color:#7a22c4}
  .tool.sl .btn-go{background:#8b2fd6}.tool.sl .btn-go:hover{background:#6d1fb0}
  .tool.li .t-ic{background:#e3eefb;color:#0a66c2}
  .tool.fb .t-ic{background:#e6edfc;color:#1877f2}
  .tool.soon-card{background:#fbfcfb}
  .tool.soon-card .t-body{padding:24px}
  .tools-soon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
  @media (max-width:860px){ .tools,.tools-soon{grid-template-columns:minmax(0,1fr)} }
  .why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .why-grid .card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:22px}
  .why-grid .card .ic{width:44px;height:44px;border-radius:12px;background:var(--mint);display:grid;place-items:center;color:var(--leaf-dark);margin-bottom:12px}
  .why-grid h3{font-family:"Figtree",sans-serif;font-size:19px;font-weight:800;letter-spacing:0;margin-bottom:6px}
  .why-grid p{color:var(--muted);font-size:16px}
  @media (max-width:860px){ .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
  @media (max-width:560px){ .why-grid{grid-template-columns:minmax(0,1fr)} }
  .stack{position:relative;padding-bottom:70px}
  .stack .shot.back{width:82%}
  .stack .shot.front{position:absolute;right:0;bottom:0;width:70%}
  @media (max-width:560px){ .stack{padding-bottom:0;display:grid;gap:14px} .stack .shot.back,.stack .shot.front{position:static;width:100%} }
  .home-hero h1 em{font-style:normal;color:var(--leaf)}
  .foot-links{display:flex;flex-wrap:wrap;gap:16px}
  footer .foot-links a{color:var(--muted);font-weight:600;text-decoration:none}
  footer .foot-links a:hover{color:var(--ink)}
  [id]{scroll-margin-top:130px}
  dialog{margin:auto}

  /* WordPress */
  body.admin-bar header{top:32px}
  @media (max-width:782px){ body.admin-bar header{top:46px} }
  .wp-page{padding:64px 0}
  .wp-page h1{font-size:clamp(30px,4vw,46px);margin-bottom:20px}
  .wp-page .entry p{margin:0 0 16px;color:var(--muted)}

  /* ===== Download-first components ===== */
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--leaf-dark);background:var(--mint);border:1px solid var(--line);padding:6px 14px;border-radius:999px;margin-bottom:18px}
  .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 0 rgba(19,168,116,.55);animation:luPing 1.8s infinite}
  @keyframes luPing{0%{box-shadow:0 0 0 0 rgba(19,168,116,.5)}80%,100%{box-shadow:0 0 0 9px rgba(19,168,116,0)}}

  .dl-btn{display:inline-flex;align-items:center;gap:14px;min-height:64px;padding:10px 26px 10px 22px;border-radius:16px;background:var(--leaf);color:#fff;text-decoration:none;box-shadow:0 14px 28px -12px rgba(19,168,116,.75),inset 0 -3px 0 rgba(0,0,0,.12);transition:transform .15s,background .15s,box-shadow .15s;position:relative}
  .dl-btn:hover{background:var(--leaf-dark);transform:translateY(-2px);box-shadow:0 18px 32px -12px rgba(19,168,116,.8),inset 0 -3px 0 rgba(0,0,0,.12)}
  .dl-btn .win{flex-shrink:0}
  .dl-btn span{display:flex;flex-direction:column;line-height:1.15;text-align:left}
  .dl-btn b{font:800 18px/1.15 "Figtree",sans-serif}
  .dl-btn small{font-size:12.5px;font-weight:600;opacity:.88;margin-top:3px}
  .dl-btn.dl-slack{background:#8b2fd6;box-shadow:0 14px 28px -12px rgba(139,47,214,.7),inset 0 -3px 0 rgba(0,0,0,.14)}
  .dl-btn.dl-slack:hover{background:#6d1fb0}
  .dl-btn.dl-light{background:#fff;color:var(--ink);box-shadow:0 14px 28px -14px rgba(0,0,0,.45)}
  .dl-btn.dl-light:hover{background:var(--mint)}
  .dl-btn.dl-light.dl-slack{color:#2a1146}
  .dl-btn.dl-sm{min-height:48px;padding:6px 18px 6px 14px;border-radius:12px;gap:10px}
  .dl-btn.dl-sm b{font-size:15px}
  .dl-btn.dl-sm small{font-size:11.5px}
  .hero .actions{align-items:center}
  .hero .actions .btn-line{min-height:64px;border-radius:16px}
  .dl-pair{gap:12px}

  .trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px}
  .trust li{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;color:var(--muted)}
  .trust svg{color:var(--leaf)}

  .quick{padding:8px 0 56px}
  .quick-in{background:linear-gradient(135deg,var(--mint),#fff);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 32px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
  .quick-head h2{font-size:clamp(24px,3vw,32px)}
  .quick-head .eyebrow{margin-bottom:10px;background:#fff}
  .quick-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .quick-steps li{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px}
  .quick-steps .num{flex-shrink:0;width:38px;height:38px;border-radius:12px;background:var(--leaf);color:#fff;display:grid;place-items:center;font:800 18px/1 "Bricolage Grotesque",sans-serif}
  .quick-steps h3{font-size:18px;margin-bottom:4px}
  .quick-steps p{font-size:15px;color:var(--muted);line-height:1.5}
  .quick-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
  @media (max-width:820px){.quick-steps{grid-template-columns:minmax(0,1fr)}.quick-in{padding:22px 18px}}

  .trial-box{border-style:solid;box-shadow:0 20px 40px -24px rgba(19,168,116,.55)}
  .trial-box .dl-btn{width:100%;justify-content:center}

  .tool .t-foot .t-more{font-weight:700;font-size:15px;color:var(--ink);text-decoration:none}
  .tool .t-foot .t-more:hover{text-decoration:underline}

  .nav-cta .win{margin-right:2px}

  /* sticky download bar */
  .dl-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -12px 30px -18px rgba(11,59,46,.35);padding:10px 0;animation:luUp .25s ease-out}
  .dl-bar[hidden]{display:none}
  @keyframes luUp{from{transform:translateY(100%)}to{transform:none}}
  .dl-bar-in{display:flex;align-items:center;gap:16px}
  .dl-bar-txt{display:flex;flex-direction:column;line-height:1.25;margin-right:auto;min-width:0}
  .dl-bar-txt b{font-size:16px}
  .dl-bar-txt span{font-size:13px;color:var(--muted);font-weight:600}
  .dl-bar-btns{display:flex;gap:10px;flex-wrap:wrap}
  .dl-bar-x{background:none;border:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 6px}
  @media (max-width:640px){.dl-bar-txt{display:none}.dl-bar-btns{flex:1}.dl-bar-btns .dl-btn{flex:1;justify-content:center}}
  @media (max-width:640px){body{padding-bottom:70px}}

  /* after-download dialog */
  .dl-dialog{max-width:560px}
  .dl-dialog::backdrop{background:rgba(11,59,46,.55)}
  .dl-ok{width:56px;height:56px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;margin-bottom:14px}
  .dl-dialog h3{font-size:26px}
  .dl-sub{color:var(--muted);font-weight:700;margin:4px 0 16px}
  .dl-steps{padding-left:22px;display:grid;gap:10px;font-size:15.5px;line-height:1.5}
  .dl-help{font-size:14px;color:var(--muted);margin-top:16px}
  .dl-help a{color:var(--leaf-dark);font-weight:700}
  .dl-dialog .btns{display:flex;justify-content:flex-end;margin-top:18px}

  @media (max-width:560px){
    .dl-btn{width:100%;justify-content:center}
    .hero .actions .btn-line{width:100%;min-height:54px}
  }
  @media (prefers-reduced-motion: reduce){.eyebrow .dot{animation:none}.dl-bar{animation:none}.dl-btn{transition:none}}

  /* hero: keep the download button above the fold */
  .hero{padding-top:44px;padding-bottom:56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px}
  .hero h1{font-size:clamp(32px,4.2vw,54px)}
  .hero p.lead{font-size:18px;margin:16px 0 26px}
  .hero .eyebrow{margin-bottom:14px}
  .home-hero h1{font-size:clamp(32px,4.4vw,58px)}
  @media (max-width:920px){ .hero{grid-template-columns:minmax(0,1fr);padding-top:32px;gap:36px} }
  @media (max-width:560px){ .hero{padding-top:26px} .hero p.lead{font-size:16.5px} }

  /* ===== Pricing page ===== */
  .price-hero{text-align:center;padding-top:56px;padding-bottom:36px;display:flex;flex-direction:column;align-items:center}
  .price-hero h1{font-size:clamp(34px,5vw,60px);font-weight:800;max-width:860px}
  .price-hero h1 em{font-style:normal;color:var(--leaf)}
  .price-hero .lead{font-size:19px;color:var(--muted);max-width:640px;margin:18px auto 4px}
  .price-hero .trust{justify-content:center}
  .plans-sec{padding-top:12px}
  .plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:1000px;margin:0 auto}
  .plan{--pc:#13a874;--pcd:#0e8f6f;--pcl:#e8f5ee;position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px 32px 28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 30px 60px -36px rgba(11,59,46,.45);overflow:hidden}
  .plan::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--pc),var(--pcd))}
  .plan-sl{--pc:#8b2fd6;--pcd:#6d1fb0;--pcl:#f3eafc;border-color:#e6d9f3;box-shadow:0 30px 60px -36px rgba(76,24,128,.45)}
  .plan-top{display:flex;gap:14px;align-items:center;padding-right:96px}
  .plan-ic{width:52px;height:52px;border-radius:16px;background:var(--pcl);color:var(--pcd);display:grid;place-items:center;flex-shrink:0}
  .plan h2{font-size:26px;font-weight:800}
  .plan-top p{font-size:15px;color:var(--muted);line-height:1.4;margin-top:2px}
  .plan-badge{position:absolute;top:24px;right:24px;font-size:12.5px;font-weight:800;color:var(--pcd);background:var(--pcl);padding:6px 11px;border-radius:999px}
  .plan-price{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:var(--pcl)}
  .plan-price s{font-size:24px;color:var(--muted);font-weight:700}
  .plan-price strong{font:800 64px/1 "Bricolage Grotesque",sans-serif;color:var(--pcd);letter-spacing:-.03em}
  .plan-price span{font-size:14px;font-weight:700;color:var(--muted);line-height:1.25}
  .plan-list{list-style:none;display:grid;gap:11px}
  .plan-list li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.4}
  .plan-list svg{color:var(--pc);flex-shrink:0;margin-top:1px}
  .plan-cta{display:grid;gap:10px;margin-top:auto}
  .plan .plan-buy{min-height:56px;font-size:17px;border-radius:14px;background:var(--pc)}
  .plan .plan-buy:hover{background:var(--pcd)}
  .plan-cta .dl-btn{justify-content:center;width:100%;background:#fff;color:var(--ink);border:2px solid var(--line);box-shadow:none}
  .plan-cta .dl-btn:hover{background:var(--pcl);transform:none}
  .plan-cta .dl-btn .win{color:var(--pc)}
  .plan-more{font-weight:700;font-size:15px;color:var(--pcd);text-decoration:none;align-self:center}
  .plan-more:hover{text-decoration:underline}
  .both{max-width:1000px;margin:26px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(90deg,#e8f5ee,#f3eafc);border:1px solid var(--line);border-radius:20px;padding:20px 26px}
  .both b{display:block;font-size:19px}
  .both span{color:var(--muted);font-size:15.5px}
  .both .btn{border-radius:14px}
  @media (max-width:860px){ .plans{grid-template-columns:minmax(0,1fr)} .plan{padding:28px 20px 22px} .plan-price strong{font-size:54px} }

  .compare-sec{padding-top:40px}
  .compare-sec .head,.paysteps-sec .head{margin-left:auto;margin-right:auto;text-align:center}
  .cmp{max-width:860px;margin:0 auto;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}
  .c-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .c-row > span{padding:15px 20px;border-top:1px solid var(--line);font-size:16px;min-width:0;align-self:stretch;display:block}

  .c-row > span:first-child{font-weight:700}
  .c-head > span{border-top:none;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
  .c-hl{background:var(--mint)}
  .c-head .c-hl{color:var(--leaf-dark)}
  .c-row svg{color:var(--leaf);display:inline-block}
  .c-x svg{color:#c2410c}
  @media (max-width:600px){ .c-row > span{padding:12px 10px;font-size:14px} .c-head > span{font-size:12px} }

  .paysteps-sec{padding-top:0}
  .paysteps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:none}
  .paysteps li{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 20px;position:relative}
  .paysteps .num{width:42px;height:42px;border-radius:14px;background:var(--leaf);color:#fff;display:grid;place-items:center;font:800 19px/1 "Bricolage Grotesque",sans-serif;margin-bottom:14px}
  .paysteps h3{font-size:19px;margin-bottom:6px}
  .paysteps p{font-size:15px;color:var(--muted);line-height:1.5}
  @media (max-width:960px){ .paysteps{grid-template-columns:repeat(2,minmax(0,1fr))} }
  @media (max-width:560px){ .paysteps{grid-template-columns:minmax(0,1fr)} }
  .paymethods{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:26px}
  .paymethods span{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 12px;font-size:14px;font-weight:700}
  .paymethods .pm-label{border:none;background:none;color:var(--muted);font-weight:600;padding:7px 2px}

  .pick-cards{display:grid;gap:10px;margin-bottom:14px}
  .pick-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.16);border-radius:14px;padding:14px;color:#fff;cursor:pointer;font:inherit}
  .pick-card:hover{border-color:rgba(255,255,255,.4)}
  .pick-card[aria-pressed="true"]{border-color:#2be37a;background:rgba(43,227,122,.1)}
  .pick-card.pc-sl[aria-pressed="true"]{border-color:#c48bf2;background:rgba(196,139,242,.12)}
  .pc-box{width:22px;height:22px;border-radius:7px;border:2px solid rgba(255,255,255,.5);flex-shrink:0;display:grid;place-items:center}
  .pick-card[aria-pressed="true"] .pc-box{background:#2be37a;border-color:#2be37a}
  .pick-card.pc-sl[aria-pressed="true"] .pc-box{background:#c48bf2;border-color:#c48bf2}
  .pick-card[aria-pressed="true"] .pc-box::after{content:"";width:10px;height:6px;border-left:3px solid #0b3b2e;border-bottom:3px solid #0b3b2e;transform:rotate(-45deg) translate(1px,-1px)}
  .pc-name{flex:1;min-width:0;font-weight:800;font-size:16px;line-height:1.25}
  .pc-name small{display:block;font-weight:600;font-size:13px;color:#bfe0d1}
  .pc-price{font-weight:800;font-size:18px;white-space:nowrap}
  .pc-price s{font-size:14px;opacity:.6;font-weight:600}
  @media (max-width:560px){ .plan-top{padding-right:0;margin-top:26px} .plan-badge{top:18px;right:18px} }

  /* download check (Turnstile) */
  .dl-vtext{color:var(--muted);margin:0 0 14px;font-size:15.5px}
  .ts-box{min-height:70px;display:flex;justify-content:center;align-items:center}
  .dl-vmsg{min-height:22px;margin-top:10px;font-weight:700;color:var(--leaf-dark);text-align:center}
  #dlVerify[hidden],#dlDone[hidden]{display:none}