/* 2A Digital — art direction V9. Shared, bidi-safe visual refinements. */
:root{--red:#e0232a;--radius:22px}
html{scroll-padding-top:96px}
body{font-synthesis:none;-webkit-font-smoothing:antialiased}
.site-header{background:rgba(12,14,19,.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.055)}
.site-header.scrolled{background:rgba(9,11,15,.97)}
.main-nav{min-height:82px}
.brand img{filter:drop-shadow(0 4px 16px rgba(224,35,42,.13))}
.nav-link{transition:color .22s}.nav-link.active:after{width:100%;height:2px;bottom:-13px;border-radius:3px}
.btn-primary-brand{border-radius:12px;box-shadow:0 12px 30px rgba(224,35,42,.20);transition:transform .25s,box-shadow .25s,background .25s}
.btn-primary-brand:hover{box-shadow:0 19px 40px rgba(224,35,42,.3)}
.hero{min-height:770px;background:radial-gradient(ellipse 50% 75% at 2% 58%,rgba(224,35,42,.095),transparent 73%),radial-gradient(ellipse 38% 65% at 98% 13%,rgba(77,82,98,.065),transparent 77%),#0b0d12}
.hero-grid{opacity:.1;background-size:66px 66px}
.hero h1{letter-spacing:-1.5px;line-height:1.4}
.hero-desc{color:#aeb3bd}.hero-bottom{border-top:1px solid rgba(255,255,255,.055);padding-top:23px;margin-top:70px}
.dashboard-frame{border-color:#383b44;box-shadow:0 45px 90px rgba(0,0,0,.48),0 0 50px rgba(224,35,42,.055);border-radius:22px}
.orbit{border-color:rgba(224,35,42,.12)}
.floating-chip{border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 35px rgba(0,0,0,.23)}
.services-premium{padding:104px 0 92px!important;background:#f7f8fa}
.services-premium:before{opacity:.65}.services-premium:after{opacity:.35}
.premium-heading{margin-bottom:45px;max-width:800px}
.premium-heading h2{font-size:clamp(29px,3.5vw,49px);line-height:1.43}
.premium-heading>p{color:#757c86;max-width:620px;font-size:13px}
.bento-services{gap:18px}
.bento-card{border-radius:20px;border-color:#e7e9ef;box-shadow:0 4px 18px rgba(27,32,46,.025);transition:transform .32s,border-color .32s,box-shadow .32s}
.bento-card:hover{transform:translateY(-5px);border-color:#dadfe7;box-shadow:0 26px 55px rgba(22,30,45,.09)}
.bento-top{min-height:49px}.bento-icon{border-radius:14px}
.bento-launch{background:radial-gradient(circle at 8% 100%,rgba(224,35,42,.19),transparent 51%),linear-gradient(135deg,#1b1d25,#101217);border-color:#252932}
.bento-launch h3{line-height:1.38}
.bento-launch-art{opacity:.85}
.bento-products{background:linear-gradient(160deg,#fff 35%,#f7f8fb)}
.bento-products .products-copy h3{margin-top:21px}
.product-workspace{margin-top:19px;grid-template-columns:1fr;gap:12px}
.workspace-sidebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.workspace-sidebar span{min-width:0;padding:9px 4px;min-height:36px;font-size:9px;background:#f7f8fa;box-shadow:none;border-color:#e7e9ef;white-space:nowrap}
.workspace-preview{grid-template-columns:1.1fr 1fr;gap:10px}
.preview-product-card{padding:9px;border-radius:12px;box-shadow:none}
.preview-thumb,.preview-product-card.small .preview-thumb{height:62px;font-size:23px;background:linear-gradient(135deg,#f5f5f7,#e9ebf0)}
.preview-lines{padding-top:8px}.preview-lines b{height:5px;margin-bottom:5px}.preview-lines small{height:4px;margin:0}
.bento-fulfillment{background:#fff}
.fulfillment-flow{background:#f7f8fa;border-color:#eef0f3}
.flow-node span{border-radius:14px;box-shadow:0 4px 14px rgba(20,25,32,.025)}
.bento-management{background:#edeff3}
.bento-management h3{font-size:clamp(17px,1.55vw,22px);letter-spacing:-.05em;white-space:nowrap}
.manage-visual{border-radius:14px;box-shadow:0 10px 30px rgba(16,23,38,.04)}
.premium-service-foot{border-top:1px solid #e6e9ed;padding-top:24px;margin-top:30px}
.process{background:radial-gradient(ellipse 48% 40% at 50% 0%,rgba(224,35,42,.075),transparent),#101218}
.process .section-head{margin-bottom:40px}
.process-track{gap:12px;padding-top:8px}
.process-step{border-radius:18px;padding:24px 12px 25px;background:linear-gradient(175deg,#191c23,#13161c);border:1px solid #2a2e37;min-height:259px;transition:transform .3s,border-color .3s}
.process-step:hover{border-color:rgba(224,35,42,.4)}
.step-circle{width:74px;height:74px;font-size:25px;border-color:rgba(224,35,42,.32);box-shadow:none!important;background:#20232b;margin-bottom:16px}
.step-number{font-size:11px}.process-step h3{font-size:14px;min-height:46px}.process-step p{font-size:11px;line-height:1.8}
.process-line{top:67px}
.process-note{margin-top:26px;border-radius:14px}
.platforms{background:#f7f8fa}
.platform-card{border-radius:22px;box-shadow:0 9px 35px rgba(16,24,40,.035);transition:transform .3s,box-shadow .3s}
.platform-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(16,24,40,.09)}
.platform-tags span{border-radius:10px}
.difference{background:#0e1016}
.faq{background:#f7f8fa}
.faq .accordion-item{border-radius:14px!important;box-shadow:0 5px 18px rgba(18,25,40,.025)}
.contact-section{background:linear-gradient(to bottom,#f7f8fa 0%,#f7f8fa 20%,#0b0d10 20%,#0b0d10 100%);padding-bottom:45px}
.contact-panel{border-radius:25px;background:radial-gradient(circle at 8% 95%,rgba(224,35,42,.15),transparent 46%),linear-gradient(120deg,#191c22,#0e1015 70%);border:1px solid rgba(255,255,255,.08)}
.footer{background:#0b0d10;border-top:1px solid rgba(255,255,255,.06);padding-top:48px}
.footer-main{padding-bottom:35px}.footer-links a{border:0;background:none;padding:0;border-radius:0;font-size:12px}.footer-links a:hover{background:none;color:#fff}
.footer-bottom{padding-top:22px}
@media(max-width:991px){.services-premium{padding:78px 0!important}.process-step{min-height:245px}.process-track{gap:12px}.bento-management h3{white-space:normal}}
@media(max-width:767px){.hero{min-height:auto}.hero-bottom{margin-top:35px}.services-premium{padding:68px 0!important}.premium-heading{margin-bottom:30px}.premium-heading h2{font-size:clamp(27px,7.6vw,35px)}.bento-services{gap:14px}.bento-card{border-radius:18px}.bento-products .workspace-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-products .workspace-sidebar span{font-size:10px}.bento-products .workspace-preview{grid-template-columns:1.1fr 1fr}.bento-management h3{white-space:normal}.process-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.process-step{min-height:227px;padding:17px 9px}.process-step:last-child{grid-column:1/-1;min-height:200px}.process-step h3{font-size:12px;min-height:0}.process-step p{font-size:10px}.step-circle{width:66px;height:66px;font-size:23px}.contact-panel{border-radius:20px}.footer{padding-top:36px}}
@media(max-width:365px){.process-track{grid-template-columns:1fr}.process-step:last-child{grid-column:auto}.process-step{min-height:0}.workspace-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}