:root{--service-cyan:#4ac5df;--service-green:#67d1a3;--service-amber:#efb65f;--service-coral:#ee7f76;--service-violet:#a59df2;--service-ink:#071923;--service-line:rgba(137,195,211,.2)}
.services-feature-page{background:#071923}.services-feature-page .feature-header{background:rgba(7,25,35,.95)}
.services-page-nav{position:relative;z-index:24;margin-top:78px;border-bottom:1px solid var(--service-line);background:#091f2a;color:#dcecf0}
.services-page-nav-inner{display:flex;align-items:stretch;width:min(1440px,100%);min-height:54px;margin:0 auto;padding:0 max(24px,calc((100vw - 1240px)/2))}
.services-page-nav-title{display:flex;flex:0 0 auto;align-items:center;margin-right:30px;color:var(--service-amber);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.services-page-nav-links{display:flex;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.services-page-nav-links::-webkit-scrollbar{display:none}
.services-page-nav-links a{position:relative;display:flex;align-items:center;min-height:54px;padding:0 17px;color:#91aab3;font-size:13px;font-weight:670;white-space:nowrap;transition:color .2s}.services-page-nav-links a::after{position:absolute;right:17px;bottom:-1px;left:17px;height:2px;content:"";background:var(--service-amber);opacity:0}.services-page-nav-links a:hover,.services-page-nav-links a:focus-visible,.services-page-nav-links a.is-current{color:#fff}.services-page-nav-links a.is-current::after{opacity:1}
.services-feature-page .product-hero{min-height:700px;background:radial-gradient(circle at 76% 43%,rgba(74,197,223,.1),transparent 32%),linear-gradient(145deg,#071923,#0a2732 67%,#071923)}
.services-feature-page .product-hero::before{background-image:linear-gradient(rgba(98,183,207,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(98,183,207,.05) 1px,transparent 1px);background-size:46px 46px}
.services-feature-page .product-hero-copy{max-width:660px}.services-feature-page .product-hero-copy h1 span{color:#efc983}.services-feature-page .product-hero-lead{max-width:690px}.services-feature-page .product-stats b{color:var(--service-amber)}
.services-hero-visual{position:absolute;top:132px;right:clamp(26px,5.5vw,90px);width:min(42vw,610px);min-height:410px;color:#edf8fa}.services-window{overflow:hidden;border:1px solid rgba(148,205,220,.28);background:rgba(8,27,37,.94);box-shadow:0 32px 80px rgba(0,0,0,.35)}
.services-window-bar{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:0 18px;border-bottom:1px solid rgba(149,205,220,.16);color:#89a5ae;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.services-window-bar b{color:var(--service-green)}
.services-section{position:relative;padding:106px clamp(26px,6vw,96px)}.services-section-light{color:#102b35;background:#f3f7f7}.services-section-white{color:#102b35;background:#fff}.services-section-dark{color:#eef8fa;background:#0a222d}
.services-heading{max-width:790px;margin-bottom:52px}.services-heading h2,.services-split-copy h2,.services-related h2{max-width:820px;margin:14px 0 20px;font-size:clamp(34px,4vw,62px);line-height:1.03;letter-spacing:0}.services-heading>p:last-child,.services-split-copy>p,.services-related>div>p{max-width:740px;margin:0;color:#536a73;font-size:17px;line-height:1.75}.services-section-dark .services-split-copy>p,.services-related>div>p{color:#a7bbc2}
.services-intro-grid,.services-split{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(48px,8vw,118px);align-items:center}.services-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ccd9dc;border-left:1px solid #ccd9dc}.services-card-grid article{min-height:250px;padding:30px;border-right:1px solid #ccd9dc;border-bottom:1px solid #ccd9dc}.services-card-grid small,.services-label{color:#4b8491;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.services-card-grid h3{margin:34px 0 12px;font-size:22px;line-height:1.15}.services-card-grid p{margin:0;color:#5a6f77;font-size:14px;line-height:1.65}
.services-detail-list{margin:30px 0 0;padding:0;list-style:none}.services-detail-list li{position:relative;margin:0;padding:14px 0 14px 30px;border-bottom:1px solid rgba(151,197,211,.17);color:#c4d5da;line-height:1.55}.services-detail-list li::before{position:absolute;top:19px;left:0;width:9px;height:9px;content:"";border:2px solid var(--service-amber);transform:rotate(45deg)}.services-detail-list a{color:#8edbea;text-decoration:underline;text-underline-offset:4px}
.services-flow{display:grid;gap:10px}.services-flow-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;min-height:74px;padding:12px 18px;border:1px solid rgba(142,195,211,.2);background:rgba(255,255,255,.035)}.services-flow-row>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(74,197,223,.46);color:var(--service-cyan);font-size:12px;font-weight:800}.services-flow-row strong,.services-flow-row small{display:block}.services-flow-row small{margin-top:5px;color:#94abb3}.services-flow-row>b{color:var(--service-green);font-size:10px;text-align:right;text-transform:uppercase}
.services-callout{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;padding:48px;border-left:4px solid var(--service-amber);background:#e8eeef}.services-callout h3{margin:12px 0 16px;font-size:clamp(28px,3vw,44px);line-height:1.08}.services-callout p{margin:0;color:#536b74;line-height:1.7}.services-callout-aside{padding-left:34px;border-left:1px solid #bdcccf}.services-callout-aside strong,.services-callout-aside span{display:block}.services-callout-aside span{margin-top:10px;color:#60757d;font-size:14px;line-height:1.6}
.services-related{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;color:#eef8fa;background:#071923}.services-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--service-line);border-left:1px solid var(--service-line)}.services-related-links a{display:flex;justify-content:space-between;align-items:center;min-height:76px;padding:18px 22px;border-right:1px solid var(--service-line);border-bottom:1px solid var(--service-line);color:#d7e9ed;font-weight:700;transition:color .2s,background .2s}.services-related-links a:hover,.services-related-links a:focus-visible{color:#fff;background:rgba(239,182,95,.07)}.services-related-links a span{color:var(--service-amber)}
.services-page-pager{display:grid;grid-template-columns:1fr 260px 1fr;color:#e8f5f7;background:#0b2530;border-top:1px solid var(--service-line)}.services-page-pager a{display:grid;grid-template-columns:auto 1fr;gap:2px 18px;align-items:center;min-height:118px;padding:24px clamp(24px,5vw,76px);transition:background .2s}.services-page-pager a>span{grid-row:1/3;color:var(--service-amber);font-size:24px}.services-page-pager a small,.services-page-pager a strong{display:block}.services-page-pager a small{color:#7f9aa4;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.services-page-pager a strong{font-size:16px}.services-page-pager a:hover,.services-page-pager a:focus-visible{background:rgba(239,182,95,.07)}.services-pager-next{text-align:right}.services-pager-next>span{grid-column:2;justify-self:end}.services-page-pager>p{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:20px;border-right:1px solid rgba(145,197,214,.17);border-left:1px solid rgba(145,197,214,.17);text-align:center}.services-page-pager>p span{color:var(--service-amber);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.services-page-pager>p strong{margin-top:7px;font-size:13px}
.service-console{padding:18px}.service-summary{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;border-left:2px solid var(--service-amber);background:rgba(239,182,95,.06);font-size:9px}.service-summary b{color:var(--service-amber)}
/* Vault */
.vault-unlock{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:18px;border:1px solid rgba(103,209,163,.25);background:rgba(103,209,163,.04)}.vault-lock{display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(103,209,163,.45);color:var(--service-green);font-size:12px;font-weight:800}.vault-unlock strong,.vault-unlock small{display:block}.vault-unlock small{margin-top:6px;color:#819ba4;font-size:8px}.vault-items{display:grid;gap:7px;margin-top:12px}.vault-item{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:11px;border:1px solid rgba(145,201,216,.15)}.vault-item>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(165,157,242,.4);color:var(--service-violet);font-size:8px}.vault-item strong,.vault-item small{display:block}.vault-item strong{font-size:10px}.vault-item small{margin-top:4px;color:#7c97a0;font-size:8px}.vault-item>b{color:var(--service-green);font-size:8px;text-transform:uppercase}.vault-crypto{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:12px}.vault-crypto div{padding:12px;border:1px solid rgba(145,201,216,.17);font-size:9px}.vault-crypto span{color:var(--service-cyan)}
/* Push */
.push-event{padding:14px;border-left:3px solid var(--service-coral);background:rgba(238,127,118,.06)}.push-event strong,.push-event small{display:block}.push-event small{margin-top:5px;color:#859da5;font-size:8px}.push-route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0}.push-route>span{color:var(--service-cyan)}.push-audience{padding:14px;border:1px solid rgba(145,201,216,.17)}.push-audience strong,.push-audience small{display:block}.push-audience small{margin-top:5px;color:#8199a2;font-size:8px}.push-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.push-channel{padding:14px 8px;border:1px solid rgba(145,201,216,.17);text-align:center}.push-channel span{display:grid;place-items:center;width:31px;height:31px;margin:0 auto 9px;border:1px solid var(--channel);color:var(--channel);font-size:9px;font-weight:800}.push-channel strong,.push-channel small{display:block}.push-channel strong{font-size:9px}.push-channel small{margin-top:4px;color:#78949c;font-size:7px}
/* Smart Workspace */
.smart-ticket{padding:16px;border:1px solid rgba(145,201,216,.18)}.smart-ticket-head{display:flex;justify-content:space-between;align-items:center}.smart-ticket-head strong{font-size:11px}.smart-ticket-head b{color:var(--service-coral);font-size:8px;text-transform:uppercase}.smart-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}.smart-categories span{padding:10px;border:1px solid rgba(145,201,216,.14);color:#9bb1b8;font-size:8px}.smart-categories span.active{border-color:rgba(74,197,223,.42);color:#eef9fa;background:rgba(74,197,223,.05)}.smart-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:14px}.smart-pipeline div{position:relative;padding:12px 4px;border-top:2px solid var(--step);background:rgba(255,255,255,.03);text-align:center}.smart-pipeline div:not(:last-child)::after{position:absolute;top:50%;right:-6px;width:7px;height:1px;content:"";background:#55717b}.smart-pipeline strong,.smart-pipeline small{display:block}.smart-pipeline strong{font-size:8px}.smart-pipeline small{margin-top:4px;color:#718d96;font-size:7px}
/* Access */
.access-user{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid rgba(145,201,216,.13)}.access-user>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(74,197,223,.38);color:var(--service-cyan);font-size:9px;font-weight:800}.access-user strong,.access-user small{display:block}.access-user strong{font-size:10px}.access-user small{margin-top:4px;color:#7d98a1;font-size:8px}.access-user>b{color:var(--service-green);font-size:8px;text-transform:uppercase}.access-matrix{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);margin-top:13px;border-top:1px solid rgba(145,201,216,.16);border-left:1px solid rgba(145,201,216,.16)}.access-matrix span{display:grid;place-items:center;min-height:38px;padding:5px;border-right:1px solid rgba(145,201,216,.16);border-bottom:1px solid rgba(145,201,216,.16);color:#77939d;font-size:7px;text-align:center}.access-matrix span.on{color:var(--service-green);font-size:12px}.access-matrix span.label{justify-content:start;padding-left:10px;color:#dcecef;font-size:8px;text-align:left}
@media(max-width:1120px){.services-feature-page .product-hero{min-height:690px}.services-hero-visual{right:28px;width:43vw}.services-intro-grid,.services-split{grid-template-columns:1fr;gap:52px}.services-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.services-feature-page .product-hero{min-height:0;padding:70px 24px 0}.services-hero-visual{position:relative;top:auto;right:auto;width:100%;min-height:410px;margin-top:48px;opacity:1}.services-feature-page .product-stats{position:relative;margin:0 -24px}.services-section{padding:82px 28px}.services-related{grid-template-columns:1fr;gap:48px}.services-page-pager{grid-template-columns:1fr 1fr}.services-page-pager>p{display:none}}
@media(max-width:680px){.services-page-nav{margin-top:68px}.services-page-nav-inner{padding:0 8px}.services-page-nav-title{display:none}.services-page-nav-links{gap:4px}.services-page-nav-links a{padding:0 11px;font-size:11px}.services-page-nav-links a::after{right:11px;left:11px}.services-feature-page .product-hero{padding-right:18px;padding-left:18px}.services-feature-page .product-hero-copy h1{font-size:clamp(3rem,13vw,3.25rem)}.services-feature-page .product-stats{margin:0 -18px}.services-section{padding:70px 18px}.services-heading h2,.services-split-copy h2,.services-related h2{font-size:36px}.services-card-grid{grid-template-columns:1fr}.services-card-grid article{min-height:210px}.services-callout{grid-template-columns:1fr;gap:34px;padding:34px 26px}.services-callout-aside{padding:28px 0 0;border-top:1px solid #bdcccf;border-left:0}.services-related-links{grid-template-columns:1fr}.services-page-pager a{min-height:108px;padding:20px 18px}.services-page-pager a strong{font-size:13px}.services-window-bar{padding:0 12px}.service-console{padding:12px}.smart-pipeline{grid-template-columns:repeat(4,minmax(0,1fr))}.smart-pipeline div{padding:10px 2px}.access-matrix{grid-template-columns:1.2fr repeat(3,.7fr)}}
@media(prefers-reduced-motion:reduce){.services-page-nav-links{scroll-behavior:auto}}
