
:root{--red:#E50914;--red-dark:#9F0712;--black:#050505;--ink:#111111;--muted:#5f6368;--soft:#f6f6f6;--line:#e7e7e7;--white:#ffffff;--grad:linear-gradient(135deg,#050505 0%,#151515 44%,#9F0712 100%);--redgrad:linear-gradient(135deg,#E50914 0%,#9F0712 100%);--shadow:0 24px 70px rgba(0,0,0,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;gap:26px}.brand-text,.footer-brand{font-weight:950;letter-spacing:-.075em;text-decoration:none;line-height:1}.brand-text{font-size:34px;color:#050505}.brand-text:after,.footer-brand:after{content:'';display:inline-block;width:10px;height:10px;background:var(--red);border-radius:50%;margin-left:4px}.primary-nav{margin-left:auto;display:flex;align-items:center;gap:28px}.primary-nav a{text-decoration:none;font-weight:850;font-size:15px;color:#161616}.primary-nav a:hover{color:var(--red)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;border:0;font-weight:950;min-height:50px;padding:15px 24px;line-height:1}.nav-cta,.btn.primary{background:var(--redgrad);color:#fff;box-shadow:0 18px 45px rgba(229,9,20,.28)}.btn.secondary{background:#fff;color:#050505;border:1px solid rgba(255,255,255,.32)}.btn.light{background:#fff;color:#050505;border:1px solid var(--line);box-shadow:0 16px 44px rgba(0,0,0,.07)}.menu-toggle{display:none;margin-left:auto;background:#050505;color:#fff;border:0;width:46px;height:46px;border-radius:14px;font-size:22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(229,9,20,.10);border:1px solid rgba(229,9,20,.28);color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.section .eyebrow,.blog-page .eyebrow{color:var(--red)}.hero,.subhero,.post-hero{position:relative;overflow:hidden;background:var(--grad);color:#fff;padding:104px 0 88px}.hero:before,.subhero:before,.post-hero:before,.cta:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 10%,rgba(229,9,20,.30),transparent 28%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px;pointer-events:none}.hero .container,.subhero .container,.post-hero .container,.cta .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:56px;align-items:center}.hero h1,.subhero h1,.post-hero h1{font-size:clamp(46px,6.6vw,84px);line-height:.98;letter-spacing:-.06em;margin:22px 0}.hero p,.subhero p,.post-hero p{font-size:20px;color:#e5e5e5;max-width:720px;margin:0 0 30px}.typewriter{display:block;color:#fff;text-shadow:0 0 28px rgba(229,9,20,.44);min-height:1.05em;overflow-wrap:anywhere}.actions{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust-row span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;font-weight:850}.red-dashboard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:34px;padding:26px;box-shadow:0 36px 120px rgba(0,0,0,.35);backdrop-filter:blur(15px)}.dash-header{height:46px;border-radius:16px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 16px;margin-bottom:18px}.dash-header span{width:12px;height:12px;border-radius:50%;background:#E50914}.dash-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric,.bars,.pipeline{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:22px}.metric b{display:block;font-size:42px;line-height:1}.metric small{color:#ddd}.bars{grid-column:span 2;height:150px;display:flex;align-items:end;gap:14px}.bars i{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#fff,#E50914)}.pipeline{grid-column:span 2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pipeline span{background:rgba(229,9,20,.22);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:10px;text-align:center;font-weight:850}.section{padding:88px 0}.section.soft{background:linear-gradient(180deg,#fff,#f7f7f7)}.section.black{background:#050505;color:#fff}.section-head{text-align:center;max-width:820px;margin:0 auto 46px}.section-head h2{font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.05em;margin:14px 0}.section-head p{font-size:18px;color:var(--muted)}.section.black .section-head p,.section.black .card p{color:#d4d4d4}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card,.process,.case,.contact-card,.contact-form,.about-panel,.blog-card,.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);height:100%;position:relative;overflow:hidden}.section.black .card{background:#111;border-color:#2a2a2a}.card:before,.process:before,.case:before,.blog-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--redgrad)}.icon{width:48px;height:48px;border-radius:16px;background:rgba(229,9,20,.10);color:var(--red);display:flex;align-items:center;justify-content:center;font-weight:950;margin-bottom:18px}.card h3,.process h3,.case h3,.blog-card h3{margin:0 0 10px;font-size:22px;line-height:1.22}.card p,.process p,.case p,.blog-card p{margin:0;color:var(--muted)}.stats{padding:30px 0;background:#fff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-grid div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 14px 36px rgba(0,0,0,.06)}.stat-grid b{display:block;font-size:36px;color:var(--red);line-height:1}.stat-grid span{font-weight:750;color:#555}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process span,.case span,.blog-tag{display:inline-flex;background:var(--redgrad);color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:950;margin-bottom:18px}.faq{max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:14px 0;box-shadow:0 12px 34px rgba(0,0,0,.05)}.faq summary{font-weight:950;cursor:pointer;list-style:none}.faq p{color:var(--muted)}.cta{position:relative;background:var(--grad);color:#fff;padding:74px 0;overflow:hidden}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}.cta h2{font-size:clamp(32px,4vw,50px);line-height:1.05;letter-spacing:-.05em;margin:14px 0}.cta p{font-size:18px;color:#e7e7e7;max-width:650px}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}.two-col h2{font-size:44px;line-height:1.08;letter-spacing:-.045em;margin-top:0}.two-col p{font-size:18px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.contact-card a{display:block;color:var(--red);font-weight:850;margin:9px 0}.contact-form label{display:block;font-weight:850;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:14px;padding:14px 15px;font:inherit;font-size:16px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(229,9,20,.12)}.contact-form button{width:100%;cursor:pointer}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{text-decoration:none;display:block;color:inherit}.blog-card h3{font-size:21px}.blog-card .read{display:inline-block;margin-top:18px;color:var(--red);font-weight:950}.post-meta{color:#d8d8d8;font-weight:750}.back-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:22px;font-weight:850}.post-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.post-content{background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:var(--shadow)}.post-content h2{font-size:32px;line-height:1.12;letter-spacing:-.035em;margin:34px 0 12px}.post-content h3{font-size:23px;margin:26px 0 8px}.post-content p,.post-content li{font-size:18px;color:#333}.post-content ul{padding-left:24px}.post-content blockquote{margin:28px 0;padding:24px;border-left:5px solid var(--red);background:#f7f7f7;border-radius:14px;font-weight:800}.post-sidebar{position:sticky;top:104px;display:grid;gap:18px}.side-card a{display:block;color:var(--red);font-weight:850;text-decoration:none;margin:10px 0}.site-footer{background:#050505;color:#e5e5e5;padding:72px 0 26px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:42px}.footer-brand{display:inline-block;color:#fff;font-size:36px;margin-bottom:18px}.site-footer p{color:#bbb;margin-top:0}.site-footer h4{color:#fff;margin:0 0 18px}.site-footer a{display:block;color:#e5e5e5;text-decoration:none;margin:9px 0}.site-footer a:hover{color:#ff4d55}.footer-social{display:flex;gap:10px;flex-wrap:wrap}.footer-social span{border:1px solid #2d2d2d;border-radius:999px;padding:8px 12px;font-weight:800}.footer-bottom{border-top:1px solid #252525;margin-top:46px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#aaa}@media(max-width:1000px){.menu-toggle{display:inline-flex}.primary-nav{display:none;position:absolute;left:20px;right:20px;top:82px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.16);border-radius:22px;padding:14px;flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.primary-nav a{padding:12px;border-radius:14px}.nav-cta{display:none}.hero-grid,.two-col,.contact-grid,.post-shell{grid-template-columns:1fr}.grid.three,.grid.four,.stat-grid,.platforms,.process-grid,.blog-grid,.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta .actions{margin-top:22px}.post-sidebar{position:static}}@media(max-width:640px){.container{width:min(100% - 32px,1180px)}.nav{height:74px}.brand-text{font-size:30px}.hero,.subhero,.post-hero{padding:62px 0 50px}.hero h1,.subhero h1,.post-hero h1{font-size:38px;line-height:1.05}.hero p,.subhero p,.post-hero p{font-size:17px}.actions .btn{width:100%}.trust-row span{width:100%;text-align:center}.dash-panel,.bars,.pipeline{grid-column:auto;grid-template-columns:1fr}.bars{height:120px}.section{padding:56px 0}.section-head{text-align:left;margin-bottom:30px}.section-head h2{font-size:32px}.grid.two,.grid.three,.grid.four,.stat-grid,.platforms,.process-grid,.blog-grid,.footer-grid{grid-template-columns:1fr}.card,.process,.case,.contact-card,.contact-form,.about-panel,.blog-card,.post-content,.side-card{padding:22px;border-radius:22px}.post-content p,.post-content li{font-size:16px}.post-content h2{font-size:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}}
/* v14 refinements: professional headings + secure WordPress contact form */
.form-alert{border-radius:16px;padding:14px 16px;margin:0 0 18px;font-weight:850;border:1px solid}
.form-alert.success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.form-alert.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.form-note{font-size:13px;color:#6b7280;margin:14px 0 0;text-align:center}
.contact-form input,.contact-form select,.contact-form textarea{background:#fff;color:#111;box-shadow:none}
.contact-form input:-webkit-autofill,.contact-form textarea:-webkit-autofill,.contact-form select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#111!important}
.blog-page .subhero h1,.section-head h2{word-break:normal;overflow-wrap:normal}

/* v16 service detail pages */
.service-link{display:block;text-decoration:none;color:inherit;transition:transform .2s ease, box-shadow .2s ease}
.service-link:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(0,0,0,.14)}
.card-link{display:inline-block;margin-top:18px;color:var(--red);font-weight:950}
.tick-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.tick-list li{position:relative;padding-left:30px;color:#333;font-size:17px}
.tick-list li:before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:rgba(229,9,20,.10);color:var(--red);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:950}
.service-hero .actions{margin-top:24px}
.about-panel .tick-list li{font-size:16px}
.faq h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin:0 0 20px}
@media(max-width:640px){.service-link{min-height:auto}.tick-list li{font-size:16px}}

/* v17 marquee cards */
.services-marquee,.industries-marquee{overflow:hidden;position:relative}
.marquee-track{display:flex;gap:24px;width:max-content;animation:marqueeLeft 35s linear infinite}
.marquee-track.reverse{animation:marqueeRight 35s linear infinite}
.services-marquee:hover .marquee-track,
.industries-marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marqueeLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marqueeRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}


/* v20 final marquee card rows */
.marquee-wrap{overflow:hidden;width:100%;margin-top:18px;padding:2px 0 14px}
.marquee-track{display:flex;gap:24px;width:max-content;animation:iwMarqueeLeft 32s linear infinite}
.marquee-track.reverse{animation-name:iwMarqueeRight}
.marquee-track .card{width:280px;min-width:280px}
.marquee-wrap:hover .marquee-track{animation-play-state:paused}
@keyframes iwMarqueeLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes iwMarqueeRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
@media(max-width:700px){.marquee-track .card{width:260px;min-width:260px}.marquee-track{gap:16px;animation-duration:26s}}

/* custom final changes */
.bars i{animation:barpulse 2s ease-in-out infinite;transform-origin:bottom center}
.bars i:nth-child(2){animation-delay:.2s}.bars i:nth-child(3){animation-delay:.4s}.bars i:nth-child(4){animation-delay:.6s}.bars i:nth-child(5){animation-delay:.8s}
@keyframes barpulse{0%,100%{transform:scaleY(.8)}50%{transform:scaleY(1.15)}}
.card .icon svg,.industry-card .icon svg,.service-card .icon svg{width:14px!important;height:14px!important;fill:#E50914!important;color:#E50914!important}
.faq-question:after,.accordion-title:after{content:'➜';color:#E50914;float:right;transition:.3s}
.faq-item.active .faq-question:after,.accordion-item.active .accordion-title:after{transform:rotate(90deg)}
