/* SMS Relay Public v4 — professional editorial SaaS polish.
   Visual inspiration: spacious editorial sections, premium cards, layered hero,
   rounded statistic strip and mobile-first navigation. No external identity/assets copied. */
:root{
  --sms-v4-navy:#07182f;
  --sms-v4-navy-2:#0b2448;
  --sms-v4-blue:#2867f0;
  --sms-v4-blue-2:#5b70ff;
  --sms-v4-cyan:#19bfd0;
  --sms-v4-ink:#0f172a;
  --sms-v4-brand:#2867f0;
  --sms-v4-cream:#f7faff;
  --sms-v4-soft:#edf4ff;
  --sms-v4-line:rgba(11,31,58,.09);
  --sms-v4-shadow:0 28px 90px rgba(8,31,65,.12);
  --sms-v4-shadow-soft:0 18px 54px rgba(8,31,65,.08);
}
html{scroll-behavior:smooth}
.sms-public-page{background:#fff;color:#0f172a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.sms-public-page::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 88% 6%,rgba(40,103,240,.07),transparent 27%),radial-gradient(circle at 8% 32%,rgba(25,191,208,.05),transparent 26%)}
.sms-public-page .sms-site{max-width:1360px;padding:0 20px 112px}
.sms-public-page .sms-site>section{margin-top:clamp(46px,7vw,92px)}
.sms-topbar{width:min(1420px,calc(100% - 32px));max-width:none;margin:14px auto 0;padding:12px 18px 12px 22px;border:1px solid rgba(12,38,78,.08);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 12px 42px rgba(8,31,65,.07);backdrop-filter:blur(18px);transition:.2s box-shadow,.2s transform,.2s background}
.sms-topbar.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 22px 60px rgba(8,31,65,.12)}
.sms-topbar-brand{padding:4px 0}.sms-topbar-brand .brand-logo{height:48px;max-width:220px;object-fit:contain}
.sms-nav{gap:12px}.sms-nav-links{gap:4px}.sms-nav a.sms-nav-link{padding:10px 13px;font-size:13px;letter-spacing:.01em}.sms-nav a.sms-nav-link:hover,.sms-nav a.sms-nav-link.active{background:var(--sms-v4-soft);border-color:rgba(40,103,240,.08);color:#174ebd}
.sms-topbar-actions{gap:8px}.sms-btn{min-height:46px;padding:11px 18px;border-radius:999px;border-color:rgba(11,31,58,.10);font-weight:850;transition:.18s transform,.18s box-shadow,.18s border-color,.18s background}.sms-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(8,31,65,.11)}
.sms-btn.primary{background:linear-gradient(135deg,var(--sms-v4-blue),var(--sms-v4-blue-2));box-shadow:0 16px 38px rgba(40,103,240,.28)}
.sms-nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(11,31,58,.1);border-radius:16px;background:#fff;color:var(--sms-v4-navy);font-size:22px;cursor:pointer}
.sms-nav-toggle span,.sms-nav-toggle::before,.sms-nav-toggle::after{content:"";display:block;width:18px;height:2px;border-radius:99px;background:currentColor;transition:.2s}.sms-nav-toggle{gap:4px;flex-direction:column}.sms-topbar.nav-open .sms-nav-toggle span{opacity:0}.sms-topbar.nav-open .sms-nav-toggle::before{transform:translateY(6px) rotate(45deg)}.sms-topbar.nav-open .sms-nav-toggle::after{transform:translateY(-6px) rotate(-45deg)}

.sms-hero{min-height:clamp(620px,78vh,820px);display:grid;align-items:center;padding:clamp(32px,5vw,72px);border:0;border-radius:44px;background:radial-gradient(circle at 80% 16%,rgba(40,103,240,.22),transparent 27%),radial-gradient(circle at 10% 90%,rgba(25,191,208,.13),transparent 30%),linear-gradient(135deg,#f8fbff 0%,#fff 43%,#eaf1ff 100%);box-shadow:0 30px 100px rgba(8,31,65,.12)}
.sms-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(8,31,65,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,31,65,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent)}
.sms-hero::after{width:420px;height:420px;inset:auto -110px -160px auto;background:radial-gradient(circle,rgba(25,191,208,.16),transparent 68%)}
.sms-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:clamp(34px,6vw,86px)}
.sms-hero-copy{z-index:2}.sms-section-kicker{padding:9px 15px;background:var(--sms-v4-navy);color:#fff;border:0;box-shadow:0 12px 30px rgba(8,31,65,.12);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.sms-display{font-size:clamp(44px,6.4vw,82px);line-height:.98;margin:20px 0 20px;letter-spacing:-.055em;color:var(--sms-v4-navy);text-wrap:balance}.sms-display-compact{font-size:clamp(42px,5.8vw,76px);max-width:920px}.sms-lead{font-size:clamp(17px,1.55vw,21px);line-height:1.85;max-width:760px;color:#52657e;text-wrap:pretty}
.sms-hero-actions{margin-top:28px}.sms-inline-proof{margin-top:22px}.sms-proof-pill{padding:10px 14px;background:rgba(255,255,255,.82);border-color:rgba(11,31,58,.08);box-shadow:0 10px 26px rgba(8,31,65,.06);font-weight:800}
.sms-intro-metrics{margin-top:24px}.sms-intro-metric{padding:18px 18px;border-radius:22px;background:rgba(255,255,255,.8);border-color:rgba(11,31,58,.07);box-shadow:0 12px 32px rgba(8,31,65,.06);backdrop-filter:blur(10px)}
.sms-visual-stack{z-index:2}.sms-dashboard-mock{position:relative;padding:22px;border-radius:34px;background:linear-gradient(145deg,#06172e 0%,#0b2a56 66%,#16479a 100%);box-shadow:0 40px 110px rgba(7,24,47,.28);transform:rotate(1deg);overflow:hidden}.sms-dashboard-mock::after{content:"SMS RELAY";position:absolute;inset:auto -2% 5% auto;color:rgba(255,255,255,.045);font-size:clamp(52px,7vw,104px);font-weight:1000;letter-spacing:-.08em;white-space:nowrap;transform:rotate(-8deg)}
.sms-mock-card{border-radius:20px;background:rgba(255,255,255,.09)}.sms-floating-stack{gap:14px;transform:translateY(-12px);padding-inline:20px}.sms-floating-chip{padding:16px 18px;border-radius:22px;border-color:rgba(11,31,58,.07);box-shadow:0 20px 48px rgba(8,31,65,.11)}
.sms-download-grid{position:relative;z-index:2}

.launch-strip{position:relative;z-index:4;margin:-48px auto 0;width:calc(100% - 56px);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#07182f,#0d2a53);box-shadow:0 30px 86px rgba(7,24,47,.22)}.launch-card{min-height:100%;border:0;border-inline-end:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;box-shadow:none;padding:24px 24px}.launch-card:last-child{border-inline-end:0}.launch-card strong{color:#fff;font-size:16px}.launch-card p{color:rgba(255,255,255,.68)}

.sms-center-head{max-width:880px;margin-inline:auto}.sms-center-head h2,.sms-title-lg,.sms-title-xl,.sms-next-step-strip h2{font-size:clamp(32px,4.2vw,54px);line-height:1.12;letter-spacing:-.035em;color:var(--sms-v4-navy);text-wrap:balance}.sms-center-head p,.sms-subtitle{color:#60718a;line-height:1.9;text-wrap:pretty}
.sms-center-head .sms-section-kicker,.sms-panel .sms-section-kicker,.sms-next-step-strip .sms-section-kicker{background:var(--sms-v4-soft);color:#1f59d6;box-shadow:none;border:1px solid rgba(40,103,240,.07)}
.sms-grid-logos{gap:12px}.sms-logo-box{border-radius:24px;border-color:var(--sms-v4-line);box-shadow:var(--sms-v4-shadow-soft)}
.sms-split{gap:28px;align-items:stretch}.sms-panel.sms-logo-box{padding:clamp(28px,4vw,48px);background:linear-gradient(150deg,#f8fbff,#fff)}.sms-list-cards{gap:14px}.sms-bullet-card{border-radius:24px!important;border-color:var(--sms-v4-line)!important;box-shadow:var(--sms-v4-shadow-soft)!important;padding:20px 22px!important;transition:.2s transform,.2s box-shadow}.sms-bullet-card:hover{transform:translateY(-4px);box-shadow:0 28px 78px rgba(8,31,65,.12)!important}
.sms-card-grid,.sms-feature-grid,.sms-usecase-grid,.sms-pricing-grid{gap:20px}.sms-card,.sms-feature-card,.sms-usecase-card,.sms-pricing-card,.sms-payment-card,.sms-faq-card,.sms-endpoint-card,.sms-error-card,.sms-flow-card,.sms-auth-panel,.sms-auth-form-shell{border-radius:28px;border-color:var(--sms-v4-line);box-shadow:var(--sms-v4-shadow-soft);transition:.2s transform,.2s box-shadow,.2s border-color}.sms-card:hover,.sms-feature-card:hover,.sms-usecase-card:hover,.sms-pricing-card:hover,.sms-payment-card:hover,.sms-faq-card:hover{transform:translateY(-5px);box-shadow:0 32px 90px rgba(8,31,65,.13);border-color:rgba(40,103,240,.18)}
.sms-icon-badge,.sms-step-no{background:linear-gradient(135deg,var(--sms-v4-blue),var(--sms-v4-blue-2))!important;color:#fff!important;box-shadow:0 14px 28px rgba(40,103,240,.18)}
.sms-stat-strip{gap:0;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,var(--sms-v4-navy),#0e2c57);box-shadow:0 28px 80px rgba(7,24,47,.2)}.sms-stat-strip .sms-stat-box{border:0;border-inline-end:1px solid rgba(255,255,255,.08);border-radius:0;box-shadow:none;background:transparent;padding:25px 18px}.sms-stat-strip .sms-stat-box:last-child{border-inline-end:0}.sms-stat-box strong{color:#fff}.sms-stat-box span{color:rgba(255,255,255,.65)}
.sms-showcase-slider{border-radius:36px!important;box-shadow:var(--sms-v4-shadow)!important;border-color:var(--sms-v4-line)!important;overflow:hidden}.sms-showcase-slide{min-height:480px}.sms-showcase-media{background:linear-gradient(135deg,#eef4ff,#f9fcff)}.sms-showcase-media img{filter:drop-shadow(0 22px 45px rgba(8,31,65,.14))}
.sms-feature-tag{background:var(--sms-v4-soft);color:#1f59d6}
.sms-dev-band{border-radius:40px;background:radial-gradient(circle at 90% 10%,rgba(25,191,208,.22),transparent 28%),linear-gradient(135deg,#06162c,#0b2851 70%,#13479a);box-shadow:0 36px 110px rgba(7,24,47,.25)}.sms-dev-band .sms-section-kicker{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);color:#fff}.sms-code-shell{border-color:rgba(255,255,255,.1)!important;background:#050f20!important;box-shadow:0 26px 70px rgba(0,0,0,.24)!important}
.sms-next-step-strip{border-radius:38px!important;padding:clamp(28px,4.5vw,54px)!important;background:linear-gradient(135deg,#f5f9ff,#fff 55%,#edf4ff)!important;border:1px solid var(--sms-v4-line)!important;box-shadow:var(--sms-v4-shadow)!important}
.sms-footer{margin-top:0;background:#07182f;border-top:0;color:#fff}.sms-footer-inner{max-width:1360px;padding:64px 20px 28px}.sms-footer-brand p,.sms-footer-links a,.sms-footer-links span,.sms-footer-bottom{color:rgba(255,255,255,.62)}.sms-footer-col h4{color:#fff}.sms-footer-links a:hover{color:#fff}.sms-footer-bottom{border-top-color:rgba(255,255,255,.08)}

.sms-page-nav{gap:8px}.sms-page-chip{border-radius:999px!important;border-color:rgba(11,31,58,.09)!important;background:#fff!important;box-shadow:0 8px 20px rgba(8,31,65,.04);font-weight:800!important}.sms-page-chip.active,.sms-page-chip:hover{background:var(--sms-v4-navy)!important;color:#fff!important;border-color:var(--sms-v4-navy)!important}
.sms-pricing-card.featured{border-color:rgba(40,103,240,.28);box-shadow:0 30px 90px rgba(40,103,240,.14)}
.sms-total-box{border-radius:26px!important;background:linear-gradient(135deg,#07182f,#103566)!important;color:#fff!important}.sms-total-box *{color:inherit!important}
.sms-accordion details{border-radius:24px!important;border-color:var(--sms-v4-line)!important;box-shadow:var(--sms-v4-shadow-soft)!important}

@media(max-width:1100px){
  .sms-hero{min-height:auto}.sms-hero-grid{grid-template-columns:1fr}.sms-visual-stack{max-width:720px;margin:16px auto 0;width:100%}.launch-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-24px}.launch-card:nth-child(2){border-inline-end:0}.launch-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:860px){
  .sms-topbar{align-items:center;flex-wrap:wrap;padding:12px 14px}.sms-nav-toggle{display:flex;margin-inline-start:auto}.sms-nav{display:none;width:100%;padding-top:12px;border-top:1px solid rgba(11,31,58,.08);align-items:stretch}.sms-topbar.nav-open .sms-nav{display:flex}.sms-nav-links,.sms-topbar-actions{width:100%;display:grid;grid-template-columns:1fr}.sms-nav a.sms-nav-link,.sms-topbar-actions .sms-btn,.sms-topbar .lang-menu summary.btn{width:100%;justify-content:flex-start}.sms-topbar .lang-menu{width:100%}.sms-topbar .lang-menu-dropdown{position:static;margin-top:8px;box-shadow:none}.sms-topbar-brand .brand-logo{height:42px}.sms-display,.sms-display-compact{font-size:clamp(40px,11vw,64px)}
  .sms-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sms-stat-strip .sms-stat-box{border-bottom:1px solid rgba(255,255,255,.08)}.sms-stat-strip .sms-stat-box:nth-child(even){border-inline-end:0}.sms-stat-strip .sms-stat-box:last-child{grid-column:1/-1;border-bottom:0}
}
@media(max-width:620px){
  .sms-public-page .sms-site{padding:0 10px 76px}.sms-public-page .sms-site>section{margin-top:44px}.sms-topbar{width:calc(100% - 16px);margin-top:8px;border-radius:22px}.sms-hero{padding:30px 18px 42px;border-radius:30px}.sms-display,.sms-display-compact{font-size:clamp(38px,12vw,54px)}.sms-lead{font-size:16px}.sms-hero-actions .sms-btn{width:100%}.sms-inline-proof{display:grid}.sms-intro-metrics,.sms-floating-stack{grid-template-columns:1fr}.sms-floating-stack{padding-inline:6px}.sms-dashboard-mock{border-radius:26px;padding:16px}.launch-strip{width:calc(100% - 18px);grid-template-columns:1fr;border-radius:26px;margin-top:-18px}.launch-card{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.08)!important}.launch-card:last-child{border-bottom:0!important}.sms-stat-strip{grid-template-columns:1fr;border-radius:26px}.sms-stat-strip .sms-stat-box{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.08)}.sms-stat-strip .sms-stat-box:last-child{grid-column:auto}.sms-card,.sms-feature-card,.sms-usecase-card,.sms-pricing-card,.sms-payment-card,.sms-faq-card{border-radius:24px}.sms-dev-band,.sms-next-step-strip{border-radius:28px!important}.sms-center-head h2,.sms-title-lg,.sms-title-xl,.sms-next-step-strip h2{font-size:clamp(30px,9vw,42px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sms-btn,.sms-card,.sms-feature-card,.sms-usecase-card,.sms-pricing-card,.sms-payment-card,.sms-faq-card,.sms-bullet-card{transition:none!important}.sms-reveal{opacity:1!important;transform:none!important}}

/* SEO-friendly public site map */
.sms-section-shell{width:min(1180px,calc(100% - 32px));margin:54px auto 0}.sms-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sms-feature-card[href]{display:block;color:inherit;text-decoration:none}.sms-feature-card[href] h2{margin:10px 0 8px;font-size:clamp(22px,2.3vw,30px);color:var(--sms-v4-ink)}.sms-text-link{display:inline-flex;margin-top:18px;font-weight:800;color:var(--sms-v4-brand)}
@media(max-width:720px){.sms-section-shell{width:min(100% - 20px,1180px);margin-top:34px}.sms-card-grid.two{grid-template-columns:1fr}}