/* what_makes_us_different.html — extracted internal + inline styles */

.wd-page { --wd: #0e9488; --wd-2: #10b981; --wd-rgb: 14, 148, 136; }

.wd-eyebrow { display: inline-flex; align-items: center; gap: .5rem; padding: .4rem 1rem; border-radius: 2rem;
    background: rgba(var(--wd-rgb), .10); color: var(--wd); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.wd-eyebrow .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--wd); box-shadow: 0 0 0 4px rgba(var(--wd-rgb), .16); }

.wd-trust { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; }
.wd-trust .t { display: flex; align-items: center; gap: .5rem; font-weight: 600; color: #45526b; font-size: .95rem; }
.wd-trust .t i { color: var(--wd); font-size: 1.15rem; }

/* ---- hero vs card ---- */
.wd-vs { position: relative; border-radius: 1.4rem; background: #fff; border: 1px solid #eef1f6;
    box-shadow: 0 1.8rem 3.6rem rgba(30, 34, 40, .18); overflow: hidden; }
.wd-vs__head { display: grid; grid-template-columns: 1fr 1fr; }
.wd-vs__head > div { padding: .9rem 1.1rem; font-weight: 700; font-size: .9rem; }
.wd-vs__head .o { color: #8a94a6; background: #f6f7f9; }
.wd-vs__head .u { color: #fff; background: linear-gradient(100deg, var(--wd), var(--wd-2)); display: flex; align-items: center; gap: .4rem; }
.wd-vs__row { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #f0f2f6; }
.wd-vs__row > div { padding: .85rem 1.1rem; font-size: .86rem; display: flex; align-items: center; gap: .5rem; }
.wd-vs__row .o { color: #9aa4b4; }
.wd-vs__row .o i { color: #cbd2dd; }
.wd-vs__row .u { color: #2a3242; font-weight: 600; background: rgba(var(--wd-rgb), .05); }
.wd-vs__row .u i { color: var(--wd); }

/* ---- differentiator cards ---- */
.wd-card { height: 100%; background: #fff; border: 1px solid #eef1f6; border-radius: 1.1rem; padding: 1.6rem 1.5rem;
    transition: transform .4s cubic-bezier(.22,.61,.36,1), box-shadow .4s ease, border-color .3s; }
.wd-card:hover { transform: translateY(-8px); box-shadow: 0 1.4rem 3rem rgba(30,34,40,.12); border-color: rgba(var(--wd-rgb),.4); }
.wd-card .ic { width: 54px; height: 54px; border-radius: 1rem; background: rgba(var(--wd-rgb), .09); color: var(--wd);
    display: flex; align-items: center; justify-content: center; font-size: 1.55rem; margin-bottom: 1rem; }
.wd-card h3 { font-size: 1.08rem; font-weight: 700; margin-bottom: .45rem; }
.wd-card p { font-size: .89rem; color: #5c6a82; margin: 0; }

/* ---- comparison table (signature) ---- */
.wd-cmp { max-width: 940px; margin: 0 auto; }
.wd-cmp__head { display: none; }
@media (min-width: 768px) {
    .wd-cmp__head { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 0; margin-bottom: .6rem; }
    .wd-cmp__head > div { padding: .6rem 1.2rem; font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
    .wd-cmp__head .o { color: #9aa4b4; text-align: center; }
    .wd-cmp__head .u { color: #fff; text-align: center; background: linear-gradient(100deg, var(--wd), var(--wd-2)); border-radius: .8rem; }
}
.wd-row { background: #fff; border: 1px solid #eef1f6; border-radius: 1rem; margin-bottom: .7rem; overflow: hidden;
    display: grid; grid-template-columns: 1fr; }
@media (min-width: 768px) { .wd-row { grid-template-columns: 1.25fr 1fr 1fr; align-items: stretch; } }
.wd-row .dim { font-weight: 700; color: #1e2531; font-size: .95rem; padding: 1rem 1.2rem; background: #f9fafc; }
@media (min-width: 768px) { .wd-row .dim { background: transparent; } }
.wd-row .cell { padding: .95rem 1.2rem; font-size: .9rem; display: flex; align-items: flex-start; gap: .55rem; }
.wd-row .cell.o { color: #97a0af; }
.wd-row .cell.o i { color: #cdd4de; margin-top: 2px; }
.wd-row .cell.u { color: #2a3242; font-weight: 600; background: rgba(var(--wd-rgb), .06); }
.wd-row .cell.u i { color: var(--wd); margin-top: 2px; }
.wd-mini { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #9aa4b4; margin-right: .3rem; }
.wd-row .cell.u .wd-mini { color: var(--wd); }

/* ---- stats ---- */
.wd-stat .n { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; line-height: 1; background: linear-gradient(120deg, var(--wd), var(--wd-2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.wd-stat p { font-size: .85rem; color: #8a94a6; margin: .3rem 0 0; }

/* ---- testimonials ---- */
.wd-quote { height: 100%; background: #fff; border: 1px solid #eef1f6; border-radius: 1.1rem; padding: 1.6rem 1.4rem;
    transition: transform .35s ease, box-shadow .35s ease; }
.wd-quote:hover { transform: translateY(-5px); box-shadow: 0 1.2rem 2.6rem rgba(30,34,40,.1); }
.wd-quote .stars { color: #fab758; letter-spacing: 1px; font-size: .85rem; margin-bottom: .6rem; }
.wd-quote p { font-size: .9rem; color: #3f4a5c; line-height: 1.65; }
.wd-quote .who { display: flex; align-items: center; gap: .7rem; margin-top: 1rem; }
.wd-quote .av { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-weight: 700; color: #fff; font-size: .8rem; background: linear-gradient(135deg, var(--wd), var(--wd-2)); }

@media (prefers-reduced-motion: no-preference) {
    .reveal-up { animation: reveal-up .6s cubic-bezier(.22,.61,.36,1) both; }
    .reveal-up:nth-child(3n+2) { animation-delay: .08s; } .reveal-up:nth-child(3n+3) { animation-delay: .16s; }
}
@keyframes reveal-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

/* ---- extracted inline styles ---- */
.gen-1 { height: 130px; }