/* Replicated from fahmidev.com production stylesheet (2026-10-17). */

@layer base {
*, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
}

:root { --red: #d90d19; --red-dark: #b60814; --red-soft: #fff3f3; --blue: #1261d8; --text: #151927; --muted: #657083; --border: #e9edf3; --card: #fff; --shadow: 0 18px 45px #161c2d1c; --soft-shadow: 0 10px 30px #161c2d14; }

* { box-sizing: border-box; }

html { scroll-behavior: smooth; max-width: 100%; overflow-x: hidden; }

body { min-height: 100vh; color: var(--text); letter-spacing: 0px; background: radial-gradient(circle at 84% 8%, rgba(217, 13, 25, 0.035), rgba(0, 0, 0, 0) 28%), radial-gradient(circle at 11% 34%, rgba(217, 13, 25, 0.02), rgba(0, 0, 0, 0) 25%), rgb(255, 255, 255); max-width: 100%; margin: 0px; font-family: Inter, "Plus Jakarta Sans", Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-x: hidden; }

a { color: inherit; text-decoration: none; }

button, input, textarea, select { font: inherit; }

.container { width: min(100% - 48px, 1200px); margin-inline: auto; }

.site-header { z-index: 50; pointer-events: none; width: 100%; padding-inline: 24px; position: fixed; top: 22px; left: 0px; right: 0px; }

.nav-shell { pointer-events: auto; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(255, 255, 255, 0.62); border-radius: 24px; grid-template-columns: minmax(210px, 1fr) auto minmax(210px, 1fr); align-items: center; gap: 28px; width: min(100%, 1200px); min-height: 70px; margin-inline: auto; padding: 0px 28px; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: grid; position: relative; box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 40px; }

.brand { color: var(--red); letter-spacing: 0px; white-space: nowrap; grid-area: 1 / 1; justify-self: start; align-items: center; gap: 12px; font-size: 28px; font-style: italic; font-weight: 900; display: inline-flex; }

.logo-image { object-fit: contain; flex: 0 0 38px; width: 38px; height: 38px; display: block; }

.nav-links { color: rgb(24, 29, 42); grid-area: 1 / 2; justify-self: center; align-items: center; gap: 42px; font-size: 14px; font-weight: 700; display: flex; }

.nav-panel { display: contents; }

.nav-links a:not(.nav-cta) { padding-block: 26px; position: relative; }

.nav-links a:not(.nav-cta)::after { content: ""; background: 0px 0px; border-radius: 99px; height: 2px; position: absolute; bottom: 17px; left: 0px; right: 0px; }

.nav-links a.active { color: var(--red); }

.nav-links a.active::after, .nav-links a:not(.nav-cta):hover::after { background: var(--red); }

.nav-cta { color: rgb(255, 255, 255); background: linear-gradient(135deg, var(--red), var(--red-dark)); border-radius: 999px; grid-area: 1 / 3; justify-content: center; justify-self: end; align-items: center; gap: 10px; min-height: 48px; padding: 0px 22px; display: inline-flex; box-shadow: rgba(217, 13, 25, 0.22) 0px 10px 18px; }

.menu-toggle { width: 42px; height: 42px; color: var(--red); cursor: pointer; background: 0px 0px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 10px; flex: 0 0 42px; grid-area: 1 / 3; justify-content: center; justify-self: end; align-items: center; padding: 0px; transition: background 0.18s, border-color 0.18s, box-shadow 0.18s, transform 0.18s; display: none; position: relative; }

.menu-toggle:hover { box-shadow: none; background: 0px 0px; border-color: rgba(0, 0, 0, 0); }

.menu-toggle span { transform-origin: 50% center; background: currentcolor; border-radius: 999px; height: 2px; transition: opacity 0.18s, transform 0.26s cubic-bezier(0.34, 1.56, 0.64, 1); position: absolute; top: 50%; left: 10px; right: 10px; }

.menu-toggle span:first-child { transform: translateY(-7px); }

.menu-toggle span:nth-child(2) { transform: translateY(0px); }

.menu-toggle span:nth-child(3) { transform: translateY(7px); }

.menu-toggle.is-open span:first-child { transform: translateY(0px) rotate(45deg); }

.menu-toggle.is-open span:nth-child(2) { opacity: 0; transform: scaleX(0.35); }

.menu-toggle.is-open span:nth-child(3) { transform: translateY(0px) rotate(-45deg); }

.hero { isolation: isolate; grid-template-columns: minmax(0px, 1.02fr) minmax(430px, 0.98fr); align-items: center; gap: 45px; padding-top: 124px; padding-bottom: 44px; display: grid; position: relative; }

.hero::before, .hero::after { content: ""; pointer-events: none; width: 100vw; position: absolute; top: 0px; bottom: 0px; left: 50%; transform: translate(-50%); }

.hero::before { z-index: -2; background: radial-gradient(circle at 14% 20%, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 24%), radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0) 21%), radial-gradient(circle at 74% 78%, rgba(255, 210, 216, 0.22), rgba(0, 0, 0, 0) 28%), linear-gradient(135deg, rgb(239, 34, 49) 0%, rgb(217, 13, 25) 48%, rgb(182, 8, 20) 100%); }

.hero::after { z-index: -1; background-image: radial-gradient(rgba(255, 255, 255, 0.22) 0.7px, rgba(0, 0, 0, 0) 1.15px), radial-gradient(rgba(255, 255, 255, 0.1) 0.65px, rgba(0, 0, 0, 0) 1.1px), linear-gradient(115deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 22%, rgba(255, 255, 255, 0.1) 22%, rgba(255, 255, 255, 0.1) 23%, rgba(0, 0, 0, 0) 23%, rgba(0, 0, 0, 0) 47%, rgba(255, 255, 255, 0.08) 47%, rgba(255, 255, 255, 0.08) 48%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0) 100%); background-position: 0px 0px, 19px 17px, 50% center; background-size: 28px 28px, 42px 42px, auto; }

.hero-copy { max-width: 610px; position: relative; }

.hero-badge { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 8px; align-items: center; gap: 7px; width: max-content; margin-bottom: 26px; padding: 8px 12px; font-size: 13px; font-weight: 800; display: inline-flex; }

.hero h1 { color: rgb(255, 255, 255); letter-spacing: 0px; text-shadow: rgba(89, 2, 11, 0.22) 0px 8px 24px; max-width: 690px; margin: 0px; font-size: clamp(34px, 3.05vw, 42px); font-weight: 900; line-height: 1.16; }

.hero h1 span { color: rgb(255, 255, 255); }

.hero h1 em { color: rgb(255, 255, 255); font-style: normal; }

.hero h1 strong { color: rgb(255, 255, 255); font-weight: 900; }

.hero p { color: rgba(255, 255, 255, 0.84); max-width: 580px; margin: 21px 0px 0px; font-size: 17px; line-height: 1.76; }

.hero-actions { flex-wrap: wrap; gap: 24px; margin-top: 31px; display: flex; }

.btn { border: 1px solid rgba(0, 0, 0, 0); border-radius: 999px; justify-content: center; align-items: center; gap: 13px; min-height: 55px; padding: 0px 37px; font-size: 14px; font-weight: 900; transition: transform 0.18s, box-shadow 0.18s, background 0.18s; display: inline-flex; }

.btn:hover { transform: translateY(-2px); }

.btn-primary { color: var(--red); background: rgb(255, 255, 255); box-shadow: rgba(95, 3, 11, 0.18) 0px 12px 25px; }

.hero-order-btn { min-width: 245px; position: relative; overflow: hidden; }

.hero-order-btn::after { pointer-events: none; content: ""; background: linear-gradient(105deg, rgba(0, 0, 0, 0) 0%, rgba(217, 13, 25, 0.04) 30%, rgba(217, 13, 25, 0.22) 50%, rgba(217, 13, 25, 0.04) 70%, rgba(0, 0, 0, 0) 100%); width: 46%; animation: 3s ease-in-out 0s infinite normal none running button-shine; position: absolute; inset: -42% auto -42% -70%; transform: skew(-18deg); }

.hero-order-btn svg { z-index: 1; position: relative; }

@keyframes button-shine { 
  0%, 58% { left: -70%; }
  78%, 100% { left: 125%; }
}

.hero-highlights { flex-wrap: wrap; gap: 8px; margin-top: 29px; display: flex; }

.hero-highlights span { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 8px; justify-content: center; align-items: center; gap: 10px; min-width: 142px; min-height: 42px; padding-inline: 16px; font-size: 13px; font-weight: 700; display: inline-flex; box-shadow: rgba(95, 3, 11, 0.14) 0px 5px 14px; }

.hero-highlights span:first-child svg { color: rgb(245, 158, 11); fill: rgb(245, 158, 11); }

.hero-highlights span:nth-child(2) svg { color: rgb(45, 127, 249); fill: rgba(45, 127, 249, 0.25); }

.hero-highlights span:nth-child(3) svg { color: rgb(255, 255, 255); }

.hero-visual { isolation: isolate; min-height: 455px; position: relative; }

.globe { aspect-ratio: 1 / 1; background: radial-gradient(circle at 64% 21%, rgba(255, 255, 255, 0.72) 0px, rgba(255, 255, 255, 0.72) 8%, rgba(0, 0, 0, 0) 9%), radial-gradient(circle at 39% 38%, rgba(255, 255, 255, 0.34) 0px, rgba(255, 255, 255, 0.34) 12%, rgba(0, 0, 0, 0) 13%), radial-gradient(circle at 67% 68%, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 19%), linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08)); border-radius: 50%; width: min(420px, 100% - 58px); position: absolute; top: 18px; left: 16px; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 55px inset; }

.globe::before, .globe::after { content: ""; border: 2px dashed rgba(255, 255, 255, 0.26); border-radius: 50%; position: absolute; }

.globe::before { inset: 71px -28px 95px -52px; transform: rotate(12deg); }

.globe::after { inset: 24px 64px 20px 60px; transform: rotate(-24deg); }

.pin { background: linear-gradient(135deg, rgb(167, 243, 208), rgb(52, 211, 153)); border-radius: 50% 50% 50% 0px; width: 25px; height: 25px; position: absolute; transform: rotate(-45deg); box-shadow: rgba(16, 185, 129, 0.24) 0px 10px 18px; }

.pin::after { content: ""; background: rgb(255, 255, 255); border-radius: 50%; width: 8px; height: 8px; position: absolute; inset: 8px; }

.pin-one { top: 42px; left: 132px; }

.pin-two { top: 86px; left: 95px; }

.pin-three { top: 196px; left: 86px; }

.orbit { background: rgb(230, 59, 69); border-radius: 999px; width: 14px; height: 14px; position: absolute; }

.orbit-one { top: 34px; right: 53px; }

.orbit-two { bottom: 57px; left: 106px; }

.currency { color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; place-items: center; min-width: 34px; height: 34px; padding-inline: 7px; font-size: 15px; font-weight: 900; line-height: 1; display: grid; position: absolute; box-shadow: rgba(95, 3, 11, 0.12) 0px 10px 24px; }

.currency-dollar { top: 42px; left: 42px; }

.currency-yuan { top: -8px; left: 176px; }

.currency-yen { top: 34px; right: 35px; }

.currency-rupiah { top: 176px; right: -8px; }

.currency-euro { bottom: 28px; right: 48px; }

.currency-pound { bottom: 42px; left: 34px; }

.credit-card { color: rgb(255, 255, 255); z-index: 4; background: linear-gradient(110deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0) 42%), linear-gradient(135deg, rgb(28, 35, 46), rgb(14, 18, 25)); border-radius: 9px; gap: 11px; width: 164px; min-height: 116px; padding: 19px 18px; animation: 5.8s ease-in-out 0s infinite normal none running credit-card-peek; display: grid; position: absolute; bottom: 118px; left: 10px; transform: rotate(-8deg); box-shadow: rgba(5, 8, 15, 0.24) 0px 24px 36px; }

.credit-card strong { font-size: 14px; }

.credit-card span { letter-spacing: 2px; font-size: 13px; }

.credit-card small { color: rgba(255, 255, 255, 0.66); font-size: 9px; }

.invoice-card { z-index: 6; background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(226, 232, 240, 0.9); border-radius: 12px; width: 250px; min-height: 290px; padding: 24px 22px; position: absolute; top: 76px; right: 138px; box-shadow: rgba(22, 28, 45, 0.14) 0px 22px 46px; }

.invoice-title-image { width: 170px; height: 18px; margin: 0px 0px 24px; display: block; }

.invoice-row, .invoice-total { color: rgb(75, 85, 99); justify-content: space-between; gap: 15px; font-size: 11px; display: flex; }

.invoice-row { border-bottom: 1px solid rgb(238, 241, 245); padding-block: 10px; }

.invoice-row.strong { color: rgb(21, 25, 39); font-weight: 800; }

.invoice-row.strong b { color: var(--red); }

.invoice-total { color: rgb(17, 24, 39); padding-top: 12px; font-weight: 800; }

.secure-row { align-items: center; gap: 13px; margin-top: 26px; display: flex; }

.secure-row > span { color: rgb(255, 255, 255); background: rgb(52, 198, 106); border-radius: 8px; place-items: center; width: 33px; height: 33px; display: grid; }

.secure-row strong, .secure-row small { display: block; }

.secure-row strong { font-size: 12px; }

.secure-row small { color: rgb(122, 132, 147); margin-top: 2px; font-size: 9px; }

.payment-pill { width: 166px; min-height: 72px; box-shadow: var(--soft-shadow); z-index: 7; background: rgba(255, 255, 255, 0.94); border: 1px solid rgb(238, 241, 245); border-radius: 11px; align-items: center; gap: 14px; padding: 0px 18px; display: flex; position: absolute; right: -18px; }

.payment-pill span { color: rgb(255, 255, 255); border-radius: 8px; place-items: center; width: 39px; height: 39px; font-size: 24px; font-weight: 900; display: grid; }

.payment-pill strong { color: rgb(24, 52, 106); font-size: 22px; font-style: italic; }

.paypal-pill { justify-content: center; }

.paypal-pill img { width: 124px; height: auto; display: block; }

.paypal-pill { top: 145px; }

.paypal-pill span { background: linear-gradient(145deg, rgb(15, 104, 216), rgb(6, 60, 151)); }

.alipay-pill { top: 236px; }

.alipay-pill span { background: linear-gradient(145deg, rgb(38, 135, 255), rgb(13, 95, 206)); }

.alipay-pill strong { color: rgb(26, 29, 38); font-style: normal; }

.shield-badge { color: rgb(34, 197, 94); filter: drop-shadow(rgba(5, 46, 22, 0.18) 0px 12px 18px) drop-shadow(rgba(255, 255, 255, 0.82) 0px 2px); z-index: 8; place-items: center; width: 92px; height: 92px; display: grid; position: absolute; bottom: -30px; right: -28px; }

.shield-badge svg { fill: rgba(255, 255, 255, 0.95); }


/* ---------- Landing sections ---------- */
.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:13px;min-height:55px;padding:0 37px;font-size:14px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:var(--red);background:#fff;box-shadow:0 12px 25px #5f030b2e}
.btn-danger{color:#fff;background-color:var(--red);background:var(--red);border-color:var(--red);box-shadow:0 12px 25px #f02b3838}
.btn-outline,.btn-small-outline{color:var(--red);background:#fff;border-color:#f02b38}
.btn-outline{min-width:225px}
.btn-small-outline{color:#fff;background:var(--red);border-color:var(--red);border-radius:999px;min-height:45px;padding-inline:25px;position:relative;overflow:hidden;box-shadow:0 12px 24px #d90d192e}
.btn-small-outline:after{pointer-events:none;content:"";background:linear-gradient(105deg,#0000 0%,#ffffff1a 30%,#ffffff9e 50%,#ffffff1a 70%,#0000 100%);width:46%;animation:3s ease-in-out infinite button-shine;position:absolute;inset:-42% auto -42% -70%;transform:skew(-18deg)}
.btn-small-outline svg{z-index:1;position:relative}
.merchant-section{max-width:100%;padding:18px 0;overflow:hidden}
.merchant-title{color:#252b37;text-align:center;justify-content:center;align-items:center;margin:0 0 14px;font-size:20px;font-weight:900;display:flex}
.marquee-wrap{max-width:100%;padding-block:1px;position:relative;overflow:hidden}
.marquee-row{contain:paint;max-width:100%;margin-bottom:0;display:flex;overflow:hidden}
.marquee-track{gap:28px;min-width:max-content;animation:24s linear infinite marquee;display:flex}
.marquee-row.reverse .marquee-track{animation-duration:38s;animation-direction:reverse}
.merchant-card{justify-content:center;align-items:center;width:228px;height:78px;padding:10px 20px;display:flex}
.merchant-card .brand-logo{filter:grayscale()saturate(0)contrast(1.08);transition:filter .18s,transform .18s}
.merchant-card:hover .brand-logo{filter:none;transform:translateY(-1px)}
.brand-logo{align-items:center;gap:14px;min-width:0;display:inline-flex}
.brand-image-logo{justify-content:center;width:100%;height:100%}
.brand-image-logo img{object-fit:contain;width:100%;max-height:54px;display:block}
.brand-logo>i,.brand-logo svg,.play-shape{flex:none}
.brand-logo>i{border-radius:13px;place-items:center;width:56px;height:56px;font-style:normal;font-weight:900;line-height:1;display:grid}
.brand-logo>span{color:#151927;white-space:nowrap;font-weight:900}
.brand-logo.compact{gap:9px}
.brand-logo.compact>i{border-radius:7px;width:30px;height:30px;font-size:17px}
.brand-logo.compact>span{font-size:15px}
.brand-logo.icon-only{gap:0}
.brand-logo.icon-only>span,.merchant-card .brand-logo.compact>span{display:none}
.brand-patreon i{color:#ff5d1c;background:0 0;border:6px solid;border-radius:50%;font-size:0}
.brand-patreon i:before{content:"";background:currentColor;border-radius:999px;width:8px;height:28px;transform:translate(-2px)}
.brand-midjourney i{color:#6b7280;background:#fff;border:2px solid #cfd5df;font-size:25px}
.play-shape{clip-path:polygon(14% 7%,92% 50%,14% 93%);background:conic-gradient(from 140deg,#26c468,#1c91f1,#f8c33a,#ee3f31,#26c468);width:46px;height:46px}
.section-title{text-align:center;margin-bottom:12px}
.section-title span{color:var(--red);margin-bottom:6px;font-size:13px;font-weight:900;display:block}
.section-title h2{color:#171c29;letter-spacing:0;width:max-content;max-width:100%;margin:0 auto;padding-bottom:13px;font-size:26px;font-weight:900;line-height:1.2;position:relative}
.section-title h2:after{content:"";background:var(--red);border-radius:999px;width:37px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}
.section-lead{color:var(--muted);text-align:center;margin:0 auto 18px;font-size:14px}
.about-section{padding-top:18px;padding-bottom:30px}
.about-card{background:linear-gradient(#fffffffa,#fff8f8e0),#fff;border:1px solid #e9edf3f2;border-radius:28px;padding:34px 36px 36px;box-shadow:0 18px 42px #161c2d14}
.about-card .section-lead{max-width:880px;line-height:1.75}
.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}
.trust-card{border:1px solid var(--border);min-height:110px;box-shadow:var(--soft-shadow);background:#fff;border-radius:24px;grid-template-columns:74px 1fr;align-items:center;gap:18px;padding:21px 24px;display:grid}
.trust-icon{width:65px;height:65px;color:var(--red);background:#fff1f1;border-radius:50%;place-items:center;display:grid}
.trust-card h3,.service-card h3,.step-card h3,.fee-card h3{color:#171c29;margin:0;font-size:16px;font-weight:900}
.trust-card p,.service-card p,.step-card p,.fee-card p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}
.services-section,.steps-section,.fees-section,.faq-section{padding-top:27px;padding-bottom:27px}
.seo-content-section{padding-top:28px;padding-bottom:34px}
.seo-content-intro{text-align:center;max-width:870px;margin:18px auto 0}
.seo-content-intro h2{color:#171c29;letter-spacing:0;margin:0;font-size:24px;font-weight:900;line-height:1.25}
.seo-content-intro p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.7}
.seo-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}
.seo-content-card{border:1px solid var(--border);background:#fff;border-radius:16px;min-height:100%;padding:24px 24px 22px;box-shadow:0 8px 20px #1118270f}
.seo-content-card h3{color:#171c29;letter-spacing:0;margin:0;font-size:17px;font-weight:900;line-height:1.35}
.seo-content-card p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.65}
.seo-content-card ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}
.seo-content-card li{color:#3f4654;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;font-size:13px;line-height:1.5;display:grid}
.seo-content-card li svg{color:var(--red);margin-top:1px}
.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}
.service-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;min-height:214px;padding:16px 16px 13px;display:flex;box-shadow:0 8px 20px #1118270f}
.service-card .brand-logo{justify-content:center;width:92px;height:58px;margin-bottom:12px}
.service-card .brand-logo>span{display:none}
.service-card .brand-logo>i,.service-card .brand-logo>svg,.service-card .play-shape{width:56px;height:56px}
.service-card .brand-image-logo img{object-fit:contain;max-width:92px;max-height:54px}
.service-copy{flex:1;width:100%;margin-bottom:8px}
.service-card h3{justify-content:center;align-items:center;min-height:38px;line-height:1.35;display:flex}
.service-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:48px;display:-webkit-box;overflow:hidden}
.mini-btn{width:100%;min-height:36px;color:var(--red);background:#fff;border:1px solid #fac6c9;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 19px;font-size:12px;font-weight:900;display:inline-flex}
.center-action{justify-content:center;margin-top:20px;display:flex}
.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}
.step-card{border:1px solid var(--border);background:#fff;border-radius:22px;flex-direction:column;align-items:stretch;min-height:0;padding:22px 18px 18px;display:flex;position:relative;box-shadow:0 8px 20px #1118270f}
.step-card:not(:last-child):after,.step-card:not(:last-child):before{display:none}
.step-number{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:grid;position:absolute;top:9px;left:10px}
.step-icon{color:#ef626e;place-items:center;min-height:50px;margin-bottom:12px;display:grid}
.step-card:nth-child(2) .step-icon{color:#8c8bd8}
.step-card:nth-child(3) .step-icon{color:#5c7ff1}
.step-card:nth-child(4) .step-icon{color:#f15c63}
.step-card h3{text-align:center;font-size:16px}
.step-card p{text-align:center;font-size:13px}
.fees-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:20px;display:grid}
.fee-card{background:#fff;border:1px solid #f1e8e8;border-radius:22px;grid-template-columns:78px 1fr;align-items:center;gap:18px;min-height:129px;padding:25px 26px;display:grid;box-shadow:0 8px 18px #d90d190a}
.fee-icon{color:#f25560;place-items:center;display:grid}
.fee-card strong{color:#101827;margin-top:4px;font-size:25px;font-weight:950;line-height:1.1;display:block}
.payments-section{padding:20px 0 44px}
.payment-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}
.payment-card{border:1px solid var(--border);background:#fff;border-radius:8px;flex:0 calc(12.5% - 8.75px);justify-content:center;align-items:center;min-height:66px;padding:10px 12px;display:flex;box-shadow:0 8px 18px #1118270d}
.payment-card .brand-image-logo img{max-height:36px}
.payment-card .brand-logo.compact>span{display:none}
.faq-section{padding-top:0;padding-bottom:48px}
.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}
.faq-accordion-item{border:1px solid var(--border);background:#fff;border-radius:10px;padding:0;overflow:hidden;box-shadow:0 8px 18px #1118270d}
.faq-accordion-trigger{cursor:pointer;color:#171c29;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:16px;width:100%;min-height:58px;padding:16px 18px 16px 20px;font-size:15px;font-weight:900;display:grid}
.faq-accordion-trigger span:first-child{min-width:0}
.faq-accordion-item.is-open .faq-accordion-trigger{color:var(--red)}
.faq-accordion-icon{color:#6b7280;background:#f6f7f9;border:1px solid #e8ebf1;border-radius:50%;justify-self:end;place-items:center;width:23px;height:23px;transition:color .22s,background .22s,border-color .22s,transform .28s cubic-bezier(.22,1,.36,1);display:grid}
.faq-accordion-icon svg{width:13px;height:13px}
.faq-accordion-item.is-open .faq-accordion-icon{color:#fff;background:var(--red);border-color:var(--red);transform:rotate(180deg)}
.faq-accordion-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .24s;display:grid}
.faq-accordion-item.is-open .faq-accordion-panel{opacity:1;grid-template-rows:1fr}
.faq-accordion-panel-inner{min-height:0;overflow:hidden}
.faq-accordion-panel p{color:var(--muted);margin:0;padding:0 20px 18px;font-size:14px;line-height:1.65}
.faq-home-action{margin-top:22px}
.faq-empty{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:10px;margin:0;padding:20px}
.faq-page{background:linear-gradient(#fff 0 520px,#fff 520px 100%),#fff}
.faq-hero{isolation:isolate;background:radial-gradient(circle at 24% 22%,#1018280b,#0000 26%),linear-gradient(135deg,#fff 0%,#f8f9fb 48%,#fff 100%);min-height:570px;position:relative;overflow:hidden}
.faq-hero:before{z-index:-1;clip-path:polygon(35% 45%,100% 0,100% 100%,0 100%);content:"";background:linear-gradient(136deg,#ff1c29 0%,#e80b18 45%,#ca0612 100%);width:min(760px,66vw);height:410px;position:absolute;bottom:-1px;right:-7vw}
.faq-hero:after{z-index:-2;content:"";background:linear-gradient(135deg,#0000 0 34%,#f1f4f8e6 34% 35%,#0000 35% 100%),linear-gradient(140deg,#0000 0 53%,#f1f4f8b8 53% 54%,#0000 54% 100%);position:absolute;inset:0}
.faq-hero-inner{grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);align-items:center;gap:52px;min-height:570px;padding-top:126px;display:grid;position:relative}
.faq-hero-copy{max-width:500px}
.faq-hero-kicker{min-height:20px;color:var(--red);background:#fff0f1;border-radius:999px;place-items:center;margin-bottom:20px;padding:0 11px;font-size:10px;font-weight:900;display:inline-grid}
.faq-hero h1{color:#111827;letter-spacing:0;margin:0;font-size:48px;font-weight:950;line-height:1.08}
.faq-hero h1 span{color:var(--red);display:block}
.faq-hero p{color:#6b7280;max-width:410px;margin:18px 0 0;font-size:14px;line-height:1.7}
.faq-hero-visual{min-height:390px;position:relative}
.faq-dot-grid{background-image:radial-gradient(var(--red) 1.25px, transparent 1.25px);opacity:.9;background-size:12px 12px;width:76px;height:64px;position:absolute}
.faq-dot-grid-top{top:10px;left:62px}
.faq-dot-grid-side{width:74px;height:72px;bottom:92px;right:-8px}
.faq-small-ring{border:4px solid var(--red);border-radius:50%;width:25px;height:25px;position:absolute;top:222px;left:75px}
.faq-line-ring{border-top:1px solid #ffffff80;border-radius:50%;width:260px;height:120px;position:absolute;bottom:-4px;right:-20px;box-shadow:0 -13px 0 -12px #ffffff80,0 -26px 0 -25px #ffffff73,0 -39px 0 -38px #fff6}
.faq-question-mark{color:#ed1723;font-size:74px;font-weight:950;line-height:1;position:absolute;top:33px;right:95px;transform:rotate(9deg)}
.faq-speech{filter:drop-shadow(0 22px 34px #a9050e2e);position:absolute}
.faq-speech-red{z-index:2;color:#fff;background:radial-gradient(circle at 26% 16%,#ffffff3d,#0000 24%),linear-gradient(145deg,#ff4b54 0%,#ee1723 38%,#d90d19 100%);border-radius:44px 47px 43px 42px;place-items:center;width:305px;height:174px;display:grid;top:66px;left:118px}
.faq-speech-red:after{clip-path:polygon(0 0,100% 0,18% 100%);content:"";background:#e4111d;width:74px;height:56px;position:absolute;bottom:-39px;left:48px}
.faq-speech-red strong{z-index:1;color:#fff;letter-spacing:0;text-shadow:0 4px #7e020a4d,0 10px 20px #7e020a40;font-size:72px;font-weight:950;line-height:1;position:relative}
.faq-speech-white{z-index:1;background:#fff;border-radius:35px 39px 35px 36px;width:236px;height:144px;top:130px;right:66px;box-shadow:0 18px 28px #11182714}
.faq-speech-white:after{clip-path:polygon(0 0,100% 0,82% 100%);content:"";background:#fff;width:76px;height:54px;position:absolute;bottom:-38px;right:48px}
.faq-directory{z-index:2;margin-top:-24px;padding-bottom:70px;position:relative}
.faq-search-row{justify-content:flex-start;display:flex}
.faq-search-control{color:#8a94a6;border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:12px;width:min(100%,745px);height:48px;padding:0 17px;display:flex}
.faq-search-control svg{width:17px;height:17px}
.faq-search-control input{color:#111827;background:0 0;border:0;outline:0;width:100%;font-size:13px}
.faq-search-control input::placeholder{color:#9ca3af}
.faq-list-card{border:1px solid var(--border);background:#fff;border-radius:14px;margin-top:28px;padding:18px 22px;box-shadow:0 16px 30px #1118270b}
.faq-page-list{display:grid}
.faq-page-card{box-shadow:none;border:0;border-radius:0}
.faq-page-card+.faq-page-card{border-top:1px solid var(--border)}
.faq-page-card .faq-accordion-trigger{min-height:57px;padding-inline:10px;font-size:14px}
.faq-page-card .faq-accordion-panel p{padding:0 10px 20px;font-size:13px}
.faq-contact-card{color:#fff;background:radial-gradient(circle at 9% 95%,#0000 0 25px,#ffffff2e 26px 27px,#0000 28px 40px,#ffffff29 41px 42px,#0000 43px),linear-gradient(135deg,#ff1e2b 0%,#e30d1a 48%,#c90410 100%);border-radius:14px;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:132px;margin-top:18px;padding:25px 84px;display:grid;position:relative;overflow:hidden}
.faq-contact-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 54%,#ffffff1a 54% 55%,#0000 55% 100%),radial-gradient(circle at 82% 0,#ffffff26,#0000 28%);position:absolute;inset:0}
.faq-contact-icon,.faq-contact-card>div,.faq-contact-button{z-index:1;position:relative}
.faq-contact-icon{width:70px;height:70px;color:var(--red);background:#fff;border-radius:12px;place-items:center;display:grid}
.faq-contact-icon svg{width:34px;height:34px}
.faq-contact-card h2{margin:0;font-size:23px;font-weight:950;line-height:1.15}
.faq-contact-card p{color:#ffffffd6;max-width:460px;margin:7px 0 0;font-size:13px;line-height:1.55}
.faq-contact-button{min-height:38px;color:var(--red);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:12px;font-weight:900;display:inline-flex}
.faq-contact-button svg{width:15px;height:15px}
.footer{border-top:1px solid var(--border);background:#fff}
.footer-grid{grid-template-columns:minmax(240px,1.35fr) .7fr 1fr 1.1fr;gap:48px;padding:45px 12px 35px;display:grid}
.footer-brand p{color:#4b5563;max-width:265px;margin:24px 0 22px;font-size:15px;line-height:1.7}
.footer-logo{gap:0;font-size:30px}
.socials{gap:12px;display:flex}
.socials a{color:#4b5563;background:#fff;border:1px solid #cfd5df;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}
.footer-col{border-left:1px solid var(--border);padding-left:48px}
.footer-col h3{color:#111827;margin:0 0 19px;font-size:18px;font-weight:900}
.footer-col a,.footer-col span{color:#374151;align-items:center;gap:12px;margin-bottom:11px;font-size:15px;display:flex}
.footer-services>div{columns:2;column-gap:30px}
.footer-services a{display:block}
.contact-list a,.contact-list span{white-space:nowrap}
.contact-list .contact-address{white-space:normal;align-items:flex-start}
.footer-bottom{background:#fff}
.footer-bottom-inner{border-top:1px solid var(--red);color:#64748b;justify-content:flex-start;align-items:center;min-height:0;padding:22px 0 19px;font-size:15px;font-weight:500;display:flex}
.article-admin-list{width:100%}
.article-admin-table{min-width:980px}
.article-admin-title{color:#111827;margin-bottom:7px;font-size:14px;font-weight:900;line-height:1.35;display:block}
.article-admin-link{max-width:100%;color:var(--red);align-items:center;gap:7px;font-weight:800;display:inline-flex}
.article-admin-link svg{flex:none;width:14px;height:14px}
.article-status-badge{border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}
.article-status-badge.is-published{color:#0f7a3b;background:#eafaf0}
.article-status-badge.is-draft{color:#9a3412;background:#fff7ed}
.article-page{background:#fff;min-height:100vh}
.article-hero{background:radial-gradient(circle at 56% 12%,#d90d1914 0 14px,#0000 15px),radial-gradient(circle at 14% 100%,#d90d1924 0 74px,#0000 76px),linear-gradient(#fff7f7 0%,#fff 100%);position:relative;overflow:hidden}
.article-hero:before,.article-hero:after{pointer-events:none;content:"";position:absolute}
.article-hero:before{opacity:.7;background:radial-gradient(#d90d1929 1px,#0000 1.5px) 0 0/14px 14px,linear-gradient(35deg,#0000 0 36%,#d90d190f 36% 38%,#0000 38%) 0 0/100% 100%;width:240px;height:260px;top:0;right:0}
.article-hero:after{border:18px solid var(--red);border-radius:50%;width:125px;height:125px;bottom:8px;left:-54px}
.article-hero-inner{grid-template-columns:minmax(0,1fr) minmax(430px,.88fr);align-items:center;gap:38px;min-height:340px;padding-top:118px;padding-bottom:44px;display:grid}
.article-hero-copy{z-index:2;max-width:610px;position:relative}
.article-hero-copy>span{color:var(--red);text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:950;line-height:1;display:block}
.article-hero-copy h1{color:#141722;letter-spacing:0;margin:0;font-size:clamp(36px,4vw,53px);font-weight:950;line-height:1.08}
.article-hero-copy h1 em{color:var(--red);font-style:normal}
.article-hero-copy p{color:#626b7a;max-width:520px;margin:18px 0 0;font-size:14px;font-weight:650;line-height:1.6}
.article-hero-button{color:#fff;background:var(--red);border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:40px;margin-top:22px;padding:0 18px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #d90d1933}
.article-hero-button svg{width:15px;height:15px}
.article-hero-art{z-index:1;min-height:255px;position:relative}
.article-hero-ring{background:linear-gradient(145deg, #ff535d, var(--red));border-radius:50%;width:190px;height:190px;position:absolute;top:-8px;right:-26px;box-shadow:0 24px 45px #d90d192e}
.article-browser{background:#ffffffe0;border:1px solid #ffe1e4;border-radius:8px;width:360px;min-height:210px;padding:29px 24px 22px;position:absolute;top:14px;right:54px;transform:rotate(3deg);box-shadow:0 22px 46px #5b111921}
.article-browser-top{background:linear-gradient(90deg,#f61729,#b90c16);border-radius:8px 8px 0 0;height:28px;position:absolute;inset:0 0 auto}
.article-browser-top:before{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:11px;left:12px;box-shadow:11px 0 #fffc,22px 0 #ffffff8c}
.article-code-window,.article-preview-window,.article-mini-card{background:#fff;border:1px solid #ffe0e3;border-radius:5px;position:absolute;box-shadow:0 16px 28px #7e19211f}
.article-code-window{background:#111827;width:84px;height:94px;padding:14px 11px;top:54px;left:64px}
.article-code-window i{background:#e11d48;border-radius:999px;height:6px;margin-bottom:9px;display:block}
.article-code-window i:nth-child(2){opacity:.8;background:#fff;width:72%}
.article-code-window i:nth-child(3){background:#64748b;width:84%}
.article-code-window i:nth-child(4){opacity:.65;background:#fff;width:55%}
.article-preview-window{width:150px;height:126px;padding:17px 14px;top:50px;right:36px}
.article-preview-window b{background:#fff0f1;border-radius:999px;height:8px;margin-bottom:13px;display:block}
.article-preview-window b:first-child{background:var(--red);width:52%}
.article-preview-window b:nth-child(2){width:90%}
.article-preview-window b:nth-child(3){width:74%}
.article-mini-card{width:128px;height:66px;padding:13px;bottom:16px;left:26px}
.article-mini-card strong,.article-mini-card span{border-radius:999px;height:7px;display:block}
.article-mini-card strong{background:var(--red);width:44%;margin-bottom:10px}
.article-mini-card span{background:#ffe7e9}
.article-mini-card span+span{width:72%;margin-top:8px}
.article-code-badge{color:#fff;background:var(--red);border:5px solid #ffffffd6;border-radius:9px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:950;display:grid;position:absolute;top:88px;right:-25px;box-shadow:0 15px 28px #d90d193d}
.article-plant{width:66px;height:122px;position:absolute;bottom:13px;right:8px}
.article-plant i{background:var(--red);transform-origin:bottom;border-radius:999px;width:8px;height:70px;position:absolute;bottom:34px;left:29px}
.article-plant i:first-child{transform:rotate(-31deg)}
.article-plant i:nth-child(2){transform:rotate(0)}
.article-plant i:nth-child(3){transform:rotate(31deg)}
.article-plant span{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:0 0 9px 9px;width:35px;height:37px;position:absolute;bottom:0;left:16px}
.article-directory{padding-top:26px;padding-bottom:56px}
.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}
.article-card{background:#fff;border:1px solid #e8edf4;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px #0f172a0d}
.article-cover-link{aspect-ratio:1.78;background:#111827;display:block;position:relative;overflow:hidden}
.article-cover-link img{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}
.article-card:hover .article-cover-link img{transform:scale(1.03)}
.article-card-body{gap:9px;padding:13px 13px 16px;display:grid}
.article-card-meta{color:#606b7b;flex-wrap:wrap;gap:11px;font-size:10px;font-weight:850;line-height:1.2;display:flex}
.article-card-meta span{align-items:center;gap:4px;display:inline-flex}
.article-card-meta svg{width:11px;height:11px}
.article-card-category{color:var(--red)}
.article-card h2{color:#111827;margin:0;font-size:16px;font-weight:950;line-height:1.32}
.article-card p{color:#606b7b;min-height:43px;margin:0;font-size:12px;line-height:1.55}
.article-read-more{width:fit-content;color:var(--red);align-items:center;gap:5px;font-size:11px;font-weight:950;line-height:1;display:inline-flex}
.article-read-more svg{width:12px;height:12px}
.article-pagination{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}
.article-pagination a,.article-pagination-gap{color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:6px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:inline-grid}
.article-pagination a.is-active{color:#fff;background:var(--red);border-color:var(--red)}
.article-pagination a.is-disabled{color:#c4cbd5;pointer-events:none}
.article-pagination svg{width:15px;height:15px}
.article-pagination-group{align-items:center;gap:8px;display:inline-flex}
.article-pagination-gap{border-style:dashed}
.article-detail-page{background:#fff;min-height:100vh;padding:124px 0 76px}
.article-detail{max-width:760px}
.article-breadcrumb{color:#747d8d;align-items:center;gap:6px;min-width:0;margin-bottom:18px;font-size:11px;font-weight:750;line-height:1.25;display:flex}
.article-breadcrumb a,.article-breadcrumb span{min-width:0}
.article-breadcrumb a{flex:none;align-items:center;gap:5px;display:inline-flex}
.article-breadcrumb a:hover{color:var(--red)}
.article-breadcrumb span{color:#555f70;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.article-breadcrumb svg{flex:none;width:12px;height:12px}
.article-breadcrumb a:first-child svg{color:var(--red)}
.article-detail-cover{aspect-ratio:2.14;object-fit:cover;border-radius:8px;width:100%;margin:0 0 18px;display:block}
.article-detail-header{text-align:left}
.article-category-pill{width:fit-content;min-height:20px;color:var(--red);background:#fff5f5;border:1px solid #ffd0d4;border-radius:5px;align-items:center;margin-bottom:11px;padding:0 7px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}
.article-detail h1{color:#151927;max-width:720px;margin:0;font-size:clamp(30px,4.5vw,42px);font-weight:950;line-height:1.08}
.article-detail-header p{color:#5f6b7c;max-width:700px;margin:10px 0 0;font-size:13px;line-height:1.62}
.article-detail-facts{border-top:1px solid #edf1f6;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:20px 0 0;padding:0;display:grid}
.article-detail-facts div{align-items:center;gap:10px;min-width:0;padding:14px 20px 0 0;display:flex}
.article-detail-facts div+div{border-left:1px solid #edf1f6;padding-left:24px}
.article-detail-facts span{gap:2px;min-width:0;display:grid}
.article-detail-facts svg{width:17px;height:17px;color:var(--red);flex:none}
.article-detail-facts dt,.article-detail-facts dd{margin:0}
.article-detail-facts dt{color:#747d8d;font-size:10px;font-weight:900;line-height:1.1}
.article-detail-facts dd{color:#151927;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;line-height:1.25;overflow:hidden}
.article-content{color:#3d4655;margin-top:28px;font-size:14px;line-height:1.76}
.article-content h1,.article-content h2,.article-content h3{color:#151927;margin:26px 0 10px;font-weight:950;line-height:1.28}
.article-content h2{font-size:18px}
.article-content h2:after{background:var(--red);content:"";border-radius:999px;width:36px;height:2px;margin-top:7px;display:block}
.article-content h3{font-size:16px}
.article-content p,.article-content ul,.article-content ol,.article-content blockquote,.article-content table{margin:0 0 15px}
.article-content ul,.article-rich-editor ul{list-style:outside!important}
.article-content ol,.article-rich-editor ol{list-style:decimal!important}
.article-content ul,.article-content ol{padding-left:24px!important}
.article-rich-editor ul,.article-rich-editor ol{padding-left:32px!important}
.article-content li,.article-rich-editor li{display:list-item!important}
.article-content li::marker{color:#273244}
.article-rich-editor li::marker{color:#273244}
.article-content img{border-radius:8px;max-width:100%;height:auto;margin:22px 0;display:inline-block}
.article-content blockquote{color:#4d5868;background:#fff5f5;border:1px solid #ffe1e3;border-radius:8px;padding:16px 18px 16px 54px;font-size:13px;font-weight:800;line-height:1.6;position:relative}
.article-content blockquote:before{width:22px;height:22px;color:var(--red);content:"!";border:1px solid #ffb8bf;border-radius:999px;place-items:center;font-size:13px;font-weight:950;display:grid;position:absolute;top:16px;left:18px}
.article-content blockquote:after{background:var(--red);content:"";border-radius:0 999px 999px 0;width:3px;position:absolute;top:13px;bottom:13px;left:0}
.article-content table{border-collapse:collapse;width:100%}
.article-content th,.article-content td{text-align:left;border:1px solid #e2e8f0;padding:12px}
.article-content th{background:#f8fafc}
.article-related{max-width:760px;margin-top:24px}
.article-related-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}
.article-related-heading h2{color:#151927;margin:0;font-size:16px;font-weight:950;line-height:1.2}
.article-related-heading a{color:var(--red);flex:none;align-items:center;gap:6px;font-size:10px;font-weight:950;line-height:1;display:inline-flex}
.article-related-heading svg{width:12px;height:12px}
.article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}
.article-related-card{background:#fff;border:1px solid #e8edf4;border-radius:7px;overflow:hidden}
.article-related-image{aspect-ratio:1.73;background:#111827;display:block;position:relative;overflow:hidden}
.article-related-image img{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}
.article-related-card:hover .article-related-image img{transform:scale(1.03)}
.article-related-body{gap:7px;padding:9px 10px 10px;display:grid}
.article-related-card h3{color:#151927;min-height:31px;margin:0;font-size:12px;font-weight:950;line-height:1.28}
.article-related-meta{color:#6b7280;flex-wrap:wrap;gap:8px;font-size:9px;font-weight:800;line-height:1.1;display:flex}
.article-related-meta span{align-items:center;gap:4px;display:inline-flex}
.article-related-meta svg{width:10px;height:10px;color:var(--red)}
.article-editor-shell{min-height:calc(100vh - 68px)}
.article-editor-topbar{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:24px;display:flex}
.article-editor-topbar h1{color:#111827;margin:0;font-size:31px;font-weight:950;line-height:1.1}
.article-editor-topbar p{color:#667085;margin:8px 0 0;font-size:14px}
.article-editor-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}
.article-editor-actions>button,.article-editor-icon-action,.article-publish-main,.article-publish-toggle{color:#111827;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex}
.article-editor-actions svg{width:17px;height:17px}
.article-editor-icon-action{width:44px;padding:0}
.article-editor-menu,.article-publish-split{position:relative}
.article-publish-split{display:inline-flex}
.article-publish-main{color:#fff;background:var(--red);border-color:var(--red);border-radius:8px 0 0 8px}
.article-publish-toggle{color:#fff;background:var(--red);border-color:#ffffff2e #ffffff2e #ffffff2e #ffffff47;border-radius:0 8px 8px 0;width:44px;padding:0}
.article-editor-popover{z-index:20;background:#fff;border:1px solid #e4e9f2;border-radius:8px;gap:4px;width:210px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 38px #0f172a24}
.article-editor-popover button,.article-editor-popover a{color:#111827;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;min-height:36px;padding:0 10px;font-size:13px;font-weight:800;display:flex}
.article-editor-popover button:hover,.article-editor-popover a:hover{color:var(--red);background:#fff1f1}
.article-publish-popover{right:0}
.article-editor-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}
.article-editor-main{gap:22px;min-width:0;display:grid}
.article-title-panel,.article-editor-panel,.article-side-card{background:#fff;border:1px solid #dfe5ee;border-radius:9px;box-shadow:0 10px 24px #0f172a0a}
.article-title-panel{gap:9px;padding:22px;display:grid;position:relative}
.article-title-panel label,.article-side-card label{color:#111827;font-size:13px;font-weight:900}
.article-title-panel input{color:#111827;background:#fff;border:1px solid #ccd5e1;border-radius:7px;outline:none;width:100%;min-height:54px;padding:0 15px;font-size:17px}
.article-title-panel input:focus,.article-side-card input:focus,.article-side-card select:focus,.article-html-editor:focus,.article-rich-editor:focus{border-color:#d90d1973;box-shadow:0 0 0 4px #d90d1914}
.article-editor-panel{overflow:hidden}
.article-media-row{border-bottom:1px solid #e7ecf3;align-items:center;min-height:58px;padding:13px 20px;display:flex}
.article-media-row button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d8e0eb;border-radius:7px;align-items:center;gap:9px;min-height:38px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}
.article-media-row svg{width:17px;height:17px}
.article-editor-tabs{border-bottom:1px solid #e7ecf3;justify-content:flex-end;gap:0;padding:0 20px;display:flex}
.article-editor-tabs button{color:#374151;cursor:pointer;background:0 0;border:0;border-left:1px solid #e7ecf3;min-height:43px;padding:0 18px;font-size:13px;font-weight:900}
.article-editor-tabs button:last-child{border-right:1px solid #e7ecf3}
.article-editor-tabs button.is-active{color:var(--red);background:#fff7f7}
.article-toolbar{background:#fff;border-bottom:1px solid #e7ecf3;flex-wrap:wrap;align-items:center;gap:4px;padding:12px 20px;display:flex}
.article-toolbar select,.article-toolbar button{color:#111827;background:#fff;border:1px solid #0000;border-radius:6px;min-height:34px}
.article-toolbar select{border-color:#d8e0eb;width:118px;padding:0 9px;font-size:12px;font-weight:850}
.article-toolbar button{cursor:pointer;place-items:center;width:34px;display:inline-grid}
.article-toolbar button:hover,.article-toolbar button.is-active{color:var(--red);background:#fff1f1;border-color:#ffd1d5}
.article-toolbar button.is-active{box-shadow:inset 0 -2px 0 var(--red)}
.article-toolbar svg{width:16px;height:16px}
.article-rich-editor,.article-html-editor{color:#273244;background:#fff;border:0;outline:none;width:100%;min-height:640px;padding:38px 28px}
.article-rich-editor{text-align:left;direction:ltr;unicode-bidi:isolate;font-size:17px;line-height:1.86}
.article-html-editor{text-align:left;direction:ltr;unicode-bidi:isolate}
.article-rich-editor h1,.article-rich-editor h2,.article-rich-editor h3{color:#111827;line-height:1.25}
.article-rich-editor h2{margin:0 0 20px;font-family:Georgia,Times New Roman,serif;font-size:27px}
.article-rich-editor h3{margin:26px 0 9px;font-size:22px}
.article-rich-editor p{margin:0 0 18px}
.article-rich-editor ul,.article-rich-editor ol{margin:0 0 18px;padding-left:28px}
.article-rich-editor li{margin:0 0 8px;padding-left:4px}
.article-rich-editor hr{background:#cbd5e1;border:0;height:1px;margin:34px 0}
.article-rich-editor img{border-radius:7px;max-width:100%;height:auto;margin:20px 0;display:inline-block}
.article-rich-editor blockquote{border-left:4px solid var(--red);background:#fff7f7;border-radius:8px;margin:18px 0;padding:16px 20px}
.article-rich-editor table{border-collapse:collapse;width:100%;margin:18px 0}
.article-rich-editor th,.article-rich-editor td{border:1px solid #d8e0eb;padding:10px}
.article-html-editor{resize:vertical;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.7}
.article-editor-footer{color:#667085;background:#fff;border-top:1px solid #e7ecf3;justify-content:space-between;align-items:center;gap:12px;min-height:47px;padding:0 20px;font-size:12px;font-weight:800;display:flex}
.article-editor-sidebar{gap:14px;display:grid}
.article-side-card{gap:14px;padding:18px;display:grid}
.article-side-card h2{color:#111827;justify-content:space-between;align-items:center;margin:0;font-size:15px;font-weight:950;display:flex}
.article-side-card h2:after{content:"";border-top:2px solid #111827;border-left:2px solid #111827;width:8px;height:8px;transform:rotate(45deg)}
.article-side-card label{color:#374151;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:11px;display:grid}
.article-side-card select,.article-side-card input{color:#111827;background:#fff;border:1px solid #d8e0eb;border-radius:7px;outline:none;width:100%;min-height:38px;padding:0 11px;font-size:13px}
.article-date-row{grid-template-columns:minmax(0,1fr);display:grid;position:relative}
.article-date-row input{padding-inline:11px;font-size:13px}
.article-trash-link{min-height:36px;color:var(--red);cursor:pointer;padding:0;background:0 0;border:0;border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;font-weight:900;display:flex}
.article-trash-link svg{width:17px;height:17px}
.article-category-list{gap:8px;display:grid}
.article-category-list label{color:#374151;grid-template-columns:none;gap:8px;font-size:13px;font-weight:750;display:flex}
.article-category-list input{width:16px;min-height:16px;accent-color:var(--red)}
.article-tag-add,.article-featured-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}
.article-tag-add button,.article-featured-actions button{min-height:38px;color:var(--red);cursor:pointer;background:#fff;border:1px solid #ffd1d5;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}
.article-featured-actions svg{width:16px;height:16px}
.article-tag-list{flex-wrap:wrap;gap:7px;display:flex}
.article-tag-list button{min-height:28px;color:var(--red);cursor:pointer;background:#fff1f1;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:850;display:inline-flex}
.article-tag-list svg{width:12px;height:12px}
.article-featured-preview{aspect-ratio:1.85;object-fit:cover;border-radius:7px;width:100%;display:block}
.article-featured-empty{aspect-ratio:1.85;color:#667085;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:7px;place-items:center;width:100%;font-size:13px;font-weight:850;display:grid}
.article-featured-actions{grid-template-columns:1fr 1fr}
.article-featured-actions button:last-child{color:var(--red)}
.article-save-feedback{color:#0f7a3b;margin:0;font-size:13px;font-weight:900}
.article-save-feedback.is-error{color:var(--red)}
.article-preview-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}
.article-preview-modal{background:#fff;border-radius:12px;width:min(100%,840px);max-height:calc(100vh - 48px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 80px #0f172a3d}
.article-preview-modal>button{color:#111827;cursor:pointer;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;right:16px}
.article-preview-modal>button svg{width:18px;height:18px}
.article-preview-modal>img{aspect-ratio:2;object-fit:cover;border-radius:8px;width:100%;display:block}
.article-preview-modal>span{color:var(--red);text-transform:uppercase;margin-top:18px;font-size:12px;font-weight:950;display:block}
.article-preview-modal h2{color:#111827;margin:8px 0 0;font-size:36px;font-weight:950;line-height:1.12}
.snk-page{background:linear-gradient(#fff8f8 0 430px,#fff 430px 100%),#fff;min-height:100vh}
.snk-hero{isolation:isolate;background:snow;min-height:430px;position:relative;overflow:hidden}
.snk-hero:before{z-index:2;pointer-events:none;content:"";border:1px solid #d90d1924;border-radius:60px;width:210px;height:260px;position:absolute;top:-34px;left:-70px;transform:rotate(-18deg)}
.snk-hero:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#fffffffa 0%,#fffffff5 26%,#ffffffb8 44%,#ffffff2e 68%,#fff0 100%),linear-gradient(#ffffffad 0%,#fff0 34%);position:absolute;inset:0}
.snk-hero-inner{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;min-height:430px;padding-top:138px;display:grid;position:relative}
.snk-hero-copy{z-index:2;max-width:690px;padding-bottom:34px;position:relative}
.snk-hero-copy h1{color:#080b12;letter-spacing:0;white-space:nowrap;margin:0;font-size:clamp(42px,4.35vw,56px);font-weight:950;line-height:1.05}
.snk-hero-copy p{color:#475166;margin:18px 0 0;font-size:15px;font-weight:650;line-height:1.78}
.snk-hero-art{z-index:0;width:100vw;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}
.snk-hero-art img{object-fit:cover;object-position:center right;width:100%;height:100%;display:block}
.snk-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:34px;padding-top:34px;padding-bottom:60px;display:grid}
.snk-sidebar{z-index:8;align-self:stretch;min-height:1px;position:relative}
.snk-sidebar-pin{gap:22px;width:100%;display:grid}
.snk-sidebar-pin.is-fixed{z-index:45;position:fixed}
.snk-sidebar-pin.is-bottom{z-index:8;position:absolute;left:0}
.snk-sidebar-pin.is-fixed,.snk-sidebar-pin.is-bottom{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100vh - 136px);overflow-y:auto}
.snk-toc,.snk-help-card,.snk-content{background:#fff;border:1px solid #edf0f5;border-radius:14px;box-shadow:0 14px 34px #11182714}
.snk-toc{padding:24px 0 22px}
.snk-toc h2{color:#171b25;margin:0 28px 18px;font-size:18px;font-weight:950}
.snk-toc-list{gap:6px;display:grid}
.snk-toc button{color:#535d70;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:13px;min-height:46px;margin-inline:0;padding:0 22px 0 31px;font-size:13px;font-weight:850;display:grid;position:relative}
.snk-toc button:before{content:"";background:0 0;border-radius:0 999px 999px 0;width:4px;position:absolute;top:7px;bottom:7px;left:0}
.snk-toc button svg{color:#697386;width:18px;height:18px}
.snk-toc button.is-active{color:var(--red);background:#fff0f1}
.snk-toc button.is-active:before{background:var(--red)}
.snk-toc button.is-active svg{color:var(--red)}
.snk-help-card{background:linear-gradient(#fff,#f8fafc);grid-template-columns:44px minmax(0,1fr);gap:14px;padding:22px;display:grid}
.snk-help-card>svg{width:34px;height:34px;color:var(--red)}
.snk-help-card strong{color:#151927;font-size:14px;font-weight:950}
.snk-help-card p{color:#657083;margin:6px 0 12px;font-size:12px;line-height:1.5}
.snk-help-card a{color:var(--red);align-items:center;gap:6px;font-size:12px;font-weight:950;display:inline-flex}
.snk-help-card a:after{content:"->"}
.snk-content{min-height:650px;padding:30px 44px}
.snk-content-section{border-bottom:1px solid #dfe5ee;padding:0 0 24px;scroll-margin-top:110px}
.snk-content-section+.snk-content-section{padding-top:22px}
.snk-content-section:last-child{border-bottom:0}
.snk-section-heading{grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:6px;margin-bottom:12px;display:grid}
.snk-section-heading span{color:var(--red);font-size:20px;font-weight:950}
.snk-section-heading h2{color:#111827;margin:0;font-size:20px;font-weight:950;line-height:1.24}
.snk-content-section p{color:#3f4858;margin:0 0 12px 40px;font-size:13px;font-weight:650;line-height:1.65}
.snk-content-section ul{color:#3f4858;gap:9px;margin:0 0 0 40px;padding-left:0;font-size:13px;font-weight:650;line-height:1.56;list-style:none;display:grid}
.snk-admin-grid{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)}
.snk-admin-edit-card{padding-bottom:14px}
.snk-admin-grid .admin-panel,.snk-admin-grid .admin-form,.snk-admin-grid .admin-form .snk-admin-content-field{flex-direction:column;display:flex}
.snk-admin-grid .admin-form,.snk-admin-grid .admin-form .snk-admin-content-field{flex:1}
.snk-admin-grid .admin-form .snk-admin-content-field textarea{flex:1;min-height:300px}
.snk-admin-icon-select{display:block;position:relative}
.snk-admin-icon-select svg{width:18px;height:18px;color:var(--red);pointer-events:none;z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}
.snk-admin-icon-select select{padding-left:44px}
.snk-admin-actions{flex-wrap:wrap;gap:12px;display:flex}
.snk-admin-actions .btn{width:118px;min-width:118px;min-height:44px;padding-inline:22px}
.snk-admin-table{min-width:620px}
.snk-admin-table-viewport{max-height:558px}
.snk-admin-table strong{color:#111827}
.snk-admin-title-cell{align-items:center;gap:10px;min-width:0;display:flex}
.snk-admin-title-cell strong{text-overflow:ellipsis;min-width:0;overflow:hidden}
.page-hero{text-align:center;padding:120px 0 36px}
.page-hero h1{color:#111827;margin:0;font-size:clamp(36px,5vw,55px);font-weight:950}
.page-hero p{width:min(760px,100%);color:var(--muted);margin:16px auto 0;font-size:17px;line-height:1.75}
.catalog-page{min-height:100vh}
.catalog-hero{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:40px;padding-top:142px;padding-bottom:28px;display:grid}
.catalog-hero-copy{align-self:center}
.catalog-hero h1{color:#111827;max-width:520px;margin:0;font-size:clamp(30px,3vw,40px);font-weight:950;line-height:1.12}
.catalog-hero p{max-width:525px;color:var(--muted);margin:17px 0 0;font-size:16px;line-height:1.7}
.catalog-visual{background:radial-gradient(circle at 78% 20%,#fffffff2,#0000 24%),radial-gradient(circle at 17% 82%,#ffdce0c2,#0000 28%),linear-gradient(140deg,#fffffff0,#fff4f4f5),#fff;border-radius:22px;min-height:320px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d90d190a}
.catalog-visual:before{content:"";background:#d90d1914;border-radius:50%;position:absolute;inset:34px 54px 34px 76px}
.catalog-visual-dots{opacity:.35;background-image:radial-gradient(#d90d198c 1px,#0000 1px);background-size:10px 10px;width:98px;height:68px;position:absolute;top:10px;right:10px}
.catalog-visual-ring{border:1px dashed #d90d1938;border-radius:50%;width:120px;height:120px;position:absolute;bottom:26px;left:32px}
.catalog-float{color:var(--red);background:#ffffffeb;border:1px solid #d90d1914;place-items:center;display:grid;position:absolute;box-shadow:0 10px 22px #d90d1917}
.catalog-float-lines{border-radius:12px;width:42px;height:42px;top:34px;left:82px}
.catalog-float-lines:before,.catalog-float-lines:after{content:"";background:currentColor;border-radius:999px;width:19px;height:2px;position:absolute}
.catalog-float-lines:before{transform:translateY(-5px)rotate(10deg)}
.catalog-float-lines:after{transform:translateY(5px)rotate(10deg)}
.catalog-float-wifi{border-radius:50%;width:34px;height:34px;top:40px;left:326px}
.catalog-float-shield{border-radius:14px;width:46px;height:46px;top:28px;right:93px}
.catalog-float-cart{border-radius:12px;width:41px;height:41px;top:102px;right:24px}
.catalog-float-lock{border-radius:12px;width:40px;height:40px;bottom:52px;left:120px}
.catalog-laptop{background:linear-gradient(#454c59,#222a37);border-radius:10px 10px 18px 18px;width:248px;height:184px;padding:12px 14px 22px;position:absolute;top:44px;left:164px;box-shadow:0 18px 28px #11182726}
.catalog-laptop:after{content:"";background:linear-gradient(#d8dde5,#bcc4d0);border-radius:0 0 20px 20px;height:18px;position:absolute;bottom:-15px;left:-20px;right:-20px}
.catalog-laptop-screen{color:#374151;text-align:center;background:#fff;border-radius:4px;align-content:center;justify-items:center;gap:7px;min-height:100%;padding:18px 14px;display:grid}
.catalog-laptop-status{color:#0f7a3b;background:#ebfaf1;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}
.catalog-laptop-status svg{color:#16a34a}
.catalog-laptop-screen strong{color:#111827;font-size:22px;line-height:1}
.catalog-laptop-screen small{color:#778195;font-size:10px;font-weight:700}
.catalog-laptop-screen i{background:#f3f4f6;border-radius:999px;width:112px;height:7px;margin-top:4px;overflow:hidden}
.catalog-laptop-screen i:before{border-radius:inherit;background:linear-gradient(90deg, var(--red), #ef6b73);content:"";width:78%;height:100%;display:block}
.catalog-bank-card{color:#fff;background:linear-gradient(110deg,#ffffff29,#0000 45%),linear-gradient(135deg,#f53b47,#d90d19);border-radius:13px;align-content:center;gap:7px;width:146px;min-height:88px;padding:15px;display:grid;position:absolute;bottom:88px;left:34px;box-shadow:0 18px 28px #d90d1933}
.catalog-bank-card span{font-size:10px;font-weight:800}
.catalog-bank-card strong{letter-spacing:1px;font-size:13px}
.catalog-phone{color:#111827;background:#fff;border:5px solid #252b37;border-radius:18px;align-content:start;justify-items:center;gap:14px;width:82px;min-height:154px;padding:18px 9px;display:grid;position:absolute;bottom:34px;right:72px;box-shadow:0 18px 26px #11182724}
.catalog-phone span{color:#111827;text-align:center;font-size:11px;font-weight:800}
.catalog-phone strong{color:#fff;background:var(--red);border-radius:5px;place-items:center;width:100%;min-height:24px;font-size:10px;display:grid}
.catalog-rate,.catalog-summary{color:#111827;background:#fffffff2;border:1px solid #d90d1914;align-items:center;display:flex;position:absolute;box-shadow:0 10px 22px #161c2d14}
.catalog-rate{min-height:34px;color:var(--red);border-radius:999px;gap:8px;padding:0 12px;font-size:11px;font-weight:900;top:94px;left:52px}
.catalog-summary{border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:112px;min-height:56px;padding:0 14px;bottom:40px;right:264px}
.catalog-summary span{color:#778195;font-size:10px;font-weight:700}
.catalog-summary strong{font-size:12px;font-weight:900}
.catalog-wallet,.catalog-receipt{color:var(--red);background:#fffffff2;border:1px solid #d90d1914;place-items:center;display:grid;position:absolute;bottom:42px;box-shadow:0 10px 22px #d90d191a}
.catalog-wallet{border-radius:15px;width:56px;height:56px;right:184px}
.catalog-receipt{border-radius:13px;width:52px;height:52px;left:438px}
.catalog-services{padding-top:6px;padding-bottom:54px}
.catalog-search{color:#7a8493;border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:11px;width:min(100%,360px);min-height:48px;padding:0 15px;display:flex}
.catalog-search input{color:#111827;background:0 0;border:0;outline:0;width:100%}
.catalog-search input::placeholder{color:#9aa3b2}
.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}
.catalog-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;min-height:176px;padding:18px 16px 15px;display:flex}
.catalog-card .brand-logo{margin-bottom:16px}
.catalog-card .brand-logo>span{display:none}
.catalog-card-copy{flex:1;width:100%}
.catalog-card h2{color:#111827;margin:0;font-size:14px;font-weight:900;line-height:1.35}
.catalog-card p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.55}
.catalog-card-action{color:#fff;background:var(--red);border-radius:999px;place-items:center;width:min(100%,132px);min-height:34px;margin-top:15px;font-size:12px;font-weight:900;display:grid}
.catalog-empty{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:22px;padding:22px}
.service-detail-page{padding-top:118px;padding-bottom:72px}
.service-summary-card{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:1fr;align-items:stretch;gap:16px;min-height:172px;padding:22px 26px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #1118270d}
.service-summary-card:after{content:"";border:1px solid #d90d191a;border-radius:50%;width:260px;height:260px;position:absolute;top:-128px;right:-86px;box-shadow:0 0 0 16px #d90d190b,0 0 0 32px #d90d1908,0 0 0 48px #d90d1905}
.service-summary-brand{z-index:1;align-items:center;gap:24px;display:flex;position:relative}
.service-summary-logo{place-items:center;width:92px;height:92px;display:grid}
.service-summary-logo .brand-image-logo img{max-height:92px}
.service-summary-logo .brand-logo>i{width:92px;height:92px;font-size:34px}
.service-summary-intro{background:#fff7f7;border:1px solid #d90d191f;border-radius:12px;grid-template-columns:none;width:100%;padding:12px 14px;display:block}
.service-summary-intro p{color:#4b5563;margin:0;font-size:14px;line-height:1.6}
.service-summary-metrics{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid;position:relative}
.service-summary-metrics article{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;min-height:74px;padding:12px 16px;display:grid}
.service-summary-metrics svg{width:42px;height:42px;color:var(--red);background:#fff2f3;border-radius:50%;padding:10px}
.service-summary-metrics span,.service-summary-metrics strong{display:block}
.service-summary-metrics span{color:#374151;margin-bottom:3px;font-size:13px}
.service-summary-metrics strong{color:var(--red);font-size:21px;font-weight:900}
.service-summary-metric-value{white-space:nowrap;width:100%;min-width:0;line-height:1.1;overflow:hidden}
.service-detail-grid{grid-template-columns:minmax(320px,.95fr) minmax(380px,1.05fr);gap:18px;margin-top:18px;display:grid}
.service-info-card,.service-order-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 24px #1118270d}
.service-block-heading{align-items:center;gap:12px;display:flex}
.service-block-heading svg{width:26px;height:26px;color:var(--red);stroke-width:2.15px}
.service-block-heading h2{margin:0;font-size:20px;font-weight:900}
.service-order-brand-icon{flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}
.service-order-brand-icon .brand-logo{justify-content:center;width:100%;height:100%}
.service-order-brand-icon .brand-logo>i{border-radius:7px;width:28px;height:28px;font-size:13px}
.service-order-brand-icon .brand-image-logo img{max-height:28px}
.service-info-card>p{color:#374151;margin:16px 0 0;line-height:1.7}
.service-card-divider{background:var(--border);height:1px;margin:20px 0 18px}
.service-benefit-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}
.service-benefit-list li{color:#374151;padding-left:30px;position:relative}
.service-benefit-list li:before{color:#fff;background:var(--red);content:"✓";border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:900;display:grid;position:absolute;top:1px;left:0}
.service-notice{color:#b91c1c;background:#fff6f6;border:1px solid #ffd8db;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:14px;min-height:68px;margin-top:16px;padding:14px 16px;display:grid}
.service-notice svg{width:28px;height:28px}
.service-order-card{align-content:start;display:grid}
.service-option-grid{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;margin-top:18px;display:grid}
.service-option-grid button{color:#111827;border:1px solid var(--border);background:#fff;border-radius:8px;min-height:40px;font-weight:800}
.service-option-grid button.is-active{color:var(--red);border-color:var(--red)}
.service-related-card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:18px;padding:24px;box-shadow:0 10px 24px #1118270d}
.service-seo-card{border:1px solid var(--border);background:radial-gradient(circle at 100% 0,#d90d1912,#0000 260px),#fff;border-radius:16px;margin-top:18px;padding:28px;box-shadow:0 10px 24px #1118270d}
.service-seo-header{align-items:flex-start;gap:14px;display:flex}
.service-seo-header-icon{color:#fff;background:var(--red);border-radius:12px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 18px #d90d1933}
.service-seo-header-icon svg{width:25px;height:25px}
.service-seo-header p{color:var(--red);letter-spacing:.09em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}
.service-seo-header h1{margin:0;font-size:clamp(22px,2.5vw,30px);line-height:1.2}
.service-seo-introduction{gap:10px;margin-top:20px;display:grid}
.service-seo-introduction p,.service-seo-section p,.service-seo-footer p{color:#4b5563;margin:0;line-height:1.75}
.service-seo-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}
.service-seo-highlights article{background:snow;border:1px solid #f2dadd;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}
.service-seo-highlights svg{width:38px;height:38px;color:var(--red);background:#fff;border:1px solid #f2dadd;border-radius:10px;padding:9px}
.service-seo-highlights h3,.service-seo-safeguards strong,.service-seo-process strong{color:#111827;margin:0;font-size:15px;font-weight:900}
.service-seo-highlights p{color:#4b5563;margin:5px 0 0;font-size:13px;line-height:1.55}
.service-seo-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}
.service-seo-section{border:1px solid var(--border);background:#fff;border-radius:14px;padding:20px}
.service-seo-section-title{align-items:center;gap:10px;display:flex}
.service-seo-section-title svg{width:23px;height:23px;color:var(--red);flex:0 0 23px}
.service-seo-section-title h3{margin:0;font-size:17px;font-weight:900;line-height:1.35}
.service-seo-check-list,.service-seo-before-ordering ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}
.service-seo-check-list li{color:#374151;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:9px;font-size:14px;line-height:1.55;display:grid}
.service-seo-check-list svg{width:19px;height:19px;color:var(--red)}
.service-seo-safeguards{gap:13px;margin-top:16px;display:grid}
.service-seo-safeguards>div{border-left:3px solid #ffd4d8;padding-left:13px}
.service-seo-safeguards p{margin-top:4px;font-size:14px;line-height:1.6}
.service-seo-process,.service-seo-before-ordering,.service-seo-faq{margin-top:16px}
.service-seo-process ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}
.service-seo-process li{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;display:grid}
.service-seo-process li>span{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:grid}
.service-seo-process p{margin-top:5px;font-size:13px;line-height:1.55}
.service-seo-before-ordering{background:snow;border-color:#f2dadd}
.service-seo-before-ordering ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-seo-before-ordering li{color:#374151;padding-left:18px;font-size:14px;line-height:1.6;position:relative}
.service-seo-before-ordering li:before{background:var(--red);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0}
.service-seo-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}
.service-seo-faq details{border:1px solid var(--border);background:#fff;border-radius:10px;padding:14px 16px}
.service-seo-faq summary{color:#111827;cursor:pointer;font-size:14px;font-weight:850;line-height:1.45}
.service-seo-faq details p{margin-top:10px;font-size:13px;line-height:1.65}
.service-seo-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding-top:18px;display:flex}
.service-seo-footer p{max-width:520px;font-size:12px;line-height:1.55}
.service-seo-footer a{color:var(--red);font-weight:800}
.service-seo-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;display:flex}
.service-seo-footer nav a{font-size:12px}
.service-related-list{scrollbar-width:thin;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-top:18px;padding-bottom:4px;display:grid;overflow-x:auto}
.service-related-item{color:#111827;text-align:center;background:snow;border:1px solid #f2dadd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:112px;padding:14px 10px;transition:border-color .15s;display:flex}
.service-related-item:hover{border-color:var(--red)}
.service-related-logo{place-items:center;width:46px;height:46px;display:grid}
.service-related-logo .brand-logo{justify-content:center;width:100%;height:100%}
.service-related-logo .brand-logo>i{border-radius:11px;width:46px;height:46px;font-size:18px}
.service-related-logo .brand-image-logo img{max-height:46px}
.service-related-item>span:last-child{font-size:13px;font-weight:850;line-height:1.35}
.service-order-fields{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:18px;margin-top:18px;display:grid}
.service-order-fields label{color:#374151;gap:8px;font-size:14px;display:grid}
.service-order-fields select,.service-order-fields input{color:#111827;background:#fff;border:1px solid #d7dde7;border-radius:8px;outline:none;width:100%;min-height:40px;padding:0 14px}
.service-order-fields select:disabled,.service-order-fields input:disabled{color:#6b7280;cursor:not-allowed;background:#f8fafc}
.service-cost-summary{border:1px solid var(--border);background:#fff;border-radius:10px;margin-top:18px;padding:0 18px}
.service-cost-summary>div{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:48px;display:grid}
.service-cost-summary>div+div{border-top:1px dashed #dfe5ee}
.service-cost-summary svg{width:20px;height:20px;color:var(--red)}
.service-cost-summary span{color:#374151}
.service-cost-summary strong{font-size:17px;font-weight:900}
.service-cost-summary>div:last-child strong{color:var(--red);font-size:19px}
.service-total-amount{text-align:right;min-width:128px;display:inline-block}
.service-order-button{color:#fff;background:var(--red);border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:46px;margin-top:14px;font-weight:900;display:inline-flex;position:relative;overflow:hidden}
.service-order-button:not(.is-disabled):after{pointer-events:none;content:"";background:linear-gradient(105deg,#0000 0%,#ffffff1a 30%,#ffffff9e 50%,#ffffff1a 70%,#0000 100%);width:46%;animation:3s ease-in-out infinite button-shine;position:absolute;inset:-42% auto -42% -70%;transform:skew(-18deg)}
.service-order-button.is-disabled{cursor:not-allowed;opacity:.48;pointer-events:none}
.service-order-button svg,.service-order-button span{z-index:1;position:relative}
.service-order-button svg{width:19px;height:19px}
.service-security-note{color:#7b8493;justify-content:center;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;display:inline-flex}
.service-security-note svg{width:17px;height:17px}
.service-order-button{cursor:pointer;border:0;width:100%}
.checkout-modal-overlay{z-index:90;-webkit-backdrop-filter:blur(7px);background:#0f172a61;place-items:center;padding:22px;display:grid;position:fixed;inset:0}
.checkout-modal{background:#fff;border:1px solid #e2e8f0f0;border-radius:18px;width:min(100%,440px);padding:38px;position:relative;box-shadow:0 25px 70px #0f172a33}
.checkout-modal-close{color:#252b37;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:20px;right:20px}
.checkout-modal-close:hover{color:var(--red);background:#fff1f1}
.checkout-modal-close svg{width:25px;height:25px}
.checkout-product-heading{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:18px;padding-right:30px;display:grid}
.checkout-modal-logo{place-items:center;width:64px;height:64px;display:grid}
.checkout-modal-logo .brand-logo,.checkout-modal-logo .brand-logo>i,.checkout-modal-logo .brand-image-logo img{width:64px;height:64px}
.checkout-modal-logo .brand-logo>i{font-size:28px}
.checkout-product-heading h2{color:#172033;margin:0;font-size:23px;font-weight:950;line-height:1.18}
.checkout-product-heading p{color:#657083;margin:7px 0 0;font-size:13px;font-weight:800;line-height:1.4}
.checkout-product-copy>strong{color:var(--red);margin-top:6px;font-size:18px;font-weight:950;line-height:1.2;display:block}
.checkout-total-card{border:1px solid #d90d1947;border-left:4px solid var(--red);background:linear-gradient(90deg,#d90d1914,#d90d1905),#fff;border-radius:10px;align-content:center;gap:12px;min-height:132px;margin-top:22px;padding:22px 24px;display:grid;position:relative;overflow:hidden}
.checkout-total-card span{color:#172033;font-size:16px;font-weight:900}
.checkout-total-card strong{color:var(--red);font-size:36px;font-weight:950;line-height:1}
.checkout-total-card svg{color:#d90d191f;stroke-width:1.5px;width:82px;height:82px;position:absolute;top:30px;right:34px}
.checkout-form{gap:17px;margin-top:24px;display:grid}
.checkout-form label{color:#172033;gap:8px;font-size:15px;font-weight:900;display:grid}
.checkout-input-wrap{background:#fff;border:1px solid #d6dde7;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:14px;min-height:48px;padding:0 16px;display:grid}
.checkout-input-wrap:focus-within{border-color:#d90d1973;box-shadow:0 0 0 4px #d90d1914}
.checkout-input-wrap svg{color:#697386;width:21px;height:21px}
.checkout-input-wrap input{color:#172033;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:46px;padding:0}
.checkout-input-wrap input::placeholder{color:#9aa3b2}
.checkout-error{color:var(--red);margin:-4px 0 0;font-size:13px;font-weight:800}
.checkout-actions{grid-template-columns:1fr 1fr;gap:22px;margin-top:10px;display:grid}
.checkout-actions button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:52px;font-weight:900;display:inline-flex}
.checkout-actions button:disabled{cursor:wait;opacity:.72}
.checkout-cancel-button{color:#172033;background:#fff;border:1px solid #d6dde7}
.checkout-cancel-button:hover{background:#f8fafc}
.checkout-submit-button{color:#fff;background:var(--red);border:1px solid var(--red);box-shadow:0 12px 24px #d90d192e}
.checkout-submit-button svg{width:18px;height:18px}
.snk-content-section ul,.snk-content-section li{list-style:none!important}
.snk-content-section ul{padding-left:0!important}
.snk-content-section li::marker{content:""!important;color:#0000!important}
.floating-chat{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:90;justify-items:end;gap:12px;display:grid;position:fixed}
.floating-chat-toggle,.floating-chat-action{color:#fff;cursor:pointer;border:0;border-radius:999px;place-items:center;width:58px;height:58px;transition:transform .22s,box-shadow .22s,filter .22s,opacity .22s;display:inline-grid;box-shadow:0 16px 38px #1519272e}
.floating-chat-toggle{background:linear-gradient(135deg, var(--red), var(--red-dark))}
.floating-chat-toggle:hover,.floating-chat-action:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 20px 44px #15192738}
.floating-chat-toggle:focus-visible,.floating-chat-action:focus-visible{outline-offset:4px;outline:3px solid #1261d847}
.floating-chat-options{opacity:0;pointer-events:none;gap:10px;transition:opacity .24s,transform .24s;display:grid;transform:translateY(10px)}
.floating-chat.is-open .floating-chat-options{opacity:1;pointer-events:auto;transform:translateY(0)}
.floating-chat-action{width:52px;height:52px}
.floating-chat-action.is-whatsapp{background:#25d366}
.floating-chat-action.is-telegram{background:#229ed9}
.floating-chat-icon{transform-origin:50%;place-items:center;width:30px;height:30px;animation:4s ease-in-out infinite floating-chat-shake;display:inline-grid}
.floating-chat-action .floating-chat-icon{width:27px;height:27px}
.floating-chat-action .floating-chat-whatsapp-icon{width:30px;height:30px;translate:0 .5px}
.floating-chat-action .floating-chat-telegram-icon{width:29px;height:29px;translate:-.5px .5px}
.floating-chat-icon svg{width:100%;height:100%;display:block}

/* ---------- Keyframes ---------- */
@keyframes button-shine{0%,58%{left:-70%}
78%,to{left:125%}
}
@keyframes marquee{0%{transform:translate(0)}
to{transform:translate(-50%)}
}
@keyframes floating-chat-shake{0%,78%,to{transform:rotate(0)scale(1)}
80%{transform:rotate(-8deg)scale(1.03)}
82%{transform:rotate(8deg)scale(1.03)}
84%{transform:rotate(-6deg)scale(1.02)}
86%{transform:rotate(6deg)scale(1.02)}
88%{transform:rotate(0)scale(1)}
}

/* ---------- Hero keyframes & responsive (from hero-original.css) ---------- */
@keyframes credit-card-peek { 
  0%, 16%, 100% { transform: translate(0px) rotate(-8deg); }
  38%, 58% { transform: translate(96px) rotate(-2deg); }
  76% { transform: translate(18px) rotate(-7deg); }
}

@keyframes credit-card-peek-mobile { 
  0%, 16%, 100% { transform: translate(0px) rotate(-8deg); }
  38%, 58% { transform: translate(116px) rotate(-2deg); }
  76% { transform: translate(34px) rotate(-7deg); }
}

@media (max-width: 1100px) {
.hero { grid-template-columns: 1fr; padding-top: 112px; }
.hero-copy { max-width: 780px; }
.hero-visual { width: min(100%, 610px); margin-inline: auto; }
}

@media (max-width: 840px) {
.container { width: min(100% - 28px, 1200px); }
.site-header { padding-inline: 14px; top: 12px; }
.nav-shell { justify-content: space-between; min-height: 62px; padding: 0px 14px; display: flex; }
.brand { font-size: 23px; }
.logo-image { flex-basis: 34px; width: 34px; height: 34px; }
.menu-toggle { display: inline-flex; }
.nav-panel { opacity: 0; visibility: hidden; pointer-events: none; background: rgba(255, 255, 255, 0.97); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 20px; flex-direction: column; align-items: stretch; gap: 0px; max-height: 0px; padding: 0px 18px; transition: max-height 0.32s cubic-bezier(0.22, 1, 0.36, 1), padding 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s, transform 0.26s cubic-bezier(0.22, 1, 0.36, 1), visibility linear 0.32s; display: flex; position: absolute; top: calc(100% + 8px); left: 0px; right: 0px; overflow: hidden; transform: translateY(-8px) scale(0.98); box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 40px; }
.nav-panel.is-open { opacity: 1; visibility: visible; pointer-events: auto; max-height: 360px; padding: 18px; transition: max-height 0.32s cubic-bezier(0.22, 1, 0.36, 1), padding 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s, transform 0.26s cubic-bezier(0.22, 1, 0.36, 1), visibility; transform: translateY(0px) scale(1); }
.nav-links { flex-direction: column; align-items: stretch; gap: 0px; width: 100%; }
.nav-links a:not(.nav-cta) { padding: 14px; }
.nav-links a:not(.nav-cta)::after { display: none; }
.nav-cta { justify-self: stretch; width: 100%; margin-top: 8px; }
.hero { padding-top: 88px; padding-bottom: 28px; }
.hero h1 { max-width: 100%; font-size: 36px; }
.hero p { font-size: 15px; }
.hero-actions { gap: 12px; }
.btn { width: 100%; }
.hero-highlights span { flex: 1 1 100%; }
.hero-visual { transform-origin: center top; min-height: 385px; transform: scale(0.93); }
.globe { width: 360px; top: 22px; left: 52px; }
.invoice-card { width: 234px; right: 102px; }
.payment-pill { width: 148px; right: -18px; }
.payment-pill strong { font-size: 18px; }
.credit-card { animation-name: credit-card-peek-mobile; left: -72px; }
.shield-badge { bottom: -22px; right: -18px; }
}

@media (max-width: 520px) {
.container { width: calc(100% - 28px); max-width: none; margin-inline: auto; }
.site-header { width: 100%; padding-inline: 14px; left: 0px; right: 0px; transform: none; }
.nav-shell { border-radius: 18px; min-height: 58px; padding-inline: 12px; }
.nav-panel { border-radius: 16px; }
.nav-panel.is-open { padding: 14px; }
.hero h1 { max-width: 100%; font-size: 31px; }
.hero-copy, .hero p { max-width: 100%; }
.hero p { overflow-wrap: break-word; }
.hero-badge { max-width: 100%; }
.hero-visual { transform-origin: center top; width: 100%; max-width: none; min-height: 325px; margin-bottom: -68px; transform: scale(0.72); }
.hero-actions { margin-top: 24px; }
}

/* ---------- Section responsive ---------- */
@media (max-width:1100px){
.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-hero{grid-template-columns:1fr;padding-top:136px}
.catalog-visual{width:min(100%,610px);margin-inline:auto}
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.payment-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}
.payment-card{flex:none}
.snk-hero-inner{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}
.snk-layout{grid-template-columns:230px minmax(0,1fr);gap:24px}
.steps-grid{gap:16px}
.step-card:before,.step-card:after{display:none}
.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.article-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:24px}
.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.article-editor-grid{grid-template-columns:1fr}
.article-editor-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
.snk-admin-grid,.service-summary-card,.service-detail-grid{grid-template-columns:1fr}
.service-order-card{order:1}
.service-info-card{order:2}
.faq-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(370px,1fr);gap:24px}
.faq-hero h1{font-size:42px}
.faq-speech-red{transform-origin:50%;left:70px;transform:scale(.9)}
.faq-speech-white{transform-origin:50%;right:26px;transform:scale(.92)}
}
@media (max-width:840px){
.snk-page{background:linear-gradient(#fff7f7 0 420px,#fff 420px 100%),#fff}
.snk-hero,.snk-hero-inner{min-height:420px}
.snk-hero-inner{padding-top:126px;display:block}
.snk-hero-copy{max-width:440px}
.snk-hero-copy h1{white-space:normal;font-size:39px}
.snk-hero-copy p{font-size:14px}
.snk-hero-art{width:100vw;height:auto;top:0;bottom:0;left:50%;transform:translate(-50%)}
.snk-hero-art img{object-position:66% center}
.snk-layout{grid-template-columns:1fr;padding-top:20px}
.snk-sidebar{position:static}
.snk-sidebar-pin,.snk-sidebar-pin.is-fixed,.snk-sidebar-pin.is-bottom{width:100%;position:static}
.snk-toc-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:14px}
.snk-toc button{border-radius:8px;min-height:44px;padding:0 12px}
.snk-toc button:before{display:none}
.snk-help-card{grid-template-columns:38px minmax(0,1fr)}
.snk-content{padding:24px 20px}
.snk-content-section{scroll-margin-top:92px}
.snk-content-section p,.snk-content-section ul{margin-left:0}
.btn{width:100%}
.trust-grid,.seo-content-grid,.fees-grid,.faq-grid,.steps-grid{grid-template-columns:1fr}
.seo-content-intro h2{font-size:21px}
.seo-content-card{padding:21px 20px}
.about-card{border-radius:24px;padding:28px 22px}
.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-hero{padding-top:112px}
.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}
.payment-card{min-height:58px;padding:8px 7px}
.payment-card .brand-image-logo img{max-height:30px}
.footer-grid{grid-template-columns:1fr;gap:28px}
.footer-col{border-left:0;padding-left:0}
.footer-bottom-inner{padding-block:18px}
.article-hero-inner{min-height:620px;padding-top:108px;display:block}
.article-hero-copy{max-width:520px}
.article-hero-copy h1{font-size:39px}
.article-hero-art{min-height:285px;margin-top:10px}
.article-browser{width:min(360px,100vw - 110px);right:58px}
.article-editor-topbar,.article-editor-actions,.article-editor-footer{flex-direction:column;align-items:stretch}
.article-editor-actions{justify-content:stretch}
.article-editor-actions>button,.article-publish-split{width:100%}
.article-publish-main{flex:1}
.article-editor-sidebar{grid-template-columns:1fr}
.article-rich-editor,.article-html-editor{min-height:520px;padding:28px 20px}
.faq-hero,.faq-hero-inner{min-height:610px}
.faq-hero-inner{padding-top:112px;display:block}
.faq-hero-copy{max-width:420px}
.faq-hero h1{font-size:38px}
.faq-hero-visual{min-height:300px;margin-top:10px}
.faq-hero:before{width:100vw;height:310px;right:-22vw}
.faq-speech-red{top:44px;left:42%;transform:translate(-50%)scale(.75)}
.faq-speech-white{top:93px;right:6%;transform:scale(.76)}
.faq-question-mark{font-size:55px;top:12px;right:18%}
.faq-dot-grid-top{top:0;left:34%}
.faq-small-ring{top:170px;left:13%}
.faq-directory{margin-top:-24px}
.faq-list-card{padding:12px 14px}
.faq-contact-card{grid-template-columns:56px minmax(0,1fr);padding:22px}
.faq-contact-button{grid-column:1/-1;width:max-content}
}
@media (max-width:720px){
.article-admin-list .admin-table-viewport{overflow:visible}
.article-admin-table{table-layout:auto;min-width:0;display:block}
.article-admin-table colgroup,.article-admin-table thead{display:none}
.article-admin-table tbody{gap:12px;display:grid}
.article-admin-table tr{border:1px solid var(--border);background:#fff;border-radius:8px;gap:0;padding:4px 14px;display:grid;box-shadow:0 10px 24px #0f172a0d}
.article-admin-table td{white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #eef2f7;grid-template-columns:minmax(112px,.42fr) minmax(0,1fr);align-items:start;gap:12px;min-height:42px;padding:11px 0;display:grid}
.article-admin-table td:last-child{border-bottom:0}
.article-admin-table td:before{color:#6b7280;text-transform:uppercase;content:attr(data-label);font-size:11px;font-weight:900;line-height:1.35}
.article-admin-table .admin-empty-state{height:auto;padding:28px 0;display:block}
.article-admin-table .admin-empty-state:before{display:none}
.article-admin-link{min-width:0}
.article-admin-link svg{margin-top:2px}
.article-admin-table .admin-table-actions{text-align:left;white-space:normal;align-items:center;gap:8px;width:auto;padding-right:0;display:flex}
.article-admin-table .admin-table-actions:before{flex:auto}
.article-admin-table .admin-table-actions .admin-icon-button+.admin-icon-button{margin-left:0}
}
@media (max-width:640px){
.service-seo-card{padding:18px}
.service-seo-header-icon{flex-basis:40px;width:40px;height:40px}
.service-seo-header h1{font-size:21px}
.service-seo-highlights,.service-seo-content-grid,.service-seo-process ol,.service-seo-before-ordering ul,.service-seo-faq-list{grid-template-columns:1fr}
.service-seo-section{padding:16px}
.service-seo-footer{flex-direction:column;align-items:flex-start}
.service-seo-footer nav{justify-content:flex-start}
.service-related-card{padding:18px}
.service-related-list{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible}
.service-related-item{min-width:0;padding-inline:6px}
.service-related-item:nth-child(n+4){display:none}
.checkout-modal{border-radius:15px;max-height:calc(100vh - 28px);padding:34px 22px 24px;overflow:auto}
.checkout-modal-close{top:12px;right:12px}
.checkout-product-heading{grid-template-columns:60px minmax(0,1fr);gap:15px;padding-right:32px}
.checkout-modal-logo,.checkout-modal-logo .brand-logo,.checkout-modal-logo .brand-logo>i,.checkout-modal-logo .brand-image-logo img{width:60px;height:60px}
.checkout-product-heading h2{font-size:20px}
.checkout-total-card{min-height:112px;padding:20px}
.checkout-total-card strong{font-size:30px}
.checkout-total-card svg{width:62px;height:62px;top:30px;right:18px}
.checkout-actions{grid-template-columns:1fr;gap:10px}
}
@media (max-width:520px){
.snk-hero-copy h1{font-size:34px}
.snk-hero-copy p{max-width:330px}
.article-hero-inner{min-height:570px}
.article-hero-copy h1{font-size:33px}
.article-hero-copy p{max-width:330px;font-size:13px}
.article-hero-art{min-height:245px}
.article-browser{transform-origin:100% 0;width:min(300px,100vw - 64px);right:32px;transform:scale(.86)rotate(3deg)}
.article-plant{transform-origin:100% 100%;right:0;transform:scale(.75)}
.article-grid{grid-template-columns:1fr}
.article-detail-page{padding-top:108px;padding-bottom:54px}
.article-breadcrumb{flex-wrap:wrap;row-gap:7px}
.article-detail-cover{aspect-ratio:1.35}
.article-detail-facts{grid-template-columns:1fr}
.article-detail-facts div{padding:13px 0 0}
.article-detail-facts div+div{border-left:0;padding-left:0}
.article-related-heading{align-items:flex-start}
.article-related-grid{grid-template-columns:1fr}
.article-side-card label{grid-template-columns:1fr;gap:7px}
.article-date-row,.article-featured-actions{grid-template-columns:1fr}
.snk-hero-art{width:100vw;height:auto;left:50%;right:auto}
.snk-toc-list{grid-template-columns:1fr}
.snk-section-heading{grid-template-columns:30px minmax(0,1fr)}
.snk-section-heading h2{font-size:18px}
.marquee-wrap{width:100%}
.merchant-card{width:176px;height:64px;padding-inline:14px}
.brand-image-logo img{max-height:44px}
.merchant-title{font-size:17px}
.trust-card,.fee-card,.step-card{text-align:center;grid-template-columns:1fr}
.trust-icon,.fee-icon,.step-icon{margin-inline:auto}
.service-card{border-radius:12px;min-height:218px;padding:18px 12px}
.service-card .brand-logo{margin-bottom:10px}
.service-card h3{font-size:14px}
.service-card p{font-size:12px;line-height:1.45}
.mini-btn{gap:7px;padding:0 10px;font-size:11px}
.payment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}
.payment-card{min-height:54px;padding:7px 5px}
.payment-card .brand-image-logo img{max-height:27px}
.footer-services>div{columns:1}
.contact-list a,.contact-list span{white-space:normal}
.page-hero{padding-top:94px}
.catalog-hero{gap:22px}
.catalog-hero h1{font-size:27px}
.catalog-hero p{font-size:14px}
.catalog-search{width:100%}
.catalog-visual{min-height:250px}
.catalog-float-lines{top:24px;left:14px}
.catalog-float-wifi{top:22px;left:auto;right:118px}
.catalog-float-shield{top:18px;right:50px}
.catalog-float-cart{top:76px;right:12px}
.catalog-float-lock{bottom:24px;left:18px}
.catalog-laptop{width:180px;height:138px;top:42px;left:50%;transform:translate(-50%)}
.catalog-bank-card{width:112px;min-height:72px;bottom:34px;left:12px}
.catalog-phone{gap:10px;width:62px;min-height:122px;padding:13px 7px;bottom:18px;right:18px}
.catalog-rate{top:82px;left:18px}
.catalog-summary{min-width:100px;min-height:50px;bottom:24px;right:92px}
.catalog-wallet{display:none}
.catalog-receipt{width:46px;height:46px;bottom:92px;left:auto;right:145px}
.catalog-visual-ring{width:96px;height:96px;bottom:6px;left:8px}
.catalog-laptop-screen strong{font-size:18px}
.catalog-laptop-screen i{width:88px}
.catalog-card-action{width:min(100%,128px)}
.catalog-bank-card strong,.catalog-summary strong{font-size:11px}
.catalog-card{min-height:170px}
.catalog-bank-card span{font-size:9px}
.catalog-phone span{font-size:10px}
.catalog-phone strong{font-size:9px}
.catalog-float-lock{width:36px;height:36px}
.catalog-float-lock svg{width:16px;height:16px}
.catalog-rate{min-height:30px;padding-inline:10px}
.catalog-summary span{font-size:9px}
.service-detail-page{padding-top:94px;padding-bottom:44px}
.service-summary-card{gap:20px;padding:18px}
.service-summary-brand{gap:16px}
.service-summary-logo{width:58px;height:58px}
.service-summary-logo .brand-logo>i{width:58px;height:58px;font-size:23px}
.service-summary-logo .brand-image-logo img{max-height:58px}
.service-summary-intro{grid-template-columns:none;padding:10px 11px;display:block}
.service-summary-intro p{font-size:12px;line-height:1.5}
.service-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.service-summary-metrics article{text-align:center;grid-template-columns:1fr;justify-items:center;gap:6px;min-width:0;min-height:78px;padding:9px 7px}
.service-summary-metrics article>div{width:100%;min-width:0}
.service-summary-metrics svg{width:28px;height:28px;padding:6px}
.service-summary-metrics span{white-space:nowrap;margin-bottom:4px;font-size:10px;line-height:1.1}
.service-info-card,.service-order-card{padding:18px}
.service-order-fields{grid-template-columns:1fr}
.faq-hero,.faq-hero-inner{min-height:560px}
.faq-hero h1{font-size:34px}
.faq-hero p{max-width:330px;font-size:13px}
.faq-hero-visual{min-height:255px}
.faq-speech-red{left:39%;transform:translate(-50%)scale(.58)}
.faq-speech-white{right:-25px;transform:scale(.6)}
.faq-question-mark{font-size:46px;right:8%}
.faq-dot-grid-side,.faq-line-ring{display:none}
.faq-directory{padding-bottom:44px}
.faq-search-row{width:100%}
.faq-page-card .faq-accordion-trigger,.faq-card .faq-accordion-trigger{grid-template-columns:minmax(0,1fr) 24px;gap:12px;padding-inline:12px;font-size:13px}
.faq-page-card .faq-accordion-panel p,.faq-card .faq-accordion-panel p{padding-inline:12px;font-size:13px}
.faq-contact-card{grid-template-columns:1fr;gap:14px;padding:22px 18px}
.faq-contact-icon{width:58px;height:58px}
.faq-contact-card h2{font-size:20px}
.floating-chat{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom))}
.floating-chat-toggle{width:54px;height:54px}
.floating-chat-action{width:49px;height:49px}
}
@media (max-width:440px){
.article-admin-table td{grid-template-columns:1fr;gap:5px}
.article-admin-table .admin-table-actions{gap:8px}
}
@media (prefers-reduced-motion:reduce){
.floating-chat-icon{animation:none}
}

/* ---------- Service detail CSS-module chunk (0u0nsb3kjxnjb.css) ---------- */
.ServiceGuarantee-module__cxe5fq__card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:18px;padding:24px;box-shadow:0 10px 24px #1118270d}.ServiceGuarantee-module__cxe5fq__heading{align-items:center;gap:12px;display:flex}.ServiceGuarantee-module__cxe5fq__heading>svg{width:26px;height:26px;color:var(--red);stroke-width:2.15px}.ServiceGuarantee-module__cxe5fq__heading h2{margin:0;font-size:20px;font-weight:900}.ServiceGuarantee-module__cxe5fq__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.ServiceGuarantee-module__cxe5fq__item{background:snow;border:1px solid #f2dadd;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:12px;padding:18px;display:grid}.ServiceGuarantee-module__cxe5fq__itemIcon{width:38px;height:38px;color:var(--red);background:#fff;border:1px solid #f2c7cb;border-radius:10px;place-items:center;display:grid}.ServiceGuarantee-module__cxe5fq__itemIcon svg{width:20px;height:20px}.ServiceGuarantee-module__cxe5fq__item h3{color:#111827;margin:0;font-size:15px;font-weight:900;line-height:1.4}.ServiceGuarantee-module__cxe5fq__item p{color:#4b5563;margin:6px 0 0;font-size:13px;line-height:1.65}@media (max-width:760px){.ServiceGuarantee-module__cxe5fq__card{padding:18px}.ServiceGuarantee-module__cxe5fq__grid{grid-template-columns:1fr}}
.ServiceSeoGuideHeader-module__XdBqVq__header{align-items:center}.ServiceSeoGuideHeader-module__XdBqVq__header h1{font-weight:900}.ServiceSeoGuideHeader-module__XdBqVq__brand{background:#fff;border:1px solid #ead8da;border-radius:12px;flex:0 0 46px;place-items:center;width:46px;height:46px;padding:6px;display:grid;overflow:hidden;box-shadow:0 8px 18px #11182714}.ServiceSeoGuideHeader-module__XdBqVq__brand .brand-logo{justify-content:center;width:100%;height:100%}.ServiceSeoGuideHeader-module__XdBqVq__brand .brand-logo>i{border-radius:8px;width:32px;height:32px;font-size:15px}.ServiceSeoGuideHeader-module__XdBqVq__brand .brand-image-logo img{object-fit:contain;width:100%;max-width:100%;max-height:32px}@media (max-width:640px){.ServiceSeoGuideHeader-module__XdBqVq__brand{flex-basis:40px;width:40px;height:40px;padding:5px}.ServiceSeoGuideHeader-module__XdBqVq__brand .brand-logo>i{width:28px;height:28px}.ServiceSeoGuideHeader-module__XdBqVq__brand .brand-image-logo img{max-height:28px}}
.ServiceSeoIntroduction-module__ThOETW__more{gap:10px;display:grid}.ServiceSeoIntroduction-module__ThOETW__toggle{width:max-content;color:var(--red);font:inherit;cursor:pointer;background:0 0;border:0;align-self:start;align-items:center;gap:6px;margin-top:2px;padding:0;font-size:13px;font-weight:900;display:inline-flex}.ServiceSeoIntroduction-module__ThOETW__toggle:hover{text-underline-offset:3px;text-decoration:underline}.ServiceSeoIntroduction-module__ThOETW__toggle:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:2px}.ServiceSeoIntroduction-module__ThOETW__toggle svg{width:16px;height:16px;transition:transform .16s}.ServiceSeoIntroduction-module__ThOETW__toggleExpanded svg{transform:rotate(180deg)}
.ServicePaymentMethods-module__yMWTJq__card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-top:18px;padding:24px;box-shadow:0 10px 24px #1118270d}.ServicePaymentMethods-module__yMWTJq__heading{align-items:center;gap:14px;display:flex}.ServicePaymentMethods-module__yMWTJq__icon{width:28px;height:28px;color:var(--red);flex:0 0 28px;place-items:center;display:grid}.ServicePaymentMethods-module__yMWTJq__icon svg{width:24px;height:24px}.ServicePaymentMethods-module__yMWTJq__heading h2{margin:0;font-size:20px;font-weight:900}.ServicePaymentMethods-module__yMWTJq__heading p{color:#6b7280;margin:4px 0 0;font-size:14px;line-height:1.5}.ServicePaymentMethods-module__yMWTJq__grid{scrollbar-width:thin;grid-template-columns:repeat(11,minmax(0,1fr));gap:10px;margin-top:20px;padding-bottom:4px;display:grid;overflow-x:auto}.ServicePaymentMethods-module__yMWTJq__item{background:snow;border:1px solid #f2dadd;border-radius:10px;justify-content:center;align-items:center;min-width:0;min-height:70px;padding:10px 12px;display:flex}.ServicePaymentMethods-module__yMWTJq__item .brand-image-logo{justify-content:center;width:100%}.ServicePaymentMethods-module__yMWTJq__item .brand-image-logo img{object-fit:contain;width:auto;max-width:100%;max-height:38px}@media (max-width:640px){.ServicePaymentMethods-module__yMWTJq__card{padding:18px}.ServicePaymentMethods-module__yMWTJq__heading{align-items:flex-start}.ServicePaymentMethods-module__yMWTJq__grid{grid-template-columns:repeat(11,88px)}.ServicePaymentMethods-module__yMWTJq__item{min-height:62px;padding:8px}.ServicePaymentMethods-module__yMWTJq__item .brand-image-logo img{max-height:32px}}
.ServiceSummaryTitle-module__3RSTiG__title{margin:0;font-size:38px;font-weight:950;line-height:1.15}@media (max-width:520px){.ServiceSummaryTitle-module__3RSTiG__title{font-size:24px;line-height:1.12}}

/* ---------- Base reset carried over from Tailwind preflight ---------- */
[hidden]:where(:not([hidden=until-found])){display:none!important}