/* TetherMate service overview – v14.2 */
.service-intro{overflow:hidden;background:#fff;color:#172a49}
.service-intro .container{max-width:1160px}
.service-intro .svc-kicker{display:inline-block;color:#2d63ef;font-size:11px;font-weight:850;letter-spacing:1.45px;line-height:1.4}
.service-intro h1,.service-intro h2,.service-intro h3{letter-spacing:-.062em}
.svc-hero{background:radial-gradient(circle at 88% 22%,#e5edff 0,#f7f9ff 49%,#f9fbff 100%);min-height:580px;display:flex;align-items:center;border-bottom:1px solid #e9eef8}
.svc-hero-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:45px;align-items:center;padding-top:88px;padding-bottom:90px}
.svc-hero-copy{position:relative;z-index:2}
.svc-hero-copy h1{font-size:clamp(33px,3.38vw,49px);line-height:1.33;font-weight:850;margin:24px 0 23px;word-break:keep-all}
.svc-hero-copy h1 span{color:#3167ef}
.svc-hero-copy .svc-lead{color:#213d73;font-weight:850;font-size:19px;line-height:1.5;margin:0 0 8px}
.svc-hero-copy .svc-sub{font-size:14px;color:#7c8ba5;line-height:1.85;margin:0 0 27px}
.svc-action{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:51px;padding:14px 21px;background:#3066ed;color:#fff;font-size:13px;font-weight:780;border-radius:10px;box-shadow:0 10px 26px rgba(34,93,239,.18);transition:background .2s,transform .2s}
.svc-action:hover{transform:translateY(-2px);background:#1952d8}
.svc-action span{font-size:17px}
.svc-hero-art{position:relative;min-height:370px;display:grid;place-items:center}
.svc-orb{position:absolute;pointer-events:none;border-radius:50%;border:1px solid rgba(82,128,230,.10)}
.svc-orb-a{width:510px;height:510px;right:-40px;top:-90px}
.svc-orb-b{width:390px;height:390px;right:12px;top:-28px}
.svc-hero-card{width:min(100%,420px);background:linear-gradient(140deg,#18376d,#10234c 82%);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:32px 36px 30px;box-shadow:0 29px 65px rgba(22,55,124,.20);position:relative;transform:rotate(-3deg)}
.svc-hero-topline{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.9px;font-weight:850}
.svc-diamond{display:inline-grid;place-items:center;background:#4580fa;border-radius:9px;width:28px;height:28px;color:#fff;font-size:17px}
.svc-hero-topline small{margin-left:auto;font-size:9px;font-weight:680;letter-spacing:1px;color:#9ebbf2}
.svc-hero-mainlabel{margin:49px 0 18px;font-size:23px;font-weight:740;line-height:1.4;letter-spacing:-.055em;color:#d4e4ff}
.svc-hero-balance{font-size:45px;font-weight:850;letter-spacing:-.045em;line-height:1.2}
.svc-hero-balance span{color:#76a8ff;margin-left:16px}
.svc-hero-points{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:31px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:11px;color:#97b5e8}
.svc-hero-points strong{color:#e3edff;font-size:12px;font-weight:690}
.svc-floating-card{position:absolute;right:-10px;bottom:26px;background:#fff;border:1px solid #e8eef8;box-shadow:0 9px 24px rgba(39,65,120,.10);border-radius:13px;padding:13px 18px;font-size:12px;color:#39547a;font-weight:780;transform:rotate(3deg)}
.svc-floating-card span{display:inline-grid;place-items:center;background:#e5f8ee;border-radius:50%;width:23px;height:23px;color:#24965e;font-weight:800;margin-right:7px}
.svc-section{padding:105px 0}
.svc-section-heading{text-align:center;margin-bottom:38px}
.svc-section-heading h2{font-size:clamp(27px,3.2vw,38px);font-weight:830;margin:15px 0 11px;line-height:1.38;word-break:keep-all}
.svc-section-heading p{font-size:14px;color:#8998ac;line-height:1.8;margin:0;word-break:keep-all}
.svc-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.svc-feature{min-height:246px;background:#fff;border:1px solid #e8eef8;border-radius:20px;position:relative;padding:31px 29px 28px;box-shadow:0 8px 28px rgba(37,68,128,.035)}
.svc-feature-no{position:absolute;right:28px;top:30px;color:#aab6ca;font-size:11px;font-weight:840;letter-spacing:1px}
.svc-feature-symbol{width:47px;height:47px;border-radius:14px;background:#ecf2ff;color:#3068f4;display:grid;place-items:center;font-size:23px;font-weight:700;margin-bottom:25px}
.svc-feature h3{font-size:20px;color:#1e3054;margin:0 0 12px;line-height:1.4}
.svc-feature p{margin:0;font-size:13px;line-height:1.8;color:#8090a6;word-break:keep-all}
.svc-fee-section{background:#f5f8fd}
.svc-fee-container{max-width:1240px}
.svc-fee-panel{width:min(100%,980px);max-width:980px;margin:0 auto}
.svc-fee-panel{background:#fff;border:1px solid #e3eaf4;box-shadow:0 10px 36px rgba(30,61,125,.035);border-radius:20px;overflow:hidden}
.svc-fee-table-scroll{width:100%;overflow-x:auto}
.svc-fee-table{border-collapse:collapse;width:100%;min-width:760px;table-layout:fixed;text-align:center}
.svc-fee-table thead{background:#f8faff}
.svc-fee-table th{padding:22px 26px;color:#687994;font-size:12px;font-weight:780;white-space:nowrap;border-bottom:1px solid #e8eef7}
.svc-fee-table th:nth-child(1){width:29%}.svc-fee-table th:nth-child(2){width:27%}.svc-fee-table th:nth-child(3){width:44%}
.svc-fee-table td{padding:17px 26px;font-size:14px;color:#415473;border-bottom:1px solid #eef1f7;vertical-align:middle;white-space:nowrap}
.svc-fee-table tr:last-child td{border-bottom:none}
.svc-fee-table th,.svc-fee-table td{text-align:center}
.svc-fee-table td:first-child a{display:flex;justify-content:center;align-items:center;min-height:38px;max-width:100%;margin:0 auto}
.svc-fee-table td:first-child img{display:block;max-height:36px;max-width:155px;width:auto;height:auto;object-fit:contain;object-position:center center;margin:0 auto}
.svc-fee-table td:first-child img[alt="Binance"]{max-height:33px;max-width:165px}
.svc-fee-table .svc-fee-badge{vertical-align:middle}
.svc-fee-table tbody tr:hover{background:#fbfcff}
.svc-fee-badge{display:inline-block;background:#eaf2ff;border:1px solid #dae7ff;color:#2a60e8;font-size:12px;font-weight:800;padding:7px 9px;border-radius:7px;margin-left:9px}
.svc-fee-foot{padding:18px 26px;background:#fbfcff;color:#8c9ab0;font-size:11px;line-height:1.7;border-top:1px solid #edf1f7}
.svc-flow-layout{display:grid;grid-template-columns:.74fr 1.26fr;align-items:center;gap:47px}
.svc-flow-copy h2{font-size:clamp(30px,3.1vw,39px);line-height:1.42;margin:16px 0 18px}
.svc-flow-copy>p{margin:0;color:#8493a9;font-size:14px;line-height:1.95;word-break:keep-all}
.svc-flow-art{background:#fff;border:1px solid #e5ebf5;border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(22,48,98,.04);padding:18px;display:grid;place-items:center}
.svc-flow-art img{width:100%;height:auto;display:block}
.svc-partners{background:#f8faff}
.svc-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svc-logo-grid a{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:white;border:1px solid #e6edf7;border-radius:16px;transition:transform .2s,box-shadow .2s}
.svc-logo-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(28,67,147,.08)}
.svc-logo-grid img{width:auto;height:auto;max-width:65%;max-height:48px;object-fit:contain}
.svc-logo-grid img[alt="Binance"]{max-height:36px;max-width:75%}
.svc-logo-grid span{color:#93a0b5;font-weight:720;font-size:11px}
.svc-cta-section{padding-top:82px;padding-bottom:100px}
.svc-cta{background:linear-gradient(115deg,#112a63,#285be1);text-align:center;color:#fff;padding:72px 25px;border-radius:24px;box-shadow:0 17px 46px rgba(28,69,157,.14)}
.svc-cta .svc-kicker{color:#aac5ff}
.svc-cta h2{font-size:clamp(28px,2.7vw,36px);line-height:1.42;font-weight:850;margin:13px 0}
.svc-cta p{font-size:14px;line-height:1.85;color:#bfd2f6;margin:0 0 24px}
.svc-cta .svc-action-light{color:#2153d8;background:#fff;box-shadow:none}
.svc-cta .svc-action-light:hover{background:#e9f0ff}
@media(max-width:900px){
 .svc-hero-layout{gap:30px}.svc-hero-card{padding:25px}.svc-feature-grid{gap:12px}.svc-feature{padding:26px 22px}.svc-flow-layout{grid-template-columns:1fr;gap:28px}.svc-flow-copy{text-align:center}.svc-flow-copy h2 br{display:none}
}
@media(max-width:700px){
 .svc-hero{min-height:auto}.svc-hero-layout{grid-template-columns:1fr;gap:10px;padding-top:63px;padding-bottom:47px}
 .svc-hero-copy{text-align:center}.svc-hero-copy h1{font-size:34px;line-height:1.38;margin:17px 0}.svc-hero-copy .svc-lead{font-size:16px}.svc-hero-copy .svc-sub{font-size:13px;margin-bottom:25px}
 .svc-hero-art{min-height:325px;margin-top:23px}.svc-hero-card{width:min(90%,350px);padding:26px;transform:rotate(-2deg)}
 .svc-floating-card{right:0;bottom:10px}.svc-orb-a{right:-150px}
 .svc-section{padding:67px 0}.svc-section-heading{margin-bottom:28px}.svc-section-heading h2{font-size:28px}.svc-section-heading p{font-size:13px}
 .svc-feature-grid{grid-template-columns:1fr;gap:13px}.svc-feature{min-height:auto;padding:27px 25px}.svc-feature-symbol{margin-bottom:15px}.svc-feature h3{font-size:18px}
 .svc-fee-table th,.svc-fee-table td{padding:15px 18px}.svc-fee-foot{padding:16px 18px}
 .svc-flow-art{padding:9px}.svc-logo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.svc-logo-grid a{min-height:120px}.svc-logo-grid img{max-width:78%;max-height:41px}
 .svc-cta-section{padding-bottom:60px}.svc-cta{padding:48px 20px;border-radius:18px}.svc-cta-compact{padding:42px 18px}.svc-cta h2{font-size:27px}.svc-cta p{font-size:13px}
}
@media(max-width:390px){.svc-hero-copy h1{font-size:29px}.svc-hero-balance{font-size:36px}.svc-hero-mainlabel{font-size:20px}.svc-hero-card{width:96%}.svc-hero-art{min-height:300px}}
