.elementor-24738 .elementor-element.elementor-element-2a32b18{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8276ed5 */.trio-landing{max-width:1100px;margin:0 auto;padding:14px}
.trio-landing *{box-sizing:border-box}
.trio-landing a{color:inherit}

.trio-landing{
  --ink: rgba(25,18,8,.92);
  --muted: rgba(25,18,8,.72);
  --line: rgba(125, 86, 24, .18);
  --wash: rgba(255, 248, 235, .72);
  --wash2: rgba(255, 243, 224, .55);
  --pill: rgba(255, 241, 217, .85);
  --shadow: 0 14px 40px rgba(0,0,0,.10);
}

.trio-landing .muted{opacity:1;color:var(--muted)}
.trio-landing .kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.trio-landing .dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg, rgba(214,154,52,.95), rgba(190,88,34,.85));box-shadow:0 6px 18px rgba(190,88,34,.18)}

.trio-landing .section{margin-top:18px}
.trio-landing .section-title{font-size:18px;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink)}
.trio-landing .lead{margin:6px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}

.trio-landing .card{
  border:1px solid var(--line);
  background:radial-gradient(900px 280px at 10% 0%, rgba(214,154,52,.10), transparent 55%),
            radial-gradient(900px 260px at 95% 0%, rgba(190,88,34,.08), transparent 55%),
            var(--wash);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.trio-landing .pad{padding:14px}
.trio-landing .pad-lg{padding:16px}
.trio-landing .soft{
  background:radial-gradient(900px 260px at 20% 0%, rgba(214,154,52,.12), transparent 60%),
            radial-gradient(800px 240px at 90% 20%, rgba(190,88,34,.10), transparent 60%),
            var(--wash2);
}

.trio-landing .hero{display:grid;gap:12px;margin-top:6px}
.trio-landing .hero .intro{
  border-radius:18px;
  border:1px solid var(--line);
  background:radial-gradient(900px 300px at 12% 0%, rgba(214,154,52,.12), transparent 60%),
            radial-gradient(900px 260px at 92% 0%, rgba(190,88,34,.10), transparent 60%),
            var(--wash2);
  padding:16px;
  box-shadow:var(--shadow);
}

.trio-landing .pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.trio-landing .pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:999px;
  border:1px solid rgba(125, 86, 24, .16);
  background:var(--pill);
  font-size:12px;
  color:var(--ink);
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}

.trio-landing .list{margin:10px 0 0;padding-left:18px;line-height:1.75;font-size:14px;color:var(--muted)}

.trio-landing .rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:88%;
  gap:12px;
  overflow-x:auto;
  padding:2px 2px 10px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.trio-landing .rail::-webkit-scrollbar{height:8px}
.trio-landing .rail::-webkit-scrollbar-thumb{background:rgba(190,88,34,.22);border-radius:999px}
.trio-landing .snap{scroll-snap-align:start}

.trio-landing .media{
  display:grid;place-items:center;
  padding:12px;
  background:radial-gradient(700px 220px at 50% 0%, rgba(214,154,52,.10), transparent 70%),
            rgba(255,255,255,.35);
  border-bottom:1px solid rgba(125, 86, 24, .14);
}
.trio-landing .media img{width:100%;height:auto;max-height:240px;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.14))}

.trio-landing .prod-title{margin:0;font-size:16px;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.trio-landing .prod-sub{margin:7px 0 0;font-size:14px;line-height:1.65;color:var(--muted)}

.trio-landing .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.trio-landing .tag{font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid rgba(125, 86, 24, .16);background:rgba(255,255,255,.55);color:var(--ink)}
.trio-landing .prod-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:900;text-decoration:underline;text-underline-offset:3px;color:rgba(190,88,34,.95)}
.trio-landing .prod-link:hover{opacity:.85}

.trio-landing .cols{display:grid;gap:10px}
.trio-landing .feature{
  padding:14px;border-radius:16px;border:1px solid var(--line);
  background:radial-gradient(900px 260px at 20% 0%, rgba(214,154,52,.10), transparent 60%),
            rgba(255, 248, 235, .70);
  box-shadow:0 12px 30px rgba(0,0,0,.08);
  color:var(--ink);
}
.trio-landing .feature b{display:block;margin-bottom:6px;letter-spacing:-.01em}

.trio-landing details{
  border:1px solid var(--line);
  background:radial-gradient(900px 240px at 20% 0%, rgba(214,154,52,.08), transparent 60%),
            rgba(255, 248, 235, .70);
  border-radius:16px;
  padding:12px 14px;
  margin-top:10px;
  box-shadow:0 12px 26px rgba(0,0,0,.06);
}
.trio-landing summary{cursor:pointer;font-weight:900;list-style:none;color:var(--ink)}
.trio-landing summary::-webkit-details-marker{display:none}
.trio-landing .answer{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.7}

@media (min-width: 900px){
  .trio-landing{padding:22px}
  .trio-landing .hero{grid-template-columns:1.05fr .95fr;align-items:stretch}
  .trio-landing .rail{
    grid-auto-flow:unset;
    grid-auto-columns:unset;
    grid-template-columns:repeat(3,1fr);
    overflow:visible;
    padding-bottom:0;
  }
  .trio-landing .cols{grid-template-columns:repeat(3,1fr)}
  .trio-landing .section-title{font-size:20px}
}/* End custom CSS */