@font-face{font-family:"Site Manrope";src:url("/assets/fonts/site-font-latin-ext.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Site Manrope";src:url("/assets/fonts/site-font-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root {
  --orange: #f2790c;
  --orange-deep: #e96000;
  --ink: #090909;
  --cream: #fff1de;
  --paper: #fffaf4;
  --line: rgba(9, 9, 9, .11);
  --muted: #64615d;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family:"Site Manrope", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.section { padding: 120px 0; }

.announcement { min-height: 36px; padding: 8px 24px; display: flex; align-items: center; justify-content: center; gap: 28px; background: var(--ink); color: #fff; font-size: 11px; letter-spacing: .04em; }
.announcement span, .announcement a { display: inline-flex; align-items: center; gap: 7px; }
.announcement a { color: #ffb05d; font-weight: 700; }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,250,244,.9); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(9,9,9,.07); }
.header-inner { height: 82px; display: flex; align-items: center; gap: 34px; }
.logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.logo img { width: 174px; height: auto; display: block; }
.desktop-nav { margin-left: auto; display: flex; align-items: center; gap: 28px; font-size: 12px; font-weight: 700; }
.desktop-nav > a, .nav-dropdown-trigger { transition: color .2s ease; }
.desktop-nav > a:hover, .nav-dropdown-trigger:hover { color: var(--orange); }
.nav-dropdown { position: relative; }
.nav-dropdown-trigger { display: inline-flex; align-items: center; gap: 5px; padding: 28px 0; }
.dropdown-panel { position: absolute; top: 66px; left: -20px; width: 268px; padding: 18px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 24px 60px rgba(9,9,9,.15); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; }
.nav-dropdown:hover .dropdown-panel { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-label { display: block; padding: 2px 8px 10px; color: #99928a; font-size: 9px; text-transform: uppercase; letter-spacing: .16em; }
.dropdown-panel a { display: flex; align-items: center; justify-content: space-between; padding: 9px 8px; border-radius: 8px; }
.dropdown-panel a:hover { background: var(--cream); color: var(--orange-deep); }
.header-actions { display: flex; align-items: center; gap: 16px; margin-left: 4px; }
.login-link { font-size: 12px; font-weight: 700; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border: 0; border-radius: 8px; background: var(--orange); color: #fff; font-weight: 700; font-size: 13px; cursor: pointer; transition: transform .2s ease, background .2s ease; }
.button:hover { background: var(--orange-deep); transform: translateY(-2px); }
.button-sm { min-height: 42px; padding: 0 18px; }
.mobile-menu { display: none; margin-left: auto; position: relative; }
.mobile-menu summary { list-style: none; cursor: pointer; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu nav { position: absolute; right: 0; top: 50px; width: 260px; padding: 12px; background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(9,9,9,.18); border: 1px solid var(--line); }
.mobile-menu nav a { display: block; padding: 12px; font-size: 13px; font-weight: 700; border-radius: 7px; }
.mobile-menu nav a:hover { background: var(--cream); }
.mobile-menu nav .mobile-join { background: var(--orange); color: #fff; margin-top: 6px; }

.section-shell { background: var(--cream); overflow: hidden; }
.hero { position: relative; min-height: 760px; border-bottom: 1px solid rgba(9,9,9,.12); }
.hero::before { content: ""; position: absolute; width: 760px; height: 760px; top: -350px; left: -320px; border-radius: 50%; border: 1px solid rgba(242,121,12,.2); box-shadow: 0 0 0 110px rgba(242,121,12,.035), 0 0 0 220px rgba(242,121,12,.025); }
.hero-grid { min-height: 635px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 50px; padding-top: 42px; }
.hero-copy { position: relative; z-index: 2; padding-bottom: 10px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 23px; color: #7a746e; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow span { width: 24px; height: 2px; background: var(--orange); }
.hero h1 { margin: 0; font-size: clamp(51px, 5.4vw, 79px); line-height: .96; letter-spacing: -.065em; font-weight: 500; }
.hero h1 em { font-style: normal; color: var(--orange); font-weight: 700; }
.hero-copy > p { max-width: 560px; margin: 28px 0 30px; color: #5d5852; font-size: 16px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; gap: 28px; }
.text-link { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 800; border-bottom: 1px solid var(--ink); padding: 11px 0; }
.hero-trust { margin-top: 42px; display: flex; align-items: center; gap: 15px; }
.avatar-stack { display: flex; }
.avatar-stack span { width: 38px; height: 38px; margin-left: -7px; display: grid; place-items: center; border: 3px solid var(--cream); border-radius: 50%; background: #fff; color: var(--ink); font-size: 9px; font-weight: 800; }
.avatar-stack span:first-child { margin-left: 0; background: var(--orange); color: #fff; }
.avatar-stack span:nth-child(2) { background: var(--ink); color: #fff; }
.hero-trust p { margin: 0; color: #77716b; font-size: 10px; line-height: 1.55; }
.hero-trust strong { color: var(--ink); font-size: 11px; }

.hero-visual { position: relative; height: 590px; display: grid; place-items: center; }
.orb { position: absolute; border-radius: 50%; filter: blur(1px); }
.orb-one { width: 440px; height: 440px; background: var(--orange); box-shadow: inset -40px -50px 90px rgba(151,40,0,.18), 0 40px 100px rgba(229,92,0,.2); }
.orb-two { width: 230px; height: 230px; right: 1%; bottom: 4%; background: rgba(255,255,255,.45); border: 1px solid rgba(255,255,255,.65); backdrop-filter: blur(18px); }
.phone-frame { position: relative; z-index: 2; width: 254px; height: 510px; padding: 10px; border-radius: 42px; background: #111; box-shadow: 0 38px 80px rgba(28,10,0,.33), inset 0 0 0 2px #373737; transform: rotate(5deg); }
.phone-frame::before { content: ""; position: absolute; inset: 4px; border-radius: 38px; border: 1px solid rgba(255,255,255,.2); pointer-events: none; }
.phone-top { height: 32px; padding: 0 15px; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 8px; }
.phone-island { position: absolute; width: 74px; height: 20px; top: 8px; left: 50%; transform: translateX(-50%); background: #000; border-radius: 20px; }
.phone-content { height: calc(100% - 32px); padding: 23px 19px; background: #fff8ee; border-radius: 29px; overflow: hidden; }
.mini-brand { display: flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 800; }
.mini-brand img { width: 24px; height: 24px; object-fit: contain; }
.message-label { margin-top: 66px; color: #9c8b7b; font-size: 7px; letter-spacing: .18em; font-weight: 800; }
.phone-content h3 { margin: 8px 0 25px; font-size: 32px; line-height: 1; letter-spacing: -.06em; }
.delivery-track { height: 7px; background: #eadbcb; border-radius: 10px; overflow: hidden; }
.delivery-track span { display: block; width: 89%; height: 100%; background: var(--orange); border-radius: inherit; }
.delivery-meta { margin-top: 9px; display: flex; justify-content: space-between; color: #7e746b; font-size: 7px; letter-spacing: .1em; }
.delivery-meta strong { color: var(--ink); font-size: 10px; }
.phone-chart { height: 110px; margin-top: 43px; display: flex; align-items: end; gap: 7px; border-bottom: 1px solid #dfd0c1; }
.phone-chart i { flex: 1; height: 32%; background: #efdac3; border-radius: 5px 5px 0 0; }
.phone-chart i:nth-child(2) { height: 48%; }.phone-chart i:nth-child(3) { height: 40%; }.phone-chart i:nth-child(4) { height: 72%; background: #ffb970; }.phone-chart i:nth-child(5) { height: 63%; }.phone-chart i:nth-child(6) { height: 85%; background: var(--orange); }.phone-chart i:nth-child(7) { height: 73%; }
.floating-card { position: absolute; z-index: 5; padding: 15px 17px; border-radius: 12px; background: rgba(255,255,255,.87); backdrop-filter: blur(14px); box-shadow: 0 20px 50px rgba(83,34,0,.14); border: 1px solid rgba(255,255,255,.8); font-size: 9px; }
.floating-card span { display: block; color: #8a8179; }.floating-card strong { display: block; margin-top: 3px; font-size: 13px; }
.floating-left { left: 1%; top: 25%; display: grid; grid-template-columns: 30px auto; column-gap: 8px; }
.floating-left .floating-icon { grid-row: 1 / 3; width: 30px; height: 30px; display: grid; place-items: center; color: #fff; background: var(--orange); border-radius: 50%; }
.floating-right { right: -1%; top: 15%; min-width: 142px; }.floating-right strong { font-size: 24px; letter-spacing: -.05em; }.floating-right small { display: flex; gap: 4px; align-items: center; margin-top: 6px; color: #32a56c; }
.hero-badge { position: absolute; z-index: 6; right: 1%; bottom: 18%; display: flex; align-items: center; gap: 10px; color: #fff; font-size: 8px; line-height: 1.5; }
.hero-badge > svg { width: 42px; height: 42px; padding: 11px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; }
.hero-badge strong { font-size: 10px; }
.hero-bottom { min-height: 125px; display: grid; grid-template-columns: repeat(3, 1fr) 1.6fr; align-items: center; border-top: 1px solid rgba(9,9,9,.1); }
.hero-bottom > div { display: flex; flex-direction: column; gap: 5px; padding-left: 28px; border-left: 1px solid rgba(9,9,9,.12); }
.hero-bottom > div:first-child { padding-left: 0; border: 0; }
.hero-bottom strong { font-size: 22px; letter-spacing: -.04em; }.hero-bottom span { color: #77716b; font-size: 9px; }
.hero-bottom > p { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin: 0; color: #655f59; font-size: 10px; }

.section-heading h2, .solutions-copy h2, .api-copy h2, .contact-copy h2 { margin: 0; font-size: clamp(39px, 4.6vw, 64px); line-height: 1.04; letter-spacing: -.055em; font-weight: 500; }
.split-heading { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 80px; margin-bottom: 52px; }
.split-heading > p { margin: 0 0 8px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.products-showcase { overflow: hidden; background: #f3f0eb; }
.product-showcase-heading { max-width: 720px; margin: 0 auto 58px; text-align: center; }
.product-showcase-kicker { width: fit-content; margin: 0 auto 20px; padding: 9px 14px; border: 1px solid rgba(242,121,12,.16); border-radius: 999px; background: rgba(255,255,255,.72); color: var(--orange-deep); font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.product-showcase-heading h2 { margin: 0; font-size: clamp(43px,4.8vw,65px); line-height: 1; letter-spacing: -.055em; font-weight: 500; }
.product-showcase-heading p { max-width: 610px; margin: 20px auto 0; color: #716b65; font-size: 12px; line-height: 1.75; }
.product-motion-wrap { width: min(1380px, calc(100vw - 32px)); margin-left: 50%; transform: translateX(-50%); }
.product-motion-toolbar { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.product-motion-toolbar > p { margin: 0; color: #777069; font-size: 11px; }
.product-motion-toolbar > div { display: flex; gap: 8px; }
.product-motion-toolbar button { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(9,9,9,.12); border-radius: 50%; background: rgba(255,255,255,.74); color: var(--ink); cursor: pointer; transition: .25s ease; }
.product-motion-toolbar button:hover { border-color: var(--orange); background: var(--orange); color: #fff; transform: translateY(-2px); }
.product-motion-grid { display: flex; gap: 16px; overflow-x: auto; padding: 3px 2px 22px; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain; }
.product-motion-grid::-webkit-scrollbar { display: none; }
.product-motion-card { flex: 0 0 clamp(330px, 29vw, 430px); min-height: 585px; overflow: hidden; scroll-snap-align: start; border-radius: 22px; border: 1px solid rgba(9,9,9,.07); background: #fff; box-shadow: 0 18px 55px rgba(44,24,8,.08); opacity: 0; transform: translateY(46px); transition: opacity .8s ease, transform 1s cubic-bezier(.22,.65,.2,1), box-shadow .45s ease; }
.product-motion-card:nth-child(2) { transition-delay: .14s; }
.product-motion-card:nth-child(3) { transition-delay: .28s; }
.product-motion-wrap.is-visible .product-motion-card { opacity: 1; transform: translateY(0); }
.product-motion-card:hover { box-shadow: 0 28px 72px rgba(44,24,8,.15); }
.product-motion-peach { background: #ffe7cb; }
.product-motion-paper { background: #fffdfa; }
.product-motion-orange { background: var(--orange); }
.product-motion-dark { background: #171411; color: #fff; border-color: rgba(255,255,255,.06); }
.product-motion-visual { position: relative; height: 342px; overflow: hidden; }
.product-motion-content { position: relative; min-height: 219px; margin: 0 24px 24px; padding: 25px 25px 22px; border-radius: 16px; background: rgba(255,255,255,.94); box-shadow: 0 14px 38px rgba(86,47,12,.08); }
.product-motion-dark .product-motion-content { background: #fff9f0; color: var(--ink); }
.product-motion-content > span { color: var(--orange); font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.product-motion-content h3 { margin: 8px 0 10px; font-size: 24px; line-height: 1.1; letter-spacing: -.04em; font-weight: 700; }
.product-motion-content p { max-width: 360px; margin: 0; padding-right: 4px; color: #6f6861; font-size: 13px; line-height: 1.65; }
.product-motion-content a { position: absolute; right: 22px; bottom: 20px; display: inline-flex; align-items: center; gap: 7px; color: var(--orange-deep); font-size: 11px; font-weight: 800; }
.product-motion-content a svg { transition: transform .25s ease; }
.product-motion-content a:hover svg { transform: translate(2px,-2px); }

.sms-motion { padding: 38px 28px 22px; background: radial-gradient(circle at 76% 15%, rgba(255,255,255,.9), transparent 34%), linear-gradient(150deg,#ffc986,#ffe7cb 62%); }
.motion-window { position: relative; z-index: 2; height: 270px; padding: 18px; border: 1px solid rgba(111,53,0,.08); border-radius: 16px; background: rgba(255,255,255,.75); box-shadow: 0 24px 50px rgba(115,56,0,.1); backdrop-filter: blur(10px); }
.motion-window-head { display: flex; align-items: center; gap: 8px; padding-bottom: 14px; border-bottom: 1px solid rgba(9,9,9,.07); color: #73685e; font-size: 8px; }
.motion-window-head > span { display: flex; gap: 3px; }.motion-window-head i { width: 5px; height: 5px; border-radius: 50%; background: #ff795e; }.motion-window-head i:nth-child(2) { background: #f5bb52; }.motion-window-head i:nth-child(3) { background: #46b987; }
.motion-window-head strong { color: var(--ink); }.motion-window-head em { margin-left: auto; padding: 5px 8px; border-radius: 999px; background: #fff0dc; color: var(--orange-deep); font-style: normal; font-weight: 800; }
.sms-recipient-row { margin-top: 17px; display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 9px; }
.motion-icon { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: var(--orange); border-radius: 10px; }
.sms-recipient-row small,.sms-recipient-row strong { display: block; }.sms-recipient-row small { color: #9a8e84; font-size: 6px; }.sms-recipient-row strong { margin-top: 2px; font-size: 8px; }.sms-recipient-row b { color: var(--orange-deep); font-size: 8px; }
.sms-message-box { margin-top: 15px; padding: 13px; display: grid; grid-template-columns: 20px 1fr auto; align-items: center; color: var(--orange); background: #fff; border: 1px solid rgba(242,121,12,.1); border-radius: 10px; }
.sms-message-box p { margin: 0; color: #625c56; font-size: 7px; }.sms-message-box span { color: #aaa097; font-size: 6px; }
.sms-progress { height: 5px; margin-top: 18px; overflow: hidden; border-radius: 9px; background: #f0dfcc; }.sms-progress span { display: block; width: 82%; height: 100%; border-radius: inherit; background: var(--orange); transform-origin: left; animation: sms-progress 4.8s ease-in-out infinite; }
.sms-status { margin-top: 8px; display: flex; align-items: center; gap: 5px; color: #6f665e; font-size: 7px; }.sms-status svg { padding: 2px; color: #fff; background: #36aa70; border-radius: 50%; }.sms-status b { margin-left: auto; color: #36aa70; }
.sms-fly { position: absolute; z-index: 4; width: 31px; height: 31px; display: grid; place-items: center; color: #fff; background: var(--orange); border: 3px solid #ffe7cb; border-radius: 50%; opacity: 0; animation: sms-fly 4.8s cubic-bezier(.2,.7,.25,1) infinite; }
.sms-fly-one { right: 26px; top: 100px; }.sms-fly-two { right: 58px; top: 42px; animation-delay: 1.1s; }.sms-fly-three { right: 18px; top: 190px; animation-delay: 2.2s; }

.voice-motion { padding: 32px 28px; background: linear-gradient(180deg,#fffdfa,#f8f2ea); }
.voice-topline { display: flex; align-items: center; justify-content: space-between; color: #58514b; font-size: 8px; font-weight: 800; }.voice-topline span { display: flex; align-items: center; gap: 7px; }.voice-topline em { padding: 5px 8px; border-radius: 999px; background: #fff0e1; color: var(--orange-deep); font-size: 6px; font-style: normal; letter-spacing: .1em; }
.voice-orbit { position: relative; width: 126px; height: 126px; margin: 20px auto 4px; display: grid; place-items: center; border: 1px solid rgba(242,121,12,.1); border-radius: 50%; }
.voice-orbit::before,.voice-orbit::after { content: ""; position: absolute; border: 1px solid rgba(242,121,12,.12); border-radius: 50%; animation: voice-ring 3.4s ease-out infinite; }.voice-orbit::before { inset: 15px; }.voice-orbit::after { inset: -14px; animation-delay: 1.1s; }
.voice-pulse { position: relative; z-index: 2; width: 70px; height: 70px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: var(--orange); box-shadow: 0 15px 32px rgba(242,121,12,.25); animation: voice-breathe 3.4s ease-in-out infinite; }
.voice-wave { height: 60px; display: flex; align-items: center; justify-content: center; gap: 4px; }.voice-wave i { width: 4px; border-radius: 6px; background: linear-gradient(180deg,var(--orange),#ffb65f); animation: voice-wave 1.35s ease-in-out infinite alternate; }
.voice-footer { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 10px; padding: 12px 13px; border: 1px solid rgba(9,9,9,.07); border-radius: 12px; background: #fff; box-shadow: 0 12px 30px rgba(44,24,8,.06); }.voice-footer small,.voice-footer strong { display: block; }.voice-footer small { color: #a0978f; font-size: 6px; }.voice-footer strong { margin-top: 2px; font-size: 11px; }.voice-footer button { height: 30px; padding: 0 10px; display: flex; align-items: center; gap: 5px; border: 0; border-radius: 8px; background: var(--ink); color: #fff; font-size: 7px; }

.payment-motion { padding: 27px 35px; background: radial-gradient(circle at 75% 18%,rgba(242,121,12,.42),transparent 28%), linear-gradient(145deg,#282018,#110f0d 70%); }
.payment-phone { position: relative; z-index: 2; width: 246px; height: 290px; margin: 0 auto; padding: 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 25px; background: #fffaf3; box-shadow: 0 24px 55px rgba(0,0,0,.32); transform: rotate(-1.5deg); }
.payment-phone-top { display: flex; align-items: center; gap: 6px; color: #746c64; font-size: 7px; font-weight: 800; }.payment-phone-top span { margin-left: auto; }
.payment-card-chip { margin-top: 14px; padding: 13px; display: grid; grid-template-columns: 30px 1fr; align-items: center; border-radius: 12px; background: var(--orange); color: #fff; }.payment-card-chip svg { grid-row: 1 / 3; }.payment-card-chip span { font-size: 6px; opacity: .72; }.payment-card-chip strong { font-size: 17px; letter-spacing: -.04em; }
.payment-customer { margin-top: 14px; display: flex; align-items: center; gap: 8px; }.payment-customer > i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: #ffe4c3; color: var(--orange-deep); font-size: 7px; font-style: normal; font-weight: 800; }.payment-customer small,.payment-customer b { display: block; }.payment-customer small { color: #aaa096; font-size: 6px; }.payment-customer b { margin-top: 2px; font-size: 8px; }
.payment-route { height: 54px; margin: 8px 0 0; display: flex; align-items: center; justify-content: space-between; position: relative; }.payment-route::before { content: ""; position: absolute; left: 5px; right: 5px; top: 50%; height: 2px; background: #ead8c6; }.payment-route i { position: relative; z-index: 2; width: 9px; height: 9px; border: 2px solid #fffaf3; border-radius: 50%; background: #d9c6b3; }.payment-route i::after { content: ""; position: absolute; inset: -2px; border-radius: inherit; background: var(--orange); opacity: 0; animation: payment-route 4.2s steps(1) infinite; }.payment-route i:nth-child(2)::after { animation-delay: .65s; }.payment-route i:nth-child(3)::after { animation-delay: 1.3s; }.payment-route i:nth-child(4)::after { animation-delay: 1.95s; }.payment-route i:nth-child(5)::after { animation-delay: 2.6s; }
.payment-button { height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px; border-radius: 9px; background: #171411; color: #fff; font-size: 7px; font-weight: 800; }
.payment-success { position: absolute; z-index: 4; right: 12px; bottom: 27px; padding: 10px 12px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,.75); border-radius: 12px; background: rgba(255,255,255,.92); color: var(--ink); box-shadow: 0 18px 38px rgba(0,0,0,.25); animation: payment-success 4.2s ease-in-out infinite; }.payment-success > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: #fff; }.payment-success small,.payment-success strong { display: block; }.payment-success small { color: #9e958d; font-size: 6px; }.payment-success strong { margin-top: 2px; font-size: 8px; }
.payment-glow { position: absolute; width: 150px; height: 150px; right: -55px; top: -45px; border-radius: 50%; background: rgba(242,121,12,.3); filter: blur(30px); animation: payment-glow 3.6s ease-in-out infinite; }

.mms-motion { padding: 30px; background: radial-gradient(circle at 15% 15%,rgba(255,255,255,.28),transparent 32%),linear-gradient(145deg,#ff9b3d,var(--orange-deep)); }
.mms-composer { height: 282px; padding: 15px; border-radius: 17px; background: rgba(255,255,255,.94); box-shadow: 0 24px 50px rgba(103,34,0,.23); transform: rotate(1deg); }
.mms-head { display: flex; align-items: center; gap: 7px; color: #625b55; font-size: 8px; font-weight: 800; }.mms-head svg { color: var(--orange); }.mms-head em { margin-left: auto; padding: 5px 8px; border-radius: 20px; background: #fff0df; color: var(--orange-deep); font-size: 6px; font-style: normal; }
.mms-preview { position: relative; height: 176px; margin-top: 13px; overflow: hidden; border-radius: 12px; }.mms-preview img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(.92); transform: scale(1.06); animation: mms-zoom 8s ease-in-out infinite alternate; }.mms-preview::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(18,12,8,.76)); }.mms-preview > span { position: absolute; z-index: 2; left: 13px; right: 13px; bottom: 12px; color: #fff; font-size: 10px; font-weight: 800; }.mms-scan { position: absolute; z-index: 3; left: 0; right: 0; top: 0; height: 2px; background: #fff; box-shadow: 0 0 16px rgba(255,255,255,.9); animation: mms-scan 3.8s ease-in-out infinite; }
.mms-send { margin-top: 10px; display: flex; align-items: center; }.mms-send small,.mms-send strong { display: block; }.mms-send small { color: #9f958d; font-size: 6px; }.mms-send strong { margin-top: 2px; font-size: 8px; }.mms-send svg { width: 31px; height: 31px; margin-left: auto; padding: 8px; border-radius: 50%; background: var(--orange); color: #fff; animation: mms-send 3.8s ease-in-out infinite; }

.twoway-motion { padding: 29px; background: radial-gradient(circle at 75% 18%,rgba(242,121,12,.36),transparent 30%),linear-gradient(145deg,#2a211a,#100e0c 72%); }
.twoway-board { height: 287px; padding: 16px; border-radius: 18px; background: #fffaf4; color: var(--ink); box-shadow: 0 24px 55px rgba(0,0,0,.3); transform: rotate(-1deg); }
.twoway-head { padding-bottom: 12px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid var(--line); font-size: 8px; font-weight: 800; }.twoway-head svg { color: var(--orange); }.twoway-head i { width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: #35ad70; box-shadow: 0 0 0 4px rgba(53,173,112,.12); }
.twoway-bubble { width: 75%; margin-top: 12px; padding: 10px 11px; border-radius: 12px 12px 12px 3px; background: #ffead0; font-size: 8px; font-weight: 700; animation: chat-bubble 5.8s ease-in-out infinite; }.twoway-bubble.outgoing { margin-left: auto; border-radius: 12px 12px 3px 12px; background: var(--orange); color: #fff; animation-delay: .9s; }.twoway-bubble.short { width: 46%; animation-delay: 1.8s; }.twoway-bubble small { display: block; margin-top: 3px; color: #9c9187; font-size: 5px; font-weight: 500; }.twoway-bubble.outgoing small { color: rgba(255,255,255,.68); }
.twoway-typing { width: 42px; margin-top: 10px; padding: 8px; display: flex; justify-content: center; gap: 3px; border-radius: 10px; background: #f1e7dd; }.twoway-typing i { width: 4px; height: 4px; border-radius: 50%; background: #9b9086; animation: typing-dot 1.1s ease-in-out infinite; }.twoway-typing i:nth-child(2) { animation-delay: .18s; }.twoway-typing i:nth-child(3) { animation-delay: .36s; }

.survey-motion { padding: 30px; background: linear-gradient(160deg,#fffdfa,#ffe9ce); }
.survey-card { height: 282px; padding: 17px; border: 1px solid rgba(242,121,12,.1); border-radius: 17px; background: #fff; box-shadow: 0 22px 48px rgba(98,50,10,.1); }
.survey-head { display: flex; align-items: center; gap: 7px; color: #625a53; font-size: 8px; font-weight: 800; }.survey-head svg { color: var(--orange); }.survey-head em { margin-left: auto; color: #2ba66a; font-size: 6px; font-style: normal; }
.survey-card h4 { margin: 20px 0 15px; font-size: 12px; line-height: 1.4; }.survey-option { position: relative; margin-top: 10px; display: grid; grid-template-columns: 1fr auto; gap: 5px; color: #746b63; font-size: 7px; }.survey-option i { grid-column: 1 / -1; height: 5px; overflow: hidden; border-radius: 10px; background: #f2e9df; }.survey-option i em { display: block; width: 68%; height: 100%; transform-origin: left; border-radius: inherit; background: var(--orange); animation: survey-bar 4.6s ease-in-out infinite; }.survey-option:nth-of-type(3) i em { width: 24%; animation-delay: .22s; }.survey-option:nth-of-type(4) i em { width: 8%; animation-delay: .44s; }.survey-total { margin-top: 16px; display: flex; align-items: center; gap: 5px; color: #9a9087; font-size: 7px; }

.phone-motion { padding: 29px; background: radial-gradient(circle at 50% 43%,rgba(255,255,255,.34),transparent 38%),linear-gradient(145deg,#ff9d43,var(--orange-deep)); text-align: center; }
.phone-ring-stage { position: relative; width: 150px; height: 150px; margin: 0 auto; display: grid; place-items: center; }.phone-ring-stage > i { position: absolute; inset: 13px; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; animation: phone-ring 2.9s ease-out infinite; }.phone-ring-stage > i:nth-child(2) { inset: -6px; animation-delay: .8s; }.phone-ring-stage > div { position: relative; z-index: 2; width: 75px; height: 75px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--orange); box-shadow: 0 18px 38px rgba(102,34,0,.24); animation: phone-shake 2.9s ease-in-out infinite; }
.phone-caller { color: #fff; }.phone-caller span,.phone-caller strong,.phone-caller small { display: block; }.phone-caller span { font-size: 12px; font-weight: 800; }.phone-caller strong { margin-top: 4px; font-size: 8px; }.phone-caller small { margin-top: 4px; font-size: 6px; opacity: .72; }.phone-actions { margin: 16px auto 0; display: flex; justify-content: center; gap: 8px; }.phone-actions button { min-width: 80px; height: 31px; border: 0; border-radius: 9px; background: rgba(255,255,255,.18); color: #fff; font-size: 7px; }.phone-actions button:last-child { background: #fff; color: var(--orange-deep); font-weight: 800; }

.fax-motion { padding: 30px; background: linear-gradient(155deg,#ffd198,#ffe9ce); }
.fax-machine { height: 282px; padding: 16px; border-radius: 17px; background: #fffaf4; box-shadow: 0 22px 48px rgba(99,50,8,.13); }.fax-top { display: flex; align-items: center; gap: 7px; color: #625a53; font-size: 8px; font-weight: 800; }.fax-top svg { color: var(--orange); }.fax-top em { margin-left: auto; color: #2ba66a; font-size: 6px; font-style: normal; }.fax-slot { position: relative; height: 190px; margin-top: 13px; overflow: hidden; border-radius: 12px; background: #211d19; }.fax-paper { position: absolute; left: 28px; right: 28px; top: 20px; min-height: 170px; padding: 18px; background: #fff; color: var(--ink); box-shadow: 0 12px 28px rgba(0,0,0,.28); animation: fax-paper 5.2s ease-in-out infinite; }.fax-paper svg { color: var(--orange); }.fax-paper strong,.fax-paper span { display: block; }.fax-paper strong { margin-top: 11px; font-size: 8px; }.fax-paper span { margin-top: 3px; color: #9a9188; font-size: 6px; }.fax-paper i { display: block; height: 3px; margin-top: 13px; border-radius: 4px; background: #e9e2db; }.fax-paper i:nth-of-type(2) { width: 72%; }.fax-paper i:nth-of-type(3) { width: 86%; }.fax-laser { position: absolute; z-index: 3; left: 12px; right: 12px; top: 20px; height: 2px; background: var(--orange); box-shadow: 0 0 14px var(--orange); animation: fax-laser 5.2s ease-in-out infinite; }.fax-status { margin-top: 8px; display: flex; align-items: center; gap: 5px; color: #6f665e; font-size: 7px; }.fax-status svg { color: #2ba66a; }

@keyframes sms-progress { 0%,12% { transform: scaleX(.08); } 65%,88% { transform: scaleX(1); } 100% { transform: scaleX(.08); } }
@keyframes sms-fly { 0%,30% { opacity: 0; transform: translate(-55px,65px) scale(.7); } 42%,68% { opacity: 1; } 82%,100% { opacity: 0; transform: translate(32px,-40px) scale(1); } }
@keyframes voice-ring { 0% { opacity: .8; transform: scale(.65); } 100% { opacity: 0; transform: scale(1.25); } }
@keyframes voice-breathe { 0%,100% { transform: scale(.96); } 50% { transform: scale(1.05); } }
@keyframes voice-wave { from { transform: scaleY(.45); opacity: .55; } to { transform: scaleY(1); opacity: 1; } }
@keyframes payment-route { 0%,24% { opacity: 0; transform: scale(.5); } 25%,100% { opacity: 1; transform: scale(1); } }
@keyframes payment-success { 0%,50% { opacity: 0; transform: translateY(14px) scale(.94); } 63%,88% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-8px) scale(.98); } }
@keyframes payment-glow { 0%,100% { transform: scale(.85); opacity: .55; } 50% { transform: scale(1.12); opacity: 1; } }
@keyframes mms-zoom { to { transform: scale(1.15); } }
@keyframes mms-scan { 0%,12% { transform: translateY(0); opacity: 0; } 22%,78% { opacity: 1; } 88%,100% { transform: translateY(174px); opacity: 0; } }
@keyframes mms-send { 0%,65%,100% { transform: translate(0,0); } 76% { transform: translate(6px,-6px) scale(1.08); } }
@keyframes chat-bubble { 0%,12% { opacity: 0; transform: translateY(9px); } 24%,88% { opacity: 1; transform: translateY(0); } 100% { opacity: .55; } }
@keyframes typing-dot { 0%,100% { transform: translateY(0); opacity: .35; } 50% { transform: translateY(-3px); opacity: 1; } }
@keyframes survey-bar { 0%,12% { transform: scaleX(.08); } 62%,88% { transform: scaleX(1); } 100% { transform: scaleX(.08); } }
@keyframes phone-ring { 0% { transform: scale(.65); opacity: .8; } 100% { transform: scale(1.18); opacity: 0; } }
@keyframes phone-shake { 0%,78%,100% { transform: rotate(0); } 82% { transform: rotate(-7deg); } 86% { transform: rotate(7deg); } 90% { transform: rotate(-4deg); } }
@keyframes fax-paper { 0%,12% { transform: translateY(-76px); } 56%,86% { transform: translateY(0); } 100% { transform: translateY(26px); } }
@keyframes fax-laser { 0%,12% { transform: translateY(0); opacity: 0; } 20%,78% { opacity: 1; } 86%,100% { transform: translateY(168px); opacity: 0; } }

.solutions { background: #fff; }
.solutions-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; align-items: center; }
.solutions-copy > p { max-width: 450px; margin: 28px 0 35px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.button-dark { background: var(--ink); }.button-dark:hover { background: #2d2926; }
.solution-list { border-top: 1px solid var(--line); }
.solution-list article { min-height: 150px; display: grid; grid-template-columns: 64px 1fr 40px; align-items: center; gap: 22px; border-bottom: 1px solid var(--line); transition: padding .2s ease; }
.solution-list article:hover { padding-left: 10px; }
.solution-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: var(--cream); color: var(--orange); }
.solution-icon svg { width: 24px; }
.solution-list article div:nth-child(2) span { color: #9b948d; font-size: 8px; letter-spacing: .16em; }
.solution-list h3 { margin: 5px 0; font-size: 19px; }.solution-list p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.solution-arrow { width: 36px; height: 36px; padding: 10px; border: 1px solid var(--line); border-radius: 50%; }

.api-section { background: var(--orange); color: #fff; overflow: hidden; }
.api-grid { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 100px; }
.code-window { background: #11100f; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; box-shadow: 0 40px 80px rgba(99,32,0,.28); overflow: hidden; transform: rotate(-1.6deg); }
.code-top { height: 50px; padding: 0 18px; display: flex; align-items: center; gap: 7px; background: #1b1917; border-bottom: 1px solid #2c2925; }
.code-top > span { width: 8px; height: 8px; border-radius: 50%; background: #524e49; }.code-top > span:first-child { background: #f47360; }.code-top > span:nth-child(2) { background: #efbb54; }.code-top > span:nth-child(3) { background: #55b786; }
.code-top em { margin-left: 10px; color: #8e8983; font-style: normal; font-size: 9px; }
.code-window pre { margin: 0; padding: 35px; min-height: 310px; color: #f2eee9; font: 12px/2 "SFMono-Regular", Consolas, monospace; white-space: pre-wrap; }
.code-purple { color: #cb9eff; }.code-orange { color: #ff9c56; }.code-green { color: #a8d27b; }.code-comment { color: #6e6a65; }
.code-status { padding: 15px 20px; display: flex; align-items: center; gap: 8px; background: #171513; border-top: 1px solid #2c2925; color: #a8d27b; font-size: 9px; }
.code-status span { margin-left: auto; color: #716c67; }
.eyebrow.light { color: rgba(255,255,255,.65); }.eyebrow.light span { background: #fff; }
.api-copy > p { margin: 27px 0; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.8; }
.api-copy ul { margin: 0 0 30px; padding: 0; list-style: none; display: grid; gap: 12px; }
.api-copy li { display: flex; align-items: center; gap: 10px; font-size: 11px; }.api-copy li svg { padding: 3px; background: rgba(255,255,255,.16); border-radius: 50%; }
.button-light { background: #fff; color: var(--ink); }.button-light:hover { background: var(--cream); }

.tariffs { background: var(--paper); }
.section-heading.centered { max-width: 760px; margin: 0 auto 55px; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading.centered > p { color: var(--muted); font-size: 12px; }
.tariff-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.tariff-card { position: relative; min-height: 455px; padding: 30px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.tariff-card.popular { background: var(--ink); color: #fff; transform: translateY(-8px); }
.popular-tag { position: absolute; top: 0; right: 25px; padding: 8px 13px; background: var(--orange); color: #fff; border-radius: 0 0 8px 8px; font-size: 8px; font-weight: 800; letter-spacing: .06em; }
.tariff-top { display: flex; align-items: center; justify-content: space-between; color: #8f8880; font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.tariff-card h3 { margin: 45px 0 10px; font-size: 44px; letter-spacing: -.055em; }.tariff-card h3 small { color: #847d76; font-size: 12px; letter-spacing: 0; }
.tariff-price { font-size: 17px; font-weight: 800; }.tariff-card > p { margin: 5px 0 25px; color: #8b847d; font-size: 9px; }
.tariff-card ul { margin: 0; padding: 24px 0 0; display: grid; gap: 13px; border-top: 1px solid var(--line); list-style: none; }
.popular ul { border-color: rgba(255,255,255,.13); }.tariff-card li { display: flex; align-items: center; gap: 9px; color: #716b65; font-size: 10px; }.popular li { color: rgba(255,255,255,.7); }.tariff-card li svg { color: var(--orange); }
.tariff-button { height: 48px; margin-top: auto; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border: 1px solid var(--line); border-radius: 8px; font-size: 10px; font-weight: 800; }
.popular .tariff-button { border-color: var(--orange); background: var(--orange); color: #fff; }
.tariff-note { margin-top: 26px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #8a837c; font-size: 9px; }

.references { padding-top: 20px; }
.reference-panel { min-height: 650px; padding: 70px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 65px; position: relative; overflow: hidden; border-radius: 24px; background: #362c25; color: #fff; box-shadow: 0 28px 80px rgba(47,23,5,.15); }
.reference-background { position: absolute; inset: -16px; width: calc(100% + 32px); height: calc(100% + 32px); object-fit: cover; object-position: center; filter: blur(6px) saturate(.72) contrast(.9); transform: scale(1.06); }
.reference-panel::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(13,10,8,.9) 0%,rgba(18,13,10,.69) 48%,rgba(18,13,10,.43) 100%); }
.reference-panel::after { content: ""; position: absolute; z-index: 1; width: 430px; height: 430px; right: -170px; top: -210px; border-radius: 50%; background: rgba(242,121,12,.28); filter: blur(70px); }
.reference-copy, .sector-grid, .reference-quote { position: relative; z-index: 2; }
.reference-copy h2 { margin: 0; font-size: clamp(35px, 3.8vw, 55px); line-height: 1.05; letter-spacing: -.055em; font-weight: 500; }
.reference-copy p { max-width: 480px; margin: 25px 0 0; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.8; }
.sector-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border: 0; }
.sector-grid div { min-height: 112px; padding: 15px; border: 1px solid rgba(255,255,255,.22); border-radius: 16px; background: rgba(255,255,255,.11); font-size: 12px; font-weight: 700; box-shadow: 0 16px 34px rgba(0,0,0,.15); backdrop-filter: blur(12px); }
.sector-grid div:nth-child(even) { transform: translateY(18px); }
.sector-grid span { color: var(--orange); font-size: 7px; letter-spacing: .14em; }
.reference-quote { grid-column: 1 / -1; padding: 20px 24px; display: flex; align-items: center; gap: 24px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; background: rgba(14,10,8,.35); backdrop-filter: blur(12px); }
.reference-quote svg { color: var(--orange); flex: 0 0 auto; }.reference-quote p { margin: 0; font-size: 18px; letter-spacing: -.02em; }

.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
.contact-copy > p { max-width: 400px; margin: 25px 0 32px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.contact-cards { display: grid; gap: 10px; }
.contact-cards a { display: flex; align-items: center; gap: 14px; padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.contact-cards a > svg { width: 40px; height: 40px; padding: 10px; color: var(--orange); background: var(--cream); border-radius: 50%; }
.contact-cards span { color: #8a837c; font-size: 8px; }.contact-cards strong { display: block; margin-top: 3px; color: var(--ink); font-size: 11px; }
.contact-form { padding: 35px; display: grid; gap: 18px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 25px 70px rgba(49,26,0,.07); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-form label { display: grid; gap: 8px; color: #615b56; font-size: 9px; font-weight: 800; }
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; padding: 14px 15px; border: 1px solid var(--line); border-radius: 8px; outline: none; background: #fdfbf8; color: var(--ink); font-size: 11px; resize: vertical; transition: border .2s ease, box-shadow .2s ease; }
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(242,121,12,.1); }
.contact-form .button { justify-self: start; }

footer { padding: 70px 0 24px; background: var(--cream); border-top: 1px solid var(--line); }
.footer-top { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 70px; padding-bottom: 55px; }
.footer-brand .logo img { width: 185px; }.footer-brand > p { max-width: 250px; margin: 18px 0 22px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.status-pill { width: fit-content; display: flex; align-items: center; gap: 8px; padding: 8px 11px; background: #fff; border: 1px solid var(--line); border-radius: 30px; color: #6f6963; font-size: 8px; }
.status-pill span { width: 7px; height: 7px; border-radius: 50%; background: #35b36f; box-shadow: 0 0 0 4px rgba(53,179,111,.12); }
.footer-col { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }.footer-col h3 { margin: 0 0 8px; font-size: 10px; text-transform: uppercase; letter-spacing: .13em; }.footer-col a { color: #706a64; font-size: 9px; }.footer-col a:hover { color: var(--orange); }
.footer-bottom { padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); color: #918a83; font-size: 8px; }

@media (max-width: 1100px) {
  .desktop-nav { gap: 17px; }.header-inner { gap: 20px; }.logo img { width: 150px; }
  .hero-grid { grid-template-columns: .95fr 1.05fr; gap: 15px; }
  .floating-left { left: -5%; }.floating-right { right: -4%; }
  .product-motion-card { flex-basis: 370px; min-height: 565px; }.product-motion-visual { height: 320px; }.product-motion-content { min-height: 221px; }.payment-phone { width: 220px; }
  .api-grid, .solutions-grid { gap: 55px; }.reference-panel { padding: 55px; }
}

@media (max-width: 900px) {
  .desktop-nav, .header-actions { display: none; }.mobile-menu { display: block; }
  .hero-grid { grid-template-columns: 1fr; padding-top: 85px; }.hero-copy { text-align: center; }.hero-copy .eyebrow, .hero-actions, .hero-trust { justify-content: center; }.hero-copy > p { margin-inline: auto; }
  .hero-visual { height: 560px; max-width: 580px; width: 100%; margin: 0 auto; }
  .hero-bottom { margin-top: 50px; grid-template-columns: repeat(3, 1fr); }.hero-bottom > p { grid-column: 1 / -1; justify-content: center; padding: 24px 0; }
  .split-heading, .solutions-grid, .api-grid, .contact-grid { grid-template-columns: 1fr; gap: 50px; }
  .split-heading { margin-bottom: 40px; }.split-heading > p { max-width: 580px; }
  .product-motion-wrap { width: calc(100vw - 24px); }.product-motion-grid { max-width: none; margin: 0; }.product-motion-card { flex-basis: 390px; min-height: 590px; }.product-motion-visual { height: 350px; }.product-motion-content { min-height: 216px; }
  .api-grid { max-width: 720px; }.api-copy { grid-row: 1; }.code-window { transform: none; }
  .tariff-grid { grid-template-columns: 1fr; max-width: 540px; margin: 0 auto; }.tariff-card.popular { transform: none; }
  .reference-panel { grid-template-columns: 1fr; }.reference-quote { grid-column: auto; }
  .footer-top { grid-template-columns: 1.4fr 1fr 1fr; }.footer-col:last-child { grid-column: 2; }
}

@media (max-width: 620px) {
  .container { width: min(100% - 30px, 1180px); }.section { padding: 84px 0; }
  .announcement { justify-content: space-between; padding-inline: 15px; }.announcement > span svg { display: none; }.announcement > span { font-size: 9px; }.announcement a { font-size: 9px; }
  .header-inner { height: 70px; }.logo img { width: 145px; }
  .hero-grid { padding-top: 62px; }.hero h1 { font-size: 49px; }.hero-copy > p { font-size: 13px; }.hero-actions { flex-direction: column; gap: 10px; }.hero-actions .button, .hero-actions .text-link { width: 100%; }
  .hero-visual { height: 505px; }.orb-one { width: 330px; height: 330px; }.orb-two { width: 150px; height: 150px; }.phone-frame { width: 215px; height: 440px; }.phone-content h3 { font-size: 28px; }.floating-left { left: 0; top: 22%; }.floating-right { right: 0; top: 12%; }.hero-badge { bottom: 12%; }
  .hero-bottom { grid-template-columns: 1fr 1fr; }.hero-bottom > div { padding: 20px 12px; border-left: 0; border-bottom: 1px solid var(--line); }.hero-bottom > div:nth-child(3) { grid-column: 1 / -1; text-align: center; }.hero-bottom > p { margin: 0; }
  .section-heading h2, .solutions-copy h2, .api-copy h2, .contact-copy h2 { font-size: 39px; }
  .products-showcase { padding-block: 84px; }.product-showcase-heading { margin-bottom: 40px; }.product-showcase-heading h2 { font-size: 42px; }.product-motion-wrap { width: calc(100vw - 20px); }.product-motion-toolbar > p { display: none; }.product-motion-toolbar { justify-content: flex-end; }.product-motion-grid { gap: 13px; }.product-motion-card { flex-basis: min(84vw,360px); min-height: 555px; border-radius: 18px; }.product-motion-visual { height: 315px; }.product-motion-content { min-height: 216px; margin: 0 16px 16px; padding: 22px; }.product-motion-content p { padding-right: 4px; font-size: 12.5px; }.sms-motion { padding-inline: 16px; }.voice-motion { padding-inline: 18px; }.payment-motion,.mms-motion,.twoway-motion,.survey-motion,.phone-motion,.fax-motion { padding-inline: 17px; }.payment-phone { width: 222px; height: 270px; }
  .solution-list article { grid-template-columns: 48px 1fr 32px; gap: 14px; }.solution-icon { width: 46px; height: 46px; }.solution-list p { padding-right: 6px; }
  .code-window pre { padding: 22px; font-size: 10px; }.api-section { padding-bottom: 70px; }
  .tariff-note { text-align: center; align-items: flex-start; }
  .reference-panel { padding: 36px 24px; gap: 42px; }.sector-grid { grid-template-columns: 1fr 1fr; }.reference-quote { flex-direction: column; align-items: flex-start; }.reference-quote p { font-size: 15px; }
  .form-row { grid-template-columns: 1fr; }.contact-form { padding: 24px; }.contact-form .button { width: 100%; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 40px 28px; }.footer-brand { grid-column: 1 / -1; }.footer-col:last-child { grid-column: auto; }.footer-bottom { flex-direction: column; gap: 9px; }
}

/* Static home hero with animated bulk SMS interface */
.static-sms-hero { background: var(--cream); }
.static-sms-hero .hero-grid { grid-template-columns: .98fr 1.02fr; gap: 58px; min-height: 655px; padding-top: 24px; }
.static-sms-hero .hero-copy { order: 2; }
.static-sms-hero .hero-copy > p { max-width: 530px; }
.static-sms-hero .hero-bottom { grid-template-columns: repeat(3, 1fr); }
.static-sms-hero .hero-bottom > div:last-child { border-right: 1px solid rgba(9,9,9,.12); }

.sms-broadcast-visual { position: relative; order: 1; height: 590px; display: grid; place-items: center; isolation: isolate; }
.sms-visual-orbit { position: absolute; z-index: -1; border-radius: 50%; }
.sms-visual-orbit-one { width: 470px; height: 470px; background: var(--orange); box-shadow: inset -55px -60px 110px rgba(151,40,0,.2), 0 38px 90px rgba(229,92,0,.2); }
.sms-visual-orbit-two { width: 350px; height: 350px; border: 1px solid rgba(255,255,255,.48); box-shadow: 0 0 0 46px rgba(255,255,255,.08), 0 0 0 92px rgba(255,255,255,.045); }
.sms-campaign-card { position: relative; z-index: 2; width: 435px; min-height: 475px; padding: 23px; border: 1px solid rgba(9,9,9,.08); border-radius: 22px; background: rgba(255,255,255,.96); box-shadow: 0 34px 85px rgba(79,31,0,.24); animation: smsCardFloat 6s ease-in-out infinite; }
.sms-campaign-head { display: grid; grid-template-columns: 40px 1fr auto; align-items: center; gap: 11px; padding-bottom: 18px; border-bottom: 1px solid rgba(9,9,9,.08); }
.sms-brand-mark { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--cream); }
.sms-brand-mark img { width: 29px; height: 29px; object-fit: contain; }
.sms-campaign-head span,.sms-campaign-head strong { display: block; }
.sms-campaign-head span { color: #9a8f85; font-size: 7px; font-weight: 800; letter-spacing: .13em; }
.sms-campaign-head strong { margin-top: 4px; font-size: 13px; }
.sms-campaign-head em { padding: 6px 9px; border-radius: 999px; background: #e9f8f0; color: #259960; font-size: 7px; font-style: normal; font-weight: 800; letter-spacing: .1em; }
.sms-campaign-head em::before { content: ""; width: 5px; height: 5px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #2ab16c; box-shadow: 0 0 0 4px rgba(42,177,108,.12); animation: smsLivePulse 1.8s ease-in-out infinite; }
.sms-compose-row { margin-top: 17px; padding: 14px; display: grid; grid-template-columns: 39px 1fr 20px; align-items: center; gap: 10px; border: 1px solid rgba(242,121,12,.12); border-radius: 13px; background: #fff8ef; }
.sms-compose-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 10px; background: var(--orange); color: #fff; }
.sms-compose-icon svg { width: 18px; }
.sms-compose-row span,.sms-compose-row strong { display: block; }
.sms-compose-row span { color: #a39487; font-size: 7px; }
.sms-compose-row strong { margin-top: 3px; font-size: 9px; }
.sms-compose-row > svg { width: 18px; color: #32a56c; }
.sms-audience-row { margin-top: 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sms-audience-row > div { min-height: 62px; padding: 11px 12px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(9,9,9,.07); border-radius: 12px; background: #fff; }
.sms-audience-row svg { width: 28px; height: 28px; padding: 7px; border-radius: 8px; background: var(--cream); color: var(--orange); }
.sms-audience-row small,.sms-audience-row strong { display: block; }
.sms-audience-row small { color: #a3978d; font-size: 6px; }
.sms-audience-row strong { margin-top: 3px; font-size: 9px; }
.sms-progress-area { margin: 17px 0 12px; }
.sms-progress-area > div:first-child { display: flex; justify-content: space-between; align-items: center; color: #7c746d; font-size: 8px; }
.sms-progress-area strong { color: var(--ink); font-size: 10px; }
.sms-progress-track { height: 7px; margin-top: 8px; overflow: hidden; border-radius: 10px; background: #eee7df; }
.sms-progress-track i { display: block; width: 98%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--orange),#ffb459); transform-origin: left; animation: smsProgress 7s cubic-bezier(.2,.75,.22,1) infinite; }
.sms-recipient-list { display: grid; gap: 7px; }
.sms-contact { min-height: 48px; padding: 7px 9px; display: grid; grid-template-columns: 33px 1fr auto; align-items: center; gap: 9px; border: 1px solid rgba(9,9,9,.065); border-radius: 10px; background: #fff; box-shadow: 0 7px 18px rgba(63,35,14,.035); animation: smsContactFlow 7s ease infinite both; }
.sms-contact-2 { animation-delay: .35s; }.sms-contact-3 { animation-delay: .7s; }
.sms-contact > b { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 9px; background: #fff0dc; color: var(--orange-deep); font-size: 8px; }
.sms-contact span strong,.sms-contact span small { display: block; }
.sms-contact span strong { font-size: 8px; }.sms-contact span small { margin-top: 2px; color: #aaa098; font-size: 6px; }
.sms-contact em { display: flex; align-items: center; gap: 4px; color: #32a56c; font-size: 6px; font-style: normal; font-weight: 800; }
.sms-contact em svg { width: 12px; height: 12px; padding: 2px; border-radius: 50%; background: #e9f8f0; }
.sms-contact em.sending { color: var(--orange); }
.sms-contact em.sending i { width: 7px; height: 7px; border: 1.5px solid rgba(242,121,12,.28); border-top-color: var(--orange); border-radius: 50%; animation: smsSpin .7s linear infinite; }
.sms-success-card { position: absolute; z-index: 5; right: -29px; bottom: 16px; width: 295px; padding: 15px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.9); border-radius: 15px; background: rgba(255,255,255,.94); box-shadow: 0 22px 55px rgba(83,34,0,.22); backdrop-filter: blur(15px); animation: smsSuccessReveal 7s ease infinite; }
.sms-success-card > span { width: 39px; height: 39px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #e7f8ef; color: #27a566; }
.sms-success-card svg { width: 21px; }
.sms-success-card small,.sms-success-card strong { display: block; }
.sms-success-card small { color: #91867c; font-size: 7px; }.sms-success-card strong { margin-top: 4px; font-size: 9px; }
.sms-live-pill { position: absolute; z-index: 4; left: -20px; top: 88px; padding: 11px 14px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.78); border-radius: 999px; background: rgba(255,255,255,.88); box-shadow: 0 15px 40px rgba(83,34,0,.15); backdrop-filter: blur(12px); color: #716960; font-size: 7px; animation: smsPillFloat 5s ease-in-out infinite; }
.sms-live-pill svg { width: 27px; height: 27px; padding: 7px; border-radius: 50%; background: var(--orange); color: #fff; }
.sms-live-pill strong { color: var(--ink); font-size: 10px; }

@keyframes smsCardFloat { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-9px) rotate(.3deg); } }
@keyframes smsPillFloat { 0%,100% { transform: translate(0,0); } 50% { transform: translate(8px,-7px); } }
@keyframes smsLivePulse { 50% { transform: scale(.72); opacity: .55; } }
@keyframes smsProgress { 0%,8% { transform: scaleX(.06); } 56%,100% { transform: scaleX(1); } }
@keyframes smsContactFlow { 0%,10% { opacity: 0; transform: translateY(10px); } 25%,88% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-4px); } }
@keyframes smsSuccessReveal { 0%,46% { opacity: 0; transform: translateY(18px) scale(.92); } 58%,88% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-7px) scale(.98); } }
@keyframes smsSpin { to { transform: rotate(360deg); } }

/* Free account popup */
.signup-modal-backdrop { position: fixed; z-index: 200; inset: 0; padding: 28px; display: grid; place-items: center; overflow-y: auto; background: rgba(9,9,9,.68); backdrop-filter: blur(10px); animation: modalFade .24s ease both; }
.signup-modal { position: relative; width: min(680px,100%); padding: 42px; overflow: hidden; border: 1px solid rgba(255,255,255,.7); border-radius: 24px; background: #fffaf4; box-shadow: 0 35px 110px rgba(0,0,0,.35); animation: modalRise .32s cubic-bezier(.2,.8,.2,1) both; }
.signup-modal::before { content: ""; position: absolute; width: 260px; height: 260px; right: -150px; top: -150px; border-radius: 50%; background: var(--orange); opacity: .14; filter: blur(4px); }
.signup-modal-close { position: absolute; z-index: 3; right: 19px; top: 19px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #fff; cursor: pointer; transition: .2s ease; }
.signup-modal-close:hover { border-color: var(--orange); color: var(--orange); transform: rotate(6deg); }
.signup-modal-close svg { width: 17px; }
.signup-modal-heading { position: relative; z-index: 2; max-width: 530px; }
.signup-modal-heading h2,.signup-success h2 { margin: 0; font-size: clamp(31px,4vw,45px); line-height: 1.05; letter-spacing: -.05em; font-weight: 500; }
.signup-modal-heading > p,.signup-success > p { margin: 17px 0 26px; color: var(--muted); font-size: 11px; line-height: 1.75; }
.signup-form { position: relative; z-index: 2; display: grid; gap: 15px; }
.signup-form label { display: grid; gap: 7px; color: #655f59; font-size: 9px; font-weight: 800; }
.signup-form input:not([type="checkbox"]),.signup-form select { width: 100%; height: 47px; padding: 0 13px; border: 1px solid var(--line); border-radius: 9px; background: #fff; outline: none; font-size: 11px; }
.signup-form input:focus,.signup-form select:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(242,121,12,.1); }
.signup-consent { grid-template-columns: 18px 1fr !important; align-items: start; gap: 9px !important; font-weight: 500 !important; line-height: 1.5; }
.signup-consent input { width: 16px; height: 16px; margin: 0; accent-color: var(--orange); }
.signup-form .button { justify-self: start; margin-top: 3px; }
.signup-success { position: relative; z-index: 2; min-height: 420px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.signup-success > span { width: 70px; height: 70px; margin-bottom: 27px; display: grid; place-items: center; border-radius: 50%; background: #e6f8ee; color: #29a867; }
.signup-success > span svg { width: 34px; height: 34px; }
.signup-success .eyebrow i { width: 24px; height: 2px; background: var(--orange); }
@keyframes modalFade { from { opacity: 0; } }
@keyframes modalRise { from { opacity: 0; transform: translateY(24px) scale(.97); } }

/* Photo-led, interactive reference tabs */
.references { padding-top: 28px; }
.reference-tabs-panel { position: relative; min-height: 730px; overflow: hidden; border-radius: 26px; background: #1b1714; color: #fff; box-shadow: 0 30px 90px rgba(47,23,5,.19); }
.reference-tab-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; animation: referencePhotoIn .65s cubic-bezier(.2,.7,.2,1) both; }
.reference-tab-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(10,8,7,.92) 0%,rgba(10,8,7,.68) 45%,rgba(10,8,7,.25) 68%,rgba(10,8,7,.52) 100%),linear-gradient(0deg,rgba(9,8,7,.88),transparent 50%); }
.reference-tabs-heading { position: absolute; z-index: 2; left: 62px; top: 62px; width: min(510px,48%); }
.reference-tabs-heading h2 { margin: 0; font-size: clamp(37px,4.2vw,58px); line-height: 1.02; letter-spacing: -.055em; font-weight: 500; }
.reference-tabs-heading > p { max-width: 430px; margin: 20px 0 0; color: rgba(255,255,255,.68); font-size: 11px; line-height: 1.75; }
.reference-active-copy { position: absolute; z-index: 2; left: 62px; bottom: 54px; width: min(560px,50%); animation: referenceCopyIn .45s ease both; }
.reference-active-copy > span { display: inline-flex; align-items: center; gap: 8px; color: #ffad5d; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.reference-active-copy > span svg { width: 17px; }
.reference-active-copy h3 { margin: 11px 0 10px; font-size: clamp(24px,2.5vw,35px); line-height: 1.08; letter-spacing: -.045em; font-weight: 600; }
.reference-active-copy p { max-width: 480px; margin: 0; color: rgba(255,255,255,.7); font-size: 11px; line-height: 1.7; }
.reference-active-copy a { margin-top: 18px; display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 10px; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: 6px; }
.reference-active-copy a svg { width: 15px; }
.reference-tab-list { position: absolute; z-index: 3; right: 28px; top: 28px; bottom: 28px; width: 320px; padding: 10px; display: grid; grid-template-rows: repeat(6,1fr); gap: 7px; border: 1px solid rgba(255,255,255,.18); border-radius: 20px; background: rgba(13,10,8,.48); backdrop-filter: blur(16px); }
.reference-tab-list button { width: 100%; min-height: 0; padding: 8px 12px 8px 9px; display: grid; grid-template-columns: 64px 1fr 31px; align-items: center; gap: 9px; border: 1px solid transparent; border-radius: 13px; background: rgba(255,255,255,.045); color: rgba(255,255,255,.72); text-align: left; cursor: pointer; transition: .3s ease; }
.reference-tab-list button:hover { background: rgba(255,255,255,.1); color: #fff; }
.reference-tab-list button[aria-selected="true"] { border-color: rgba(255,177,95,.5); background: rgba(242,121,12,.88); color: #fff; box-shadow: 0 15px 35px rgba(0,0,0,.2); }
.reference-tab-list button > img { width: 58px; height: 58px; object-fit: contain; filter: drop-shadow(0 10px 14px rgba(0,0,0,.25)); transition: transform .35s ease; }
.reference-tab-list button:hover > img,.reference-tab-list button[aria-selected="true"] > img { transform: translateY(-3px) rotate(-3deg) scale(1.06); }
.reference-tab-list button span small,.reference-tab-list button span strong { display: block; }
.reference-tab-list button span small { margin-bottom: 4px; color: rgba(255,255,255,.48); font-size: 6px; letter-spacing: .15em; }
.reference-tab-list button span strong { font-size: 10px; }
.reference-tab-list button > i { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; font-style: normal; }
.reference-tab-list button > i svg { width: 12px; }
@keyframes referencePhotoIn { from { opacity: .25; transform: scale(1.045); } to { opacity: 1; transform: scale(1); } }
@keyframes referenceCopyIn { from { opacity: 0; transform: translateY(9px); } }

/* Footer menu labels: approximately two points larger */
.creative-footer .footer-col > a { min-height: 43px; font-size: 12px; }

@media (max-width: 1050px) {
  .static-sms-hero .hero-grid { grid-template-columns: 1fr; min-height: 1120px; gap: 10px; padding-top: 55px; }
  .static-sms-hero .hero-copy { order: 1; max-width: 700px; text-align: center; margin-inline: auto; }
  .static-sms-hero .hero-copy .eyebrow,.static-sms-hero .hero-actions { justify-content: center; }
  .static-sms-hero .hero-copy > p { margin-inline: auto; }
  .sms-broadcast-visual { order: 2; width: min(600px,100%); margin-inline: auto; }
  .reference-tabs-heading { width: calc(100% - 410px); }
  .reference-active-copy { width: calc(100% - 410px); }
}

@media (max-width: 760px) {
  .static-sms-hero .hero-grid { min-height: 1050px; }
  .static-sms-hero .hero-bottom { grid-template-columns: 1fr 1fr; }
  .static-sms-hero .hero-bottom > div { min-height: 92px; padding: 18px 14px; }
  .static-sms-hero .hero-bottom > div:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid rgba(9,9,9,.12); }
  .sms-broadcast-visual { height: 555px; transform: scale(.92); transform-origin: center; }
  .reference-tabs-panel { min-height: 1030px; }
  .reference-tabs-heading { left: 28px; top: 34px; width: calc(100% - 56px); }
  .reference-tabs-heading h2 { font-size: 40px; }
  .reference-active-copy { left: 28px; top: 315px; bottom: auto; width: calc(100% - 56px); }
  .reference-tab-list { left: 20px; right: 20px; top: auto; bottom: 20px; width: auto; height: 560px; }
}

@media (max-width: 560px) {
  .static-sms-hero .hero-grid { min-height: 930px; padding-top: 45px; }
  .static-sms-hero .hero h1 { font-size: 46px; }
  .static-sms-hero .hero-actions { flex-direction: column; gap: 10px; }
  .static-sms-hero .hero-actions .button { width: 100%; }
  .sms-broadcast-visual { width: 125%; height: 480px; margin-left: -12.5%; transform: scale(.72); }
  .sms-live-pill { left: 4px; }.sms-success-card { right: 0; }
  .signup-modal-backdrop { padding: 12px; }
  .signup-modal { padding: 34px 20px 24px; border-radius: 18px; }
  .signup-modal .form-row { grid-template-columns: 1fr; }
  .signup-form .button { width: 100%; }
  .reference-tabs-panel { min-height: 1080px; border-radius: 20px; }
  .reference-tabs-heading h2 { font-size: 35px; }
  .reference-active-copy { top: 330px; }
  .reference-active-copy h3 { font-size: 27px; }
  .reference-tab-list { height: 590px; }
  .reference-tab-list button { grid-template-columns: 57px 1fr 29px; }
  .reference-tab-list button > img { width: 52px; height: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .sms-campaign-card,.sms-live-pill,.sms-campaign-head em::before,.sms-progress-track i,.sms-contact,.sms-success-card,.sms-contact em.sending i,.reference-tab-photo,.reference-active-copy,.signup-modal-backdrop,.signup-modal { animation: none !important; }
  .sms-success-card { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
  .product-motion-card { opacity: 1; transform: none; }
  .sms-progress span,.sms-fly,.voice-orbit::before,.voice-orbit::after,.voice-pulse,.voice-wave i,.payment-route i::after,.payment-success,.payment-glow,.mms-preview img,.mms-scan,.mms-send svg,.twoway-bubble,.twoway-typing i,.survey-option i em,.phone-ring-stage > i,.phone-ring-stage > div,.fax-paper,.fax-laser,.corporate-message-card { animation: none !important; }
  .payment-success { opacity: 1; transform: none; }
}

/* Expanded navigation and Streamline duotone icons */
.rich-dropdown { width: 540px; left: -60px; padding: 18px; }
.nav-dropdown:nth-child(2) .rich-dropdown { left: -180px; width: 480px; }
.nav-dropdown:nth-child(3) .rich-dropdown { left: -250px; width: 440px; }
.dropdown-head { display: flex; justify-content: space-between; align-items: center; padding: 3px 5px 13px; border-bottom: 1px solid var(--line); }
.dropdown-head > span { font-size: 9px; letter-spacing: .15em; text-transform: uppercase; color: #9b938a; }
.dropdown-head > a { display: inline-flex; align-items: center; gap: 5px; color: var(--orange); font-size: 9px; }
.dropdown-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding-top: 10px; }
.dropdown-grid > a { min-height: 58px; display: grid; grid-template-columns: 46px 1fr 18px; align-items: center; gap: 8px; padding: 7px; }
.dropdown-grid > a > span:nth-child(2) { color: var(--ink); font-size: 10px; }
.dropdown-grid small { display: block; margin-top: 3px; color: #9a938c; font-size: 7px; font-weight: 500; }
.streamline-credit { padding: 10px 6px 0; color: #aaa39c; font-size: 7px; border-top: 1px solid var(--line); }
.duotone-icon { position: relative; display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 11px; background: var(--cream); overflow: hidden; }
.duotone-icon::before { content: ""; position: absolute; width: 28px; height: 28px; border-radius: 50%; background: rgba(242,121,12,.14); }
.duotone-icon img { position: relative; z-index: 1; object-fit: contain; filter: sepia(.2) saturate(1.35) hue-rotate(340deg); }
.mobile-menu nav details { border-bottom: 1px solid var(--line); }
.mobile-menu nav details summary { padding: 12px; font-size: 13px; font-weight: 800; list-style: none; }
.mobile-menu nav details a { padding-left: 22px; color: #716b65; font-size: 11px; }

/* Slider */
.hero-slider { transition: background .45s ease, color .45s ease; }
.hero-slider .hero-copy, .hero-slider .slide-visual { animation: slideFade .55s ease both; }
@keyframes slideFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.slide-dark { background: #0a0908; color: #fff; }
.slide-dark::before { border-color: rgba(242,121,12,.28); box-shadow: 0 0 0 110px rgba(242,121,12,.035), 0 0 0 220px rgba(242,121,12,.02); }
.slide-dark .hero-copy > p, .slide-dark .hero-trust p, .slide-dark .hero-trust strong, .slide-dark .hero-bottom span { color: rgba(255,255,255,.62); }
.slide-dark .hero-trust strong { color: #fff; }
.slide-dark .eyebrow { color: rgba(255,255,255,.55); }
.slide-dark .text-link { border-color: rgba(255,255,255,.6); }
.slide-dark .hero-bottom { border-color: rgba(255,255,255,.13); }
.slide-dark .hero-bottom > div { border-color: rgba(255,255,255,.14); }
.slide-dark .avatar-stack span { border-color: #0a0908; }
.slide-orange { background: var(--orange); color: #fff; }
.slide-orange::before { border-color: rgba(255,255,255,.23); box-shadow: 0 0 0 110px rgba(255,255,255,.035), 0 0 0 220px rgba(255,255,255,.025); }
.slide-orange .hero h1 em, .slide-orange h1 em { color: var(--ink); }
.slide-orange .hero-copy > p, .slide-orange .hero-trust p, .slide-orange .hero-bottom span { color: rgba(255,255,255,.7); }
.slide-orange .hero-trust strong { color: #fff; }
.slide-orange .eyebrow { color: rgba(255,255,255,.67); }
.slide-orange .eyebrow span { background: #fff; }
.slide-orange .button { background: var(--ink); }
.slide-orange .text-link { border-color: rgba(255,255,255,.7); }
.slide-orange .hero-bottom, .slide-orange .hero-bottom > div { border-color: rgba(255,255,255,.22); }
.slide-orange .avatar-stack span { border-color: var(--orange); }
.slide-visual { min-width: 0; }
.corporate-visual { position: relative; height: 590px; display: grid; place-items: center; }
.corporate-visual > img { width: min(510px, 92%); height: 510px; display: block; object-fit: cover; object-position: center; border-radius: 36px; filter: saturate(.78) contrast(.96); box-shadow: 0 38px 90px rgba(83,34,0,.24); transform: rotate(1.5deg); }
.corporate-photo-overlay { position: absolute; width: min(510px,92%); height: 510px; border-radius: 36px; background: linear-gradient(180deg,rgba(17,12,8,.02),rgba(17,12,8,.1) 52%,rgba(17,12,8,.58)); transform: rotate(1.5deg); pointer-events: none; }
.corporate-message-card { position: absolute; z-index: 3; left: -2%; bottom: 13%; width: 330px; min-height: 96px; padding: 16px; display: grid; grid-template-columns: 42px 1fr 18px; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.76); border-radius: 18px; background: rgba(255,255,255,.91); color: var(--ink); box-shadow: 0 24px 65px rgba(48,22,4,.23); backdrop-filter: blur(15px); animation: corporate-message 4.8s ease-in-out infinite; }
.corporate-message-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--orange); color: #fff; }.corporate-message-card small,.corporate-message-card strong,.corporate-message-card em { display: block; }.corporate-message-card small { color: #9b9188; font-size: 7px; }.corporate-message-card strong { margin-top: 4px; font-size: 11px; }.corporate-message-card em { margin-top: 3px; color: #756d65; font-size: 7px; font-style: normal; line-height: 1.45; }.corporate-message-card > svg { color: #35ad70; }
.corporate-company-card { position: absolute; z-index: 3; right: -2%; top: 13%; min-width: 210px; padding: 14px 15px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.72); border-radius: 15px; background: rgba(20,16,13,.82); color: #fff; box-shadow: 0 18px 50px rgba(33,14,0,.25); backdrop-filter: blur(14px); }.corporate-company-card > svg:first-child { width: 36px; height: 36px; padding: 9px; border-radius: 11px; background: var(--orange); }.corporate-company-card > svg:last-child { margin-left: auto; color: #ffbb72; }.corporate-company-card small,.corporate-company-card strong { display: block; }.corporate-company-card small { color: rgba(255,255,255,.55); font-size: 7px; }.corporate-company-card strong { margin-top: 4px; font-size: 9px; }
@keyframes corporate-message { 0%,12% { opacity: 0; transform: translateY(16px) scale(.97); } 25%,84% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-8px) scale(.99); } }
.slider-controls { display: flex !important; flex-direction: row !important; align-items: center; justify-content: flex-end; gap: 12px; padding-left: 0 !important; border: 0 !important; }
.slider-controls > button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; opacity: .7; }
.slider-controls > button:hover { opacity: 1; background: rgba(255,255,255,.12); }
.slider-dots { display: flex !important; flex-direction: row !important; align-items: center; gap: 5px; padding: 0 !important; border: 0 !important; }
.slider-dots button { width: 22px; height: 18px; padding: 0; display: grid; place-items: center; border: 0; background: transparent; cursor: pointer; }
.slider-dots button span { width: 5px; height: 5px; border-radius: 5px; background: currentColor; opacity: .3; transition: width .2s ease, opacity .2s ease; }
.slider-dots button[aria-current="true"] span { width: 18px; opacity: 1; }
.slider-api-visual, .conversation-visual { position: relative; height: 590px; display: grid; place-items: center; }
.code-orbit { position: absolute; width: 430px; height: 430px; border-radius: 50%; background: var(--orange); filter: blur(.2px); box-shadow: inset -40px -50px 90px rgba(93,28,0,.2), 0 0 0 55px rgba(242,121,12,.05); }
.slider-code-card { position: relative; z-index: 2; width: 450px; overflow: hidden; background: #151311; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; box-shadow: 0 35px 90px rgba(0,0,0,.48); transform: rotate(2.5deg); }
.slider-code-top { height: 48px; padding: 0 18px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid #2b2723; background: #1d1a17; }
.slider-code-top i { width: 8px; height: 8px; border-radius: 50%; background: #f47060; }.slider-code-top i:nth-child(2) { background: #f1b64e; }.slider-code-top i:nth-child(3) { background: #56ba80; }.slider-code-top span { margin-left: 9px; color: #8c847d; font-size: 8px; }
.slider-code-card pre { margin: 0; min-height: 260px; padding: 32px; color: #f3ede6; font: 12px/2 "SFMono-Regular", Consolas, monospace; white-space: pre-wrap; }.slider-code-card pre span, .slider-code-card pre b { color: #c997ff; }.slider-code-card pre em { color: #a9d77f; font-style: normal; }
.slider-code-status { height: 48px; padding: 0 19px; display: flex; align-items: center; gap: 8px; border-top: 1px solid #2b2723; color: #9cd174; font-size: 9px; }.slider-code-status strong { margin-left: auto; color: #776f68; }
.api-float { position: absolute; z-index: 4; min-width: 145px; padding: 14px; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.93); color: var(--ink); border-radius: 12px; box-shadow: 0 18px 50px rgba(0,0,0,.25); font-size: 8px; }.api-float svg { width: 34px; height: 34px; padding: 8px; border-radius: 50%; background: var(--cream); color: var(--orange); }.api-float span, .api-float strong { display: block; }.api-float strong { margin-top: 3px; font-size: 11px; }.api-float-one { top: 13%; right: -2%; }.api-float-two { bottom: 16%; left: -3%; }
.conversation-orb { position: absolute; width: 445px; height: 445px; border-radius: 50%; background: #fff0db; box-shadow: inset -25px -35px 80px rgba(115,48,0,.14), 0 40px 90px rgba(99,34,0,.25); }
.chat-board { position: relative; z-index: 2; width: 410px; min-height: 450px; padding: 22px; border-radius: 24px; background: #fffaf4; color: var(--ink); transform: rotate(-2.5deg); box-shadow: 0 34px 85px rgba(80,25,0,.3); }
.chat-board-head { padding-bottom: 17px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); }.chat-board-head > svg { width: 38px; height: 38px; padding: 9px; border-radius: 50%; background: var(--orange); color: #fff; }.chat-board-head span, .chat-board-head strong { display: block; font-size: 9px; }.chat-board-head strong { color: #9b938c; font-size: 7px; }.chat-board-head i { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #3bb477; box-shadow: 0 0 0 4px rgba(59,180,119,.13); }
.chat-line { width: 78%; margin-top: 17px; padding: 14px; border-radius: 15px 15px 15px 4px; background: var(--cream); }.chat-line.outgoing { margin-left: auto; border-radius: 15px 15px 4px 15px; background: var(--orange); color: #fff; }.chat-line.short { width: 48%; }.chat-line b, .chat-line small { display: block; }.chat-line b { font-size: 9px; line-height: 1.6; }.chat-line small { margin-top: 5px; color: #958d85; font-size: 6px; }.chat-line.outgoing small { color: rgba(255,255,255,.7); }
.response-metric { margin-top: 23px; padding: 14px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 12px; }.response-metric svg { color: var(--orange); }.response-metric span, .response-metric strong { display: block; font-size: 7px; }.response-metric strong { margin-top: 3px; font-size: 13px; }.response-metric em { margin-left: auto; color: #2aa66b; font-size: 9px; font-style: normal; }
.conversation-badge { position: absolute; z-index: 3; right: -2%; bottom: 13%; padding: 12px 16px; display: flex; align-items: center; gap: 8px; border-radius: 30px; background: var(--ink); color: #fff; font-size: 8px; box-shadow: 0 16px 45px rgba(56,18,0,.28); }

/* Reference icons over photography */
.sector-grid-3d div { position: relative; min-height: 118px; padding: 14px; display: grid; grid-template-columns: 62px 1fr; grid-template-rows: auto 1fr; align-items: center; column-gap: 11px; overflow: hidden; }
.sector-grid-3d img { grid-row: 1 / 3; width: 68px; height: 68px; object-fit: contain; filter: drop-shadow(0 12px 18px rgba(0,0,0,.26)); transition: transform .35s ease; }
.sector-grid-3d div:hover img { transform: translateY(-5px) rotate(-4deg) scale(1.09); }
.sector-grid-3d div:hover { background: rgba(242,121,12,.19); border-color: rgba(255,181,104,.55); }
.sector-grid-3d div span { align-self: end; }.sector-grid-3d div strong { align-self: start; font-size: 11px; }

/* Inner pages */
.inner-page { background: var(--paper); }
.breadcrumb { padding-top: 30px; display: flex; align-items: center; gap: 8px; color: #958e87; font-size: 8px; }.breadcrumb strong { color: var(--orange); }.breadcrumb a:hover { color: var(--ink); }
.inner-hero { min-height: 690px; overflow: hidden; background: var(--cream); border-bottom: 1px solid var(--line); }
.inner-hero-grid { min-height: 525px; display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 70px; }
.inner-hero-copy h1 { margin: 0; font-size: clamp(42px, calc(4.8vw - 7px), 64px); line-height: .98; letter-spacing: -.06em; font-weight: 500; }.inner-hero-copy h1 em { color: var(--orange); font-style: normal; font-weight: 700; }.inner-hero-copy > p { max-width: 570px; margin: 28px 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.inner-hero-visual { position: relative; height: 500px; display: grid; place-items: center; }
.inner-orbit { position: absolute; border-radius: 50%; }.orbit-a { width: 390px; height: 390px; background: var(--orange); box-shadow: inset -35px -45px 80px rgba(117,38,0,.2), 0 35px 80px rgba(116,43,0,.2); }.orbit-b { width: 485px; height: 485px; border: 1px solid rgba(242,121,12,.18); box-shadow: 0 0 0 42px rgba(242,121,12,.035); }
.inner-device { position: relative; z-index: 2; width: 310px; min-height: 390px; padding: 18px 24px 24px; border-radius: 28px; background: rgba(255,255,255,.94); box-shadow: 0 30px 75px rgba(89,34,0,.26); transform: rotate(3deg); }
.inner-device-top { display: flex; gap: 5px; }.inner-device-top span { width: 7px; height: 7px; border-radius: 50%; background: #d8d1ca; }.inner-device-top span:first-child { background: var(--orange); }
.inner-device-brand { margin-top: 24px; display: flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 800; }.inner-device-brand img { width: 28px; }
.inner-icon-stage { position: relative; height: 190px; margin-top: 22px; display: grid; place-items: center; border-radius: 18px; background: var(--cream); overflow: hidden; }.inner-icon-stage .duotone-icon { width: 108px !important; height: 108px !important; border-radius: 25px; background: #fff; box-shadow: 0 18px 40px rgba(114,50,0,.13); }.inner-icon-stage .duotone-icon img { width: 58px; height: 58px; }.inner-icon-stage i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--orange); }.inner-icon-stage i:nth-of-type(1) { top: 26px; right: 36px; }.inner-icon-stage i:nth-of-type(2) { bottom: 28px; left: 40px; opacity: .5; }.inner-icon-stage i:nth-of-type(3) { width: 28px; height: 4px; right: 28px; bottom: 42px; border-radius: 5px; opacity: .3; }
.inner-device > strong { display: block; margin-top: 20px; font-size: 17px; letter-spacing: -.03em; }.inner-device > small { color: #968e86; font-size: 8px; }
.inner-float { position: absolute; z-index: 4; min-width: 145px; padding: 13px; display: flex; align-items: center; gap: 9px; border-radius: 12px; background: rgba(255,255,255,.92); box-shadow: 0 18px 45px rgba(78,29,0,.16); }.inner-float > svg { color: var(--orange); }.inner-float span, .inner-float strong { display: block; font-size: 7px; }.inner-float strong { margin-top: 3px; color: var(--ink); font-size: 10px; }.float-success { left: -1%; top: 26%; }.float-secure { right: -5%; bottom: 19%; }
.inner-stats { min-height: 115px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }.inner-stats div { padding-left: 30px; display: flex; flex-direction: column; justify-content: center; gap: 4px; border-left: 1px solid var(--line); }.inner-stats div:first-child { border: 0; padding-left: 0; }.inner-stats strong { font-size: 22px; letter-spacing: -.04em; }.inner-stats span { color: #8d867f; font-size: 8px; }
.inner-intro { background: #fff; }.inner-intro-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 100px; }.inner-intro h2, .use-case-grid h2, .api-doc-copy h2 { margin: 0; font-size: clamp(36px,calc(4.3vw - 3px),56px); line-height: 1.05; letter-spacing: -.055em; font-weight: 500; }.inner-intro-grid > div:nth-child(2) > p { margin: 48px 0 30px; color: var(--muted); font-size: 13px; line-height: 1.9; }.intro-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.intro-checks span { display: flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 700; }.intro-checks svg { width: 19px; height: 19px; padding: 4px; border-radius: 50%; background: var(--cream); color: var(--orange); }
.inner-features { background: var(--paper); }.inner-feature-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }.inner-feature-grid article { min-height: 290px; padding: 24px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 16px; background: #fff; }.feature-number { color: #a59d96; font-size: 8px; letter-spacing: .15em; }.inner-feature-grid .duotone-icon { margin: 34px 0 26px; }.inner-feature-grid h3 { margin: 0 0 8px; font-size: 17px; }.inner-feature-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.inner-steps { background: #fff; }.steps-line { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 70px; margin-top: 65px; }.steps-line::before { content: ""; position: absolute; left: 15%; right: 15%; top: 52px; height: 1px; background: var(--line); }.steps-line article { position: relative; text-align: center; }.steps-line article > span { color: #a19890; font-size: 8px; letter-spacing: .15em; }.step-dot { position: relative; z-index: 2; width: 58px; height: 58px; margin: 20px auto 25px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: #fff; box-shadow: 0 0 0 10px #fff; }.step-dot svg { width: 20px; }.steps-line h3 { margin: 0 0 10px; font-size: 17px; }.steps-line p { max-width: 280px; margin: 0 auto; color: var(--muted); font-size: 10px; line-height: 1.7; }
.use-cases { background: var(--ink); color: #fff; }.use-case-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 95px; }.use-case-list { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(255,255,255,.15); }.use-case-list div { min-height: 90px; padding: 18px; display: grid; grid-template-columns: 32px 1fr 22px; align-items: center; border-right: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }.use-case-list span { color: var(--orange); font-size: 7px; }.use-case-list strong { font-size: 11px; }.use-case-list svg { width: 16px; color: rgba(255,255,255,.4); }
.inner-api-demo { background: var(--orange); color: #fff; }.inner-api-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 85px; }.api-doc-copy p { max-width: 430px; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.8; }.doc-code { overflow: hidden; border-radius: 16px; background: #11100f; box-shadow: 0 30px 80px rgba(92,30,0,.28); }.doc-code .code-top { height: 48px; padding: 0 17px; display: flex; align-items: center; gap: 7px; background: #1b1917; border-bottom: 1px solid #2c2925; }.doc-code .code-top i { width: 8px; height: 8px; border-radius: 50%; background: #f06d60; }.doc-code .code-top i:nth-child(2) { background: #edb34d; }.doc-code .code-top i:nth-child(3) { background: #57b582; }.doc-code .code-top span { margin-left: 8px; color: #8c857f; font-size: 8px; }.doc-code pre { margin: 0; padding: 30px; min-height: 230px; color: #f2ece5; font: 10px/2 "SFMono-Regular",Consolas,monospace; white-space: pre-wrap; }.doc-code pre b { color: #cb99ff; }.doc-code pre em { color: #9fd273; font-style: normal; }.code-result { padding: 14px 18px; display: flex; align-items: center; gap: 8px; border-top: 1px solid #2c2925; color: #9fd273; font-size: 8px; }.code-result svg { width: 15px; }.code-result span { margin-left: auto; color: #77716b; }
.contact-locations { background: #fff; }.location-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }.location-grid article { min-height: 220px; padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); }.location-grid svg { width: 45px; height: 45px; padding: 12px; border-radius: 50%; background: var(--cream); color: var(--orange); }.location-grid span { display: block; margin-top: 32px; color: var(--orange); font-size: 8px; text-transform: uppercase; letter-spacing: .12em; }.location-grid h3 { margin: 8px 0; font-size: 18px; }.location-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
  .inner-cta { background: var(--orange); color: #fff; }.cta-panel { display: flex; align-items: flex-end; justify-content: space-between; gap: 45px; }.cta-panel h2 { margin: 0; font-size: clamp(35px,4.2vw,57px); line-height: 1.05; letter-spacing: -.055em; font-weight: 500; }

@media (max-width: 1100px) {
  .rich-dropdown { left: -80px; }.slider-code-card { width: 390px; }.chat-board { width: 370px; }
  .inner-hero-grid { gap: 30px; }.inner-feature-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .hero-slider .hero-grid { min-height: 1080px; }.slider-api-visual, .conversation-visual, .corporate-visual { height: 530px; max-width: 580px; margin: 0 auto; }.corporate-visual > img,.corporate-photo-overlay { height: 470px; }.corporate-message-card { left: 0; }.corporate-company-card { right: 0; }.slider-controls { grid-column: 1 / -1; padding: 22px 0 !important; justify-content: center; }
  .inner-hero-grid, .inner-intro-grid, .use-case-grid, .inner-api-grid { grid-template-columns: 1fr; }.inner-hero-copy { padding-top: 70px; text-align: center; }.inner-hero-copy .eyebrow, .inner-hero-copy .hero-actions { justify-content: center; }.inner-hero-copy > p { margin-inline: auto; }.inner-hero-visual { max-width: 580px; width: 100%; margin: 0 auto; }.inner-stats { margin-top: 40px; }.inner-intro-grid, .use-case-grid, .inner-api-grid { gap: 45px; }.inner-intro-grid > div:nth-child(2) > p { margin-top: 0; }.steps-line { gap: 30px; }.cta-panel { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 620px) {
  .slider-code-card { width: 92%; }.chat-board { width: 86%; min-height: 425px; }.api-float-one { right: 0; }.api-float-two { left: 0; }.conversation-badge { right: 0; }.slider-api-visual, .conversation-visual, .corporate-visual { height: 490px; }.corporate-visual > img,.corporate-photo-overlay { width: 94%; height: 435px; border-radius: 25px; }.corporate-message-card { left: 0; bottom: 7%; width: 94%; }.corporate-company-card { right: 2%; top: 8%; min-width: 190px; }.code-orbit, .conversation-orb { width: 330px; height: 330px; }
  .hero-slider .hero-grid { min-height: 1000px; }.slider-controls > button { width: 34px; height: 34px; }
  .sector-grid-3d { grid-template-columns: 1fr; }.sector-grid-3d div { min-height: 125px; }
  .breadcrumb { overflow-x: auto; white-space: nowrap; }.inner-hero-copy h1 { font-size: 37px; }.inner-hero-grid { min-height: 950px; }.inner-hero-visual { height: 470px; }.orbit-a { width: 320px; height: 320px; }.orbit-b { width: 380px; height: 380px; }.inner-device { width: 250px; min-height: 345px; }.inner-icon-stage { height: 150px; }.float-success { left: 0; }.float-secure { right: 0; }.inner-stats { grid-template-columns: 1fr 1fr; }.inner-stats div { padding: 20px 12px; }.inner-stats div:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--line); text-align: center; }.inner-intro h2, .use-case-grid h2, .api-doc-copy h2 { font-size: 34px; }.intro-checks, .inner-feature-grid, .use-case-list, .location-grid { grid-template-columns: 1fr; }.inner-feature-grid article { min-height: 250px; }.steps-line { grid-template-columns: 1fr; gap: 45px; }.steps-line::before { display: none; }.cta-panel .button { width: 100%; }
}

/* Brand-colored inline SVG menu icons */
.duotone-svg { position: relative; z-index: 1; display: block; color: var(--orange); }
.duotone-svg .duo-fill { fill: rgba(242, 121, 12, .22); stroke: var(--orange); }
.nav-dropdown-trigger { gap: 7px; }
.nav-dropdown-trigger .duotone-icon,
.nav-inline-icon .duotone-icon { width: 22px !important; height: 22px !important; border-radius: 7px; }
.nav-dropdown-trigger .duotone-icon::before,
.nav-inline-icon .duotone-icon::before { width: 15px; height: 15px; }
.nav-inline-icon { display: inline-flex; align-items: center; gap: 6px; }
.nav-inline-icon .duotone-svg,
.nav-dropdown-trigger .duotone-svg { width: 14px; height: 14px; }
.mobile-menu nav > a,
.mobile-menu nav details a { display: flex; align-items: center; gap: 9px; }
.mobile-menu nav .duotone-icon { width: 27px !important; height: 27px !important; border-radius: 8px; }
.mobile-menu nav .duotone-svg { width: 16px; height: 16px; }
.inner-icon-stage .duotone-svg { width: 58px; height: 58px; }

/* Creative footer */
.creative-footer { position: relative; isolation: isolate; overflow: hidden; padding: 0; background: #090909; color: #fff; border-top: 0; }
.creative-footer > .container { position: relative; z-index: 2; }
.creative-footer::after { content: ""; position: absolute; z-index: 0; width: 520px; height: 520px; right: -270px; bottom: -270px; border-radius: 50%; border: 1px solid rgba(242,121,12,.32); box-shadow: 0 0 0 90px rgba(242,121,12,.025), 0 0 0 180px rgba(242,121,12,.015); }
.footer-cta { min-height: 245px; padding: 52px 58px; display: flex; align-items: center; justify-content: space-between; gap: 45px; overflow: hidden; background: var(--orange); border-radius: 0 0 24px 24px; }
.footer-cta > div:first-child, .footer-cta-button { position: relative; z-index: 2; }
.footer-kicker { display: block; margin-bottom: 15px; color: rgba(255,255,255,.72); font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.footer-cta h2 { margin: 0; font-size: clamp(32px,3.8vw,51px); line-height: 1.04; letter-spacing: -.055em; font-weight: 500; }
.footer-cta-button { min-width: 225px; height: 54px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #090909; border-radius: 9px; color: #fff; font-size: 10px; font-weight: 800; transition: transform .2s ease, background .2s ease; }
.footer-cta-button:hover { transform: translateY(-3px); background: #24201d; }
.footer-cta-button svg { width: 18px; }
.footer-cta-orbit { position: absolute !important; z-index: 1 !important; width: 350px; height: 350px; right: 220px; top: -80px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; }
.footer-cta-orbit::before, .footer-cta-orbit::after { content: ""; position: absolute; inset: 55px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }.footer-cta-orbit::after { inset: 110px; background: rgba(255,255,255,.08); }
.footer-cta-orbit span { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff; }.footer-cta-orbit span:first-child { left: 27px; top: 90px; }.footer-cta-orbit span:nth-child(2) { right: 55px; bottom: 38px; width: 13px; height: 13px; }.footer-cta-orbit span:nth-child(3) { left: 48%; bottom: 13px; opacity: .4; }

.creative-footer .footer-top { grid-template-columns: 1.35fr repeat(3, 1fr); gap: 0; padding: 78px 0 62px; }
.creative-footer .footer-brand { padding-right: 55px; }
.footer-logo { width: fit-content; padding: 11px 15px; display: inline-flex; background: var(--cream); border-radius: 10px; }
.creative-footer .footer-brand .footer-logo img { width: 180px; display: block; }
.creative-footer .footer-brand > p { max-width: 300px; margin: 23px 0; color: rgba(255,255,255,.47); font-size: 10px; line-height: 1.8; }
.creative-footer .status-pill { background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.11); color: rgba(255,255,255,.6); }
.creative-footer .footer-col { min-width: 0; padding: 0 34px; gap: 0; border-left: 1px solid rgba(255,255,255,.12); }
.creative-footer .footer-col h3 { width: 100%; min-height: 49px; margin: 0; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid rgba(255,255,255,.12); color: #fff; }
.creative-footer .footer-col h3 .duotone-icon { width: 31px !important; height: 31px !important; border-radius: 9px; background: rgba(242,121,12,.12); }
.creative-footer .footer-col h3 .duotone-svg { width: 18px; height: 18px; }
.creative-footer .footer-col > a { width: 100%; min-height: 39px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid rgba(255,255,255,.075); color: rgba(255,255,255,.5); font-size: 9px; transition: color .2s ease, padding .2s ease; }
.creative-footer .footer-col > a:hover { padding-left: 5px; color: #fff; }
.footer-link-arrow { width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; color: var(--orange); }
.footer-link-arrow svg { width: 9px; height: 9px; }
.creative-footer .footer-col > a:hover .footer-link-arrow { border-color: var(--orange); background: var(--orange); color: #fff; }
.footer-contact-strip { min-height: 92px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); }
.footer-contact-strip > * { padding: 20px 28px; display: flex; align-items: center; gap: 13px; border-left: 1px solid rgba(255,255,255,.13); }
.footer-contact-strip > *:first-child { border-left: 0; }
.footer-contact-strip svg { width: 37px; height: 37px; padding: 10px; flex: 0 0 auto; border-radius: 50%; background: rgba(242,121,12,.14); color: var(--orange); }
.footer-contact-strip span, .footer-contact-strip strong { display: block; }.footer-contact-strip span { color: rgba(255,255,255,.38); font-size: 7px; }.footer-contact-strip strong { margin-top: 4px; color: #fff; font-size: 10px; }
.creative-footer .footer-bottom { padding-top: 24px; color: rgba(255,255,255,.3); border-top: 0; }
.creative-footer .footer-bottom > div { display: flex; align-items: center; gap: 10px; }
.creative-footer .footer-bottom a { transition: color .2s ease; }.creative-footer .footer-bottom a:hover { color: var(--orange); }.creative-footer .footer-bottom i { width: 3px; height: 3px; border-radius: 50%; background: var(--orange); }

/* Footer-bottom falling solution tags */
.footer-fall-zone {
  position: relative;
  z-index: 3;
  height: 250px;
  margin-top: 27px;
  overflow: hidden;
  background: #f4f3f1;
  color: var(--ink);
}
.footer-fall-inner { position: relative; width: 100%; height: 100%; overflow: hidden; }
.footer-fall-tag {
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
  padding: 10px 22px 11px;
  border: 1px solid rgba(9,9,9,.035);
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 8px 20px rgba(9,9,9,.035);
  font-size: clamp(20px,2.15vw,37px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.045em;
  white-space: nowrap;
  opacity: 0;
  transform: translate3d(50vw,-300px,0);
  transform-origin: center;
  will-change: transform, opacity;
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.footer-fall-tag.is-dragging { z-index: 5; cursor: grabbing; box-shadow: 0 16px 36px rgba(9,9,9,.14); }
.footer-fall-tag.is-orange { border-color: transparent; background: var(--orange); color: #090909; }
.footer-fall-tag.is-dark { border-color: #090909; background: #090909; color: #fff; }
.footer-fall-zone.is-running .footer-fall-tag.is-released { opacity: 1; transition: opacity .12s ease; }
.footer-fall-zone.is-settled .footer-fall-tag { will-change: auto; }

@media (max-width: 1100px) {
  .desktop-nav { gap: 13px; }
  .creative-footer .footer-top { grid-template-columns: 1.2fr repeat(3,1fr); }
  .creative-footer .footer-col { padding-inline: 22px; }
}

@media (max-width: 900px) {
  .footer-cta { padding: 45px; }.footer-cta-orbit { right: 120px; }
  .creative-footer .footer-top { grid-template-columns: 1fr 1fr 1fr; row-gap: 50px; }
  .creative-footer .footer-brand { grid-column: 1 / -1; padding-right: 0; }
  .creative-footer .footer-col { padding-inline: 26px; }.creative-footer .footer-col:nth-of-type(2) { border-left: 0; padding-left: 0; }
}

@media (max-width: 620px) {
  .footer-cta { min-height: 330px; padding: 38px 25px; flex-direction: column; align-items: flex-start; justify-content: center; }.footer-cta-button { width: 100%; }.footer-cta-orbit { width: 270px; height: 270px; right: -90px; top: -80px; }
  .creative-footer .footer-top { grid-template-columns: 1fr; padding: 62px 0 45px; row-gap: 34px; }
  .creative-footer .footer-brand { grid-column: auto; }
  .creative-footer .footer-col, .creative-footer .footer-col:nth-of-type(2) { padding: 0; border-left: 0; }
  .footer-contact-strip { grid-template-columns: 1fr; }.footer-contact-strip > * { padding-inline: 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }.footer-contact-strip > *:first-child { border-top: 0; }
  .creative-footer .footer-bottom > div { flex-wrap: wrap; }
  .footer-fall-zone { height: 160px; margin-top: 22px; }
  .footer-fall-tag { padding: 8px 14px 9px; font-size: 19px; }
  .footer-fall-tag.is-mobile-hidden { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .footer-fall-zone { height: auto; min-height: 150px; padding: 30px 20px; }
  .footer-fall-inner { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; gap: 9px; }
  .footer-fall-tag,
  .footer-fall-zone.is-running .footer-fall-tag { position: static; opacity: 1; transform: none !important; transition: none !important; }
}

/* Requested homepage layout refinements */
.site-header { background: rgba(255,241,222,.94); border-bottom-color: transparent; }
.products-showcase { background: #fff; }
.product-motion-toolbar { justify-content: flex-end; }

.static-sms-hero { min-height: 655px; }
.static-sms-hero .hero-copy { order: 1; direction: ltr; text-align: left; }
.static-sms-hero .hero-copy .eyebrow,
.static-sms-hero .hero-actions { justify-content: flex-start; }
.static-sms-hero .hero-copy > p { margin-left: 0; }
.static-sms-hero .sms-broadcast-visual { order: 2; }
.product-motion-card,
.product-motion-card:hover,
.product-motion-content { box-shadow: none; }
.static-sms-hero .hero-bottom > div { min-height: 124px; padding: 20px 28px; flex-direction: row; align-items: center; gap: 15px; }
.hero-stat-icon { width: 46px; height: 46px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(242,121,12,.2); border-radius: 13px; background: rgba(255,255,255,.62); color: var(--orange); box-shadow: 0 10px 24px rgba(73,34,4,.06); }
.hero-stat-icon svg { width: 21px; height: 21px; }
.hero-stat-copy { display: flex; flex-direction: column; gap: 4px; }
.hero-stat-copy strong { color: var(--ink); font-size: 22px; letter-spacing: -.04em; }
.hero-stat-copy small { color: #77716b; font-size: 9px; }

.references { padding-inline: 0; }
.references > .container { width: 100%; max-width: none; }
.reference-tabs-panel { min-height: 820px; border-radius: 0; box-shadow: none; }
.reference-tab-photo { inset: 0 0 142px; height: calc(100% - 142px); filter: saturate(1.08) contrast(1.06); }
.reference-tab-shade { bottom: 142px; background: linear-gradient(90deg,rgba(10,8,7,.78) 0%,rgba(10,8,7,.5) 45%,rgba(10,8,7,.12) 68%,rgba(10,8,7,.24) 100%),linear-gradient(0deg,rgba(9,8,7,.64),transparent 52%); }
.reference-tabs-heading { left: max(48px,calc((100vw - 1180px) / 2)); }
.reference-active-copy { left: max(48px,calc((100vw - 1180px) / 2)); bottom: 196px; }
.reference-tab-list { left: 0; right: 0; top: auto; bottom: 0; width: 100%; height: 142px; padding: 13px max(24px,calc((100vw - 1180px) / 2)); display: flex; flex-direction: row-reverse; justify-content: flex-start; gap: 8px; border: 0; border-radius: 0; background: #15120f; backdrop-filter: none; }
.reference-tab-list button { flex: 0 1 188px; min-width: 145px; height: 116px; grid-template-columns: 54px 1fr 27px; padding: 9px; }
.reference-tab-list button > img { width: 50px; height: 50px; }

@media (max-width: 1050px) {
  .static-sms-hero .hero-copy { text-align: center; }
  .static-sms-hero .hero-copy .eyebrow,.static-sms-hero .hero-actions { justify-content: center; }
  .static-sms-hero .hero-copy > p { margin-inline: auto; }
  .reference-tabs-heading { left: 42px; width: min(560px,calc(100% - 84px)); }
  .reference-active-copy { left: 42px; width: min(560px,calc(100% - 84px)); }
  .reference-tab-list { padding-inline: 18px; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; }
  .reference-tab-list::-webkit-scrollbar { display: none; }
}

@media (max-width: 760px) {
  .static-sms-hero .hero-bottom > div { min-height: 96px; padding: 16px 12px; }
  .hero-stat-icon { width: 40px; height: 40px; border-radius: 11px; }
  .hero-stat-copy strong { font-size: 18px; }
  .reference-tabs-panel { min-height: 900px; }
  .reference-tab-photo { inset: 0 0 142px; height: calc(100% - 142px); }
  .reference-tab-shade { bottom: 142px; }
  .reference-tabs-heading { left: 26px; top: 38px; width: calc(100% - 52px); }
  .reference-active-copy { left: 26px; top: auto; bottom: 190px; width: calc(100% - 52px); }
  .reference-tab-list { left: 0; right: 0; bottom: 0; width: 100%; height: 142px; padding: 13px 16px; display: flex; flex-direction: row-reverse; }
  .reference-tab-list button { flex: 0 0 168px; height: 116px; }
}

@media (max-width: 560px) {
  .reference-tabs-panel { min-height: 960px; }
  .reference-tabs-heading h2 { font-size: 34px; }
  .reference-active-copy { bottom: 180px; }
  .reference-tab-list { height: 142px; }
}

/* More compact product showcase */
.product-motion-wrap { width: min(1240px,calc(100vw - 32px)); }
.product-motion-card { flex-basis: clamp(290px,25vw,360px); min-height: 500px; border-radius: 18px; }
.product-motion-visual { height: 290px; }
.product-motion-content { min-height: 190px; margin: 0 18px 18px; padding: 21px; border-radius: 14px; }
.product-motion-content h3 { font-size: 21px; }
.product-motion-content p { font-size: 11.5px; line-height: 1.6; }
.product-motion-content a { right: 19px; bottom: 17px; }

@media (max-width: 620px) {
  .product-motion-card { flex-basis: min(82vw,320px); min-height: 480px; }
  .product-motion-visual { height: 275px; }
  .product-motion-content { min-height: 187px; margin: 0 14px 14px; padding: 19px; }
  .product-motion-content h3 { font-size: 20px; }
}

/* Reference tabs overlay the photo without a separate black strip */
.reference-tabs-panel { min-height: 730px; }
.reference-tab-photo { inset: 0; width: 100%; height: 100%; }
.reference-tab-shade { inset: 0; bottom: 0; }
.reference-active-copy { bottom: 142px; }
.reference-tab-list { left: 0; right: 0; bottom: 22px; height: 88px; padding: 0 max(24px,calc((100vw - 1180px) / 2)); align-items: stretch; gap: 8px; background: transparent; }
.reference-tab-list button { flex: 0 1 188px; min-width: 142px; height: 88px; padding: 8px 10px; grid-template-columns: 46px 1fr 25px; border-color: rgba(255,255,255,.12); background: rgba(16,14,12,.58); backdrop-filter: blur(12px); }
.reference-tab-list button > img { width: 44px; height: 44px; }
.reference-tab-list button > i { width: 25px; height: 25px; }

@media (max-width: 760px) {
  .reference-tabs-panel { min-height: 820px; }
  .reference-tab-photo { inset: 0; height: 100%; }
  .reference-tab-shade { inset: 0; bottom: 0; }
  .reference-active-copy { bottom: 122px; }
  .reference-tab-list { left: 0; right: 0; bottom: 14px; width: 100%; height: 76px; padding: 0 14px; }
  .reference-tab-list button { flex: 0 0 154px; height: 76px; grid-template-columns: 41px 1fr 23px; }
  .reference-tab-list button > img { width: 39px; height: 39px; }
  .reference-tab-list button > i { width: 23px; height: 23px; }
}

/* Orange homepage banner and matching navigation */
.site-header {
  background: rgba(232, 91, 3, .94);
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  box-shadow: 0 10px 30px rgba(94, 31, 0, .08);
}
.site-header .header-inner > .logo {
  padding: 9px 13px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 12px;
  background: #fff8ed;
  box-shadow: 0 10px 24px rgba(91, 28, 0, .14);
}
.site-header .desktop-nav,
.site-header .login-link { color: #fff; }
.site-header .desktop-nav > a:hover,
.site-header .nav-dropdown-trigger:hover { color: #241108; }
.site-header .desktop-nav .duotone-icon { background: rgba(59, 18, 0, .14); }
.site-header .desktop-nav .duotone-icon::before { background: rgba(255, 255, 255, .16); }
.site-header .desktop-nav .duotone-svg { color: #fff; }
.site-header .desktop-nav .duotone-svg .duo-fill { fill: rgba(255, 255, 255, .22); stroke: currentColor; }
.site-header .dropdown-panel { color: var(--ink); }
.site-header .dropdown-panel .duotone-svg { color: var(--orange); }
.site-header .dropdown-panel .duotone-svg .duo-fill { fill: rgba(242, 121, 12, .22); stroke: currentColor; }
.site-header .header-actions .button-sm { background: #15100d; color: #fff; }
.site-header .header-actions .button-sm:hover { background: #30221a; }
.site-header .mobile-menu > summary { color: #fff; border-color: rgba(255, 255, 255, .38); background: rgba(70, 20, 0, .13); }

.static-sms-hero {
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 205, 150, .3), transparent 28%),
    linear-gradient(135deg, #f47b0b 0%, #ee6500 52%, #dc4f00 100%);
  color: #fff;
  border-bottom-color: rgba(117, 35, 0, .22);
}
.static-sms-hero::before {
  border-color: rgba(255, 255, 255, .22);
  box-shadow: 0 0 0 110px rgba(255, 255, 255, .055), 0 0 0 220px rgba(255, 255, 255, .03);
}
.static-sms-hero .eyebrow { color: rgba(255, 255, 255, .8); }
.static-sms-hero .eyebrow span { background: #fff; }
.static-sms-hero .hero h1,
.static-sms-hero h1 { color: #fff; }
.static-sms-hero .hero h1 em,
.static-sms-hero h1 em { color: #201108; }
.static-sms-hero .hero-copy > p { color: rgba(255, 255, 255, .83); }
.static-sms-hero .hero-actions .button { background: #15100d; color: #fff; box-shadow: 0 14px 30px rgba(70, 20, 0, .2); }
.static-sms-hero .hero-actions .button:hover { background: #30221a; }
.static-sms-hero .text-link { color: #fff; border-bottom-color: rgba(255, 255, 255, .72); }
.static-sms-hero .sms-visual-orbit-one {
  background: linear-gradient(145deg, rgba(118, 31, 0, .34), rgba(255, 170, 86, .18));
  box-shadow: inset -55px -60px 110px rgba(103, 27, 0, .18), 0 38px 90px rgba(119, 32, 0, .18);
}
.static-sms-hero .sms-visual-orbit-two {
  border-color: rgba(255, 255, 255, .62);
  box-shadow: 0 0 0 46px rgba(255, 255, 255, .1), 0 0 0 92px rgba(255, 255, 255, .055);
}
.static-sms-hero .sms-campaign-card {
  border-color: rgba(255, 255, 255, .65);
  box-shadow: 0 34px 85px rgba(82, 22, 0, .28);
}

@media (max-width: 1100px) {
  .site-header .header-inner > .logo { padding: 8px 11px; }
}

@media (max-width: 760px) {
  .site-header .header-inner > .logo { padding: 8px 10px; border-radius: 10px; }
  .site-header .mobile-menu nav { color: var(--ink); }
  .static-sms-hero {
    background:
      radial-gradient(circle at 85% 12%, rgba(255, 205, 150, .26), transparent 25%),
      linear-gradient(160deg, #f47b0b 0%, #e95700 100%);
  }
}

/* Larger icon-free main navigation */
.site-header .desktop-nav { gap: 27px; font-size: 14px; }
.site-header .nav-dropdown-trigger { gap: 6px; }

/* Homepage hero slider */
.static-sms-hero { transition: background .65s ease; }
.static-sms-hero.hero-slide-2 {
  background: radial-gradient(circle at 84% 10%, rgba(255, 221, 177, .3), transparent 28%), linear-gradient(135deg, #f68b19 0%, #ec6500 54%, #d94800 100%);
}
.static-sms-hero .sms-hero-grid { animation: heroSlideIn .62s cubic-bezier(.2,.72,.2,1) both; }
.hero-slider-controls {
  position: absolute;
  z-index: 12;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 13px;
  color: #fff;
}
.hero-slider-controls > button {
  width: 38px;
  height: 38px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 50%;
  background: rgba(65,18,0,.13);
  color: #fff;
  cursor: pointer;
  transition: .2s ease;
}
.hero-slider-controls > button:hover { background: #17100c; border-color: #17100c; }
.hero-slider-controls > button svg { width: 16px; }
.hero-slider-controls > span { min-width: 46px; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.hero-slider-dots { display: flex; align-items: center; gap: 6px; }
.hero-slider-dots button {
  width: 22px;
  height: 3px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: rgba(255,255,255,.35);
  cursor: pointer;
  transition: width .28s ease, background .28s ease;
}
.hero-slider-dots button.active { width: 44px; background: #fff; }
@keyframes heroSlideIn {
  from { opacity: .2; transform: translateX(22px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 1100px) {
  .site-header .desktop-nav { gap: 18px; font-size: 14px; }
  .hero-slider-controls { justify-content: center; bottom: 18px; }
}

@media (max-width: 760px) {
  .hero-slider-controls { bottom: 13px; }
  .hero-slider-dots button { width: 17px; }
  .hero-slider-dots button.active { width: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  .static-sms-hero .sms-hero-grid { animation: none; }
}

/* Header, announcement and hero share one rounded banner shell */
.home-hero-shell {
  margin: 20px;
  overflow: hidden;
  border-radius: 30px;
  background: var(--orange);
  box-shadow: 0 22px 60px rgba(91, 31, 0, .13);
}
.home-hero-shell .site-header { position: relative; top: auto; box-shadow: none; }
.home-hero-shell .static-sms-hero {
  min-height: 720px;
  margin: 0;
  border-radius: 0;
}
.home-hero-shell .static-sms-hero .hero-grid { min-height: 720px; }

/* Distinct voice-message animation */
.voice-broadcast-visual {
  position: relative;
  order: 2;
  height: 630px;
  display: grid;
  place-items: center;
  isolation: isolate;
}
.voice-orbit { position: absolute; z-index: -1; border-radius: 50%; }
.voice-orbit-one {
  width: 490px;
  height: 490px;
  border: 1px solid rgba(255,255,255,.5);
  box-shadow: 0 0 0 48px rgba(255,255,255,.09), 0 0 0 96px rgba(255,255,255,.045);
  animation: voiceOrbit 7s ease-in-out infinite;
}
.voice-orbit-two {
  width: 360px;
  height: 360px;
  background: linear-gradient(145deg,rgba(102,25,0,.3),rgba(255,188,120,.16));
  box-shadow: inset -45px -55px 100px rgba(85,20,0,.14);
}
.voice-console-card {
  position: relative;
  z-index: 2;
  width: 440px;
  min-height: 505px;
  padding: 23px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 24px;
  background: rgba(255,250,244,.97);
  color: var(--ink);
  box-shadow: 0 38px 90px rgba(77,20,0,.28);
  animation: voiceCardFloat 6.5s ease-in-out infinite;
}
.voice-console-card::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -95px;
  top: 105px;
  border-radius: 50%;
  background: rgba(242,121,12,.08);
}
.voice-console-head {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 40px 1fr auto;
  align-items: center;
  gap: 11px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(9,9,9,.08);
}
.voice-console-head span,.voice-console-head strong { display: block; }
.voice-console-head span { color: #9a8f85; font-size: 7px; font-weight: 800; letter-spacing: .13em; }
.voice-console-head strong { margin-top: 4px; font-size: 13px; }
.voice-console-head em { display: flex; align-items: center; gap: 6px; color: #2b9d65; font-size: 7px; font-style: normal; font-weight: 800; }
.voice-console-head em i { width: 6px; height: 6px; border-radius: 50%; background: #2ab16c; box-shadow: 0 0 0 5px rgba(42,177,108,.12); animation: smsLivePulse 1.8s ease-in-out infinite; }
.voice-player-stage { position: relative; z-index: 2; height: 142px; display: grid; place-items: center; }
.voice-pulse { position: absolute; border: 1px solid rgba(242,121,12,.24); border-radius: 50%; animation: voicePulse 2.8s ease-out infinite; }
.voice-pulse-one { width: 76px; height: 76px; }
.voice-pulse-two { width: 112px; height: 112px; animation-delay: .75s; }
.voice-play-button {
  position: relative;
  z-index: 2;
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg,#ff8b24,var(--orange-deep));
  color: #fff;
  box-shadow: 0 14px 30px rgba(224,82,0,.25);
}
.voice-play-button svg { width: 25px; }
.voice-waveform { position: relative; z-index: 2; height: 64px; display: flex; align-items: center; justify-content: center; gap: 5px; }
.voice-waveform i {
  width: 5px;
  height: var(--voice-height);
  border-radius: 8px;
  background: linear-gradient(180deg,#ffb46b,var(--orange));
  transform-origin: center;
  animation: voiceWave 1.15s ease-in-out var(--voice-delay) infinite alternate;
}
.voice-track-meta { position: relative; z-index: 2; margin-top: 5px; display: flex; justify-content: space-between; color: #81776f; font-size: 7px; }
.voice-track-meta strong { color: var(--ink); font-size: 8px; }
.voice-progress-block { position: relative; z-index: 2; margin-top: 18px; }
.voice-progress-block > div:first-child { display: flex; justify-content: space-between; color: #7f756d; font-size: 8px; }
.voice-progress-block strong { color: var(--ink); font-size: 10px; }
.voice-progress-track { height: 7px; margin-top: 8px; overflow: hidden; border-radius: 10px; background: #eee4da; }
.voice-progress-track i { display: block; width: 74%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--orange),#ffb96f); animation: voiceProgress 6s ease-in-out infinite; }
.voice-metrics { position: relative; z-index: 2; margin-top: 20px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.voice-metrics div { padding: 12px 9px; border: 1px solid rgba(9,9,9,.07); border-radius: 11px; background: #fff; }
.voice-metrics small,.voice-metrics strong { display: block; }
.voice-metrics small { color: #9d9288; font-size: 6px; }
.voice-metrics strong { margin-top: 5px; font-size: 11px; }
.voice-call-card {
  position: absolute;
  z-index: 4;
  left: -28px;
  top: 105px;
  width: 238px;
  padding: 13px;
  display: grid;
  grid-template-columns: 37px 1fr 10px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 14px;
  background: rgba(255,255,255,.93);
  color: var(--ink);
  box-shadow: 0 18px 45px rgba(76,20,0,.19);
  backdrop-filter: blur(12px);
  animation: voiceCallFloat 4.8s ease-in-out infinite;
}
.voice-call-card > svg { width: 37px; height: 37px; padding: 10px; border-radius: 11px; background: #fff0df; color: var(--orange); }
.voice-call-card small,.voice-call-card strong { display: block; }
.voice-call-card small { color: #968b82; font-size: 6px; }.voice-call-card strong { margin-top: 4px; font-size: 8px; }
.voice-call-card > i { width: 8px; height: 8px; border-radius: 50%; background: #2caf6c; box-shadow: 0 0 0 5px rgba(44,175,108,.12); animation: smsLivePulse 1.5s ease-in-out infinite; }
.voice-delivery-pill {
  position: absolute;
  z-index: 4;
  right: -26px;
  bottom: 34px;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: #756b63;
  box-shadow: 0 18px 45px rgba(76,20,0,.2);
  font-size: 7px;
  animation: voiceDelivery 5.4s ease-in-out infinite;
}
.voice-delivery-pill svg { width: 27px; height: 27px; padding: 6px; border-radius: 50%; background: #e7f8ef; color: #27a566; }
.voice-delivery-pill strong { color: var(--ink); font-size: 10px; }
@keyframes voiceWave { to { transform: scaleY(.28); opacity: .55; } }
@keyframes voicePulse { 0% { transform: scale(.65); opacity: 0; } 35% { opacity: 1; } 100% { transform: scale(1.35); opacity: 0; } }
@keyframes voiceProgress { 0%,10% { transform: scaleX(.12); transform-origin: left; } 60%,100% { transform: scaleX(1); transform-origin: left; } }
@keyframes voiceOrbit { 50% { transform: scale(1.035) rotate(4deg); } }
@keyframes voiceCardFloat { 50% { transform: translateY(-10px) rotate(.35deg); } }
@keyframes voiceCallFloat { 50% { transform: translate(8px,-8px); } }
@keyframes voiceDelivery { 50% { transform: translate(-7px,-7px); } }

@media (max-width: 1050px) {
  .home-hero-shell .static-sms-hero .hero-grid { min-height: 1180px; }
  .voice-broadcast-visual { width: min(600px,100%); margin-inline: auto; }
}

@media (max-width: 560px) {
  .home-hero-shell .static-sms-hero .hero-grid { min-height: 990px; }
  .voice-broadcast-visual { width: 125%; height: 520px; margin-left: -12.5%; transform: scale(.74); transform-origin: center; }
  .voice-call-card { left: 0; }
  .voice-delivery-pill { right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .voice-orbit-one,.voice-console-card,.voice-console-head em i,.voice-pulse,.voice-waveform i,.voice-progress-track i,.voice-call-card,.voice-call-card > i,.voice-delivery-pill { animation: none !important; }
}

/* Rounded inset cards for references and footer */
.references {
  margin: 20px;
  padding: 0;
  overflow: hidden;
  border-radius: 30px;
}
.references .reference-tabs-panel { border-radius: 30px; }
.creative-footer {
  margin: 20px;
  overflow: hidden;
  border-radius: 30px !important;
}

/* Photoreal person with animated phone notifications */
.voice-person-visual { overflow: visible; }
.voice-person-photo {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: -8px;
  width: auto;
  height: 610px;
  max-width: 92%;
  object-fit: contain;
  object-position: center bottom;
  transform: translateX(-50%);
  filter: drop-shadow(0 34px 35px rgba(76,20,0,.28));
}
.voice-person-orbit { position: absolute; z-index: 0; border-radius: 50%; }
.voice-person-orbit-one {
  width: 490px;
  height: 490px;
  border: 1px solid rgba(255,255,255,.52);
  background: rgba(120,31,0,.11);
  box-shadow: 0 0 0 48px rgba(255,255,255,.08), 0 0 0 96px rgba(255,255,255,.035);
  animation: personOrbitFloat 6.5s ease-in-out infinite;
}
.voice-person-orbit-two {
  width: 315px;
  height: 315px;
  right: 2%;
  bottom: 4%;
  border: 1px solid rgba(255,255,255,.3);
  background: linear-gradient(145deg,rgba(255,255,255,.14),rgba(106,25,0,.13));
  backdrop-filter: blur(8px);
}
.voice-phone-signal {
  position: absolute;
  z-index: 4;
  left: 64%;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translate(-50%,-50%);
}
.voice-phone-signal i {
  position: absolute;
  inset: 0;
  border: 1.5px solid rgba(255,255,255,.9);
  border-radius: 50%;
  animation: phoneSignal 2.1s ease-out infinite;
}
.voice-phone-signal i:nth-child(2) { animation-delay: .65s; }
.voice-phone-signal i:nth-child(3) { animation-delay: 1.3s; }
.voice-notification {
  position: absolute;
  z-index: 6;
  width: 260px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 39px 1fr;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 15px;
  background: rgba(255,255,255,.93);
  color: var(--ink);
  box-shadow: 0 22px 50px rgba(78,20,0,.2);
  backdrop-filter: blur(16px);
  opacity: 0;
  animation: phoneNotification 9s cubic-bezier(.2,.75,.2,1) infinite;
}
.voice-notification-one { right: -12px; top: 82px; }
.voice-notification-two { left: -36px; top: 235px; animation-delay: 3s; }
.voice-notification-three { right: -2px; bottom: 82px; animation-delay: 6s; }
.voice-notification-icon,.voice-notification-avatar {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #fff0df;
  color: var(--orange);
}
.voice-notification-icon svg { width: 19px; }
.voice-notification-two .voice-notification-icon { background: #e9f8f0; color: #28a268; }
.voice-notification-avatar { font-size: 9px; font-weight: 800; }
.voice-notification small,.voice-notification strong,.voice-notification em { display: block; }
.voice-notification small { color: #9c9188; font-size: 6px; }
.voice-notification strong { margin-top: 3px; font-size: 8px; }
.voice-notification em { margin-top: 4px; color: #8b8178; font-size: 6px; font-style: normal; }
.voice-mini-player {
  position: absolute;
  z-index: 7;
  left: 15px;
  bottom: 20px;
  width: 300px;
  min-height: 70px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 17px;
  background: rgba(22,15,11,.86);
  color: #fff;
  box-shadow: 0 22px 52px rgba(70,18,0,.25);
  backdrop-filter: blur(16px);
  animation: miniPlayerFloat 5.2s ease-in-out infinite;
}
.voice-mini-player > button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--orange);
  color: #fff;
}
.voice-mini-player > button svg { width: 19px; }
.voice-mini-player small { display: block; color: rgba(255,255,255,.66); font-size: 7px; }
.voice-mini-player > div > span { height: 20px; margin-top: 5px; display: flex; align-items: center; gap: 3px; }
.voice-mini-player > div > span i { width: 3px; height: 35%; border-radius: 6px; background: #ff9c43; animation: miniWave .85s ease-in-out infinite alternate; }
.voice-mini-player > div > span i:nth-child(2n) { height: 85%; animation-delay: .12s; }
.voice-mini-player > div > span i:nth-child(3n) { height: 55%; animation-delay: .24s; }
.voice-mini-player > strong { font-size: 8px; }
@keyframes phoneNotification {
  0%,7% { opacity: 0; transform: translateY(18px) scale(.94); }
  12%,27% { opacity: 1; transform: translateY(0) scale(1); }
  34%,100% { opacity: 0; transform: translateY(-8px) scale(.98); }
}
@keyframes phoneSignal { 0% { opacity: .9; transform: scale(.4); } 100% { opacity: 0; transform: scale(5); } }
@keyframes personOrbitFloat { 50% { transform: scale(1.035) rotate(4deg); } }
@keyframes miniPlayerFloat { 50% { transform: translate(7px,-7px); } }
@keyframes miniWave { to { transform: scaleY(.25); opacity: .5; } }

@media (max-width: 560px) {
  .voice-person-photo { height: 560px; }
  .voice-notification-one { right: 0; }
  .voice-notification-two { left: 0; }
  .voice-notification-three { right: 0; }
  .voice-mini-player { left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .voice-person-orbit-one,.voice-phone-signal i,.voice-notification,.voice-mini-player,.voice-mini-player > div > span i { animation: none !important; }
  .voice-notification-one { opacity: 1; }
  .voice-notification-two,.voice-notification-three { display: none; }
}

/* Softer icon surfaces throughout menus and content cards */
.duotone-icon { background: #fffaf6; }
.duotone-icon::before { background: rgba(242,121,12,.065); }
.dropdown-grid > a .duotone-icon { border: 1px solid rgba(242,121,12,.055); background: #fdfaf7; }
.dropdown-grid > a:hover .duotone-icon { background: #fff; }

/* All inner-page headers use the same inset rounded shell as the homepage */
.inner-page-hero-shell {
  margin: 20px;
  overflow: hidden;
  border-radius: 30px;
  background: var(--cream);
  box-shadow: none;
}
.inner-page-hero-shell .site-header { position: relative; top: auto; box-shadow: none; }
.inner-page-hero-shell .inner-hero { border-radius: 0; }

/* Photo-led inner page flow, application benefits and start panel */
.inner-flow-visual {
  height: 500px;
  overflow: hidden;
  border-radius: 26px;
  background: #292725;
  isolation: isolate;
}
.inner-flow-photo { position: absolute; inset: 0; z-index: -2; }
.inner-flow-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; filter: grayscale(1) contrast(.85) brightness(.56); }
.inner-flow-photo > span { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(18,17,16,.84),rgba(18,17,16,.54) 58%,rgba(18,17,16,.34)),linear-gradient(0deg,rgba(18,17,16,.72),transparent 55%); }
.inner-flow-path { width: calc(100% - 56px); margin: auto 28px 28px; align-self: end; padding: 19px; display: grid; grid-template-columns: 1fr 28px 1fr 28px 1.25fr; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.17); border-radius: 20px; background: rgba(14,13,12,.58); color: #fff; backdrop-filter: blur(14px); }
.inner-flow-node { min-width: 0; display: flex; align-items: center; gap: 10px; }
.inner-flow-node > svg, .inner-flow-brand > .duotone-icon { width: 42px !important; height: 42px !important; padding: 9px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.17); border-radius: 12px; background: rgba(255,255,255,.08); color: #fff; }
.inner-flow-brand > .duotone-icon::before { display: none; }
.inner-flow-brand > .duotone-icon img { width: 23px; height: 23px; }
.inner-flow-node span,.inner-flow-node strong { display: block; }
.inner-flow-node span { color: rgba(255,255,255,.56); font-size: 7px; }
.inner-flow-node strong { margin-top: 3px; color: #fff; font-size: 9px; }
.inner-flow-arrow { width: 19px; color: rgba(255,255,255,.47); }
.inner-flow-phone { min-width: 0; min-height: 66px; padding: 10px; display: flex; align-items: center; gap: 9px; border-radius: 14px; background: #101923; color: #fff; }
.inner-flow-phone > svg { width: 23px; height: 35px; color: rgba(255,255,255,.54); }
.inner-flow-phone > div { min-width: 0; display: flex; align-items: center; gap: 7px; }
.inner-flow-phone img { width: 27px; height: 27px; padding: 5px; border-radius: 8px; background: #fff; }
.inner-flow-phone small,.inner-flow-phone strong { display: block; }
.inner-flow-phone small { color: rgba(255,255,255,.5); font-size: 6px; }
.inner-flow-phone strong { margin-top: 4px; font-size: 7px; line-height: 1.4; }

.inner-application-benefits { margin: 20px; overflow: hidden; border-radius: 30px; background: #f7f5f2; }
.application-heading { max-width: 780px; margin: 0 auto 65px; text-align: center; }
.application-heading > span { color: #45413e; font-size: clamp(21px,2.1vw,30px); font-weight: 700; letter-spacing: -.035em; }
.application-heading h2 { margin: 7px 0 14px; color: var(--orange); font-size: clamp(34px,calc(4.4vw - 3px),59px); line-height: 1.02; letter-spacing: -.06em; }
.application-heading p { max-width: 650px; margin: auto; color: var(--muted); font-size: 11px; line-height: 1.8; }
.inner-application-benefits .inner-feature-grid { grid-template-columns: repeat(2,1fr); gap: 22px 72px; }
.inner-application-benefits .inner-feature-grid article { min-height: 285px; padding: 34px 38px; align-items: center; justify-content: flex-start; border: 0; border-radius: 24px; background: rgba(255,255,255,.7); text-align: center; box-shadow: none; }
.application-icon { width: 84px; height: 84px; margin-bottom: 22px; display: grid; place-items: center; border: 1px solid rgba(242,121,12,.14); border-radius: 26px; background: #fff8f1; color: var(--orange); }
.application-icon svg { width: 38px; height: 38px; stroke-width: 1.55; }
.inner-application-benefits .inner-feature-grid h3 { margin: 0 0 12px; color: var(--orange); font-size: 24px; letter-spacing: -.035em; }
.inner-application-benefits .inner-feature-grid p { max-width: 520px; color: #5f5a55; font-size: 12px; line-height: 1.75; }

.inner-cta { padding: 22px 0 92px; background: #fff; }
.inner-start-panel { position: relative; width: auto; max-width: none; min-height: 500px; margin: 0 20px; padding: 70px; display: flex; align-items: center; overflow: hidden; border-radius: 30px; background: linear-gradient(90deg,rgba(232,91,3,.97) 0%,rgba(232,91,3,.86) 48%,rgba(232,91,3,.42) 100%),url('/images/voice-banner-person-v2.png') center 29%/cover no-repeat; color: #fff; }
.inner-start-panel::after { content: ""; position: absolute; width: 470px; height: 470px; right: -120px; top: -260px; border: 1px solid rgba(255,255,255,.26); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.045),0 0 0 140px rgba(255,255,255,.025); }
.inner-start-copy { position: relative; z-index: 2; max-width: 850px; }
.inner-start-copy h2 { margin: 10px 0 20px; font-size: clamp(43px,5.2vw,72px); line-height: 1; letter-spacing: -.065em; }
.inner-start-copy p { max-width: 820px; margin: 0 0 32px; color: rgba(255,255,255,.84); font-size: 14px; line-height: 1.8; }
.button-dark { background: #16110e; color: #fff; }
.button-dark:hover { background: #31251e; }

/* Why EkoMesaj: animated communication volume dashboard */
.why-eko { position: relative; margin: 20px; padding: 105px 35px; overflow: hidden; border-radius: 30px; background: #fff; }
.why-eko::before { content: ""; position: absolute; width: 470px; height: 470px; right: -260px; top: -230px; border: 1px solid rgba(242,121,12,.16); border-radius: 50%; box-shadow: 0 0 0 75px rgba(242,121,12,.025),0 0 0 150px rgba(242,121,12,.014); }
.why-eko-heading { position: relative; z-index: 2; width: 100%; max-width: none; margin: 0 auto 54px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: end; gap: 90px; }
.why-eko-heading h2 { max-width: 650px; margin: 0; font-size: clamp(37px,calc(4.7vw - 3px),65px); line-height: 1.02; letter-spacing: -.06em; font-weight: 500; }
.why-eko-heading > p { margin: 0 0 4px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.why-eko-dashboard { position: relative; z-index: 2; width: 100%; max-width: none; min-height: 560px; margin: auto; display: grid; grid-template-columns: .72fr 1.55fr .72fr; grid-template-rows: 1fr 1fr; overflow: hidden; border: 1px solid rgba(9,9,9,.1); border-radius: 30px; background: #fbfaf8; }
.why-stat { position: relative; padding: 34px; display: flex; flex-direction: column; justify-content: flex-end; border-color: rgba(9,9,9,.1); }
.why-stat > span { position: absolute; left: 34px; top: 32px; display: flex; align-items: center; gap: 8px; color: #77716b; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.why-stat > span svg { width: 16px; color: var(--orange); }
.why-stat > strong { display: block; color: var(--ink); font-size: clamp(36px,3.7vw,55px); line-height: .9; letter-spacing: -.07em; font-weight: 500; }
.why-stat > strong em { font-size: .44em; font-style: normal; letter-spacing: -.04em; }
.why-stat > small { margin-top: 12px; color: #8c857e; font-size: 9px; line-height: 1.5; }
.why-stat > small b { color: #2ba368; }
.why-stat-daily { grid-column: 1; grid-row: 1; border-right: 1px solid rgba(9,9,9,.1); border-bottom: 1px solid rgba(9,9,9,.1); }
.why-stat-weekly { grid-column: 1; grid-row: 2; border-right: 1px solid rgba(9,9,9,.1); }
.why-stat-delivery { grid-column: 3; grid-row: 1 / 3; border-left: 1px solid rgba(9,9,9,.1); }
.why-stat-delivery > strong { margin-top: 22px; }
.why-donut { position: relative; width: 145px; height: 145px; margin-bottom: 38px; border-radius: 50%; background: conic-gradient(var(--orange) 0 88%,#f1dfcc 88% 100%); opacity: 0; transform: rotate(-90deg) scale(.75); }
.why-donut::after { content: ""; position: absolute; inset: 24px; border-radius: 50%; background: #fbfaf8; }
.why-donut i { position: absolute; z-index: 2; inset: 0; display: grid; place-items: center; }
.why-donut i::before { content: "99.2"; color: var(--ink); font-size: 24px; font-style: normal; font-weight: 700; letter-spacing: -.05em; }
.why-chart-card { grid-column: 2; grid-row: 1 / 3; padding: 34px 40px 25px; display: flex; flex-direction: column; min-width: 0; }
.why-chart-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.why-chart-head > div { display: flex; align-items: center; gap: 11px; }
.why-chart-head svg { width: 38px; height: 38px; padding: 10px; border-radius: 12px; background: #fff0df; color: var(--orange); }
.why-chart-head span,.why-chart-head small { display: block; }
.why-chart-head span { font-size: 10px; font-weight: 800; }
.why-chart-head small { margin-top: 3px; color: #99918a; font-size: 7px; font-weight: 500; }
.why-chart-head > em { display: flex; align-items: center; gap: 6px; color: #2ba368; font-size: 7px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.why-chart-head > em i { width: 7px; height: 7px; border-radius: 50%; background: #2ba368; box-shadow: 0 0 0 5px rgba(43,163,104,.12); }
.why-chart-total { margin-top: 45px; display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; }
.why-chart-total strong { color: var(--orange-deep); font-size: clamp(34px,3.7vw,53px); line-height: 1; letter-spacing: -.065em; font-weight: 500; }
.why-chart-total span { padding-bottom: 6px; display: flex; align-items: center; gap: 6px; color: #858078; font-size: 8px; }
.why-chart-total svg { width: 14px; color: var(--orange); }
.why-bars { height: 300px; margin-top: 33px; padding: 0 4px; display: flex; align-items: end; gap: clamp(8px,1vw,14px); border-bottom: 1px solid rgba(9,9,9,.1); background: repeating-linear-gradient(to top,transparent 0,transparent 74px,rgba(9,9,9,.05) 75px); }
.why-bars > i { flex: 1; height: var(--bar-height); min-width: 9px; display: block; border-radius: 999px 999px 3px 3px; background: #f2d7ba; opacity: 0; transform: scaleY(.08); transform-origin: bottom; }
.why-bars > i:nth-child(3n),.why-bars > i:nth-child(5n) { background: #ffb66d; }
.why-bars > i:nth-child(7n),.why-bars > i:last-child { background: var(--orange); }
.why-bars > i span { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(180deg,rgba(255,255,255,.28),transparent 45%); }
.why-eko.is-visible .why-bars > i { animation: whyBarRise 1.2s cubic-bezier(.2,.72,.2,1) var(--bar-delay) forwards; }
.why-eko.is-visible .why-bars > i span { animation: whyBarBreathe 4s ease-in-out 1.4s infinite; }
.why-eko.is-visible .why-chart-head > em i { animation: whyLivePulse 1.8s ease-in-out infinite; }
.why-eko.is-visible .why-donut { animation: whyDonutReveal 2.2s cubic-bezier(.2,.72,.2,1) .25s forwards; }
.why-chart-months { margin-top: 11px; display: flex; justify-content: space-between; color: #9a938c; font-size: 7px; }
@keyframes whyBarRise { to { opacity: 1; transform: scaleY(1); } }
@keyframes whyBarBreathe { 50% { opacity: .42; } }
@keyframes whyLivePulse { 50% { transform: scale(.72); opacity: .55; } }
@keyframes whyDonutReveal { to { opacity: 1; transform: rotate(0) scale(1); } }

@media (max-width: 980px) {
  .inner-flow-visual { width: 100%; max-width: 650px; margin: auto; }
  .inner-application-benefits .inner-feature-grid { gap: 18px; }
  .why-eko-heading { gap: 45px; }
  .why-eko-dashboard { grid-template-columns: 1fr 1fr; grid-template-rows: 190px auto 230px; }
  .why-stat-daily { grid-column: 1; grid-row: 1; }
  .why-stat-weekly { grid-column: 2; grid-row: 1; border-right: 0; border-bottom: 1px solid rgba(9,9,9,.1); }
  .why-chart-card { grid-column: 1 / 3; grid-row: 2; }
  .why-stat-delivery { grid-column: 1 / 3; grid-row: 3; border-top: 1px solid rgba(9,9,9,.1); border-left: 0; flex-direction: row; align-items: flex-end; gap: 28px; }
  .why-stat-delivery > span { left: 34px; }
  .why-donut { width: 115px; height: 115px; margin: 0; }
  .why-stat-delivery > strong { margin: 0; }
}

@media (max-width: 720px) {
  .inner-page-hero-shell { margin: 12px; border-radius: 24px; }
  .inner-flow-visual { height: 520px; }
  .inner-flow-path { width: calc(100% - 28px); margin: auto 14px 14px; padding: 13px; grid-template-columns: 1fr; gap: 8px; }
  .inner-flow-arrow { display: none; }
  .inner-flow-node { min-height: 50px; }
  .inner-flow-phone { min-height: 58px; }
  .inner-application-benefits { margin: 12px; border-radius: 24px; }
  .application-heading { margin-bottom: 38px; }
  .inner-application-benefits .inner-feature-grid { grid-template-columns: 1fr; }
  .inner-application-benefits .inner-feature-grid article { min-height: 240px; padding: 30px 23px; }
  .inner-start-panel { min-height: 520px; margin: 0 12px; padding: 42px 26px; align-items: flex-end; background-position: 64% center; }
  .inner-start-copy p { font-size: 12px; }
  .why-eko { margin: 12px; padding: 80px 24px; border-radius: 24px; }
  .why-eko-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 38px; }
  .why-eko-dashboard { grid-template-columns: 1fr; grid-template-rows: auto; border-radius: 24px; }
  .why-stat,.why-chart-card { grid-column: 1; grid-row: auto; border: 0; border-bottom: 1px solid rgba(9,9,9,.1); }
  .why-stat { min-height: 190px; padding: 27px; }
  .why-stat > span { left: 27px; top: 26px; }
  .why-chart-card { padding: 28px 22px 24px; }
  .why-chart-total { margin-top: 32px; align-items: flex-start; flex-direction: column; gap: 8px; }
  .why-bars { height: 235px; gap: 7px; }
  .why-stat-delivery { min-height: 245px; padding-top: 80px; display: grid; grid-template-columns: 112px 1fr; align-items: center; gap: 18px; border-bottom: 0; }
  .why-stat-delivery > span { left: 27px; }
  .why-stat-delivery > strong { margin: 0; }
  .why-stat-delivery > small { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .why-eko .why-bars > i { opacity: 1; transform: scaleY(1); animation: none !important; }
  .why-eko .why-bars > i span,.why-eko .why-chart-head > em i,.why-eko .why-donut { animation: none !important; }
  .why-eko .why-donut { opacity: 1; transform: none; }
}

/* Site-wide supporting copy increased by two points */
.hero-copy > p { font-size: 18px; }
.section-heading.centered > p { font-size: 14px; }
.product-motion-content p { font-size: 15px; }
.reference-active-copy p { font-size: 13px; }
.creative-footer .footer-brand > p { font-size: 12px; }
.inner-hero-copy > p { font-size: 16px; }
.application-heading p { font-size: 13px; }
.inner-application-benefits .inner-feature-grid p { font-size: 14px; }
.steps-line p { font-size: 12px; }
.use-case-active-copy p { font-size: 13px; }
.inner-start-copy p { font-size: 16px; }
.why-eko-heading > p { font-size: 15px; }
.why-stat > small { font-size: 11px; }
.why-chart-head span { font-size: 12px; }
.why-chart-head small,.why-chart-head > em,.why-chart-total span,.why-chart-months { font-size: 9px; }

@media (max-width: 720px) {
  .hero-copy > p { font-size: 15px; }
  .product-motion-content p { font-size: 14.5px; }
  .inner-start-copy p { font-size: 14px; }
}

/* Square header and footer shells across every route */
.site-header,
.home-hero-shell,
.inner-page-hero-shell,
.creative-footer,
.footer-cta {
  border-radius: 0 !important;
}

.home-hero-shell,
.inner-page-hero-shell,
.creative-footer {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.creative-footer { margin-bottom: 0 !important; }

.home-hero-shell,
.inner-page-hero-shell {
  margin-top: 0 !important;
}

.site-header .header-inner > .logo,
.site-header .header-inner > .logo:hover,
.footer-logo {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.site-header .header-inner > .logo img { width: 190px; }
.creative-footer .footer-brand .footer-logo img { width: 205px; }

/* Standalone start area above the footer */
.start-cta-section {
  padding: 20px 0;
  background: var(--paper);
}
.start-cta {
  position: relative;
  isolation: isolate;
  min-height: 300px;
  padding: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at 72% 18%, rgba(255,255,255,.22), transparent 27%),
    linear-gradient(125deg, var(--orange-deep), var(--orange) 62%, #ff922d);
  color: #fff;
}
.start-cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 18px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 20px;
  pointer-events: none;
}
.start-cta::after {
  content: "EKOMESAJ";
  position: absolute;
  z-index: -1;
  left: 52px;
  bottom: -35px;
  color: rgba(255,255,255,.075);
  font-size: clamp(74px, 12vw, 150px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.07em;
  white-space: nowrap;
}
.start-cta-copy,
.start-cta-button { position: relative; z-index: 2; }
.start-cta-kicker {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 18px;
  color: rgba(255,255,255,.78);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.start-cta-kicker::before { content: ""; width: 25px; height: 2px; background: #fff; }
.start-cta h2 {
  margin: 0;
  font-size: clamp(35px, 4.3vw, 58px);
  line-height: 1.02;
  letter-spacing: -.055em;
  font-weight: 500;
}
.start-cta-button {
  min-width: 240px;
  min-height: 58px;
  padding: 0 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: var(--ink);
  color: #fff;
  box-shadow: 0 18px 44px rgba(92,32,0,.22);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}
.start-cta-button:hover { transform: translateY(-3px); background: #27221e; }
.start-cta-button svg { width: 19px; }
.start-cta-orbit {
  position: absolute;
  z-index: 1;
  width: 390px;
  height: 390px;
  right: 205px;
  top: -125px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
}
.start-cta-orbit::before,
.start-cta-orbit::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 50%;
}
.start-cta-orbit::before { inset: 62px; }
.start-cta-orbit::after { inset: 125px; background: rgba(255,255,255,.07); }
.start-cta-orbit span { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #fff; }
.start-cta-orbit span:first-child { left: 35px; top: 98px; }
.start-cta-orbit span:nth-child(2) { right: 57px; bottom: 45px; width: 14px; height: 14px; }
.start-cta-orbit span:nth-child(3) { left: 49%; bottom: 16px; opacity: .48; }

@media (max-width: 780px) {
  .start-cta-section { padding: 14px 0; }
  .start-cta { min-height: 380px; padding: 42px 28px; flex-direction: column; align-items: flex-start; justify-content: center; }
  .start-cta-button { width: 100%; }
  .start-cta-orbit { width: 300px; height: 300px; right: -105px; top: -90px; }
  .start-cta::after { left: 24px; bottom: -20px; }
}

/* Five real-photo use cases, inspired by the circular values carousel */
.use-cases-showcase {
  position: relative;
  min-height: 790px;
  margin: 20px;
  padding: 72px 0 76px;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 112%,rgba(242,121,12,.34),transparent 38%),
    radial-gradient(circle at 100% 0,rgba(242,121,12,.13),transparent 27%),
    #161310;
  color: #fff;
}
.use-cases-showcase::before {
  content: "";
  position: absolute;
  width: 540px;
  height: 540px;
  left: calc(50% - 270px);
  bottom: -405px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(242,121,12,.035),0 0 0 140px rgba(242,121,12,.02);
}
.use-cases-showcase-inner { position: relative; z-index: 2; width: min(1240px,calc(100% - 70px)); margin: auto; }
.use-cases-showcase-heading { margin-bottom: 46px; text-align: center; }
.use-cases-showcase-heading p { margin: 0 0 13px; color: var(--orange); font-size: 8px; font-weight: 800; letter-spacing: .32em; }
.use-cases-showcase-heading h2 { margin: 0; font-size: clamp(26px,calc(3.1vw - 3px),42px); line-height: 1.08; letter-spacing: -.045em; font-weight: 500; }
.use-cases-stage { display: grid; grid-template-columns: minmax(190px,1fr) minmax(420px,2.45fr) minmax(230px,1.1fr); align-items: center; gap: 28px; }
.use-cases-tabs { display: flex; flex-direction: column; justify-content: center; }
.use-cases-tabs button { min-height: 58px; padding: 7px 0; display: grid; grid-template-columns: 20px 1fr; align-items: center; gap: 7px; border: 0; background: transparent; color: rgba(255,255,255,.23); text-align: left; cursor: pointer; transition: color .35s ease,transform .35s ease; }
.use-cases-tabs button i { width: 8px; height: 8px; display: block; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; transition: background .35s ease,border-color .35s ease,box-shadow .35s ease; }
.use-cases-tabs button span { font: inherit; font-size: clamp(16px,1.35vw,21px); font-weight: 700; line-height: 1.25; letter-spacing: -.035em; }
.use-cases-tabs button:hover { color: rgba(255,255,255,.68); transform: translateX(4px); }
.use-cases-tabs button[aria-selected="true"] { color: #fff; transform: translateX(7px); }
.use-cases-tabs button[aria-selected="true"] i { border-color: var(--orange); background: var(--orange); box-shadow: 0 0 0 6px rgba(242,121,12,.13); }
.use-cases-orbit { position: relative; width: min(100%,560px); aspect-ratio: 1; margin: auto; }
.use-cases-arc { position: absolute; width: 88%; height: 44%; left: 6%; top: 4%; border: 1px solid rgba(255,255,255,.18); border-bottom: 0; border-radius: 300px 300px 0 0; }
.use-case-orbit-point { position: absolute; z-index: 4; width: 74px; height: 74px; padding: 12px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; background: rgba(255,255,255,.08); color: rgba(255,255,255,.45); cursor: pointer; backdrop-filter: blur(12px); transition: transform .35s ease,background .35s ease,color .35s ease,border-color .35s ease; }
.use-case-orbit-point::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: rgba(255,255,255,.07); }
.use-case-orbit-point svg { position: relative; z-index: 2; width: 25px; height: 25px; stroke-width: 1.7; }
.use-case-orbit-point:hover { transform: scale(1.06); color: #fff; }
.use-case-orbit-point[aria-current="step"] { border-color: rgba(255,255,255,.75); background: #fff; color: var(--orange); transform: scale(1.12); box-shadow: 0 14px 40px rgba(0,0,0,.28); }
.use-case-orbit-point[aria-current="step"]::before { background: #fff2e5; }
.use-case-orbit-point-1 { left: 1.8%; top: 42%; }
.use-case-orbit-point-2 { left: 15%; top: 13%; }
.use-case-orbit-point-3 { left: calc(50% - 37px); top: -2.5%; }
.use-case-orbit-point-4 { right: 15%; top: 13%; }
.use-case-orbit-point-5 { right: 1.8%; top: 42%; }
.use-case-photo { position: absolute; width: 64%; aspect-ratio: 1; left: 18%; bottom: 0; overflow: hidden; border: 8px solid rgba(255,255,255,.08); border-radius: 50%; background: #2a2520; box-shadow: 0 32px 80px rgba(0,0,0,.36); }
.use-case-photo::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg,transparent 50%,rgba(17,12,9,.22)); pointer-events: none; }
.use-case-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.07); filter: saturate(.9) contrast(1.03); transition: opacity .75s ease,transform 6.5s ease; }
.use-case-photo img.active { opacity: 1; transform: scale(1); }
.use-case-active-copy { min-height: 310px; display: flex; flex-direction: column; justify-content: center; }
.use-case-active-copy > svg { width: 43px; height: 43px; margin-bottom: 20px; color: var(--orange); stroke-width: 1.5; }
.use-case-active-copy small { color: rgba(255,255,255,.42); font-size: 8px; letter-spacing: .18em; }
.use-case-active-copy h3 { margin: 12px 0 14px; color: #fff; font-size: clamp(24px,2.05vw,33px); line-height: 1.12; letter-spacing: -.045em; }
.use-case-active-copy p { margin: 0; color: rgba(255,255,255,.59); font-size: 11px; line-height: 1.8; }
.use-case-mobile-controls { display: none; }

@media (max-width: 1060px) {
  .use-cases-showcase { min-height: 850px; }
  .use-cases-stage { grid-template-columns: 190px 1fr; }
  .use-case-active-copy { grid-column: 1 / -1; min-height: auto; padding: 8px 8%; display: grid; grid-template-columns: 46px 65px 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 14px; }
  .use-case-active-copy > svg { grid-row: 1 / 3; margin: 0; }
  .use-case-active-copy small { grid-column: 2; }
  .use-case-active-copy h3 { grid-column: 3; grid-row: 1; margin: 0; }
  .use-case-active-copy p { grid-column: 2 / 4; grid-row: 2; margin-top: 8px; }
}

@media (max-width: 740px) {
  .use-cases-showcase { min-height: 930px; margin: 12px; padding: 52px 0 56px; border-radius: 24px; }
  .use-cases-showcase-inner { width: calc(100% - 32px); }
  .use-cases-showcase-heading { margin-bottom: 28px; }
  .use-cases-stage { grid-template-columns: 1fr; gap: 22px; }
  .use-cases-tabs { order: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .use-cases-tabs button { min-height: 54px; padding: 9px 10px; grid-template-columns: 12px 1fr; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.035); }
  .use-cases-tabs button:last-child { grid-column: 1 / -1; }
  .use-cases-tabs button span { font-size: 12px; }
  .use-cases-tabs button[aria-selected="true"],.use-cases-tabs button:hover { transform: none; }
  .use-cases-orbit { order: 1; width: min(100%,430px); }
  .use-case-orbit-point { width: 58px; height: 58px; padding: 9px; }
  .use-case-orbit-point-3 { left: calc(50% - 29px); }
  .use-case-photo { border-width: 5px; }
  .use-case-mobile-controls { position: absolute; z-index: 7; right: 5%; bottom: 3%; display: flex; gap: 8px; }
  .use-case-mobile-controls button { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(18,14,11,.7); color: #fff; }
  .use-case-mobile-controls svg { width: 17px; }
  .use-case-active-copy { order: 3; padding: 0 5px; display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto auto; }
  .use-case-active-copy > svg { grid-column: 1; grid-row: 1 / 3; width: 32px; height: 32px; }
  .use-case-active-copy small { grid-column: 2; grid-row: 1; }
  .use-case-active-copy h3 { grid-column: 2; grid-row: 2; margin: 5px 0 0; font-size: 23px; }
  .use-case-active-copy p { grid-column: 1 / 3; grid-row: 3; margin-top: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .use-case-photo img,.use-case-orbit-point,.use-cases-tabs button { transition: none; }
}

/* Inner-page stat icons and evenly spaced application cards */
.inner-stats > div {
  padding: 22px 28px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
}
.inner-stats > div:first-child { padding-left: 0; }
.inner-stat-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(242,121,12,.13);
  border-radius: 14px;
  background: #fff8ef;
  color: var(--orange) !important;
}
.inner-stat-icon svg { width: 21px; height: 21px; stroke-width: 1.8; }
.inner-stat-copy { display: flex; flex-direction: column; gap: 4px; color: inherit !important; }
.inner-stat-copy > strong { line-height: 1; }
.inner-stat-copy > span { color: #8d867f !important; font-size: 10px !important; }
.inner-application-benefits .inner-feature-grid { gap: 24px; align-items: stretch; }
.inner-application-benefits .inner-feature-grid article { min-height: 292px; padding: 36px; justify-content: center; }
.application-heading { margin-bottom: 48px; }

/* MMS page: sharper hero and image-led content system */
.mms-flow-visual { background: #171615; }
.mms-flow-visual .inner-flow-photo img {
  object-position: center 48%;
  filter: saturate(.92) contrast(1.06) brightness(.72);
  transform: scale(1.015);
}
.mms-flow-visual .inner-flow-photo > span {
  background: linear-gradient(90deg,rgba(18,17,16,.78),rgba(18,17,16,.27) 58%,rgba(18,17,16,.08)),linear-gradient(0deg,rgba(18,17,16,.62),transparent 56%);
}
.payment-flow-visual { background: #171615; }
.payment-flow-visual .inner-flow-photo img { object-position: 66% center; filter: saturate(.88) contrast(1.05) brightness(.72); transform: scale(1.015); }
.payment-flow-visual .inner-flow-photo > span { background: linear-gradient(90deg,rgba(18,17,16,.82),rgba(18,17,16,.31) 57%,rgba(18,17,16,.08)),linear-gradient(0deg,rgba(18,17,16,.62),transparent 56%); }
.telephone-flow-visual { background: #171615; }
.telephone-flow-visual .inner-flow-photo img { object-position: 64% center; filter: saturate(.8) contrast(1.04) brightness(.7); transform: scale(1.015); }
.telephone-flow-visual .inner-flow-photo > span { background: linear-gradient(90deg,rgba(18,17,16,.84),rgba(18,17,16,.32) 57%,rgba(18,17,16,.06)),linear-gradient(0deg,rgba(18,17,16,.6),transparent 56%); }

.mms-belief,
.mms-scenarios,
.mms-design {
  margin: 20px;
  overflow: hidden;
  border-radius: 30px;
}
.mms-belief {
  position: relative;
  min-height: 720px;
  padding: clamp(34px,4vw,64px);
  background: #f6f1eb;
  color: var(--ink);
}
.mms-belief::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -130px;
  top: -210px;
  border: 1px solid rgba(242,121,12,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 74px rgba(242,121,12,.045),0 0 0 148px rgba(242,121,12,.025);
}
.mms-belief-head { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 28px; border-bottom: 1px solid rgba(34,28,23,.12); }
.mms-belief-head > span { color: var(--orange); font-size: 10px; font-weight: 850; letter-spacing: .26em; }
.mms-live-label { display: flex; align-items: center; gap: 8px; color: #756e67; font-size: 10px; font-weight: 700; }
.mms-live-label i { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 6px rgba(242,121,12,.11); animation: mms-live-pulse 2.2s ease-in-out infinite; }
.mms-belief-layout {
  position: relative;
  z-index: 2;
  min-height: 610px;
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  gap: clamp(45px,6vw,110px);
}
.mms-belief-copy { padding: 54px 0 30px; }
.mms-belief-copy h2 { margin: 0 0 30px; font-size: clamp(57px,calc(7.1vw - 3px),109px); line-height: .82; letter-spacing: -.078em; font-weight: 440; }
.mms-belief-copy h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.mms-belief-copy p { max-width: 560px; margin: 0; color: #716a63; font-size: 15px; line-height: 1.85; }
.mms-belief-highlights { margin-top: 38px; border-top: 1px solid rgba(34,28,23,.12); }
.mms-belief-highlights span { min-height: 52px; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid rgba(34,28,23,.12); color: #4f4943; font-size: 11px; font-weight: 740; }
.mms-belief-highlights strong { color: var(--orange); font-size: 9px; letter-spacing: .12em; }
.mms-story-stage { position: relative; min-height: 550px; display: grid; place-items: center; isolation: isolate; }
.mms-story-stage::before { content: ""; position: absolute; width: min(32vw,470px); aspect-ratio: 1; border-radius: 50%; background: var(--orange); box-shadow: 0 35px 100px rgba(242,121,12,.27); }
.mms-story-orbit { position: absolute; z-index: -1; border: 1px solid rgba(242,121,12,.25); border-radius: 50%; }
.mms-story-orbit-one { width: 88%; aspect-ratio: 1.12; transform: rotate(-13deg); }
.mms-story-orbit-two { width: 72%; aspect-ratio: .84; transform: rotate(24deg); }
.mms-story-card { position: absolute; overflow: hidden; border: 1px solid rgba(27,23,19,.1); border-radius: 24px; background: rgba(255,255,255,.96); box-shadow: 0 30px 80px rgba(72,43,18,.22); }
.mms-story-card-main { z-index: 3; width: min(70%,410px); left: 11%; top: 50%; transform: translateY(-50%) rotate(-3deg); animation: mms-card-float 6.5s ease-in-out infinite; }
.mms-story-sender { height: 64px; padding: 12px 15px; display: flex; align-items: center; gap: 10px; }
.mms-story-sender > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: #191714; }
.mms-story-sender img { width: 23px; height: 23px; object-fit: contain; }
.mms-story-sender div { display: grid; gap: 2px; }
.mms-story-sender strong { font-size: 11px; }
.mms-story-sender small { color: #958c84; font-size: 8px; }
.mms-story-sender em { margin-left: auto; padding: 5px 8px; border-radius: 999px; background: #fff1e2; color: var(--orange); font-size: 7px; font-style: normal; font-weight: 850; }
.mms-story-card-main figure { height: 210px; margin: 0; overflow: hidden; }
.mms-story-card-main figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.mms-story-content { padding: 18px; display: grid; }
.mms-story-content span { font-size: 13px; font-weight: 820; }
.mms-story-content small { margin-top: 5px; color: #857d76; font-size: 9px; }
.mms-story-action { margin-top: 14px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; border-radius: 12px; background: #191714; color: #fff; font-size: 9px; font-weight: 780; }
.mms-story-action svg { width: 14px; height: 14px; }
.mms-story-card-back { z-index: 2; width: min(47%,290px); right: 1%; bottom: 5%; transform: rotate(7deg); animation: mms-card-float-back 7s ease-in-out infinite; }
.mms-story-card-back figure { height: 165px; margin: 0; }
.mms-story-card-back figure img { width: 100%; height: 100%; object-fit: cover; }
.mms-story-card-back > div { padding: 13px; display: flex; align-items: center; gap: 10px; }
.mms-story-card-back svg { width: 34px; height: 34px; padding: 8px; flex: 0 0 34px; border-radius: 10px; background: #fff1e3; color: var(--orange); }
.mms-story-card-back span,.mms-story-card-back small { display: block; }
.mms-story-card-back strong { font-size: 9px; }
.mms-story-card-back small { margin-top: 3px; color: #91877f; font-size: 7px; }
.mms-story-chip { position: absolute; z-index: 5; padding: 11px 14px; display: flex; align-items: center; gap: 8px; border-radius: 999px; background: #fff; color: #28231f; box-shadow: 0 16px 40px rgba(72,43,18,.18); font-size: 9px; font-weight: 780; animation: mms-chip-breathe 3.5s ease-in-out infinite; }
.mms-story-chip svg { width: 15px; height: 15px; color: var(--orange); }
.mms-story-chip-image { left: 0; top: 17%; }
.mms-story-chip-delivery { right: 0; top: 22%; animation-delay: .9s; }
@keyframes mms-live-pulse { 50% { box-shadow: 0 0 0 10px rgba(242,121,12,0); } }
@keyframes mms-card-float { 50% { transform: translateY(calc(-50% - 9px)) rotate(-1.5deg); } }
@keyframes mms-card-float-back { 50% { transform: translateY(-7px) rotate(5deg); } }
@keyframes mms-chip-breathe { 50% { transform: translateY(-6px); } }

/* Mobile payment: MMS page rhythm with a payment-specific visual system */
.payment-belief .mms-belief-copy h2 { font-size: clamp(51px,calc(6.2vw - 3px),93px); line-height: .88; }
.payment-story-stage::before { background: #191714; box-shadow: 0 35px 100px rgba(65,37,12,.28),0 0 0 22px rgba(242,121,12,.1); }
.payment-request-card { position: absolute; z-index: 3; width: min(69%,410px); left: 9%; top: 50%; padding: 18px; overflow: hidden; border: 1px solid rgba(28,23,19,.1); border-radius: 25px; background: rgba(255,255,255,.97); box-shadow: 0 32px 90px rgba(63,37,16,.26); transform: translateY(-50%) rotate(-3deg); animation: payment-card-float 6.5s ease-in-out infinite; }
.payment-request-head { display: flex; align-items: center; gap: 10px; }
.payment-request-head > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: #191714; }
.payment-request-head img { width: 24px; height: 24px; object-fit: contain; }
.payment-request-head > div { display: grid; gap: 3px; }
.payment-request-head strong { font-size: 10px; }
.payment-request-head small { color: #968d85; font-size: 7px; }
.payment-request-head > svg { width: 35px; height: 35px; margin-left: auto; padding: 9px; border-radius: 12px; background: #fff1e3; color: var(--orange); }
.payment-request-amount { margin-top: 18px; padding: 24px 20px; display: grid; border-radius: 19px; background: #f6f1eb; }
.payment-request-amount small { color: #9a9189; font-size: 7px; font-weight: 800; letter-spacing: .16em; }
.payment-request-amount strong { margin-top: 8px; color: #211d19; font-size: 38px; line-height: 1; letter-spacing: -.06em; }
.payment-request-amount strong em { font-size: 21px; font-style: normal; }
.payment-request-amount span { margin-top: 9px; color: #827a73; font-size: 8px; }
.payment-request-button { margin-top: 13px; padding: 13px 14px; display: flex; align-items: center; justify-content: space-between; border-radius: 13px; background: var(--orange); color: #fff; font-size: 9px; font-weight: 820; }
.payment-request-button svg { width: 15px; height: 15px; }
.payment-request-safe { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #8a8179; font-size: 7px; font-weight: 700; }
.payment-request-safe svg { width: 13px; height: 13px; color: var(--orange); }
.payment-success-card { position: absolute; z-index: 4; right: 0; bottom: 8%; width: min(48%,285px); padding: 16px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(24,19,16,.1); border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 22px 60px rgba(62,35,12,.22); transform: rotate(5deg); animation: payment-success-float 7s ease-in-out infinite; }
.payment-success-card > svg { width: 42px; height: 42px; padding: 10px; flex: 0 0 42px; border-radius: 50%; background: #eaf8ef; color: #249759; }
.payment-success-card span { min-width: 0; display: grid; gap: 3px; }
.payment-success-card small { color: #249759; font-size: 6px; font-weight: 850; letter-spacing: .1em; }
.payment-success-card strong { font-size: 16px; letter-spacing: -.035em; }
.payment-success-card em { color: #989087; font-size: 7px; font-style: normal; }
.payment-story-chip-one { left: 0; top: 15%; }
.payment-story-chip-two { right: 1%; top: 22%; animation-delay: .8s; }
.payment-scenarios .mms-phone-preview > img { filter: saturate(.9) contrast(1.03); }
.payment-subscription-preview > img { object-position: center 42%; }
.payment-direct-preview > img { object-position: center 38%; }
.payment-design { background: linear-gradient(135deg,#e76500,var(--orange) 58%,#ff963f); }
@keyframes payment-card-float { 50% { transform: translateY(calc(-50% - 9px)) rotate(-1.5deg); } }
@keyframes payment-success-float { 50% { transform: translateY(-7px) rotate(3deg); } }

/* Telephone page: live call console and a new eight-feature bento area */
.telephone-belief .mms-belief-copy h2 { font-size: clamp(51px,calc(6.15vw - 3px),93px); line-height: .88; }
.telephone-call-stage::before { background: var(--orange); box-shadow: 0 35px 100px rgba(242,121,12,.27); }
.telephone-call-console { position: absolute; z-index: 3; width: min(69%,415px); left: 9%; top: 50%; padding: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 26px; background: #191714; color: #fff; box-shadow: 0 35px 90px rgba(43,25,12,.3); transform: translateY(-50%) rotate(-3deg); animation: telephone-console-float 6.5s ease-in-out infinite; }
.telephone-console-head { display: flex; align-items: center; gap: 10px; }
.telephone-console-head > span { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; background: #fff; }
.telephone-console-head img { width: 24px; height: 24px; object-fit: contain; }
.telephone-console-head > div { display: grid; gap: 3px; }
.telephone-console-head strong { font-size: 10px; }
.telephone-console-head small { color: rgba(255,255,255,.48); font-size: 7px; }
.telephone-console-head em { margin-left: auto; display: flex; align-items: center; gap: 6px; color: #8be0aa; font-size: 6px; font-style: normal; font-weight: 850; letter-spacing: .11em; }
.telephone-console-head em i { width: 7px; height: 7px; border-radius: 50%; background: #36bf6f; box-shadow: 0 0 0 6px rgba(54,191,111,.12); }
.telephone-caller-orbit { position: relative; width: 148px; height: 148px; margin: 22px auto 6px; display: grid; place-items: center; }
.telephone-caller-orbit > i { position: absolute; inset: 18px; border: 1px solid rgba(242,121,12,.62); border-radius: 50%; animation: telephone-ring-pulse 2.8s ease-out infinite; }
.telephone-caller-orbit > i:nth-child(2) { inset: 4px; animation-delay: .7s; }
.telephone-caller-orbit > i:nth-child(3) { inset: -10px; animation-delay: 1.4s; }
.telephone-caller-orbit > div { position: relative; z-index: 2; width: 75px; height: 75px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); box-shadow: 0 18px 45px rgba(242,121,12,.32); }
.telephone-caller-orbit svg { width: 30px; height: 30px; }
.telephone-caller-copy { display: grid; justify-items: center; gap: 4px; text-align: center; }
.telephone-caller-copy small { color: var(--orange); font-size: 7px; font-weight: 850; letter-spacing: .14em; }
.telephone-caller-copy strong { font-size: 16px; letter-spacing: -.03em; }
.telephone-caller-copy span { color: rgba(255,255,255,.45); font-size: 7px; }
.telephone-call-actions { margin-top: 18px; display: grid; grid-template-columns: .78fr 1.22fr; gap: 8px; }
.telephone-call-actions span,.telephone-call-actions strong { min-height: 40px; display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 13px; font-size: 8px; }
.telephone-call-actions span { background: rgba(255,255,255,.08); color: rgba(255,255,255,.68); }
.telephone-call-actions strong { background: #fff; color: #211d19; }
.telephone-call-actions svg { width: 14px; height: 14px; color: var(--orange); }
.telephone-chip-conference { left: 0; top: 14%; }
.telephone-chip-record { right: 0; top: 22%; animation-delay: .9s; }
.telephone-features { margin: 20px; padding: clamp(48px,5vw,82px); overflow: hidden; border-radius: 30px; background: #171411; color: #fff; }
.telephone-features-head { display: grid; grid-template-columns: 1fr .85fr; align-items: end; gap: 80px; margin-bottom: 54px; }
.telephone-features-head > div > span { color: var(--orange); font-size: 9px; font-weight: 850; letter-spacing: .25em; }
.telephone-features-head h2 { margin: 14px 0 0; font-size: clamp(49px,calc(6.3vw - 3px),89px); line-height: .86; letter-spacing: -.072em; font-weight: 450; }
.telephone-features-head h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.telephone-features-head > p { max-width: 570px; margin: 0; color: rgba(255,255,255,.58); font-size: 15px; line-height: 1.85; }
.telephone-bento { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 270px; gap: 14px; }
.telephone-bento article { height: 100%; min-height: 0; padding: 28px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: rgba(255,255,255,.045); transition: transform .35s ease,border-color .35s ease,background .35s ease; }
.telephone-bento article:hover { transform: translateY(-5px); border-color: rgba(242,121,12,.42); background: rgba(255,255,255,.07); }
.telephone-feature-top { display: flex; align-items: center; justify-content: space-between; }
.telephone-feature-top > span { color: rgba(255,255,255,.26); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.telephone-feature-top svg { width: 51px; height: 51px; padding: 14px; border-radius: 16px; background: rgba(242,121,12,.13); color: var(--orange); }
.telephone-bento h3 { margin: auto 0 12px; font-size: 23px; line-height: 1.08; letter-spacing: -.04em; }
.telephone-bento p { margin: 0; color: rgba(255,255,255,.53); font-size: 12px; line-height: 1.72; }
.telephone-bento .telephone-feature-accent { background: #f4eee7; color: var(--ink); }
.telephone-bento .telephone-feature-accent p { color: #716a63; }
.telephone-bento .telephone-feature-accent .telephone-feature-top > span { color: #a89e94; }
.telephone-bento .telephone-feature-orange { background: var(--orange); }
.telephone-bento .telephone-feature-orange .telephone-feature-top svg { background: rgba(255,255,255,.16); color: #fff; }
.telephone-bento .telephone-feature-orange p { color: rgba(255,255,255,.75); }
.telephone-tariff { position: relative; min-height: 390px; margin: 20px; padding: clamp(50px,6vw,90px); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 60px; overflow: hidden; border-radius: 30px; background: var(--orange); color: #fff; }
.telephone-tariff-copy { position: relative; z-index: 2; }
.telephone-tariff-copy > span { color: rgba(255,255,255,.68); font-size: 9px; font-weight: 850; letter-spacing: .24em; }
.telephone-tariff-copy h2 { margin: 14px 0 20px; font-size: clamp(42px,calc(5.5vw - 3px),75px); line-height: .9; letter-spacing: -.065em; font-weight: 460; }
.telephone-tariff-copy h2 em { font-style: normal; font-weight: 760; }
.telephone-tariff-copy p { max-width: 620px; margin: 0; color: rgba(255,255,255,.78); font-size: 15px; line-height: 1.8; }
.telephone-tariff > a { position: relative; z-index: 2; min-width: 260px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-radius: 16px; background: #fff; color: var(--ink); font-size: 11px; font-weight: 820; }
.telephone-tariff > a svg { width: 18px; height: 18px; color: var(--orange); }
.telephone-tariff-lines { position: absolute; right: 2%; bottom: -20%; width: 46%; height: 110%; opacity: .18; transform: rotate(-14deg); }
.telephone-tariff-lines i { position: absolute; inset: 0; border: 1px solid #fff; border-radius: 50%; }
.telephone-tariff-lines i:nth-child(2) { inset: 9%; }.telephone-tariff-lines i:nth-child(3) { inset: 18%; }.telephone-tariff-lines i:nth-child(4) { inset: 27%; }.telephone-tariff-lines i:nth-child(5) { inset: 36%; }
@keyframes telephone-console-float { 50% { transform: translateY(calc(-50% - 9px)) rotate(-1.5deg); } }
@keyframes telephone-ring-pulse { 0% { transform: scale(.7); opacity: .8; } 100% { transform: scale(1.18); opacity: 0; } }

.mms-scenarios { padding: 74px; background: #f4f1ed; }
.mms-scenario-grid { display: grid; gap: 34px; }
.mms-scenario-card {
  min-height: 465px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: stretch;
  overflow: hidden;
  border-radius: 28px;
  background: #fff;
}
.mms-scenario-card.reverse .mms-phone-preview { order: 2; }
.mms-phone-preview { position: relative; min-height: 465px; overflow: hidden; background: #211e1b; }
.mms-phone-preview > img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.95) contrast(1.04); }
.mms-phone-preview::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(18,13,9,.52),transparent 55%); }
.mms-phone-preview > div {
  position: absolute;
  z-index: 2;
  left: 28px;
  right: 28px;
  bottom: 28px;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  color: var(--ink);
  box-shadow: 0 20px 55px rgba(0,0,0,.18);
  backdrop-filter: blur(14px);
}
.mms-phone-preview > div > svg { width: 44px; height: 44px; padding: 11px; flex: 0 0 44px; border-radius: 14px; background: var(--orange); color: #fff; }
.mms-phone-preview > div span,.mms-phone-preview > div small { display: block; }
.mms-phone-preview > div span { font-size: 14px; font-weight: 800; }
.mms-phone-preview > div small { margin-top: 5px; color: #756e68; font-size: 10px; font-weight: 500; }
.mms-scenario-copy { padding: clamp(42px,5vw,76px); display: flex; flex-direction: column; justify-content: center; }
.mms-scenario-copy > span { color: var(--orange); font-size: 9px; font-weight: 800; letter-spacing: .2em; }
.mms-scenario-copy h3 { margin: 12px 0 18px; font-size: clamp(36px,4vw,58px); line-height: 1; letter-spacing: -.055em; }
.mms-scenario-copy p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.85; }

.mms-design { padding: 82px 74px; background: var(--orange); color: #fff; }
.mms-design-grid { display: grid; grid-template-columns: 1fr .88fr; align-items: center; gap: 70px; }
.mms-design-copy h2 { margin: 14px 0 24px; font-size: clamp(39px,calc(5vw - 3px),67px); line-height: .98; letter-spacing: -.06em; font-weight: 500; }
.mms-design-copy h2 em { font-style: normal; font-weight: 750; }
.mms-design-copy > p { max-width: 630px; margin: 0; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.85; }
.mms-design .eyebrow { color: rgba(255,255,255,.72); }
.mms-design .eyebrow span { background: #fff; }
.mms-design-features { overflow: hidden; border: 1px solid rgba(255,255,255,.24); border-radius: 28px; background: rgba(74,31,5,.23); backdrop-filter: blur(12px); }
.mms-design-features article { min-height: 155px; padding: 30px; display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 20px; }
.mms-design-features article + article { border-top: 1px solid rgba(255,255,255,.2); }
.mms-design-features svg { width: 58px; height: 58px; padding: 15px; border-radius: 18px; background: rgba(255,255,255,.13); color: #fff; }
.mms-design-features h3 { margin: 0 0 8px; font-size: 22px; letter-spacing: -.035em; }
.mms-design-features p { margin: 0; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.7; }

@media (max-width: 900px) {
  .mms-belief-layout { grid-template-columns: 1fr; }
  .mms-story-stage { min-height: 570px; }
  .mms-story-stage::before { width: min(62vw,470px); }
  .mms-scenarios,.mms-design { padding: 48px 32px; }
  .mms-scenario-card,.mms-design-grid { grid-template-columns: 1fr; }
  .mms-scenario-card.reverse .mms-phone-preview { order: 0; }
  .mms-design-grid { gap: 42px; }
  .telephone-features-head { grid-template-columns: 1fr; gap: 28px; }
  .telephone-bento { grid-template-columns: repeat(2,1fr); }
  .telephone-tariff { grid-template-columns: 1fr; gap: 36px; }
  .telephone-tariff > a { width: min(100%,340px); }
}

@media (max-width: 720px) {
  .inner-stats > div,.inner-stats > div:first-child { padding: 18px 12px; }
  .inner-stats > div:nth-child(3) { justify-content: center; }
  .inner-stat-icon { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }
  .mms-belief,.mms-scenarios,.mms-design { margin: 12px; border-radius: 24px; }
  .mms-belief { min-height: 0; padding: 30px 22px; }
  .mms-belief-head { padding-bottom: 20px; }
  .mms-live-label { display: none; }
  .mms-belief-layout { min-height: 0; gap: 20px; }
  .mms-belief-copy { padding: 42px 4px 10px; }
  .mms-belief-copy h2 { font-size: 51px; }
  .mms-story-stage { min-height: 460px; margin-inline: -6px; }
  .mms-story-stage::before { width: 290px; }
  .mms-story-card-main { width: 72%; left: 5%; }
  .mms-story-card-main figure { height: 155px; }
  .mms-story-card-back { width: 48%; right: 0; bottom: 2%; }
  .mms-story-card-back figure { height: 110px; }
  .mms-story-chip-image { left: 0; top: 9%; }
  .mms-story-chip-delivery { right: 0; top: 16%; }
  .payment-belief .mms-belief-copy h2 { font-size: 46px; }
  .payment-request-card { width: 75%; left: 2%; padding: 14px; }
  .payment-request-amount { padding: 19px 16px; }
  .payment-request-amount strong { font-size: 32px; }
  .payment-success-card { width: 54%; right: -2%; bottom: 4%; padding: 12px; }
  .payment-story-chip-one { top: 7%; }
  .payment-story-chip-two { top: 14%; }
  .telephone-belief .mms-belief-copy h2 { font-size: 46px; }
  .telephone-call-console { width: 76%; left: 2%; padding: 14px; }
  .telephone-chip-conference { top: 7%; }
  .telephone-chip-record { top: 14%; }
  .telephone-caller-orbit { width: 125px; height: 125px; }
  .telephone-features,.telephone-tariff { margin: 12px; border-radius: 24px; }
  .telephone-features { padding: 48px 22px; }
  .telephone-features-head h2 { font-size: 49px; }
  .telephone-bento { grid-template-columns: 1fr; grid-auto-rows: 240px; }
  .telephone-bento article { padding: 24px; }
  .telephone-tariff { min-height: 0; padding: 52px 25px; }
  .telephone-tariff-copy h2 { font-size: 45px; }
  .telephone-tariff > a { min-width: 0; width: 100%; }
  .mms-belief-copy p,.mms-scenario-copy p,.mms-design-copy > p { font-size: 14px; }
  .mms-scenarios,.mms-design { padding: 24px; }
  .mms-scenario-card { min-height: 0; border-radius: 22px; }
  .mms-phone-preview { min-height: 330px; }
  .mms-phone-preview > div { left: 16px; right: 16px; bottom: 16px; padding: 14px; }
  .mms-scenario-copy { padding: 34px 25px 40px; }
  .mms-design-features article { min-height: 145px; padding: 24px 20px; grid-template-columns: 48px 1fr; gap: 14px; }
  .mms-design-features svg { width: 48px; height: 48px; padding: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .mms-live-label i,.mms-story-card-main,.mms-story-card-back,.mms-story-chip,.payment-request-card,.payment-success-card,.telephone-call-console,.telephone-caller-orbit > i { animation: none; }
}

/* Redesigned second banner: editorial photo with restrained message motion */
.voice-person-photo-frame {
  position: absolute;
  z-index: 1;
  inset: 28px 18px 36px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 28px;
  background: #f4eee7;
  box-shadow: 0 34px 80px rgba(77,20,0,.24);
}
.voice-person-photo-frame .voice-person-photo {
  position: static;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  transform: none;
  filter: saturate(.98) contrast(1.02);
}
.voice-person-photo-frame > span {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(34,24,17,.18),transparent 46%),linear-gradient(0deg,rgba(20,14,10,.3),transparent 35%);
  pointer-events: none;
}
.voice-person-visual .voice-notification { animation-duration: 6s; }
.voice-person-visual .voice-notification-one { left: -8px; right: auto; top: 92px; }
.voice-person-visual .voice-notification-two { left: 22px; right: auto; top: 242px; animation-delay: 3s; }
.voice-person-visual .voice-mini-player { left: auto; right: -8px; bottom: 22px; }

@media (max-width: 560px) {
  .voice-person-photo-frame { inset: 18px 0 30px; border-radius: 24px; }
  .voice-person-visual .voice-notification-one { left: 0; right: auto; }
  .voice-person-visual .voice-notification-two { left: 12px; right: auto; }
  .voice-person-visual .voice-mini-player { left: auto; right: 0; }
}

/* Sesli Mesaj: editorial voice-campaign experience */
.voice-flow-visual .inner-flow-photo img { object-position: center; filter: saturate(.88) contrast(1.03) brightness(.76); }
.voice-flow-visual .inner-flow-photo > span { background: linear-gradient(90deg,rgba(18,17,16,.28),rgba(18,17,16,.08) 46%,rgba(18,17,16,.16)),linear-gradient(0deg,rgba(18,17,16,.7),transparent 58%); }

.voice-impact { min-height: 760px; margin: 20px; padding: clamp(44px,5vw,78px); overflow: hidden; border-radius: 30px; background: #171411; color: #fff; }
.voice-impact-head { padding-bottom: 28px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.1); }
.voice-impact-head > span { color: var(--orange); font-size: 9px; font-weight: 850; letter-spacing: .23em; }
.voice-impact-head > div { display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.55); font-size: 8px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.voice-impact-head > div i { width: 7px; height: 7px; border-radius: 50%; background: #39bf79; box-shadow: 0 0 0 6px rgba(57,191,121,.12); animation: voiceCampaignLive 1.7s ease-in-out infinite; }
.voice-impact-layout { min-height: 610px; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: clamp(55px,7vw,110px); }
.voice-impact-copy h2 { margin: 0 0 28px; font-size: clamp(53px,calc(6.4vw - 3px),95px); line-height: .85; letter-spacing: -.074em; font-weight: 440; }
.voice-impact-copy h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.voice-impact-copy > p { max-width: 610px; margin: 0; color: rgba(255,255,255,.6); font-size: 14px; line-height: 1.9; }
.voice-impact-points { margin-top: 38px; display: grid; gap: 12px; }
.voice-impact-points span { display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.82); font-size: 10px; font-weight: 700; }
.voice-impact-points svg { width: 34px; height: 34px; padding: 9px; border: 1px solid rgba(242,121,12,.24); border-radius: 11px; background: rgba(242,121,12,.09); color: var(--orange); }

.voice-campaign-stage { position: relative; min-height: 560px; display: grid; place-items: center; isolation: isolate; }
.voice-campaign-stage::before { content: ""; position: absolute; z-index: -3; width: min(40vw,570px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 40% 32%,#ffad58 0,#ed7213 38%,#c54700 72%,#8e2c00 100%); box-shadow: 0 45px 120px rgba(197,71,0,.34); }
.voice-campaign-ring { position: absolute; z-index: -2; border: 1px solid rgba(255,255,255,.19); border-radius: 50%; animation: voiceCampaignRing 5s ease-in-out infinite; }
.voice-campaign-ring-one { width: min(47vw,660px); height: min(47vw,660px); }
.voice-campaign-ring-two { width: min(35vw,500px); height: min(35vw,500px); animation-delay: -2.5s; }
.voice-campaign-console { width: min(82%,470px); min-height: 455px; padding: 25px; overflow: hidden; border: 1px solid rgba(255,255,255,.58); border-radius: 29px; background: rgba(255,251,246,.95); color: var(--ink); box-shadow: 0 38px 95px rgba(51,14,0,.3); backdrop-filter: blur(12px); animation: voiceCampaignFloat 6s ease-in-out infinite; }
.voice-campaign-top { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 11px; }
.voice-campaign-top > span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: var(--orange); }
.voice-campaign-top img { width: 26px; filter: brightness(0) invert(1); }
.voice-campaign-top strong,.voice-campaign-top small { display: block; }
.voice-campaign-top strong { font-size: 13px; }
.voice-campaign-top small { margin-top: 4px; color: #9a9189; font-size: 7px; }
.voice-campaign-top em { display: flex; align-items: center; gap: 6px; color: #25995f; font-size: 7px; font-style: normal; font-weight: 850; letter-spacing: .08em; }
.voice-campaign-top em i { width: 6px; height: 6px; border-radius: 50%; background: #32b56e; }
.voice-campaign-player { min-height: 155px; margin: 30px 0 5px; display: grid; grid-template-columns: 82px 1fr; align-items: center; gap: 21px; }
.voice-campaign-player button { width: 82px; height: 82px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #171411; color: #fff; box-shadow: 0 0 0 12px rgba(242,121,12,.09),0 15px 38px rgba(23,20,17,.2); }
.voice-campaign-player button svg { width: 29px; height: 29px; }
.voice-campaign-wave,.voice-survey-wave { height: 82px; display: flex; align-items: center; gap: 5px; }
.voice-campaign-wave i,.voice-survey-wave i { width: 4px; height: var(--voice-bar-height); display: block; border-radius: 99px; background: linear-gradient(180deg,#ff9d47,var(--orange)); transform-origin: center; animation: voiceCampaignWave .85s ease-in-out var(--voice-bar-delay) infinite alternate; }
.voice-campaign-progress > span { display: flex; justify-content: space-between; align-items: center; }
.voice-campaign-progress strong { font-size: 8px; }
.voice-campaign-progress small { color: #958b83; font-size: 7px; }
.voice-campaign-progress > div { height: 7px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: #eadfd4; }
.voice-campaign-progress > div i { width: 62%; height: 100%; display: block; border-radius: inherit; background: var(--orange); animation: voiceCampaignProgress 5s ease-in-out infinite; transform-origin: left; }
.voice-campaign-metrics { margin-top: 27px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.voice-campaign-metrics span { min-width: 0; padding: 14px 10px; border: 1px solid rgba(9,9,9,.07); border-radius: 12px; background: #fff; }
.voice-campaign-metrics small,.voice-campaign-metrics strong { display: block; }
.voice-campaign-metrics small { color: #a09890; font-size: 6px; }
.voice-campaign-metrics strong { margin-top: 5px; color: #29231e; font-size: 12px; letter-spacing: -.03em; }
.voice-campaign-chip { position: absolute; z-index: 3; padding: 13px 16px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.55); border-radius: 14px; background: rgba(255,255,255,.92); color: #332b25; box-shadow: 0 18px 45px rgba(55,14,0,.2); font-size: 8px; font-weight: 800; backdrop-filter: blur(8px); animation: voiceChipFloat 4.8s ease-in-out infinite; }
.voice-campaign-chip svg { width: 18px; color: var(--orange); }
.voice-chip-mobile { left: 1%; top: 18%; }
.voice-chip-fixed { right: 0; bottom: 19%; animation-delay: -2.4s; }

.voice-difference { margin: 20px; padding: clamp(52px,6vw,92px); overflow: hidden; border-radius: 30px; background: #f5f2ee; }
.voice-difference-heading { margin-bottom: 58px; display: grid; grid-template-columns: 1fr .9fr; align-items: end; gap: 80px; }
.voice-difference-heading > div > span { color: var(--orange-deep); font-size: 9px; font-weight: 850; letter-spacing: .22em; }
.voice-difference-heading h2 { margin: 14px 0 0; color: var(--ink); font-size: clamp(55px,calc(7vw - 3px),101px); line-height: .78; letter-spacing: -.077em; font-weight: 440; }
.voice-difference-heading h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.voice-difference-heading > p { max-width: 590px; margin: 0 0 2px; color: #6f6861; font-size: 14px; line-height: 1.9; }
.voice-usecase-grid { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 340px; gap: 14px; }
.voice-usecase-grid article { position: relative; height: 100%; padding: 28px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(9,9,9,.08); border-radius: 24px; background: #fff; }
.voice-usecase-grid article:nth-child(2) { background: var(--orange); color: #fff; }
.voice-usecase-grid article:nth-child(3) { background: #1b1815; color: #fff; }
.voice-usecase-top { display: flex; align-items: center; justify-content: space-between; }
.voice-usecase-top > span { color: #a79f97; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.voice-usecase-top svg { width: 52px; height: 52px; padding: 14px; border-radius: 16px; background: #fff2e5; color: var(--orange); }
.voice-usecase-grid article:nth-child(2) .voice-usecase-top svg,.voice-usecase-grid article:nth-child(3) .voice-usecase-top svg { background: rgba(255,255,255,.13); color: #fff; }
.voice-usecase-grid article:nth-child(2) .voice-usecase-top > span,.voice-usecase-grid article:nth-child(3) .voice-usecase-top > span { color: rgba(255,255,255,.45); }
.voice-usecase-grid h3 { margin: auto 0 14px; font-size: 25px; line-height: 1.05; letter-spacing: -.045em; }
.voice-usecase-grid p { position: relative; z-index: 2; margin: 0; color: #756d66; font-size: 12px; line-height: 1.72; }
.voice-usecase-grid article:nth-child(2) p,.voice-usecase-grid article:nth-child(3) p { color: rgba(255,255,255,.68); }
.voice-usecase-grid article > i { position: absolute; width: 170px; height: 170px; right: -110px; bottom: -105px; border: 1px solid rgba(242,121,12,.18); border-radius: 50%; box-shadow: 0 0 0 28px rgba(242,121,12,.045),0 0 0 56px rgba(242,121,12,.025); }

.voice-survey { min-height: 620px; margin: 20px; padding: clamp(52px,6vw,90px); display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: clamp(55px,8vw,130px); overflow: hidden; border-radius: 30px; background: var(--orange); color: #fff; }
.voice-survey-copy > span { color: rgba(255,255,255,.65); font-size: 9px; font-weight: 850; letter-spacing: .22em; }
.voice-survey-copy h2 { margin: 16px 0 27px; font-size: clamp(47px,calc(5.8vw - 3px),83px); line-height: .89; letter-spacing: -.07em; font-weight: 440; }
.voice-survey-copy h2 em { color: #211812; font-style: normal; font-weight: 760; }
.voice-survey-copy p { max-width: 620px; margin: 0; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.85; }
.voice-survey-console { position: relative; padding: 28px; border: 1px solid rgba(255,255,255,.62); border-radius: 28px; background: #fffaf4; color: var(--ink); box-shadow: 0 35px 95px rgba(97,31,0,.27); transform: rotate(1.2deg); }
.voice-survey-head { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; }
.voice-survey-head > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: #171411; color: #fff; }
.voice-survey-head > span svg { width: 20px; }
.voice-survey-head small,.voice-survey-head strong { display: block; }
.voice-survey-head small { color: var(--orange-deep); font-size: 6px; font-weight: 850; letter-spacing: .12em; }
.voice-survey-head strong { margin-top: 5px; font-size: 11px; }
.voice-survey-head > em { color: #9b9188; font-size: 8px; font-style: normal; }
.voice-survey-wave { height: 95px; margin: 23px 0 9px; justify-content: center; }
.voice-survey-wave i { width: 6px; }
.voice-survey-console > p { margin: 0 0 21px; color: #716860; font-size: 10px; line-height: 1.65; }
.voice-survey-options { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.voice-survey-options span { min-height: 72px; padding: 12px 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(9,9,9,.08); border-radius: 13px; background: #fff; color: #6f655c; font-size: 7px; text-align: center; }
.voice-survey-options b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: #f7eee5; color: var(--orange-deep); font-size: 9px; }
.voice-survey-result { margin-top: 12px; padding: 13px; display: flex; align-items: center; gap: 11px; border-radius: 13px; background: #eaf8f0; color: #238b57; animation: voiceSurveyResult 3.8s ease-in-out infinite; }
.voice-survey-result > svg { width: 24px; }
.voice-survey-result small,.voice-survey-result strong { display: block; }
.voice-survey-result small { font-size: 6px; font-weight: 850; letter-spacing: .12em; }
.voice-survey-result strong { margin-top: 3px; color: #246844; font-size: 9px; }

@keyframes voiceCampaignLive { 50% { transform: scale(.65); opacity: .55; } }
@keyframes voiceCampaignRing { 50% { transform: scale(1.04); opacity: .52; } }
@keyframes voiceCampaignFloat { 50% { transform: translateY(-10px) rotate(.45deg); } }
@keyframes voiceCampaignWave { to { transform: scaleY(.28); opacity: .48; } }
@keyframes voiceCampaignProgress { 0%,12% { transform: scaleX(.1); } 68%,100% { transform: scaleX(1); } }
@keyframes voiceChipFloat { 50% { transform: translateY(-9px); } }
@keyframes voiceSurveyResult { 50% { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(35,139,87,.12); } }

@media (max-width: 1020px) {
  .voice-impact-layout,.voice-survey { grid-template-columns: 1fr; }
  .voice-impact-layout { padding-top: 60px; }
  .voice-campaign-stage { width: min(100%,720px); margin-inline: auto; }
  .voice-difference-heading { grid-template-columns: 1fr; gap: 28px; }
  .voice-usecase-grid { grid-template-columns: repeat(2,1fr); }
  .voice-survey-console { width: min(100%,650px); transform: none; }
}

@media (max-width: 720px) {
  .voice-impact,.voice-difference,.voice-survey { margin: 12px; border-radius: 24px; }
  .voice-impact,.voice-difference { padding: 46px 22px; }
  .voice-impact-head > div { display: none; }
  .voice-impact-layout { min-height: 0; padding-top: 52px; gap: 28px; }
  .voice-impact-copy h2 { font-size: 49px; }
  .voice-impact-copy > p,.voice-difference-heading > p,.voice-survey-copy p { font-size: 13px; }
  .voice-campaign-stage { min-height: 500px; margin-inline: -8px; }
  .voice-campaign-stage::before { width: 320px; }
  .voice-campaign-ring-one { width: 380px; height: 380px; }
  .voice-campaign-ring-two { width: 280px; height: 280px; }
  .voice-campaign-console { width: 82%; min-height: 0; padding: 20px; border-radius: 22px; }
  .voice-campaign-player { grid-template-columns: 65px 1fr; gap: 14px; min-height: 130px; margin-top: 18px; }
  .voice-campaign-player button { width: 65px; height: 65px; }
  .voice-campaign-wave { gap: 3px; }
  .voice-campaign-wave i { width: 3px; }
  .voice-chip-mobile { left: 0; top: 12%; }
  .voice-chip-fixed { right: 0; bottom: 12%; }
  .voice-difference-heading h2 { font-size: 61px; }
  .voice-usecase-grid { grid-template-columns: 1fr; grid-auto-rows: 280px; }
  .voice-survey { min-height: 0; padding: 52px 22px; gap: 42px; }
  .voice-survey-copy h2 { font-size: 47px; }
  .voice-survey-console { padding: 20px; border-radius: 22px; }
  .voice-survey-options { grid-template-columns: 1fr; }
  .voice-survey-options span { min-height: 55px; flex-direction: row; justify-content: flex-start; padding-inline: 14px; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .voice-impact-head > div i,.voice-campaign-ring,.voice-campaign-console,.voice-campaign-wave i,.voice-survey-wave i,.voice-campaign-progress > div i,.voice-campaign-chip,.voice-survey-result { animation: none !important; }
}

/* Çift Yönlü Mesaj: live dialogue experience */
.twoway-flow-visual .inner-flow-photo img { object-position: center; filter: saturate(.9) contrast(1.02) brightness(.76); }
.twoway-flow-visual .inner-flow-photo > span { background: linear-gradient(90deg,rgba(24,20,17,.16),transparent 50%,rgba(24,20,17,.1)),linear-gradient(0deg,rgba(24,20,17,.7),transparent 60%); }

.twoway-boundaries { margin: 20px; padding: clamp(52px,6vw,92px); overflow: hidden; border-radius: 30px; background: #f4f1ed; }
.twoway-boundaries-heading { max-width: 1080px; margin: 0 auto 58px; text-align: center; }
.twoway-boundaries-heading > span { color: var(--orange-deep); font-size: 9px; font-weight: 850; letter-spacing: .24em; }
.twoway-boundaries-heading h2 { margin: 16px 0 24px; color: var(--ink); font-size: clamp(53px,calc(6.8vw - 3px),101px); line-height: .84; letter-spacing: -.075em; font-weight: 440; }
.twoway-boundaries-heading h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.twoway-boundaries-heading p { max-width: 820px; margin: auto; color: #6c655e; font-size: 14px; line-height: 1.85; }
.twoway-live-layout { min-height: 650px; padding: clamp(34px,4.7vw,72px); display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: clamp(50px,7vw,110px); overflow: hidden; border-radius: 30px; background: #191613; color: #fff; }
.twoway-live-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--orange); font-size: 8px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.twoway-live-eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #35bd74; box-shadow: 0 0 0 6px rgba(53,189,116,.11); animation: twowayLivePulse 1.7s ease-in-out infinite; }
.twoway-live-copy h3 { margin: 24px 0 26px; font-size: clamp(44px,5.3vw,76px); line-height: .91; letter-spacing: -.064em; font-weight: 430; }
.twoway-live-copy h3 strong { color: var(--orange); font-weight: 760; }
.twoway-live-copy > p { max-width: 600px; margin: 0; color: rgba(255,255,255,.57); font-size: 13px; line-height: 1.88; }
.twoway-live-tags { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 8px; }
.twoway-live-tags span { padding: 9px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 99px; background: rgba(255,255,255,.05); color: rgba(255,255,255,.7); font-size: 7px; font-weight: 800; }

.twoway-conversation-stage { position: relative; min-height: 560px; display: grid; place-items: center; isolation: isolate; }
.twoway-conversation-stage::before { content: ""; position: absolute; z-index: -3; width: min(38vw,540px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 34% 28%,#ffb367,var(--orange) 45%,#b73b00 100%); box-shadow: 0 45px 120px rgba(174,54,0,.34); }
.twoway-orbit { position: absolute; z-index: -2; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; animation: twowayOrbit 6s ease-in-out infinite; }
.twoway-orbit-one { width: min(46vw,650px); height: min(46vw,650px); }
.twoway-orbit-two { width: min(32vw,450px); height: min(32vw,450px); animation-delay: -3s; }
.twoway-conversation-card { width: min(78%,470px); min-height: 510px; padding: 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.62); border-radius: 29px; background: #fffaf5; color: var(--ink); box-shadow: 0 38px 95px rgba(51,14,0,.34); animation: twowayCardFloat 6.2s ease-in-out infinite; }
.twoway-chat-head { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 11px; padding-bottom: 17px; border-bottom: 1px solid rgba(9,9,9,.07); }
.twoway-chat-head > span { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); }
.twoway-chat-head img { width: 25px; filter: brightness(0) invert(1); }
.twoway-chat-head strong,.twoway-chat-head small { display: block; }
.twoway-chat-head strong { font-size: 12px; }
.twoway-chat-head small { margin-top: 4px; color: #2a9f62; font-size: 7px; }
.twoway-chat-head small i { width: 6px; height: 6px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #2db26b; }
.twoway-chat-head em { padding: 7px 9px; border-radius: 99px; background: #fff0df; color: var(--orange-deep); font-size: 6px; font-style: normal; font-weight: 850; letter-spacing: .06em; }
.twoway-chat-day { margin: 18px 0 14px; color: #aaa198; font-size: 6px; font-weight: 800; letter-spacing: .12em; text-align: center; }
.twoway-bubble { max-width: 80%; padding: 13px 14px; border-radius: 16px; }
.twoway-bubble small,.twoway-bubble span { display: block; font-size: 6px; }
.twoway-bubble small { color: #9b928a; font-weight: 850; letter-spacing: .09em; }
.twoway-bubble p { margin: 5px 0 7px; font-size: 10px; line-height: 1.45; }
.twoway-bubble span { color: #a79e96; text-align: right; }
.twoway-bubble-in { border: 1px solid rgba(9,9,9,.07); border-bottom-left-radius: 4px; background: #fff; }
.twoway-bubble-out { margin-left: auto; border-bottom-right-radius: 4px; background: #1c1815; color: #fff; }
.twoway-bubble-out small,.twoway-bubble-out span { color: rgba(255,255,255,.48); }
.twoway-keyword-detected { width: 88%; margin: 12px auto; padding: 11px 13px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(44,166,99,.15); border-radius: 12px; background: #eaf8f0; color: #268b57; opacity: 0; animation: twowayDetect 5.6s ease-in-out infinite; }
.twoway-keyword-detected > svg { width: 22px; }
.twoway-keyword-detected small,.twoway-keyword-detected strong { display: block; }
.twoway-keyword-detected small { font-size: 5px; font-weight: 850; letter-spacing: .11em; }
.twoway-keyword-detected strong { margin-top: 3px; color: #286f49; font-size: 8px; }
.twoway-chat-input { margin-top: 16px; height: 47px; padding: 0 10px 0 15px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(9,9,9,.08); border-radius: 14px; background: #fff; color: #aaa199; font-size: 7px; }
.twoway-chat-input svg { width: 31px; height: 31px; padding: 8px; border-radius: 10px; background: var(--orange); color: #fff; }
.twoway-float-card { position: absolute; z-index: 3; padding: 13px 16px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.58); border-radius: 14px; background: rgba(255,255,255,.93); color: #332b25; box-shadow: 0 18px 45px rgba(55,14,0,.22); font-size: 8px; font-weight: 800; backdrop-filter: blur(9px); animation: twowayFloat 4.6s ease-in-out infinite; }
.twoway-float-card svg { width: 18px; color: var(--orange); }
.twoway-float-response { left: 0; top: 16%; }
.twoway-float-system { right: 0; bottom: 18%; animation-delay: -2.3s; }

.twoway-difference { margin: 20px; padding: clamp(52px,6vw,92px); overflow: hidden; border-radius: 30px; background: #fff; }
.twoway-difference-heading { margin-bottom: 56px; display: grid; grid-template-columns: 1fr .9fr; align-items: end; gap: 90px; }
.twoway-difference-heading > div > span { color: var(--orange-deep); font-size: 9px; font-weight: 850; letter-spacing: .22em; }
.twoway-difference-heading h2 { margin: 14px 0 0; font-size: clamp(55px,calc(7vw - 3px),99px); line-height: .79; letter-spacing: -.077em; font-weight: 440; }
.twoway-difference-heading h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.twoway-difference-heading > p { margin: 0; color: #706961; font-size: 14px; line-height: 1.88; }
.twoway-usecase-grid { display: grid; grid-template-columns: repeat(2,1fr); grid-auto-rows: 325px; gap: 14px; }
.twoway-usecase-grid article { position: relative; height: 100%; padding: 32px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(9,9,9,.08); border-radius: 25px; background: #f5f2ee; }
.twoway-usecase-grid article:nth-child(2) { background: #191613; color: #fff; }
.twoway-usecase-grid article:nth-child(3) { background: var(--orange); color: #fff; }
.twoway-usecase-grid article > svg { position: absolute; right: 30px; top: 28px; width: 56px; height: 56px; padding: 15px; border-radius: 18px; background: #fff; color: var(--orange); }
.twoway-usecase-grid article:nth-child(2) > svg,.twoway-usecase-grid article:nth-child(3) > svg { background: rgba(255,255,255,.13); color: #fff; }
.twoway-usecase-number { color: #aaa199; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.twoway-usecase-grid article:nth-child(2) .twoway-usecase-number,.twoway-usecase-grid article:nth-child(3) .twoway-usecase-number { color: rgba(255,255,255,.45); }
.twoway-usecase-grid h3 { margin: auto 0 13px; font-size: 28px; line-height: 1; letter-spacing: -.045em; }
.twoway-usecase-grid p { max-width: 620px; margin: 0; color: #716961; font-size: 12px; line-height: 1.75; }
.twoway-usecase-grid article:nth-child(2) p,.twoway-usecase-grid article:nth-child(3) p { color: rgba(255,255,255,.67); }
.twoway-usecase-grid article > span { margin-top: 21px; display: flex; align-items: center; gap: 8px; color: var(--orange-deep); font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.twoway-usecase-grid article:nth-child(2) > span,.twoway-usecase-grid article:nth-child(3) > span { color: #fff; }
.twoway-usecase-grid article > span svg { width: 14px; }
.twoway-process-strip { margin-top: 14px; min-height: 92px; padding: 19px 26px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 15px; border: 1px solid rgba(9,9,9,.08); border-radius: 22px; background: #191613; color: #fff; }
.twoway-process-strip > span { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.68); font-size: 8px; font-weight: 750; }
.twoway-process-strip b { width: 29px; height: 29px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: rgba(242,121,12,.14); color: var(--orange); font-size: 7px; }
.twoway-process-strip > svg { width: 15px; color: rgba(255,255,255,.2); }

@keyframes twowayLivePulse { 50% { transform: scale(.65); opacity: .55; } }
@keyframes twowayOrbit { 50% { transform: scale(1.04) rotate(3deg); opacity: .55; } }
@keyframes twowayCardFloat { 50% { transform: translateY(-10px) rotate(-.4deg); } }
@keyframes twowayDetect { 0%,20% { opacity: 0; transform: translateY(8px); } 32%,78% { opacity: 1; transform: none; } 90%,100% { opacity: 0; } }
@keyframes twowayFloat { 50% { transform: translateY(-9px); } }

@media (max-width: 1020px) {
  .twoway-live-layout { grid-template-columns: 1fr; }
  .twoway-conversation-stage { width: min(100%,720px); margin-inline: auto; }
  .twoway-difference-heading { grid-template-columns: 1fr; gap: 28px; }
  .twoway-process-strip { grid-template-columns: 1fr 1fr; }
  .twoway-process-strip > svg { display: none; }
}

@media (max-width: 720px) {
  .twoway-boundaries,.twoway-difference { margin: 12px; padding: 48px 22px; border-radius: 24px; }
  .twoway-boundaries-heading { margin-bottom: 38px; }
  .twoway-boundaries-heading h2 { font-size: 50px; }
  .twoway-boundaries-heading p,.twoway-difference-heading > p { font-size: 13px; }
  .twoway-live-layout { min-height: 0; margin-inline: -8px; padding: 42px 18px; gap: 34px; border-radius: 22px; }
  .twoway-live-copy h3 { font-size: 45px; }
  .twoway-conversation-stage { min-height: 535px; margin-inline: -5px; }
  .twoway-conversation-stage::before { width: 320px; }
  .twoway-orbit-one { width: 390px; height: 390px; }
  .twoway-orbit-two { width: 280px; height: 280px; }
  .twoway-conversation-card { width: 84%; min-height: 485px; padding: 17px; border-radius: 22px; }
  .twoway-float-response { left: 0; top: 10%; }
  .twoway-float-system { right: 0; bottom: 11%; }
  .twoway-difference-heading h2 { font-size: 60px; }
  .twoway-usecase-grid { grid-template-columns: 1fr; grid-auto-rows: 285px; }
  .twoway-usecase-grid article { padding: 26px; }
  .twoway-process-strip { grid-template-columns: 1fr; padding: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .twoway-live-eyebrow i,.twoway-orbit,.twoway-conversation-card,.twoway-keyword-detected,.twoway-float-card { animation: none !important; }
  .twoway-keyword-detected { opacity: 1; }
}

/* Mobil Anket: fast response and live insight experience */
.survey-flow-visual .inner-flow-photo img { object-position: center; filter: saturate(.9) contrast(1.02) brightness(.76); }
.survey-flow-visual .inner-flow-photo > span { background: linear-gradient(90deg,rgba(23,19,16,.15),transparent 48%,rgba(23,19,16,.08)),linear-gradient(0deg,rgba(23,19,16,.7),transparent 60%); }

.survey-trust { margin: 20px; padding: clamp(52px,6vw,92px); overflow: hidden; border-radius: 30px; background: #f5f2ee; }
.survey-trust-heading { max-width: 990px; margin: 0 auto 60px; text-align: center; }
.survey-trust-heading > span { color: var(--orange-deep); font-size: 9px; font-weight: 850; letter-spacing: .23em; }
.survey-trust-heading h2 { margin: 16px 0 24px; color: var(--ink); font-size: clamp(55px,calc(7vw - 3px),101px); line-height: .81; letter-spacing: -.077em; font-weight: 440; }
.survey-trust-heading h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.survey-trust-heading p { max-width: 810px; margin: auto; color: #6e675f; font-size: 14px; line-height: 1.85; }
.survey-trust-layout { min-height: 690px; padding: clamp(30px,4.6vw,68px); display: grid; grid-template-columns: .82fr 1.18fr; align-items: stretch; gap: clamp(48px,7vw,105px); overflow: hidden; border-radius: 30px; background: #191613; color: #fff; }
.survey-methods { display: grid; grid-template-rows: auto 1fr 1fr; gap: 13px; }
.survey-methods-head { padding: 0 4px 15px; display: flex; align-items: end; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.1); }
.survey-methods-head span { color: rgba(255,255,255,.46); font-size: 7px; font-weight: 850; letter-spacing: .14em; }
.survey-methods-head strong { color: var(--orange); font-size: 18px; letter-spacing: -.04em; }
.survey-methods article { position: relative; min-height: 250px; padding: 26px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: rgba(255,255,255,.05); }
.survey-methods article:nth-child(3) { background: var(--orange); }
.survey-methods article > div { position: absolute; right: 25px; top: 24px; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 17px; background: rgba(242,121,12,.13); color: var(--orange); }
.survey-methods article:nth-child(3) > div { background: rgba(255,255,255,.15); color: #fff; }
.survey-methods article > div svg { width: 24px; }
.survey-methods article > span { color: rgba(255,255,255,.38); font-size: 7px; font-weight: 850; letter-spacing: .13em; }
.survey-methods article h3 { max-width: 330px; margin: auto 0 12px; font-size: 24px; line-height: 1.08; letter-spacing: -.044em; }
.survey-methods article p { margin: 0; color: rgba(255,255,255,.56); font-size: 11px; line-height: 1.7; }
.survey-methods article:nth-child(3) > span,.survey-methods article:nth-child(3) p { color: rgba(255,255,255,.72); }

.survey-phone-stage { position: relative; min-height: 560px; display: grid; place-items: center; isolation: isolate; }
.survey-phone-stage::before { content: ""; position: absolute; z-index: -3; width: min(39vw,560px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 38% 28%,#ffc082,var(--orange) 46%,#ae3500 100%); box-shadow: 0 45px 120px rgba(174,53,0,.36); }
.survey-phone-ring { position: absolute; z-index: -2; border: 1px solid rgba(255,255,255,.19); border-radius: 50%; animation: surveyRing 5.8s ease-in-out infinite; }
.survey-phone-ring-one { width: min(47vw,670px); height: min(47vw,670px); }
.survey-phone-ring-two { width: min(33vw,470px); height: min(33vw,470px); animation-delay: -2.9s; }
.survey-phone-card { width: min(76%,430px); min-height: 510px; padding: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,.62); border-radius: 31px; background: #fffaf5; color: var(--ink); box-shadow: 0 38px 95px rgba(51,14,0,.34); animation: surveyPhoneFloat 6.2s ease-in-out infinite; }
.survey-phone-head { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 11px; }
.survey-phone-head > span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 15px; background: var(--orange); }
.survey-phone-head img { width: 26px; filter: brightness(0) invert(1); }
.survey-phone-head strong,.survey-phone-head small { display: block; }
.survey-phone-head strong { font-size: 12px; }
.survey-phone-head small { margin-top: 4px; color: #9d938b; font-size: 7px; }
.survey-phone-head em { padding: 7px 9px; border-radius: 99px; background: #fff0df; color: var(--orange-deep); font-size: 7px; font-style: normal; font-weight: 850; }
.survey-phone-progress { height: 6px; margin: 20px 0 31px; overflow: hidden; border-radius: 99px; background: #eadfd4; }
.survey-phone-progress i { width: 67%; height: 100%; display: block; border-radius: inherit; background: var(--orange); animation: surveyProgress 4.8s ease-in-out infinite; transform-origin: left; }
.survey-phone-question small { color: var(--orange-deep); font-size: 7px; font-weight: 850; letter-spacing: .12em; }
.survey-phone-question h3 { margin: 12px 0 10px; font-size: 26px; line-height: 1.05; letter-spacing: -.045em; }
.survey-phone-question p { margin: 0; color: #8c837b; font-size: 9px; }
.survey-rating { margin: 30px 0; display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }
.survey-rating button { height: 52px; display: grid; place-items: center; border: 1px solid rgba(242,121,12,.16); border-radius: 13px; background: #fff1e3; color: var(--orange); font-size: 20px; transition: transform .25s ease; }
.survey-rating button:nth-child(4) { animation: surveyStarPick 3.6s ease-in-out infinite; }
.survey-rating button.is-empty { background: #f5f0eb; color: #cfc6be; }
.survey-next { width: 100%; height: 49px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 14px; background: #191613; color: #fff; font-size: 9px; font-weight: 800; }
.survey-next svg { width: 17px; }
.survey-phone-note { margin-top: 15px; display: flex; align-items: center; justify-content: center; gap: 7px; color: #91877f; font-size: 7px; }
.survey-phone-note svg { width: 14px; color: #2ba264; }
.survey-float-card { position: absolute; z-index: 3; padding: 13px 16px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.58); border-radius: 14px; background: rgba(255,255,255,.93); color: #332b25; box-shadow: 0 18px 45px rgba(55,14,0,.22); font-size: 8px; font-weight: 800; backdrop-filter: blur(9px); animation: surveyFloat 4.8s ease-in-out infinite; }
.survey-float-card svg { width: 18px; color: var(--orange); }
.survey-float-response { left: 0; top: 18%; }
.survey-float-live { right: 0; bottom: 18%; animation-delay: -2.4s; }

.survey-insights { margin: 20px; padding: clamp(42px,5vw,72px); overflow: hidden; border-radius: 30px; background: var(--orange); color: #fff; }
.survey-insights-layout { min-height: 590px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: clamp(45px,6vw,90px); }
.survey-results-panel { padding: 26px; overflow: hidden; border: 1px solid rgba(255,255,255,.64); border-radius: 26px; background: #fffaf5; color: var(--ink); box-shadow: 0 30px 78px rgba(112,34,0,.25); transform: rotate(-1deg); }
.survey-results-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.survey-results-head > div { display: flex; align-items: center; gap: 11px; }
.survey-results-head > div > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: #fff0df; color: var(--orange); }
.survey-results-head svg { width: 20px; }
.survey-results-head strong,.survey-results-head small { display: block; }
.survey-results-head strong { font-size: 11px; }
.survey-results-head small { margin-top: 4px; color: #9c938b; font-size: 7px; }
.survey-results-head > em { display: flex; align-items: center; gap: 7px; color: #269c60; font-size: 7px; font-style: normal; font-weight: 850; }
.survey-results-head > em i { width: 7px; height: 7px; border-radius: 50%; background: #2eb36b; box-shadow: 0 0 0 5px rgba(46,179,107,.12); animation: surveyLive 1.7s ease-in-out infinite; }
.survey-results-summary { margin-top: 28px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.survey-results-summary > strong { color: var(--orange-deep); font-size: clamp(38px,3.8vw,58px); line-height: .85; letter-spacing: -.065em; font-weight: 500; }
.survey-results-summary > span { color: #898078; font-size: 8px; line-height: 1.45; text-align: right; }
.survey-results-summary b { color: #299f62; }
.survey-results-chart { height: 205px; margin-top: 27px; padding: 0 4px; display: flex; align-items: end; gap: clamp(8px,1vw,15px); border-bottom: 1px solid rgba(9,9,9,.09); background: repeating-linear-gradient(to top,transparent 0,transparent 50px,rgba(9,9,9,.045) 51px); }
.survey-results-chart > i { flex: 1; height: var(--survey-height); min-width: 10px; display: block; border-radius: 99px 99px 4px 4px; background: #f2d5b8; opacity: 0; transform: scaleY(.08); transform-origin: bottom; animation: surveyBarRise 1.1s cubic-bezier(.2,.72,.2,1) var(--survey-delay) forwards; }
.survey-results-chart > i:nth-child(3n),.survey-results-chart > i:last-child { background: var(--orange); }
.survey-results-chart > i span { width: 100%; height: 100%; display: block; border-radius: inherit; background: linear-gradient(180deg,rgba(255,255,255,.3),transparent 44%); }
.survey-results-labels { margin-top: 10px; display: flex; justify-content: space-between; color: #a59d95; font-size: 6px; }
.survey-results-metrics { margin-top: 19px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.survey-results-metrics span { padding: 11px 9px; border: 1px solid rgba(9,9,9,.07); border-radius: 11px; background: #fff; }
.survey-results-metrics small,.survey-results-metrics strong { display: block; }
.survey-results-metrics small { color: #a0968e; font-size: 6px; }
.survey-results-metrics strong { margin-top: 5px; font-size: 12px; }
.survey-benefits-copy > span { color: rgba(255,255,255,.64); font-size: 8px; font-weight: 850; letter-spacing: .2em; }
.survey-benefits-copy h2 { margin: 13px 0 20px; font-size: clamp(43px,calc(5.1vw - 3px),73px); line-height: .89; letter-spacing: -.07em; font-weight: 440; }
.survey-benefits-copy h2 em { color: #211812; font-style: normal; font-weight: 760; }
.survey-benefits-copy > p { max-width: 650px; margin: 0 0 24px; color: rgba(255,255,255,.78); font-size: 12px; line-height: 1.75; }
.survey-benefit-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.survey-benefit-list > div { min-height: 66px; padding: 11px; display: grid; grid-template-columns: 23px 20px 1fr; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.16); border-radius: 13px; background: rgba(255,255,255,.09); }
.survey-benefit-list b { color: rgba(255,255,255,.4); font-size: 6px; }
.survey-benefit-list svg { width: 15px; color: #fff; }
.survey-benefit-list span { color: rgba(255,255,255,.82); font-size: 8px; line-height: 1.45; }

@keyframes surveyRing { 50% { transform: scale(1.04) rotate(3deg); opacity: .52; } }
@keyframes surveyPhoneFloat { 50% { transform: translateY(-10px) rotate(.35deg); } }
@keyframes surveyProgress { 0%,12% { transform: scaleX(.12); } 70%,100% { transform: scaleX(1); } }
@keyframes surveyStarPick { 50% { transform: translateY(-5px) scale(1.06); box-shadow: 0 10px 25px rgba(242,121,12,.18); } }
@keyframes surveyFloat { 50% { transform: translateY(-9px); } }
@keyframes surveyLive { 50% { transform: scale(.65); opacity: .55; } }
@keyframes surveyBarRise { to { opacity: 1; transform: scaleY(1); } }

@media (max-width: 1020px) {
  .survey-trust-layout,.survey-insights-layout { grid-template-columns: 1fr; }
  .survey-methods { grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; }
  .survey-methods-head { grid-column: 1 / -1; }
  .survey-phone-stage { width: min(100%,720px); margin-inline: auto; }
  .survey-results-panel { width: min(100%,680px); transform: none; }
}

@media (max-width: 720px) {
  .survey-trust,.survey-insights { margin: 12px; padding: 48px 22px; border-radius: 24px; }
  .survey-insights { padding: 38px 20px; }
  .survey-trust-heading { margin-bottom: 39px; }
  .survey-trust-heading h2 { font-size: 53px; }
  .survey-trust-heading p,.survey-benefits-copy > p { font-size: 13px; }
  .survey-trust-layout { min-height: 0; margin-inline: -8px; padding: 42px 18px; gap: 38px; border-radius: 22px; }
  .survey-methods { grid-template-columns: 1fr; grid-template-rows: auto 250px 250px; }
  .survey-methods-head { grid-column: auto; }
  .survey-phone-stage { min-height: 535px; margin-inline: -6px; }
  .survey-phone-stage::before { width: 320px; }
  .survey-phone-ring-one { width: 390px; height: 390px; }
  .survey-phone-ring-two { width: 280px; height: 280px; }
  .survey-phone-card { width: 84%; min-height: 490px; padding: 19px; border-radius: 23px; }
  .survey-float-response { left: 0; top: 11%; }
  .survey-float-live { right: 0; bottom: 11%; }
  .survey-rating button { height: 47px; }
  .survey-insights-layout { min-height: 0; gap: 50px; }
  .survey-results-panel { padding: 20px; border-radius: 22px; }
  .survey-results-chart { height: 175px; gap: 7px; }
  .survey-benefits-copy h2 { font-size: 43px; }
  .survey-benefit-list { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .survey-phone-ring,.survey-phone-card,.survey-phone-progress i,.survey-rating button,.survey-float-card,.survey-results-head > em i,.survey-results-chart > i { animation: none !important; }
  .survey-results-chart > i { opacity: 1; transform: none; }
}

/* Inner-page headline scale: consistently three pixels smaller than the shared site scale. */
.inner-page .section-heading h2 {
  font-size: clamp(36px, calc(4.6vw - 3px), 61px);
}
.inner-page .start-cta h2 {
  font-size: clamp(32px, calc(4.3vw - 3px), 55px);
}

@media (max-width: 620px) {
  .inner-page .section-heading h2 { font-size: 36px; }
}

/* Fax page: paper-to-cloud transfer story and equal feature cards */
.fax-flow-visual .inner-flow-photo img { object-position: 68% center; filter: saturate(.82) contrast(1.04) brightness(.72); transform: scale(1.012); }
.fax-flow-visual .inner-flow-photo > span { background: linear-gradient(90deg,rgba(16,15,14,.8),rgba(16,15,14,.35) 55%,rgba(16,15,14,.04)),linear-gradient(0deg,rgba(16,15,14,.62),transparent 58%); }

.fax-everywhere { min-height: 720px; margin: 20px; padding: clamp(48px,6vw,92px); display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(52px,7vw,110px); overflow: hidden; border-radius: 30px; background: #f4f1ed; }
.fax-everywhere-copy > span,.fax-features-head > div > span,.fax-number-copy > span { color: var(--orange-deep); font-size: 9px; font-weight: 850; letter-spacing: .23em; }
.fax-everywhere-copy h2 { margin: 16px 0 27px; font-size: clamp(52px,calc(6.4vw - 3px),95px); line-height: .84; letter-spacing: -.075em; font-weight: 440; }
.fax-everywhere-copy h2 em,.fax-features-head h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.fax-everywhere-copy > p { max-width: 650px; margin: 0; color: #6d665f; font-size: 14px; line-height: 1.9; }
.fax-everywhere-points { margin-top: 34px; display: grid; gap: 12px; }
.fax-everywhere-points span { display: flex; align-items: center; gap: 10px; color: #443f3a; font-size: 11px; font-weight: 760; }
.fax-everywhere-points svg { width: 20px; height: 20px; padding: 3px; border-radius: 50%; background: #fff; color: var(--orange); }

.fax-transfer-stage { position: relative; min-height: 590px; display: grid; place-items: center; isolation: isolate; }
.fax-transfer-stage::before { content: ""; position: absolute; z-index: -3; width: min(37vw,530px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 28%,#ffc48b,var(--orange) 48%,#bd4200 100%); box-shadow: 0 40px 110px rgba(176,64,0,.29); }
.fax-transfer-orbit { position: absolute; z-index: -2; border: 1px solid rgba(242,121,12,.22); border-radius: 50%; animation: faxOrbit 6.5s ease-in-out infinite; }
.fax-transfer-orbit-one { width: min(45vw,650px); height: min(45vw,650px); }
.fax-transfer-orbit-two { width: min(29vw,420px); height: min(29vw,420px); animation-delay: -3.2s; }
.fax-document-console { width: min(72%,410px); min-height: 475px; padding: 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.7); border-radius: 29px; background: #fffaf5; color: var(--ink); box-shadow: 0 35px 90px rgba(70,28,0,.29); transform: rotate(-2deg); animation: faxConsoleFloat 6.3s ease-in-out infinite; }
.fax-console-head { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 10px; }
.fax-console-head > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: var(--orange); }
.fax-console-head img { width: 26px; filter: brightness(0) invert(1); }
.fax-console-head strong,.fax-console-head small { display: block; }
.fax-console-head strong { font-size: 11px; }.fax-console-head small { margin-top: 4px; color: #968d85; font-size: 7px; }
.fax-console-head em { display: flex; align-items: center; gap: 6px; color: #24985a; font-size: 6px; font-style: normal; font-weight: 850; letter-spacing: .11em; }
.fax-console-head em i { width: 7px; height: 7px; border-radius: 50%; background: #31ae67; box-shadow: 0 0 0 5px rgba(49,174,103,.12); animation: faxLivePulse 1.7s ease-in-out infinite; }
.fax-paper-preview { position: relative; height: 265px; margin-top: 23px; padding: 27px; overflow: hidden; border: 1px solid rgba(9,9,9,.08); border-radius: 21px; background: #fff; box-shadow: inset 0 0 0 9px #f7f2ec; }
.fax-paper-preview > svg { width: 42px; height: 42px; padding: 10px; border-radius: 13px; background: #fff0df; color: var(--orange); }
.fax-paper-preview strong,.fax-paper-preview small { display: block; }
.fax-paper-preview strong { margin-top: 26px; font-size: 18px; letter-spacing: -.035em; }
.fax-paper-preview small { margin-top: 6px; color: #9b928a; font-size: 8px; }
.fax-paper-preview > i { display: block; width: 100%; height: 5px; margin-top: 19px; border-radius: 99px; background: #e9e1d9; }
.fax-paper-preview > i:nth-of-type(2) { width: 74%; margin-top: 10px; }.fax-paper-preview > i:nth-of-type(3) { width: 88%; margin-top: 10px; }
.fax-scan-line { position: absolute; left: 15px; right: 15px; top: 15px; height: 2px; background: var(--orange); box-shadow: 0 0 16px rgba(242,121,12,.8); animation: faxScan 4.6s ease-in-out infinite; }
.fax-console-progress { margin-top: 20px; display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.fax-console-progress small,.fax-console-progress strong { display: block; }.fax-console-progress small { color: #a19890; font-size: 6px; font-weight: 850; letter-spacing: .12em; }.fax-console-progress strong { margin-top: 5px; font-size: 9px; }
.fax-console-progress b { color: var(--orange); font-size: 20px; letter-spacing: -.05em; }
.fax-progress-track { height: 6px; margin-top: 11px; overflow: hidden; border-radius: 99px; background: #eadfd4; }.fax-progress-track i { width: 86%; height: 100%; display: block; border-radius: inherit; background: var(--orange); transform-origin: left; animation: faxProgress 4.6s ease-in-out infinite; }
.fax-route-card { position: absolute; z-index: 4; min-width: 190px; padding: 14px 16px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.68); border-radius: 16px; background: rgba(255,255,255,.95); box-shadow: 0 18px 48px rgba(63,27,3,.2); backdrop-filter: blur(12px); animation: faxRouteFloat 4.8s ease-in-out infinite; }
.fax-route-card > svg { width: 39px; height: 39px; padding: 10px; flex: 0 0 39px; border-radius: 12px; background: #fff0df; color: var(--orange); }
.fax-route-card small,.fax-route-card strong { display: block; }.fax-route-card small { color: #9b928a; font-size: 6px; font-weight: 850; letter-spacing: .1em; }.fax-route-card strong { margin-top: 4px; font-size: 10px; }
.fax-route-email { left: 0; top: 16%; }.fax-route-api { right: 0; bottom: 17%; animation-delay: -2.4s; }

.fax-features { margin: 20px; padding: clamp(50px,6vw,90px); overflow: hidden; border-radius: 30px; background: #171411; color: #fff; }
.fax-features-head { margin-bottom: 55px; display: grid; grid-template-columns: 1fr .85fr; align-items: end; gap: 85px; }
.fax-features-head h2 { margin: 14px 0 0; font-size: clamp(49px,calc(6.2vw - 3px),89px); line-height: .86; letter-spacing: -.073em; font-weight: 440; }
.fax-features-head > p { max-width: 590px; margin: 0; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.88; }
.fax-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.fax-feature-grid article { min-height: 330px; padding: 30px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.1); border-radius: 25px; background: rgba(255,255,255,.045); }
.fax-feature-grid article:nth-child(2) { background: #f4eee7; color: var(--ink); }.fax-feature-grid article:nth-child(3) { background: var(--orange); }
.fax-feature-top { display: flex; align-items: center; justify-content: space-between; }
.fax-feature-top > span { color: rgba(255,255,255,.28); font-size: 9px; font-weight: 850; letter-spacing: .14em; }.fax-feature-grid article:nth-child(2) .fax-feature-top > span { color: #a49b92; }
.fax-feature-top svg { width: 56px; height: 56px; padding: 15px; border-radius: 18px; background: rgba(242,121,12,.14); color: var(--orange); }.fax-feature-grid article:nth-child(2) .fax-feature-top svg { background: #fff; }.fax-feature-grid article:nth-child(3) .fax-feature-top svg { background: rgba(255,255,255,.16); color: #fff; }
.fax-feature-grid h3 { margin: auto 0 14px; font-size: 25px; line-height: 1.06; letter-spacing: -.044em; }.fax-feature-grid p { margin: 0; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.75; }.fax-feature-grid article:nth-child(2) p { color: #716960; }.fax-feature-grid article:nth-child(3) p { color: rgba(255,255,255,.76); }

.fax-number { position: relative; min-height: 440px; margin: 20px; padding: clamp(50px,6vw,90px); display: grid; grid-template-columns: 1fr .78fr; align-items: center; gap: 80px; overflow: hidden; border-radius: 30px; background: var(--orange); color: #fff; }
.fax-number-copy { position: relative; z-index: 2; }.fax-number-copy > span { color: rgba(255,255,255,.68); }
.fax-number-copy h2 { margin: 14px 0 22px; font-size: clamp(42px,calc(5.5vw - 3px),75px); line-height: .9; letter-spacing: -.066em; font-weight: 440; }.fax-number-copy h2 em { color: #251a12; font-style: normal; font-weight: 760; }
.fax-number-copy p { max-width: 650px; margin: 0; color: rgba(255,255,255,.79); font-size: 14px; line-height: 1.85; }
.fax-number-card { position: relative; z-index: 3; min-height: 160px; padding: 26px; display: grid; grid-template-columns: 56px 1fr 42px; align-items: center; gap: 17px; border: 1px solid rgba(255,255,255,.68); border-radius: 24px; background: rgba(255,255,255,.94); color: var(--ink); box-shadow: 0 28px 75px rgba(91,32,0,.25); transform: rotate(1.2deg); }
.fax-number-card > div { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: #191613; color: #fff; }.fax-number-card > div svg { width: 24px; }
.fax-number-card span { min-width: 0; }.fax-number-card small,.fax-number-card strong,.fax-number-card em { display: block; }.fax-number-card small { color: #9b9289; font-size: 7px; font-weight: 850; letter-spacing: .12em; }.fax-number-card strong { margin-top: 8px; font-size: clamp(18px,2vw,29px); letter-spacing: -.045em; }.fax-number-card em { margin-top: 5px; color: var(--orange-deep); font-size: 10px; font-style: normal; font-weight: 750; }.fax-number-card > svg { width: 42px; height: 42px; padding: 11px; border-radius: 14px; background: #fff0df; color: var(--orange); }
.fax-number-lines { position: absolute; right: -7%; bottom: -50%; width: 54%; aspect-ratio: 1; opacity: .18; }.fax-number-lines i { position: absolute; inset: 0; border: 1px solid #fff; border-radius: 50%; }.fax-number-lines i:nth-child(2) { inset: 12%; }.fax-number-lines i:nth-child(3) { inset: 24%; }.fax-number-lines i:nth-child(4) { inset: 36%; }

@keyframes faxOrbit { 50% { transform: scale(1.04) rotate(3deg); opacity: .6; } }
@keyframes faxConsoleFloat { 50% { transform: translateY(-9px) rotate(-.7deg); } }
@keyframes faxLivePulse { 50% { transform: scale(.65); opacity: .55; } }
@keyframes faxScan { 0%,12% { transform: translateY(0); opacity: 0; } 22%,76% { opacity: 1; } 88%,100% { transform: translateY(233px); opacity: 0; } }
@keyframes faxProgress { 0%,15% { transform: scaleX(.1); } 72%,100% { transform: scaleX(1); } }
@keyframes faxRouteFloat { 50% { transform: translateY(-9px); } }

@media (max-width: 1020px) {
  .fax-everywhere,.fax-features-head,.fax-number { grid-template-columns: 1fr; }
  .fax-transfer-stage { width: min(100%,720px); margin-inline: auto; }
  .fax-features-head { gap: 28px; }
  .fax-feature-grid { grid-template-columns: 1fr 1fr; }
  .fax-feature-grid article:last-child { grid-column: 1 / -1; }
  .fax-number { gap: 42px; }
  .fax-number-card { width: min(100%,650px); }
}

@media (max-width: 720px) {
  .fax-everywhere,.fax-features,.fax-number { margin: 12px; padding: 48px 22px; border-radius: 24px; }
  .fax-everywhere { min-height: 0; gap: 34px; }
  .fax-everywhere-copy h2 { font-size: 49px; }
  .fax-everywhere-copy > p,.fax-features-head > p,.fax-number-copy p { font-size: 13px; }
  .fax-transfer-stage { min-height: 525px; margin-inline: -7px; }
  .fax-transfer-stage::before { width: 315px; }
  .fax-transfer-orbit-one { width: 390px; height: 390px; }.fax-transfer-orbit-two { width: 270px; height: 270px; }
  .fax-document-console { width: 82%; min-height: 445px; padding: 17px; border-radius: 24px; }
  .fax-paper-preview { height: 240px; padding: 22px; }
  .fax-route-card { min-width: 155px; padding: 11px; }.fax-route-email { left: 0; top: 8%; }.fax-route-api { right: 0; bottom: 7%; }
  .fax-features-head { margin-bottom: 38px; }
  .fax-features-head h2 { font-size: 49px; }
  .fax-feature-grid { grid-template-columns: 1fr; }.fax-feature-grid article:last-child { grid-column: auto; }.fax-feature-grid article { min-height: 275px; padding: 25px; }
  .fax-number { min-height: 0; }
  .fax-number-copy h2 { font-size: 45px; }
  .fax-number-card { min-height: 0; padding: 20px; grid-template-columns: 48px 1fr; transform: none; }.fax-number-card > div { width: 48px; height: 48px; border-radius: 15px; }.fax-number-card > svg { display: none; }.fax-number-card strong { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .fax-transfer-orbit,.fax-document-console,.fax-console-head em i,.fax-scan-line,.fax-progress-track i,.fax-route-card { animation: none !important; }
}

/* Site-wide slogan scale */
main h1,
main h2 {
  font-size: 45px !important;
}

/* SMS tariffs */
.sms-tariff-flow-visual .inner-flow-photo img { object-position: 58% center; }
.sms-tariff-intro { min-height: 570px; margin: 20px; padding: clamp(54px,6vw,92px); display: grid; grid-template-columns: 1.12fr .78fr; align-items: center; gap: clamp(45px,7vw,120px); overflow: hidden; border-radius: 30px; background: #f5eee6; }
.sms-tariff-intro-copy > span,.sms-tariff-features header span,.sms-pricing header span { color: var(--orange); font-size: 8px; font-weight: 850; letter-spacing: .22em; }
.sms-tariff-intro-copy h2,.sms-tariff-features h2,.sms-pricing h2 { margin: 15px 0 23px; line-height: .94; letter-spacing: -.06em; font-weight: 470; }
.sms-tariff-intro-copy h2 em,.sms-tariff-features h2 em,.sms-pricing h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.sms-tariff-intro-copy > p { max-width: 720px; margin: 0; color: #6d655e; font-size: 14px; line-height: 1.85; }
.sms-tariff-intro-copy > div { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }
.sms-tariff-intro-copy b { padding: 10px 13px; display: inline-flex; align-items: center; gap: 7px; border-radius: 99px; background: #fff; font-size: 9px; }.sms-tariff-intro-copy b svg { width: 15px; color: var(--orange); }
.sms-tariff-volume { min-height: 365px; padding: 36px; display: flex; flex-direction: column; justify-content: center; border-radius: 30px; background: var(--ink); color: #fff; box-shadow: 0 28px 75px rgba(70,35,8,.18); }
.sms-tariff-volume > span { color: rgba(255,255,255,.45); font-size: 8px; font-weight: 850; letter-spacing: .2em; }
.sms-tariff-volume strong { margin-top: 22px; display: flex; align-items: baseline; justify-content: space-between; font-size: clamp(34px,4vw,55px); letter-spacing: -.055em; }.sms-tariff-volume strong small { color: var(--orange); font-size: 9px; letter-spacing: .15em; }
.sms-tariff-volume > i { position: relative; height: 8px; margin: 18px 0 2px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.1); }.sms-tariff-volume > i::after { content: ""; width: 100%; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#ffd7ad,var(--orange)); transform-origin: left; animation: smsTariffGrow 3.8s ease-in-out infinite; }
.sms-tariff-volume p { margin: 24px 0 0; color: rgba(255,255,255,.58); font-size: 11px; line-height: 1.65; }.sms-tariff-volume p b { color: #fff; }

.sms-tariff-features { margin: 20px; padding: clamp(54px,6vw,92px); border-radius: 30px; background: var(--ink); color: #fff; }
.sms-tariff-features header,.sms-pricing header { margin-bottom: 48px; display: grid; grid-template-columns: 1fr .75fr; align-items: end; gap: 70px; }
.sms-tariff-features header p,.sms-pricing header p { margin: 0; color: rgba(255,255,255,.55); font-size: 14px; line-height: 1.85; }
.sms-tariff-feature-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.sms-tariff-feature-grid article { min-height: 265px; padding: 25px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.1); border-radius: 23px; background: rgba(255,255,255,.04); transition: transform .25s ease,background .25s ease; }.sms-tariff-feature-grid article:hover { transform: translateY(-5px); background: rgba(255,255,255,.075); }
.sms-tariff-feature-grid article > span { color: rgba(255,255,255,.24); font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.sms-tariff-feature-grid article > svg { width: 48px; height: 48px; margin-top: 20px; padding: 13px; border-radius: 15px; background: rgba(242,121,12,.14); color: var(--orange); }
.sms-tariff-feature-grid h3 { margin: auto 0 11px; font-size: 19px; letter-spacing: -.035em; }.sms-tariff-feature-grid p { margin: 0; color: rgba(255,255,255,.5); font-size: 11px; line-height: 1.68; }

.sms-pricing { margin: 20px; padding: clamp(54px,6vw,92px); border-radius: 30px; background: #fff7ee; }
.sms-pricing header p { color: #716860; }.sms-pricing-table-wrap { overflow: hidden; border: 1px solid #e4d8cb; border-radius: 24px; background: #fff; box-shadow: 0 24px 70px rgba(80,43,12,.08); }
.sms-pricing table { width: 100%; border-collapse: collapse; }.sms-pricing th { padding: 20px 24px; background: #211d1a; color: rgba(255,255,255,.68); text-align: left; font-size: 8px; letter-spacing: .15em; text-transform: uppercase; }.sms-pricing td { padding: 17px 24px; border-top: 1px solid #eee5dc; color: #534c46; font-size: 12px; font-weight: 650; }.sms-pricing td:first-child { color: var(--ink); font-size: 14px; font-weight: 800; }.sms-pricing tbody tr:nth-child(even) { background: #fbf8f4; }.sms-pricing tbody tr:hover { background: #fff0df; }.sms-pricing tr.is-best { background: var(--orange) !important; }.sms-pricing tr.is-best td { color: #fff; border-color: rgba(255,255,255,.2); }.sms-pricing td span { margin-left: 10px; padding: 5px 8px; border-radius: 99px; background: #fff; color: var(--orange); font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.sms-pricing-note { margin: 18px 0 0; display: flex; align-items: center; gap: 8px; color: #756c64; font-size: 10px; }.sms-pricing-note svg { width: 17px; color: var(--orange); }
@keyframes smsTariffGrow { 0%,12% { transform: scaleX(.08); } 72%,100% { transform: scaleX(1); } }

@media (max-width: 1020px) {
  .sms-tariff-intro,.sms-tariff-features header,.sms-pricing header { grid-template-columns: 1fr; }
  .sms-tariff-feature-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 720px) {
  .sms-tariff-intro,.sms-tariff-features,.sms-pricing { margin: 12px; padding: 46px 22px; border-radius: 24px; }
  .sms-tariff-intro { gap: 34px; }.sms-tariff-volume { min-height: 310px; padding: 25px; border-radius: 23px; }
  .sms-tariff-features header,.sms-pricing header { margin-bottom: 32px; gap: 17px; }.sms-tariff-feature-grid { grid-template-columns: 1fr; }.sms-tariff-feature-grid article { min-height: 235px; }
  .sms-pricing-table-wrap { overflow-x: auto; border-radius: 18px; }.sms-pricing table { min-width: 570px; }.sms-pricing th,.sms-pricing td { padding: 15px 17px; }
}
@media (prefers-reduced-motion: reduce) { .sms-tariff-volume > i::after { animation: none; } }

/* Sharper inner-page hero photography */
.inner-flow-photo img,
.mms-flow-visual .inner-flow-photo img,
.payment-flow-visual .inner-flow-photo img,
.telephone-flow-visual .inner-flow-photo img,
.voice-flow-visual .inner-flow-photo img,
.twoway-flow-visual .inner-flow-photo img,
.survey-flow-visual .inner-flow-photo img,
.fax-flow-visual .inner-flow-photo img,
.sms-tariff-flow-visual .inner-flow-photo img {
  filter: saturate(1.04) contrast(1.1) brightness(.88);
  transform: none;
  image-rendering: auto;
  backface-visibility: hidden;
}
.inner-flow-photo > span,
.mms-flow-visual .inner-flow-photo > span,
.payment-flow-visual .inner-flow-photo > span,
.telephone-flow-visual .inner-flow-photo > span,
.voice-flow-visual .inner-flow-photo > span,
.twoway-flow-visual .inner-flow-photo > span,
.survey-flow-visual .inner-flow-photo > span,
.fax-flow-visual .inner-flow-photo > span {
  background: linear-gradient(90deg,rgba(18,17,16,.58),rgba(18,17,16,.18) 57%,rgba(18,17,16,.03)),linear-gradient(0deg,rgba(18,17,16,.48),transparent 58%);
}

/* MMS tariffs */
.mms-tariff-flow-visual .inner-flow-photo img { object-position: 58% center; filter: saturate(1.04) contrast(1.1) brightness(.88); transform: none; }
.mms-tariff-story { min-height: 650px; margin: 20px; padding: clamp(54px,6vw,92px); display: grid; grid-template-columns: 1fr .82fr; align-items: center; gap: clamp(50px,7vw,120px); overflow: hidden; border-radius: 30px; background: linear-gradient(135deg,#fff6ec,#f3e4d5); }
.mms-tariff-story-copy > span,.mms-format-section header span,.mms-pricing header span { color: var(--orange); font-size: 8px; font-weight: 850; letter-spacing: .22em; }
.mms-tariff-story-copy h2,.mms-format-section h2,.mms-pricing h2 { margin: 15px 0 23px; line-height: .94; letter-spacing: -.06em; font-weight: 470; }.mms-tariff-story-copy h2 em,.mms-format-section h2 em,.mms-pricing h2 em { color: var(--orange); font-style: normal; font-weight: 760; }
.mms-tariff-story-copy > p { max-width: 700px; margin: 0; color: #6e655d; font-size: 14px; line-height: 1.85; }.mms-tariff-story-copy > div { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }.mms-tariff-story-copy b { padding: 10px 13px; display: inline-flex; align-items: center; gap: 8px; border-radius: 99px; background: #fff; font-size: 9px; }.mms-tariff-story-copy b svg { width: 16px; color: var(--orange); }
.mms-tariff-preview { position: relative; min-height: 480px; display: grid; place-items: center; }.mms-tariff-preview::before { content:""; position:absolute; width:430px; height:430px; border-radius:50%; background:var(--orange); opacity:.14; }
.mms-tariff-phone { position:relative; z-index:2; width:min(78%,340px); min-height:455px; padding:19px; border:1px solid rgba(255,255,255,.75); border-radius:34px; background:#fff; box-shadow:0 35px 90px rgba(74,31,0,.2); transform:rotate(2deg); }.mms-tariff-phone > div { display:flex; align-items:center; gap:10px; }.mms-tariff-phone > div img { width:32px; height:32px; padding:8px; border-radius:10px; background:var(--orange); }.mms-tariff-phone small,.mms-tariff-phone strong { display:block; }.mms-tariff-phone small { color:#aaa098; font-size:6px; letter-spacing:.12em; }.mms-tariff-phone strong { margin-top:4px; font-size:10px; }.mms-tariff-phone figure { height:225px; margin:18px 0 14px; overflow:hidden; border-radius:20px; }.mms-tariff-phone figure img { width:100%; height:100%; object-fit:cover; }.mms-tariff-phone p { margin:0; color:#6e655d; font-size:10px; line-height:1.6; }.mms-tariff-phone > span { margin-top:16px; padding:10px 12px; display:flex; align-items:center; gap:7px; border-radius:12px; background:#fff1e1; color:var(--orange-deep); font-size:8px; font-weight:800; }.mms-tariff-phone > span i { width:7px; height:7px; border-radius:50%; background:var(--orange); animation:mmsTariffPulse 1.6s ease infinite; }
.mms-format-chip { position:absolute; z-index:3; padding:12px 15px; display:flex; align-items:center; gap:8px; border-radius:14px; background:#191613; color:#fff; box-shadow:0 18px 40px rgba(42,18,0,.2); font-size:8px; font-weight:800; }.mms-format-chip svg { width:17px; color:var(--orange); }.mms-format-chip-one { left:0; top:18%; }.mms-format-chip-two { right:0; bottom:18%; }
.mms-format-section { margin:20px; padding:clamp(54px,6vw,92px); border-radius:30px; background:#171411; color:#fff; }.mms-format-section header,.mms-pricing header { margin-bottom:48px; display:grid; grid-template-columns:1fr .72fr; align-items:end; gap:70px; }.mms-format-section header p,.mms-pricing header p { margin:0; color:rgba(255,255,255,.55); font-size:14px; line-height:1.85; }
.mms-format-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.mms-format-grid article { min-height:390px; padding:27px; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:rgba(255,255,255,.045); }.mms-format-grid article:nth-child(2) { background:#f3ede6; color:var(--ink); }.mms-format-grid article:nth-child(4) { background:var(--orange); }.mms-format-grid article > div { display:flex; align-items:center; justify-content:space-between; }.mms-format-grid article > div span { color:rgba(255,255,255,.25); font-size:8px; font-weight:850; }.mms-format-grid article:nth-child(2) > div span { color:#999087; }.mms-format-grid article svg { width:48px; height:48px; padding:13px; border-radius:15px; background:rgba(242,121,12,.15); color:var(--orange); }.mms-format-grid article:nth-child(2) svg { background:#fff; }.mms-format-grid article:nth-child(4) svg { background:rgba(255,255,255,.16); color:#fff; }.mms-format-grid h3 { margin:48px 0 20px; font-size:24px; letter-spacing:-.04em; }.mms-format-grid ul { margin:0; padding:0; list-style:none; }.mms-format-grid li { padding:5px 0; color:rgba(255,255,255,.5); font-size:10px; }.mms-format-grid article:nth-child(2) li { color:#716960; }.mms-format-grid article:nth-child(4) li { color:rgba(255,255,255,.76); }
.mms-pricing { margin:20px; padding:clamp(54px,6vw,92px); border-radius:30px; background:#fff7ee; }.mms-pricing header p { color:#716860; }.mms-pricing table { width:100%; border-collapse:collapse; }.mms-pricing th { padding:20px 24px; background:#211d1a; color:rgba(255,255,255,.68); text-align:left; font-size:8px; letter-spacing:.15em; text-transform:uppercase; }.mms-pricing td { padding:17px 24px; border-top:1px solid #eee5dc; color:#534c46; font-size:12px; font-weight:650; }.mms-pricing td:first-child { color:var(--ink); font-size:14px; font-weight:800; }.mms-pricing tbody tr:nth-child(even) { background:#fbf8f4; }.mms-pricing tr.is-best { background:var(--orange)!important; }.mms-pricing tr.is-best td { color:#fff; }.mms-pricing td span { margin-left:10px; padding:5px 8px; border-radius:99px; background:#fff; color:var(--orange); font-size:7px; text-transform:uppercase; }
@keyframes mmsTariffPulse { 50% { transform:scale(.65); opacity:.55; } }
@media(max-width:1020px){.mms-tariff-story,.mms-format-section header,.mms-pricing header{grid-template-columns:1fr}.mms-format-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.mms-tariff-story,.mms-format-section,.mms-pricing{margin:12px;padding:46px 22px;border-radius:24px}.mms-tariff-story{gap:30px}.mms-tariff-preview{min-height:460px}.mms-format-section header,.mms-pricing header{margin-bottom:32px;gap:17px}.mms-format-grid{grid-template-columns:1fr}.mms-format-grid article{min-height:330px}.mms-tariff-phone{width:82%}.mms-format-chip-one{left:-4px}.mms-format-chip-two{right:-4px}}
@media(prefers-reduced-motion:reduce){.mms-tariff-phone>span i{animation:none}}

/* Voice-message tariffs */
.voice-tariff-flow-visual .inner-flow-photo img{object-position:58% center;filter:saturate(1.03) contrast(1.1) brightness(.88);transform:none}.voice-tariff-intro{min-height:650px;margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:clamp(50px,7vw,115px);border-radius:30px;background:#f4eee7}.voice-tariff-copy>span,.voice-tariff-pricing header span,.voice-tariff-terms>div>span{color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.22em}.voice-tariff-copy h2,.voice-tariff-pricing h2,.voice-tariff-terms h2{margin:15px 0 23px;line-height:.94;letter-spacing:-.06em;font-weight:470}.voice-tariff-copy h2 em,.voice-tariff-pricing h2 em,.voice-tariff-terms h2 em{color:var(--orange);font-style:normal;font-weight:760}.voice-tariff-copy>p{max-width:700px;margin:0;color:#6e655d;font-size:14px;line-height:1.85}.voice-tariff-copy>div{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.voice-tariff-copy article{min-height:112px;padding:16px;display:flex;align-items:flex-start;gap:12px;border-radius:18px;background:#fff}.voice-tariff-copy article>svg{width:38px;height:38px;padding:10px;flex:0 0 38px;border-radius:12px;background:#fff0df;color:var(--orange)}.voice-tariff-copy article strong,.voice-tariff-copy article small{display:block}.voice-tariff-copy article strong{font-size:10px}.voice-tariff-copy article small{margin-top:6px;color:#817870;font-size:8px;line-height:1.5}.voice-tariff-console{min-height:440px;padding:27px;border:1px solid rgba(255,255,255,.7);border-radius:30px;background:#191613;color:#fff;box-shadow:0 35px 90px rgba(59,24,0,.22)}.voice-tariff-console header{display:flex;align-items:center;gap:11px}.voice-tariff-console header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--orange)}.voice-tariff-console header img{width:24px;filter:brightness(0) invert(1)}.voice-tariff-console header small,.voice-tariff-console header strong{display:block}.voice-tariff-console header small{color:rgba(255,255,255,.42);font-size:6px;letter-spacing:.12em}.voice-tariff-console header strong{margin-top:5px;font-size:10px}.voice-tariff-console header em{margin-left:auto;padding:7px 9px;border-radius:99px;background:rgba(242,121,12,.14);color:#ffad63;font-size:7px;font-style:normal;font-weight:850}.voice-tariff-console header em i{width:6px;height:6px;margin-right:4px;display:inline-block;border-radius:50%;background:var(--orange)}.voice-tariff-wave{height:145px;margin:44px 0 35px;display:flex;align-items:center;gap:5px}.voice-tariff-wave i{width:100%;height:var(--voice-bar-height);display:block;border-radius:99px;background:linear-gradient(180deg,#ffad63,var(--orange));animation:voiceWave 1.1s ease-in-out var(--voice-bar-delay) infinite alternate}.voice-tariff-progress{display:grid;grid-template-columns:1fr 1fr;gap:10px}.voice-tariff-progress span{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.04)}.voice-tariff-progress small,.voice-tariff-progress strong{display:block}.voice-tariff-progress small{color:rgba(255,255,255,.4);font-size:6px;letter-spacing:.12em}.voice-tariff-progress strong{margin-top:7px;font-size:22px}.voice-tariff-console footer{margin-top:16px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;background:#fff;color:#332c27;font-size:8px;font-weight:800}.voice-tariff-console footer svg{width:16px;color:var(--orange)}
.voice-tariff-pricing{margin:20px;padding:clamp(54px,6vw,92px);border-radius:30px;background:#171411;color:#fff}.voice-tariff-pricing header{margin-bottom:48px;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:70px}.voice-tariff-pricing header p{margin:0;color:rgba(255,255,255,.55);font-size:14px;line-height:1.85}.voice-tariff-pricing .sms-pricing-table-wrap{border-color:rgba(255,255,255,.12)}.voice-tariff-pricing table{width:100%;border-collapse:collapse}.voice-tariff-pricing th{padding:20px 24px;background:#2a2521;color:rgba(255,255,255,.62);text-align:left;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.voice-tariff-pricing td{padding:18px 24px;border-top:1px solid #eee5dc;color:#534c46;font-size:12px;font-weight:650}.voice-tariff-pricing td:first-child{color:var(--ink);font-size:14px;font-weight:800}.voice-tariff-pricing tbody tr:nth-child(even){background:#fbf8f4}.voice-tariff-pricing tr.is-best{background:var(--orange)!important}.voice-tariff-pricing tr.is-best td{color:#fff}.voice-tariff-pricing td span{margin-left:10px;padding:5px 8px;border-radius:99px;background:#fff;color:var(--orange);font-size:7px;text-transform:uppercase}
.voice-tariff-terms{margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-radius:30px;background:#fff7ee}.voice-tariff-terms>div>p{max-width:520px;color:#756c64;font-size:13px;line-height:1.8}.voice-tariff-terms ul{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none}.voice-tariff-terms li{min-height:100px;padding:18px;display:flex;align-items:flex-start;gap:11px;border:1px solid #eadfd3;border-radius:17px;background:#fff;color:#655d56;font-size:10px;line-height:1.55}.voice-tariff-terms li svg{width:18px;flex:0 0 18px;color:var(--orange)}
@media(max-width:1020px){.voice-tariff-intro,.voice-tariff-pricing header,.voice-tariff-terms{grid-template-columns:1fr}.voice-tariff-terms{gap:35px}}
@media(max-width:720px){.voice-tariff-intro,.voice-tariff-pricing,.voice-tariff-terms{margin:12px;padding:46px 22px;border-radius:24px}.voice-tariff-intro{gap:32px}.voice-tariff-copy>div,.voice-tariff-terms ul{grid-template-columns:1fr}.voice-tariff-pricing header{margin-bottom:32px;gap:17px}.voice-tariff-console{min-height:400px;padding:20px}.voice-tariff-wave{height:120px;margin:35px 0}.voice-tariff-terms li{min-height:0}}
@media(prefers-reduced-motion:reduce){.voice-tariff-wave i{animation:none}}

/* Telephone tariffs */
.telephone-tariff-flow-visual .inner-flow-photo img{object-position:58% center;filter:saturate(1.03) contrast(1.1) brightness(.88);transform:none}.telephone-tariff-intro{min-height:590px;margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:clamp(55px,8vw,130px);overflow:hidden;border-radius:30px;background:#f4eee7}.telephone-tariff-intro>div>span,.telephone-rate-section header span,.telephone-tariff-benefits>div>span{color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.22em}.telephone-tariff-intro h2,.telephone-rate-section h2,.telephone-tariff-benefits h2{margin:15px 0 23px;line-height:.94;letter-spacing:-.06em;font-weight:470}.telephone-tariff-intro h2 em,.telephone-rate-section h2 em,.telephone-tariff-benefits h2 em{color:var(--orange);font-style:normal;font-weight:760}.telephone-tariff-intro>div>p{max-width:700px;margin:0;color:#6e655d;font-size:14px;line-height:1.85}.telephone-rate-pills{margin-top:28px;display:flex;flex-wrap:wrap;gap:9px}.telephone-rate-pills b{padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:99px;background:#fff;font-size:9px}.telephone-rate-pills svg{width:16px;color:var(--orange)}.telephone-number-showcase{position:relative;z-index:1;min-height:340px;padding:28px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:30px;background:#191613;color:#fff;box-shadow:0 35px 90px rgba(58,23,0,.22)}.telephone-number-showcase header{position:relative;z-index:2;color:rgba(255,255,255,.52);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.telephone-number-showcase>strong{position:relative;z-index:2;margin:30px 0;font-size:clamp(34px,4vw,58px);letter-spacing:-.05em}.telephone-number-showcase>strong em{color:var(--orange);font-style:normal}.telephone-number-showcase footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px}.telephone-number-showcase footer span{padding:8px 10px;border-radius:99px;background:rgba(242,121,12,.14);color:#ffad63;font-size:7px;font-weight:850}.telephone-number-showcase footer span i{width:6px;height:6px;margin-right:5px;display:inline-block;border-radius:50%;background:var(--orange)}.telephone-number-showcase footer small{color:rgba(255,255,255,.46);font-size:8px}.telephone-call-rings{position:absolute;width:320px;height:320px;right:-130px;top:-120px;opacity:.18}.telephone-call-rings i{position:absolute;inset:0;border:1px solid #fff;border-radius:50%}.telephone-call-rings i:nth-child(2){inset:18%}.telephone-call-rings i:nth-child(3){inset:36%}
.telephone-rate-section{margin:20px;padding:clamp(54px,6vw,92px);border-radius:30px;background:#171411;color:#fff}.telephone-rate-section header{margin-bottom:48px;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:70px}.telephone-rate-section header p{margin:0;color:rgba(255,255,255,.55);font-size:14px;line-height:1.85}.telephone-rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.telephone-rate-grid article{min-height:300px;padding:27px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.045)}.telephone-rate-grid article:nth-child(2){background:#f3ede6;color:var(--ink)}.telephone-rate-grid article:nth-child(4){background:var(--orange)}.telephone-rate-grid article>span{color:rgba(255,255,255,.25);font-size:8px}.telephone-rate-grid article:nth-child(2)>span{color:#988f87}.telephone-rate-grid article>div{width:52px;height:52px;margin-top:20px;display:grid;place-items:center;border-radius:16px;background:rgba(242,121,12,.14);color:var(--orange)}.telephone-rate-grid article:nth-child(2)>div{background:#fff}.telephone-rate-grid article:nth-child(4)>div{background:rgba(255,255,255,.16);color:#fff}.telephone-rate-grid article svg{width:22px}.telephone-rate-grid h3{margin:auto 0 12px;font-size:18px;letter-spacing:-.035em}.telephone-rate-grid strong{font-size:28px;letter-spacing:-.04em}.telephone-rate-grid strong small{margin-left:5px;color:rgba(255,255,255,.4);font-size:8px}.telephone-rate-grid article:nth-child(2) strong small{color:#8b8178}.telephone-rate-grid article:nth-child(4) strong small{color:rgba(255,255,255,.7)}
.telephone-tariff-benefits{margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:90px;border-radius:30px;background:#fff7ee}.telephone-tariff-benefits>div>p{max-width:520px;color:#756c64;font-size:13px;line-height:1.8}.telephone-benefit-list{display:grid;gap:10px}.telephone-benefit-list article{min-height:105px;padding:19px;display:flex;align-items:center;gap:14px;border:1px solid #eadfd3;border-radius:18px;background:#fff}.telephone-benefit-list article>svg{width:44px;height:44px;padding:12px;flex:0 0 44px;border-radius:14px;background:#fff0df;color:var(--orange)}.telephone-benefit-list strong,.telephone-benefit-list small{display:block}.telephone-benefit-list strong{font-size:12px}.telephone-benefit-list small{margin-top:6px;color:#776e66;font-size:9px;line-height:1.55}
@media(max-width:1020px){.telephone-tariff-intro,.telephone-rate-section header,.telephone-tariff-benefits{grid-template-columns:1fr}.telephone-rate-grid{grid-template-columns:1fr 1fr}.telephone-tariff-benefits{gap:35px}}
@media(max-width:720px){.telephone-tariff-intro,.telephone-rate-section,.telephone-tariff-benefits{margin:12px;padding:46px 22px;border-radius:24px}.telephone-tariff-intro{gap:32px}.telephone-number-showcase{min-height:300px;padding:23px}.telephone-number-showcase>strong{font-size:38px}.telephone-rate-section header{margin-bottom:32px;gap:17px}.telephone-rate-grid{grid-template-columns:1fr}.telephone-rate-grid article{min-height:250px}}

/* Telefon tarifeleri — canlı numara sinyali */
.telephone-number-showcase > strong em {
  display: inline-block;
  animation: telephone-number-glow 2.8s ease-in-out infinite;
}
.telephone-number-showcase footer span i {
  animation: telephone-active-pulse 1.45s ease-out infinite;
}
.telephone-call-rings {
  opacity: 1;
}
.telephone-call-rings i {
  opacity: 0;
  transform-origin: center;
  animation: telephone-tariff-ring 3.6s cubic-bezier(.2,.65,.25,1) infinite;
}
.telephone-call-rings i:nth-child(2) { animation-delay: 1.2s; }
.telephone-call-rings i:nth-child(3) { animation-delay: 2.4s; }

@keyframes telephone-tariff-ring {
  0% { opacity: 0; transform: scale(.62); }
  16% { opacity: .34; }
  72%,100% { opacity: 0; transform: scale(1.2); }
}
@keyframes telephone-active-pulse {
  0% { box-shadow: 0 0 0 0 rgba(242,121,12,.65); }
  70%,100% { box-shadow: 0 0 0 7px rgba(242,121,12,0); }
}
@keyframes telephone-number-glow {
  0%,100% { color: var(--orange); filter: brightness(1); transform: translateY(0); }
  50% { color: #ff9c42; filter: brightness(1.2); transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
  .telephone-number-showcase > strong em,
  .telephone-number-showcase footer span i,
  .telephone-call-rings i { animation: none; }
  .telephone-call-rings i { opacity: .18; transform: none; }
}

.telephone-call-status {
  position: relative;
  z-index: 2;
  padding: 17px 18px 14px;
  overflow: hidden;
  border-radius: 17px;
  background: #fff1de;
  color: #2c2723;
}
.telephone-call-status-top,
.telephone-call-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.telephone-call-status-top span {
  padding: 7px 9px;
  border-radius: 99px;
  background: rgba(242,121,12,.13);
  color: var(--orange);
  font-size: 7px;
  font-weight: 850;
}
.telephone-call-status-top span i,
.telephone-call-progress strong i {
  width: 6px;
  height: 6px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 50%;
  background: var(--orange);
  animation: telephone-active-pulse 1.45s ease-out infinite;
}
.telephone-call-status-top small {
  color: #887d73;
  font-size: 8px;
}
.telephone-call-wave {
  height: 46px;
  margin: 13px 0 9px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.telephone-call-wave i {
  width: 100%;
  height: var(--call-bar-height);
  display: block;
  border-radius: 99px;
  background: linear-gradient(180deg,#ffb46f,var(--orange));
  animation: telephone-call-wave 1s ease-in-out var(--call-bar-delay) infinite alternate;
}
.telephone-call-progress {
  color: #8b8076;
  font-size: 7px;
  letter-spacing: .04em;
}
.telephone-call-progress strong {
  color: var(--orange);
  font-size: 7px;
  text-transform: uppercase;
}
@keyframes telephone-call-wave {
  from { transform: scaleY(.35); opacity: .5; }
  to { transform: scaleY(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .telephone-call-wave i,
  .telephone-call-status-top span i,
  .telephone-call-progress strong i { animation: none; }
}

/* Fax tariffs */
.fax-tariff-flow-visual .inner-flow-photo img{object-position:58% center;filter:saturate(1.02) contrast(1.08) brightness(.9);transform:none}
.fax-tariff-intro{min-height:650px;margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:clamp(50px,7vw,110px);overflow:hidden;border-radius:30px;background:#f4eee7}
.fax-tariff-copy>span,.fax-tariff-rate>header span,.fax-tariff-details>div>span{color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.22em}
.fax-tariff-copy h2,.fax-tariff-rate h2,.fax-tariff-details h2{margin:15px 0 23px;line-height:.94;letter-spacing:-.06em;font-weight:470}
.fax-tariff-copy h2 em,.fax-tariff-rate h2 em,.fax-tariff-details h2 em{color:var(--orange);font-style:normal;font-weight:760}
.fax-tariff-copy>p,.fax-tariff-details>div>p{max-width:700px;margin:0;color:#6e655d;font-size:14px;line-height:1.85}
.fax-tariff-copy>div{margin-top:28px;display:flex;flex-wrap:wrap;gap:9px}
.fax-tariff-copy b{padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:99px;background:#fff;font-size:9px}
.fax-tariff-copy b svg{width:16px;color:var(--orange)}
.fax-tariff-stage{position:relative;min-height:470px;display:grid;place-items:center}
.fax-tariff-stage:before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;background:var(--orange);opacity:.12}
.fax-paper{position:absolute;z-index:2;left:0;top:34px;width:min(82%,370px);min-height:290px;padding:24px;border-radius:25px;background:#fff;box-shadow:0 28px 70px rgba(62,27,0,.16);transform:rotate(-3deg)}
.fax-paper header{display:flex;align-items:center;gap:11px}.fax-paper header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff0df;color:var(--orange)}.fax-paper header svg{width:20px}.fax-paper header div small,.fax-paper header div strong{display:block}.fax-paper header div small{color:#aaa097;font-size:6px;letter-spacing:.12em}.fax-paper header div strong{margin-top:4px;font-size:10px}.fax-paper header em{margin-left:auto;color:#978e86;font-size:7px;font-style:normal;font-weight:800}
.fax-paper-lines{margin:32px 0;display:grid;gap:10px}.fax-paper-lines i{height:7px;border-radius:99px;background:#eee7df}.fax-paper-lines i:nth-child(2){width:82%}.fax-paper-lines i:nth-child(3){width:68%}.fax-paper-lines i:nth-child(4){width:43%;background:#ffd5ad}
.fax-paper-status{display:flex;align-items:center;justify-content:space-between}.fax-paper-status span{padding:7px 9px;border-radius:99px;background:#fff0df;color:var(--orange);font-size:7px;font-weight:850}.fax-paper-status span i{width:6px;height:6px;margin-right:5px;display:inline-block;border-radius:50%;background:var(--orange);animation:fax-status-pulse 1.4s ease infinite}.fax-paper-status strong{color:var(--orange);font-size:12px}
.fax-number-badge{position:absolute;z-index:3;right:0;bottom:30px;width:min(72%,330px);padding:24px;border-radius:24px;background:#191613;color:#fff;box-shadow:0 30px 70px rgba(41,19,2,.25)}.fax-number-badge small{color:rgba(255,255,255,.42);font-size:6px;letter-spacing:.12em}.fax-number-badge>strong{margin:17px 0;display:block;font-size:28px;letter-spacing:-.04em}.fax-number-badge>strong em{color:var(--orange);font-style:normal}.fax-number-badge>span{display:flex;align-items:center;gap:7px;color:#ffad63;font-size:8px}.fax-number-badge>span svg{width:15px}
.fax-transmission-line{position:absolute;z-index:4;width:155px;display:flex;justify-content:space-between;transform:rotate(22deg)}.fax-transmission-line i{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(242,121,12,.12);animation:fax-transfer-dot 1.8s ease-in-out infinite}.fax-transmission-line i:nth-child(2){animation-delay:.3s}.fax-transmission-line i:nth-child(3){animation-delay:.6s}
.fax-tariff-rate{margin:20px;padding:clamp(54px,6vw,92px);border-radius:30px;background:#171411;color:#fff}.fax-tariff-rate>header{margin-bottom:48px;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:70px}.fax-tariff-rate>header p{margin:0;color:rgba(255,255,255,.55);font-size:14px;line-height:1.85}.fax-rate-layout{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fax-rate-card,.fax-free-number{min-height:350px;padding:30px;border-radius:25px}.fax-rate-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.fax-rate-card>span{color:rgba(255,255,255,.35);font-size:8px;letter-spacing:.12em}.fax-rate-card>div{margin:35px 0 auto;display:flex;align-items:center;gap:15px}.fax-rate-card>div svg{width:54px;height:54px;padding:15px;border-radius:17px;background:rgba(242,121,12,.14);color:var(--orange)}.fax-rate-card>div strong{font-size:20px}.fax-rate-card>b{font-size:46px;letter-spacing:-.05em}.fax-rate-card>b small{margin-left:7px;color:rgba(255,255,255,.4);font-size:9px}
.fax-free-number{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:var(--orange)}.fax-free-number:after{content:"";position:absolute;width:300px;height:300px;right:-140px;top:-150px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.05),0 0 0 90px rgba(255,255,255,.04)}.fax-free-number>small,.fax-free-number>strong,.fax-number-label{position:relative;z-index:2}.fax-free-number>small{color:rgba(255,255,255,.66);font-size:8px;letter-spacing:.1em}.fax-free-number>strong{margin:28px 0;font-size:clamp(34px,4vw,58px);letter-spacing:-.055em}.fax-free-number>strong em{font-style:normal;color:#191613}.fax-number-label{width:max-content;padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:99px;background:#fff;color:#2f2925;font-size:8px;font-weight:800}.fax-number-label svg{width:15px;color:var(--orange)}
.fax-tariff-details{margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:90px;border-radius:30px;background:#fff7ee}.fax-tariff-detail-grid{display:grid;gap:10px}.fax-tariff-detail-grid article{min-height:105px;padding:19px;display:flex;align-items:center;gap:14px;border:1px solid #eadfd3;border-radius:18px;background:#fff}.fax-tariff-detail-grid article>svg{width:44px;height:44px;padding:12px;flex:0 0 44px;border-radius:14px;background:#fff0df;color:var(--orange)}.fax-tariff-detail-grid strong,.fax-tariff-detail-grid small{display:block}.fax-tariff-detail-grid strong{font-size:12px}.fax-tariff-detail-grid small{margin-top:6px;color:#776e66;font-size:9px;line-height:1.55}
@keyframes fax-status-pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes fax-transfer-dot{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
@media(max-width:1020px){.fax-tariff-intro,.fax-tariff-rate>header,.fax-tariff-details{grid-template-columns:1fr}.fax-tariff-intro{gap:25px}.fax-tariff-details{gap:35px}}
@media(max-width:720px){.fax-tariff-intro,.fax-tariff-rate,.fax-tariff-details{margin:12px;padding:46px 22px;border-radius:24px}.fax-tariff-stage{min-height:430px}.fax-paper{width:88%}.fax-number-badge{width:80%}.fax-rate-layout{grid-template-columns:1fr}.fax-rate-card,.fax-free-number{min-height:300px}.fax-tariff-rate>header{margin-bottom:32px;gap:17px}.fax-free-number>strong{font-size:37px}}
@media(prefers-reduced-motion:reduce){.fax-paper-status span i,.fax-transmission-line i{animation:none}}

/* STH infrastructure */
.sth-flow-visual .inner-flow-photo img{object-position:58% center;filter:saturate(.98) contrast(1.1) brightness(.82);transform:none}
.sth-overview{min-height:690px;margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:clamp(55px,8vw,125px);overflow:hidden;border-radius:30px;background:#f4eee7}
.sth-overview-copy>span,.sth-capabilities>header span,.sth-mnp-copy>span{color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.22em}.sth-overview-copy h2,.sth-capabilities h2,.sth-mnp h2{margin:15px 0 23px;line-height:.94;letter-spacing:-.06em;font-weight:470}.sth-overview-copy h2 em,.sth-capabilities h2 em,.sth-mnp h2 em{color:var(--orange);font-style:normal;font-weight:760}.sth-overview-copy>p,.sth-mnp-copy>p{max-width:720px;margin:0;color:#6e655d;font-size:14px;line-height:1.85}.sth-overview-copy>div{margin-top:28px;display:flex;flex-wrap:wrap;gap:9px}.sth-overview-copy b{padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:99px;background:#fff;font-size:9px}.sth-overview-copy b svg{width:16px;color:var(--orange)}
.sth-network-stage{position:relative;min-height:500px;display:grid;place-items:center}.sth-network-stage:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--orange);opacity:.1}.sth-core{position:relative;z-index:3;width:180px;height:180px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#191613;color:#fff;box-shadow:0 28px 75px rgba(42,19,3,.25)}.sth-core>span{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;background:var(--orange)}.sth-core small{margin-top:14px;color:rgba(255,255,255,.4);font-size:6px;letter-spacing:.14em}.sth-core strong{margin-top:4px;font-size:13px}.sth-core>i{position:absolute;right:27px;top:28px;width:8px;height:8px;border-radius:50%;background:#62d59a;box-shadow:0 0 0 6px rgba(98,213,154,.12);animation:sth-live 1.5s ease infinite}
.sth-node{position:absolute;z-index:4;min-width:165px;padding:14px;display:flex;align-items:center;gap:10px;border:1px solid #eee3d8;border-radius:17px;background:#fff;box-shadow:0 18px 45px rgba(51,25,5,.12)}.sth-node>svg{width:38px;height:38px;padding:10px;border-radius:12px;background:#fff0df;color:var(--orange)}.sth-node small,.sth-node strong{display:block}.sth-node small{color:#a2978d;font-size:6px;letter-spacing:.1em}.sth-node strong{margin-top:4px;font-size:10px}.sth-node-voice{left:0;top:55px}.sth-node-sms{right:0;top:75px}.sth-node-api{right:15px;bottom:48px}.sth-orbit{position:absolute;width:360px;height:360px;border:1px solid rgba(242,121,12,.22);border-radius:50%;animation:sth-orbit-spin 18s linear infinite}.sth-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(242,121,12,.12)}.sth-orbit i:nth-child(1){left:23px;top:76px}.sth-orbit i:nth-child(2){right:8px;top:150px}.sth-orbit i:nth-child(3){left:144px;bottom:-5px}
.sth-capabilities{margin:20px;padding:clamp(54px,6vw,92px);border-radius:30px;background:#171411;color:#fff}.sth-capabilities>header{margin-bottom:48px;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:70px}.sth-capabilities>header p{margin:0;color:rgba(255,255,255,.55);font-size:14px;line-height:1.85}.sth-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sth-capability-grid article{min-height:320px;padding:27px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.045)}.sth-capability-grid article:nth-child(2){background:#f3ede6;color:var(--ink)}.sth-capability-grid article:nth-child(4){background:var(--orange)}.sth-capability-grid article>div{display:flex;align-items:center;justify-content:space-between}.sth-capability-grid article>div span{color:rgba(255,255,255,.28);font-size:8px}.sth-capability-grid article:nth-child(2)>div span{color:#958a80}.sth-capability-grid article>div svg{width:48px;height:48px;padding:13px;border-radius:15px;background:rgba(242,121,12,.14);color:var(--orange)}.sth-capability-grid article:nth-child(2)>div svg{background:#fff}.sth-capability-grid article:nth-child(4)>div svg{background:rgba(255,255,255,.16);color:#fff}.sth-capability-grid h3{margin:auto 0 15px;font-size:20px;letter-spacing:-.04em}.sth-capability-grid p{margin:0;color:rgba(255,255,255,.52);font-size:11px;line-height:1.7}.sth-capability-grid article:nth-child(2) p{color:#716960}.sth-capability-grid article:nth-child(4) p{color:rgba(255,255,255,.75)}.sth-feature-strip{margin-top:13px;padding:16px;display:flex;flex-wrap:wrap;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.03)}.sth-feature-strip span{padding:8px 10px;border-radius:99px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.62);font-size:8px}
.sth-mnp{margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:clamp(55px,8vw,120px);border-radius:30px;background:#fff7ee}.sth-mnp-points{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sth-mnp-points article{min-height:105px;padding:15px;border:1px solid #eadfd3;border-radius:17px;background:#fff}.sth-mnp-points article>svg{width:30px;height:30px;padding:7px;border-radius:10px;background:#fff0df;color:var(--orange)}.sth-mnp-points strong,.sth-mnp-points small{display:block}.sth-mnp-points strong{margin-top:12px;font-size:10px}.sth-mnp-points small{margin-top:5px;color:#857b72;font-size:7px;line-height:1.45}
.sth-route-map{padding:28px;border-radius:27px;background:#191613;color:#fff;box-shadow:0 30px 80px rgba(61,26,0,.2)}.sth-route-head{display:flex;align-items:center;justify-content:space-between}.sth-route-head span{color:#ffad63;font-size:7px;font-weight:850}.sth-route-head span i{width:7px;height:7px;margin-right:5px;display:inline-block;border-radius:50%;background:#62d59a;animation:sth-live 1.5s ease infinite}.sth-route-head small{color:rgba(255,255,255,.35);font-size:7px}.sth-route-number{margin:42px 0 30px;font-size:clamp(30px,4vw,48px);font-weight:750;letter-spacing:-.055em}.sth-route-path{padding:16px;display:flex;align-items:center;gap:9px;border-radius:15px;background:rgba(255,255,255,.05);font-size:8px}.sth-route-path span{color:rgba(255,255,255,.5)}.sth-route-path strong{margin-left:auto;color:#ffad63}.sth-route-path i{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:sth-route-dot 1.6s ease infinite}.sth-route-path i:nth-of-type(2){animation-delay:.25s}.sth-route-path i:nth-of-type(3){animation-delay:.5s}.sth-route-result{margin-top:14px;padding:16px;display:flex;align-items:center;gap:12px;border-radius:15px;background:#fff;color:#302a26}.sth-route-result>svg{width:38px;height:38px;padding:9px;border-radius:12px;background:#fff0df;color:var(--orange)}.sth-route-result small,.sth-route-result strong{display:block}.sth-route-result small{color:#9e948b;font-size:6px;letter-spacing:.1em}.sth-route-result strong{margin-top:4px;font-size:9px}
@keyframes sth-live{50%{opacity:.35;transform:scale(.75)}}@keyframes sth-orbit-spin{to{transform:rotate(360deg)}}@keyframes sth-route-dot{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.sth-capability-grid{grid-template-columns:1fr 1fr}.sth-overview,.sth-capabilities>header,.sth-mnp{grid-template-columns:1fr}.sth-overview{gap:30px}.sth-mnp{gap:40px}}
@media(max-width:720px){.sth-overview,.sth-capabilities,.sth-mnp{margin:12px;padding:46px 22px;border-radius:24px}.sth-network-stage{min-height:470px;transform:scale(.9)}.sth-capabilities>header{margin-bottom:32px;gap:17px}.sth-capability-grid{grid-template-columns:1fr}.sth-capability-grid article{min-height:280px}.sth-mnp-points{grid-template-columns:1fr}.sth-route-map{padding:21px}.sth-route-number{font-size:34px}.sth-node{min-width:145px}.sth-node-voice{left:-18px}.sth-node-sms{right:-18px}.sth-node-api{right:-10px}}
@media(prefers-reduced-motion:reduce){.sth-core>i,.sth-orbit,.sth-route-head span i,.sth-route-path i{animation:none}}

.sth-full-features{margin:20px;padding:clamp(54px,6vw,92px);border-radius:30px;background:#f4eee7}.sth-full-features>header{margin-bottom:46px;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:70px}.sth-full-features>header span{color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.22em}.sth-full-features>header h2{margin:15px 0 0;line-height:.94;letter-spacing:-.06em;font-weight:470}.sth-full-features>header h2 em{color:var(--orange);font-style:normal;font-weight:760}.sth-full-features>header p{margin:0;color:#6e655d;font-size:14px;line-height:1.85}
.sth-full-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sth-full-feature-grid>article{padding:28px;border:1px solid #e5d9ce;border-radius:24px;background:#fff}.sth-full-feature-grid>article:nth-child(2),.sth-full-feature-grid>article:nth-child(3){background:#191613;color:#fff}.sth-full-feature-head{display:flex;align-items:center;justify-content:space-between}.sth-full-feature-head>span{color:#aca198;font-size:8px;font-weight:800}.sth-full-feature-head>svg{width:48px;height:48px;padding:13px;border-radius:15px;background:#fff0df;color:var(--orange)}.sth-full-feature-grid>article:nth-child(2) .sth-full-feature-head>svg,.sth-full-feature-grid>article:nth-child(3) .sth-full-feature-head>svg{background:rgba(242,121,12,.14)}.sth-full-feature-grid h3{margin:30px 0 20px;font-size:22px;letter-spacing:-.04em}.sth-full-feature-grid ul{margin:0;padding:0;display:grid;gap:11px;list-style:none}.sth-full-feature-grid li{display:flex;align-items:flex-start;gap:9px;color:#6f665e;font-size:10px;line-height:1.5}.sth-full-feature-grid>article:nth-child(2) li,.sth-full-feature-grid>article:nth-child(3) li{color:rgba(255,255,255,.58)}.sth-full-feature-grid li svg{width:15px;height:15px;flex:0 0 15px;color:var(--orange)}
.sth-infrastructure-notes{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sth-legal-note{padding:24px;display:flex;align-items:flex-start;gap:14px;border:1px solid #e5d9ce;border-radius:20px;background:#fff}.sth-legal-note>svg{width:42px;height:42px;padding:11px;flex:0 0 42px;border-radius:13px;background:#fff0df;color:var(--orange)}.sth-legal-note strong{font-size:12px}.sth-legal-note p{margin:8px 0 0;color:#746a62;font-size:10px;line-height:1.65}.sth-mnp-copy>p+p{margin-top:14px}
@media(max-width:1020px){.sth-full-features>header{grid-template-columns:1fr}.sth-infrastructure-notes{grid-template-columns:1fr}}
@media(max-width:720px){.sth-full-features{margin:12px;padding:46px 22px;border-radius:24px}.sth-full-features>header{margin-bottom:32px;gap:17px}.sth-full-feature-grid{grid-template-columns:1fr}.sth-full-feature-grid>article{padding:23px}.sth-legal-note{padding:20px}}

/* Special solutions */
.special-solutions-flow-visual .inner-flow-photo img{object-position:64% center;filter:saturate(.94) contrast(1.08) brightness(.78);transform:none}
.special-solutions-intro{min-height:680px;margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:clamp(55px,8vw,125px);overflow:hidden;border-radius:30px;background:#f4eee7}
.special-solutions-copy>span,.special-projects>header span,.special-project-copy>span{color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.22em}
.special-solutions-copy h2,.special-projects>header h2{margin:15px 0 23px;line-height:.94;letter-spacing:-.06em;font-weight:470}.special-solutions-copy h2 em,.special-projects h2 em{color:var(--orange);font-style:normal;font-weight:760}
.special-solutions-copy>p{max-width:720px;margin:0;color:#6e655d;font-size:14px;line-height:1.85}.special-solutions-copy>div{margin-top:28px;display:flex;flex-wrap:wrap;gap:9px}.special-solutions-copy b{padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:99px;background:#fff;font-size:9px}.special-solutions-copy b svg{width:16px;color:var(--orange)}
.special-solutions-studio{position:relative;min-height:490px;padding:25px;overflow:hidden;border-radius:30px;background:#191613;color:#fff;box-shadow:0 32px 85px rgba(48,22,3,.22)}.solution-studio-head{display:flex;justify-content:space-between}.solution-studio-head span{color:#ffad63;font-size:7px;font-weight:850;letter-spacing:.12em}.solution-studio-head span i{width:7px;height:7px;margin-right:5px;display:inline-block;border-radius:50%;background:#62d59a;animation:special-live 1.5s ease infinite}.solution-studio-head small{color:rgba(255,255,255,.35);font-size:7px}
.solution-studio-core{position:absolute;z-index:3;left:50%;top:50%;width:155px;height:155px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--orange);transform:translate(-50%,-50%);box-shadow:0 18px 60px rgba(242,121,12,.3)}.solution-studio-core>span{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.17)}.solution-studio-core small{margin-top:12px;color:rgba(255,255,255,.62);font-size:6px;letter-spacing:.14em}.solution-studio-core strong{margin-top:4px;font-size:12px}
.solution-studio-node{position:absolute;z-index:4;min-width:155px;padding:13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#292521;box-shadow:0 15px 35px rgba(0,0,0,.2)}.solution-studio-node>svg{width:37px;height:37px;padding:9px;border-radius:11px;background:rgba(242,121,12,.14);color:var(--orange)}.solution-studio-node small,.solution-studio-node strong{display:block}.solution-studio-node small{color:rgba(255,255,255,.35);font-size:6px;letter-spacing:.1em}.solution-studio-node strong{margin-top:4px;font-size:9px}.solution-node-survey{left:22px;top:80px}.solution-node-api{right:20px;top:112px}.solution-node-result{right:38px;bottom:38px}.solution-node-result>svg{color:#62d59a;background:rgba(98,213,154,.12)}.solution-studio-orbit{position:absolute;left:50%;top:50%;width:330px;height:330px;border:1px solid rgba(242,121,12,.24);border-radius:50%;transform:translate(-50%,-50%);animation:special-orbit 18s linear infinite}
.special-projects{margin:20px;padding:clamp(54px,6vw,92px);border-radius:30px;background:#171411;color:#fff}.special-projects>header{margin-bottom:48px;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:70px}.special-projects>header p{margin:0;color:rgba(255,255,255,.55);font-size:14px;line-height:1.85}
.special-project{min-height:560px;padding:clamp(28px,4vw,54px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(45px,7vw,110px);border-top:1px solid rgba(255,255,255,.1)}.special-project:first-of-type{border-top:0}.special-project-url{grid-template-columns:1.1fr .9fr}.special-project-url .special-project-copy{order:2}.special-project-copy h3{margin:16px 0 22px;font-size:clamp(36px,4.4vw,62px);line-height:.95;letter-spacing:-.06em;font-weight:470}.special-project-copy h3 em{color:var(--orange);font-style:normal;font-weight:760}.special-project-copy p{max-width:640px;margin:0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.75}.special-project-copy p+p{margin-top:12px}
.special-brand{width:max-content;max-width:100%;margin-bottom:32px;color:#fff}.special-brand-tbb{display:flex;align-items:center;gap:10px}.special-brand-tbb span{width:58px;height:58px;display:grid;place-items:center;border:3px double #f3cc3b;border-radius:50%;background:#ba1016;color:#fff;font-size:17px;font-weight:900}.special-brand-tbb strong{max-width:95px;font-size:9px;line-height:1.15}.special-brand-lidyana{font-size:25px;letter-spacing:.04em}.special-brand-lidyana small{margin-top:5px;display:block;text-align:center;color:rgba(255,255,255,.45);font-size:6px;letter-spacing:.5em}.special-brand-hs{display:flex;align-items:flex-end;gap:7px}.special-brand-hs strong{font-size:40px;font-style:italic;color:#2b78dc}.special-brand-hs span{padding-bottom:6px;font-size:11px;font-weight:900;letter-spacing:.12em}
.special-project-demo{min-height:400px;padding:28px;border-radius:27px;background:#f4eee7;color:#2f2925;box-shadow:0 30px 80px rgba(0,0,0,.22)}.survey-demo-head,.code-demo-top,.code-demo-status{display:flex;align-items:center;gap:11px}.survey-demo-head>span,.code-demo-top>svg,.code-demo-status>svg{width:43px;height:43px;padding:11px;border-radius:13px;background:#fff0df;color:var(--orange)}.survey-demo-head div small,.survey-demo-head div strong,.code-demo-top span small,.code-demo-top span strong,.code-demo-status span small,.code-demo-status span strong{display:block}.survey-demo-head small,.code-demo-top small,.code-demo-status small{color:#9c9187;font-size:6px;letter-spacing:.12em}.survey-demo-head strong,.code-demo-top strong,.code-demo-status strong{margin-top:4px;font-size:10px}.survey-demo-head em{margin-left:auto;padding:7px 9px;border-radius:99px;background:#dff7e9;color:#278856;font-size:6px;font-style:normal;font-weight:850}.survey-demo-question{margin:35px 0 26px;font-size:21px;font-weight:700;line-height:1.25}.survey-demo-bars{display:grid;gap:16px}.survey-demo-bars>span{display:grid;grid-template-columns:40px 1fr 35px;align-items:center;gap:10px}.survey-demo-bars b,.survey-demo-bars strong{font-size:8px}.survey-demo-bars i{height:9px;overflow:hidden;border-radius:99px;background:#e1d8cf}.survey-demo-bars i em{height:100%;display:block;border-radius:inherit;background:var(--orange);animation:survey-grow 1.5s ease both}.survey-demo-footer{margin-top:42px;padding-top:20px;display:flex;align-items:center;gap:8px;border-top:1px solid #ded4ca;color:#766c63;font-size:8px}.survey-demo-footer svg{width:16px;color:var(--orange)}
.url-demo-link{padding:22px;border-radius:18px;background:#fff}.url-demo-link small,.url-demo-link strong{display:block}.url-demo-link small{color:#9d9288;font-size:6px;letter-spacing:.13em}.url-demo-link strong{margin-top:11px;font-size:20px}.url-demo-link span{margin-top:14px;display:flex;align-items:center;gap:6px;color:#278856;font-size:8px}.url-demo-link span svg{width:14px}.url-demo-segments{margin:10px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.url-demo-segments>span{padding:13px;border-radius:15px;background:#fff}.url-demo-segments svg{width:18px;color:var(--orange)}.url-demo-segments small,.url-demo-segments strong{display:block}.url-demo-segments small{margin-top:8px;color:#a3978d;font-size:5px}.url-demo-segments strong{margin-top:4px;font-size:8px}.url-demo-chart{position:relative;height:155px;padding:18px;border-radius:18px;background:#191613;color:#fff}.url-demo-chart>span{font-size:7px;color:rgba(255,255,255,.48)}.url-demo-chart>div{height:85px;margin-top:16px;display:flex;align-items:flex-end;gap:7px}.url-demo-chart>div i{width:100%;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#ffad63,var(--orange))}.url-demo-chart>strong{position:absolute;right:17px;top:16px;color:#62d59a;font-size:12px}
.code-project-demo{background:var(--orange);color:#fff}.code-demo-top>svg{background:rgba(255,255,255,.16);color:#fff}.code-demo-top small,.code-demo-status small{color:rgba(255,255,255,.62)}.code-demo-top>i{width:8px;height:8px;margin-left:auto;border-radius:50%;background:#62d59a;box-shadow:0 0 0 6px rgba(255,255,255,.14);animation:special-live 1.5s ease infinite}.code-demo-ticket{position:relative;margin:34px 0;padding:28px;overflow:hidden;border-radius:20px;background:#fff;color:#25211e}.code-demo-ticket:after{content:"";position:absolute;right:-32px;top:-32px;width:115px;height:115px;border:18px solid #fff0df;border-radius:50%}.code-demo-ticket small{color:#9b9087;font-size:6px;letter-spacing:.14em}.code-demo-ticket>strong{position:relative;z-index:2;margin:15px 0 10px;display:block;font-size:47px;letter-spacing:.02em}.code-demo-ticket>strong span{color:var(--orange)}.code-demo-ticket p{margin:0;color:#776d64;font-size:8px}.code-demo-status{padding:15px;border-radius:16px;background:rgba(255,255,255,.16)}.code-demo-status>svg{background:#fff;color:#299061}
@keyframes special-live{50%{opacity:.35;transform:scale(.75)}}@keyframes special-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes survey-grow{from{width:0}}
@media(max-width:1050px){.special-solutions-intro,.special-projects>header,.special-project{grid-template-columns:1fr}.special-project{gap:35px}.special-project-url .special-project-copy{order:0}.special-projects>header{gap:18px}}
@media(max-width:720px){.special-solutions-intro,.special-projects{margin:12px;padding:46px 22px;border-radius:24px}.special-solutions-studio{min-height:455px;padding:20px}.solution-studio-node{min-width:140px}.solution-node-survey{left:10px}.solution-node-api{right:8px}.solution-node-result{right:16px}.special-projects>header{margin-bottom:18px}.special-project{min-height:auto;padding:48px 0}.special-project-demo{min-height:380px;padding:21px}.url-demo-segments{grid-template-columns:1fr 1fr 1fr}.special-project-copy h3{font-size:39px}}
@media(prefers-reduced-motion:reduce){.solution-studio-head span i,.solution-studio-orbit,.survey-demo-bars i em,.code-demo-top>i{animation:none}}

/* Partners */
.partners-flow-visual .inner-flow-photo img{object-position:66% center;filter:saturate(.92) contrast(1.1) brightness(.82);transform:none}
.partners-intro{min-height:680px;margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:clamp(55px,8vw,125px);overflow:hidden;border-radius:30px;background:#f4eee7}.partners-intro-copy>span,.partner-directory>header span,.dealer-directory>header span{color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.22em}.partners-intro-copy h2,.partner-directory h2,.dealer-directory h2{margin:15px 0 23px;line-height:.94;letter-spacing:-.06em;font-weight:470}.partners-intro-copy h2 em,.partner-directory h2 em,.dealer-directory h2 em{color:var(--orange);font-style:normal;font-weight:760}.partners-intro-copy>p{max-width:700px;margin:0;color:#6e655d;font-size:14px;line-height:1.85}.partners-intro-copy>div{margin-top:28px;display:flex;flex-wrap:wrap;gap:9px}.partners-intro-copy b{padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:99px;background:#fff;font-size:9px}.partners-intro-copy b svg{width:16px;color:var(--orange)}
.partners-network{position:relative;min-height:500px;display:grid;place-items:center}.partners-network:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--orange);opacity:.1}.partners-network>i{position:absolute;width:355px;height:355px;border:1px solid rgba(242,121,12,.22);border-radius:50%;animation:partners-orbit 18s linear infinite}.partners-network>i:last-child{width:260px;height:260px;animation-duration:13s;animation-direction:reverse}.partners-network-core{position:relative;z-index:3;width:180px;height:180px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#191613;color:#fff;box-shadow:0 28px 75px rgba(42,19,3,.25)}.partners-network-core>svg{width:56px;height:56px;padding:13px;border-radius:18px;background:var(--orange)}.partners-network-core small{margin-top:14px;color:rgba(255,255,255,.42);font-size:6px;letter-spacing:.14em}.partners-network-core strong{margin-top:4px;font-size:12px}.partner-network-node{position:absolute;z-index:4;min-width:165px;padding:14px;display:flex;align-items:center;gap:10px;border:1px solid #eee3d8;border-radius:17px;background:#fff;box-shadow:0 18px 45px rgba(51,25,5,.12)}.partner-network-node>svg{width:38px;height:38px;padding:10px;border-radius:12px;background:#fff0df;color:var(--orange)}.partner-network-node small,.partner-network-node strong{display:block}.partner-network-node small{color:#a2978d;font-size:6px;letter-spacing:.1em}.partner-network-node strong{margin-top:4px;font-size:10px}.partner-node-solution{left:0;top:60px}.partner-node-dealer{right:0;top:95px}.partner-node-support{right:18px;bottom:48px}.partner-node-support>svg{color:#278856;background:#e1f8ec}
.partner-directory{margin:20px;padding:clamp(54px,6vw,92px);border-radius:30px;background:#171411;color:#fff}.partner-directory>header,.dealer-directory>header{margin-bottom:46px;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:70px}.partner-directory>header p,.dealer-directory>header p{margin:0;color:rgba(255,255,255,.55);font-size:14px;line-height:1.85}.partner-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.partner-card{min-height:320px;padding:26px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.045)}.partner-card:nth-child(2),.partner-card:nth-child(5){background:#f4eee7;color:#2e2925}.partner-card:nth-child(3){background:var(--orange)}.partner-card-top{display:flex;align-items:center;justify-content:space-between}.partner-card-top>span{color:rgba(255,255,255,.3);font-size:8px}.partner-card:nth-child(2) .partner-card-top>span,.partner-card:nth-child(5) .partner-card-top>span{color:#9d9288}.partner-card-top>div{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:rgba(242,121,12,.14);color:var(--orange)}.partner-card:nth-child(3) .partner-card-top>div{background:rgba(255,255,255,.16);color:#fff}.partner-card-top svg{width:21px}.partner-card h3{margin:36px 0 auto;font-size:18px;line-height:1.2;letter-spacing:-.035em}.partner-card p,.partner-card a{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5}.partner-card p{margin:24px 0 13px;color:rgba(255,255,255,.5)}.partner-card a{color:#ffad63;text-decoration:none;font-weight:750}.partner-card p svg,.partner-card a svg{width:15px;height:15px;flex:0 0 15px}.partner-card:nth-child(2) p,.partner-card:nth-child(5) p{color:#776d64}.partner-card:nth-child(2) a,.partner-card:nth-child(5) a{color:var(--orange)}.partner-card:nth-child(3) p,.partner-card:nth-child(3) a{color:rgba(255,255,255,.78)}
.dealer-directory{margin:20px;padding:clamp(54px,6vw,92px);border-radius:30px;background:#f4eee7}.dealer-directory>header p{color:#6e655d}.dealer-list{display:grid;gap:10px}.dealer-list>article{min-height:150px;padding:22px 26px;display:grid;grid-template-columns:55px .7fr 1.5fr;align-items:center;gap:25px;border:1px solid #e5d9ce;border-radius:20px;background:#fff}.dealer-index{color:#afa49a;font-size:8px}.dealer-name{display:flex;align-items:center;gap:12px}.dealer-name>svg{width:42px;height:42px;padding:11px;border-radius:13px;background:#fff0df;color:var(--orange)}.dealer-name small,.dealer-name strong{display:block}.dealer-name small{color:#a39990;font-size:6px;letter-spacing:.12em}.dealer-name strong{margin-top:5px;font-size:11px;line-height:1.35}.dealer-contact{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:18px}.dealer-contact p,.dealer-contact a,.dealer-no-web{margin:0;display:flex;align-items:flex-start;gap:8px;color:#6d645c;font-size:10px;line-height:1.45;text-decoration:none}.dealer-contact svg{width:16px;height:16px;flex:0 0 16px;color:var(--orange)}.dealer-contact small{margin-bottom:4px;display:block;color:#a3988e;font-size:7px;letter-spacing:.1em}.dealer-contact a:hover{color:var(--orange)}
@keyframes partners-orbit{to{transform:rotate(360deg)}}
@media(max-width:1050px){.partners-intro,.partner-directory>header,.dealer-directory>header{grid-template-columns:1fr}.partners-intro{gap:30px}.partner-directory>header,.dealer-directory>header{gap:18px}.partner-card-grid{grid-template-columns:1fr 1fr}.dealer-list>article{grid-template-columns:45px 1fr}.dealer-contact{grid-column:2}}
@media(max-width:720px){.partners-intro,.partner-directory,.dealer-directory{margin:12px;padding:46px 22px;border-radius:24px}.partners-network{min-height:470px;transform:scale(.9)}.partner-network-node{min-width:145px}.partner-node-solution{left:-20px}.partner-node-dealer{right:-18px}.partner-node-support{right:-8px}.partner-card-grid{grid-template-columns:1fr}.partner-card{min-height:290px}.dealer-list>article{padding:20px;grid-template-columns:1fr}.dealer-index{display:none}.dealer-contact{grid-column:1;grid-template-columns:1fr;gap:12px;padding-top:15px;border-top:1px solid #eee4db}}
@media(prefers-reduced-motion:reduce){.partners-network>i{animation:none}}

/* Contact page */
.contact-flow-visual .inner-flow-photo img{object-position:66% center;filter:saturate(.9) contrast(1.08) brightness(.8);transform:none}
.contact-experience{margin:20px;padding:clamp(54px,6vw,92px);display:grid;grid-template-columns:.82fr 1.18fr;align-items:start;gap:clamp(50px,7vw,110px);border-radius:30px;background:#f4eee7}.contact-experience-heading>span,.contact-map-copy>span,.contact-channel-section>header span{color:var(--orange);font-size:8px;font-weight:850;letter-spacing:.22em}.contact-experience-heading h2,.contact-map-copy h2,.contact-channel-section h2{margin:15px 0 23px;line-height:.94;letter-spacing:-.06em;font-weight:470}.contact-experience-heading h2 em,.contact-map-copy h2 em,.contact-channel-section h2 em{color:var(--orange);font-style:normal;font-weight:760}.contact-experience-heading>p,.contact-map-copy>p{max-width:610px;margin:0;color:#6e655d;font-size:14px;line-height:1.85}
.contact-experience-form{padding:34px;display:grid;gap:18px;border-radius:26px;background:#fff;box-shadow:0 28px 75px rgba(58,26,3,.11)}.contact-form-head{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.contact-form-head small,.contact-form-head strong{display:block}.contact-form-head small{color:#a59a91;font-size:6px;letter-spacing:.14em}.contact-form-head strong{margin-top:6px;font-size:17px}.contact-form-head>span{padding:8px 10px;border-radius:99px;background:#e2f7ec;color:#278856;font-size:7px;font-weight:800}.contact-form-head>span i{width:6px;height:6px;margin-right:5px;display:inline-block;border-radius:50%;background:#36b873;animation:contact-live 1.5s ease infinite}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-experience-form label{display:grid;gap:8px;color:#5f5751;font-size:9px;font-weight:750}.contact-experience-form input,.contact-experience-form select,.contact-experience-form textarea{width:100%;padding:14px 15px;border:1px solid #e3d9cf;border-radius:11px;outline:none;background:#fdfaf7;color:#2f2925;font:inherit;font-size:11px;font-weight:500;resize:vertical;transition:.2s ease}.contact-experience-form input:focus,.contact-experience-form select:focus,.contact-experience-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,121,12,.11);background:#fff}.contact-consent{grid-template-columns:18px 1fr!important;align-items:start;font-size:8px!important;font-weight:500!important;line-height:1.5}.contact-consent input{width:16px;height:16px;padding:0;accent-color:var(--orange)}.contact-experience-form .button{width:max-content;border:0;cursor:pointer}
.contact-map-section{min-height:590px;margin:20px;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;border-radius:30px;background:#171411;color:#fff}.contact-map-wrap{min-height:590px}.contact-map-wrap iframe{width:100%;height:100%;min-height:590px;border:0;filter:grayscale(.7) contrast(1.04)}.contact-map-copy{padding:clamp(45px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.contact-map-copy>p{color:rgba(255,255,255,.56)}.contact-map-copy>a{width:max-content;margin-top:28px;padding:12px 15px;display:flex;align-items:center;gap:8px;border-radius:99px;background:var(--orange);color:#fff;font-size:9px;font-weight:800;text-decoration:none}.contact-map-copy>a svg{width:16px}
.contact-channel-section{margin:20px;padding:clamp(54px,6vw,92px);border-radius:30px;background:#fff7ee}.contact-channel-section>header{margin-bottom:44px;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:70px}.contact-channel-section>header p{margin:0;color:#6e655d;font-size:14px;line-height:1.85}.contact-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.contact-channel-grid>a,.contact-channel-grid>article{min-height:190px;padding:25px;display:flex;align-items:flex-start;gap:14px;border:1px solid #eadfd4;border-radius:22px;background:#fff;color:#302a26;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-channel-grid>a:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(63,28,3,.09)}.contact-channel-grid>a:nth-child(1),.contact-channel-grid>a:nth-child(4){background:#191613;color:#fff}.contact-channel-grid>a:nth-child(3){background:var(--orange);color:#fff}.contact-channel-grid svg{width:44px;height:44px;padding:12px;flex:0 0 44px;border-radius:14px;background:#fff0df;color:var(--orange)}.contact-channel-grid>a:nth-child(1) svg,.contact-channel-grid>a:nth-child(4) svg{background:rgba(242,121,12,.14)}.contact-channel-grid>a:nth-child(3) svg{background:rgba(255,255,255,.16);color:#fff}.contact-channel-grid small,.contact-channel-grid strong,.contact-channel-grid em{display:block}.contact-channel-grid small{color:#a0958c;font-size:6px;letter-spacing:.11em}.contact-channel-grid strong{margin-top:18px;font-size:13px;line-height:1.3}.contact-channel-grid em{margin-top:9px;color:#8b8178;font-size:8px;font-style:normal}.contact-channel-grid>a:nth-child(1) small,.contact-channel-grid>a:nth-child(1) em,.contact-channel-grid>a:nth-child(4) small,.contact-channel-grid>a:nth-child(4) em{color:rgba(255,255,255,.43)}.contact-channel-grid>a:nth-child(3) small,.contact-channel-grid>a:nth-child(3) em{color:rgba(255,255,255,.68)}
@keyframes contact-live{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:1050px){.contact-experience,.contact-map-section,.contact-channel-section>header{grid-template-columns:1fr}.contact-map-copy{min-height:420px}.contact-channel-section>header{gap:18px}.contact-channel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.contact-experience,.contact-map-section,.contact-channel-section{margin:12px;border-radius:24px}.contact-experience,.contact-channel-section{padding:46px 22px}.contact-experience-form{padding:23px}.contact-form-row{grid-template-columns:1fr}.contact-map-wrap,.contact-map-wrap iframe{min-height:430px}.contact-map-copy{min-height:350px;padding:42px 22px}.contact-channel-grid{grid-template-columns:1fr}.contact-channel-grid>a,.contact-channel-grid>article{min-height:160px}}
@media(prefers-reduced-motion:reduce){.contact-form-head>span i{animation:none}}