/* SME reference pricing block — v2026.08.26.7 */
.sme-page .sme-reference-pricing{background:#fff!important;border-top:0!important;border-bottom:0!important}
.sme-page .sme-reference-title{margin:0 auto 34px;text-align:center}
.sme-page .sme-reference-title h2{margin:0;color:#0b1733;font-size:clamp(34px,4.2vw,58px);font-weight:900;line-height:1.05;letter-spacing:-.02em}
.sme-page .sme-reference-title .title-chip{display:inline-block;margin-right:10px;padding:10px 24px;border-radius:16px;background:#09193b;color:#fff;font-size:.58em;vertical-align:.13em}
.sme-page .sme-reference-title em{color:#f04413;font-style:normal}
.sme-page .sme-reference-title p{margin:14px 0 0;color:#16213a;font-size:clamp(19px,2vw,28px);font-weight:700}
.sme-page .sme-reference-title p strong{color:#f04413;font-size:1.12em}
.sme-page .sme-reference-title:after{display:block;width:min(100%,980px);aspect-ratio:1269/1240;margin:34px auto 0;border:1px solid #e8eaee;border-radius:24px;background:url('/assets/media/sme/sme-monthly-content-package-3900.webp') center/contain no-repeat #fff;box-shadow:0 18px 48px rgba(16,24,40,.10);content:""}

.sme-page .sme-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.sme-page .sme-reference-card{--pkg:#0b873c;--pkg-soft:#f2fbf5;--pkg-line:#9ed5b0;position:relative;display:flex;min-width:0;flex-direction:column;overflow:visible;padding:0 20px 20px;border:1.5px solid var(--pkg-line);border-radius:22px;background:linear-gradient(180deg,var(--pkg-soft) 0%,#fff 22%,#fff 100%)}
.sme-page .sme-reference-card.starter{--pkg:#0f55b8;--pkg-soft:#f1f6ff;--pkg-line:#a9c5ed}
.sme-page .sme-reference-card.standard{--pkg:#f04413;--pkg-soft:#fff5ef;--pkg-line:#f5b497}
.sme-page .sme-reference-card:before,.sme-page .sme-reference-card:after{position:absolute;top:0;height:58px;content:"";pointer-events:none}.sme-page .sme-reference-card:before{left:0;width:42%;background:linear-gradient(155deg,color-mix(in srgb,var(--pkg) 10%,white),transparent);clip-path:polygon(0 0,100% 0,72% 100%,0 75%)}.sme-page .sme-reference-card:after{right:0;width:42%;background:linear-gradient(205deg,color-mix(in srgb,var(--pkg) 10%,white),transparent);clip-path:polygon(0 0,100% 0,100% 75%,28% 100%)}
.sme-page .card-ribbon{position:relative;z-index:2;display:flex;width:62%;min-height:54px;align-items:center;justify-content:center;margin:0 auto 14px;border-radius:0 0 24px 24px;background:linear-gradient(180deg,color-mix(in srgb,var(--pkg) 84%,black),var(--pkg));color:#fff;font-size:24px;font-weight:900;letter-spacing:.015em}
.sme-page .popular-badge{position:absolute;z-index:4;top:-34px;right:-8px;padding:8px 14px;border-radius:999px;background:#f04413;color:#fff;font-size:15px;font-weight:900;box-shadow:0 4px 10px rgba(240,68,19,.16)}
.sme-page .price-old{margin-top:0;color:#555;font-size:21px;font-weight:700;text-align:center;text-decoration:line-through;text-decoration-color:#e34835;text-decoration-thickness:2px}
.sme-page .price-main{margin-top:4px;color:var(--pkg);font-size:clamp(50px,4.8vw,68px);font-weight:900;line-height:1;text-align:center;letter-spacing:-.04em}
.sme-page .price-period{margin-top:7px;color:#19233b;font-size:18px;font-weight:800;text-align:center}
.sme-page .package-badge{display:flex;align-items:center;justify-content:center;align-self:center;gap:8px;margin-top:13px;padding:8px 18px;border-radius:999px;background:color-mix(in srgb,var(--pkg) 9%,white);color:var(--pkg);font-size:16px;font-weight:900}
.sme-page .package-fit{min-height:108px;margin:23px 0 0;color:#19233b;font-size:15px;font-weight:600;line-height:1.6;text-align:center}
.sme-page .package-rule{height:1px;margin:3px 0 16px;background:color-mix(in srgb,var(--pkg) 28%,#e5e7eb)}
.sme-page .benefit-title{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:var(--pkg);font-size:18px;font-weight:900}
.sme-page .benefit-list{margin:0;padding:0;list-style:none}
.sme-page .benefit-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;min-height:72px;padding:10px 0;border-bottom:1px dashed color-mix(in srgb,var(--pkg) 23%,#d9dee7)}
.sme-page .benefit-list li:last-child{border-bottom:0}
.sme-page .benefit-list .ico{display:grid;width:34px;height:40px;place-items:center;border:2px solid var(--pkg);border-radius:6px;color:var(--pkg);font-size:17px;font-style:normal;font-weight:900}
.sme-page .benefit-list div{min-width:0}.sme-page .benefit-list strong,.sme-page .benefit-list span{display:block;color:#172033}.sme-page .benefit-list strong{font-size:14px;font-weight:800;line-height:1.3}.sme-page .benefit-list span{margin-top:2px;font-size:15px;font-weight:900;line-height:1.25}
.sme-page .package-cta{display:flex;min-height:54px;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:12px 16px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--pkg) 92%,white),var(--pkg));color:#fff;font-size:16px;font-weight:900;text-align:center;box-shadow:none}.sme-page .package-cta:hover{color:#fff;filter:brightness(.97)}.sme-page .package-cta>span{line-height:1.2}

.sme-page .sme-reference-trust{display:grid;grid-template-columns:repeat(5,1fr);margin-top:24px;padding:22px 18px;border:1px solid #dde2ea;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(16,24,40,.06)}
.sme-page .sme-reference-trust>div{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:4px 14px;border-right:1px solid #dde2ea}.sme-page .sme-reference-trust>div:last-child{border-right:0}
.sme-page .sme-reference-trust b{display:grid;flex:0 0 auto;width:48px;height:48px;place-items:center;color:#0b1733;font-size:30px;font-weight:900}.sme-page .sme-reference-trust span{display:flex;min-width:0;flex-direction:column}.sme-page .sme-reference-trust strong{color:#172033;font-size:13px;line-height:1.25}.sme-page .sme-reference-trust small{margin-top:4px;color:#344054;font-size:12px;line-height:1.25}

@media(max-width:1100px){.sme-page .sme-reference-grid{gap:16px}.sme-page .sme-reference-card{padding-inline:16px}.sme-page .benefit-list strong{font-size:13px}.sme-page .benefit-list span{font-size:14px}.sme-page .sme-reference-trust{grid-template-columns:repeat(2,1fr)}.sme-page .sme-reference-trust>div{border-right:0;border-bottom:1px solid #dde2ea}.sme-page .sme-reference-trust>div:last-child{grid-column:1/-1;border-bottom:0}}
@media(max-width:820px){.sme-page .sme-reference-grid{grid-template-columns:1fr;gap:34px}.sme-page .sme-reference-card{width:100%;max-width:620px;margin:0 auto}.sme-page .popular-badge{top:-18px;right:12px}.sme-page .package-fit{min-height:0}.sme-page .sme-reference-title h2{font-size:clamp(32px,8vw,46px)}}
@media(max-width:520px){.sme-page .sme-reference-title .title-chip{display:block;width:max-content;margin:0 auto 10px;padding:8px 18px}.sme-page .sme-reference-title p{font-size:18px;line-height:1.45}.sme-page .sme-reference-title:after{margin-top:24px;border-radius:16px}.sme-page .sme-reference-card{padding-inline:15px}.sme-page .card-ribbon{width:66%;font-size:22px}.sme-page .price-main{font-size:52px}.sme-page .package-fit br{display:none}.sme-page .sme-reference-trust{grid-template-columns:1fr;padding:14px}.sme-page .sme-reference-trust>div,.sme-page .sme-reference-trust>div:last-child{grid-column:auto;justify-content:flex-start;border-bottom:1px solid #dde2ea}.sme-page .sme-reference-trust>div:last-child{border-bottom:0}}

/* SME hero — readable service workflow, aligned with homepage sales hierarchy */
.sme-page .sme-hero-visual{border-color:rgba(255,255,255,.28);box-shadow:0 28px 72px rgba(0,0,0,.30)}
.sme-page .sme-hero-photo:after{inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(5,12,24,.82))}
.sme-page .sme-hero-photo figcaption{right:22px;bottom:20px;left:22px}
.sme-page .sme-hero-photo figcaption strong{font-size:20px;line-height:1.3;letter-spacing:-.01em}
.sme-page .sme-hero-photo figcaption span{margin-top:6px;color:#f2f4f7;font-size:13px;line-height:1.45}
.sme-page .sme-hero-process{border-top:1px solid #eef0f3;background:#fff}
.sme-page .sme-hero-process>div{grid-template-columns:36px minmax(0,1fr);gap:3px 10px;padding:17px 13px}
.sme-page .sme-hero-process span{width:34px;height:34px;border-radius:10px;background:#fff0e9;color:#c83e13;font-size:11px;box-shadow:inset 0 0 0 1px #ffd7c8}
.sme-page .sme-hero-process strong{overflow:visible;color:#172033;font-size:13px;line-height:1.25;text-overflow:clip;white-space:normal}
.sme-page .sme-hero-process small{overflow:visible;color:#667085;font-size:11px;line-height:1.35;text-overflow:clip;white-space:normal}
@media(max-width:720px){.sme-page .sme-hero-photo figcaption{right:16px;bottom:15px;left:16px}.sme-page .sme-hero-photo figcaption strong{font-size:18px}.sme-page .sme-hero-photo figcaption span{font-size:12px;line-height:1.4}.sme-page .sme-hero-process>div{grid-template-columns:34px minmax(0,1fr);padding:15px 12px}.sme-page .sme-hero-process span{width:32px;height:32px;font-size:10px}.sme-page .sme-hero-process strong{font-size:13px}.sme-page .sme-hero-process small{font-size:10.5px}}