@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap');
:root{--red:#d32f2f;--red2:#a90f18;--ink:#0b0d10;--text:#34373d;--muted:#6b7078;--line:#e8e9ec;--soft:#f6f7f8;--white:#fff;--max:1180px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}img{max-width:100%}h1,h2,h3,h4{font-family:Poppins,Arial,sans-serif;color:var(--ink);line-height:1.08;margin:0 0 16px}h1{font-size:clamp(2.7rem,6vw,5.25rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em}h3{font-size:1.2rem}p{margin:0 0 18px}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{font:700 .76rem Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px}.accent{color:#ef2936}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:8px;font-weight:700;border:1px solid var(--red);background:var(--red);color:#fff;transition:.2s}.btn:hover{background:var(--red2);transform:translateY(-1px)}.btn.ghost{background:transparent;color:inherit;border-color:#bbb}.btn.dark{background:#111;border-color:#111}.arrow:after{content:' →'}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.brand img{display:block;width:190px;height:54px;object-fit:contain;object-position:left center}.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:.86rem;font-weight:700}.nav-links a:hover,.nav-links a.active{color:var(--red)}.menu-btn{display:none;margin-left:auto;border:0;background:none;font-size:1.5rem}
.hero{position:relative;overflow:hidden;padding:92px 0 74px;background:radial-gradient(circle at 82% 20%,rgba(211,47,47,.23),transparent 26%),linear-gradient(125deg,#070809 0%,#111315 58%,#25080b 100%);color:#e9e9e9}.hero:before,.page-hero:before{content:'';position:absolute;inset:-20% -10% auto 55%;height:500px;background:repeating-linear-gradient(125deg,transparent 0 50px,rgba(211,47,47,.10) 52px 104px);transform:skewX(-12deg);pointer-events:none}.hero h1,.hero h2,.hero h3{color:#fff}.hero p{font-size:1.08rem;max-width:650px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.hero .btn.ghost,.page-hero .btn.ghost{color:#fff;border-color:#777}.hero-visual{position:relative;min-height:430px}.screen{position:absolute;background:#0c0d0f;border:1px solid #35383d;box-shadow:0 28px 80px rgba(0,0,0,.5);overflow:hidden}.screen.laptop{width:88%;height:330px;right:4%;top:35px;border-radius:18px;padding:13px}.screen.laptop:after{content:'';position:absolute;left:-8%;right:-8%;bottom:-19px;height:18px;background:linear-gradient(#5c5e62,#202124);border-radius:3px 3px 14px 14px}.screen.phone{width:118px;height:235px;right:-2%;bottom:3px;border-radius:24px;padding:9px;z-index:4}.screen-ui{height:100%;border-radius:10px;background:linear-gradient(135deg,#121417,#26080b);padding:24px;display:flex;flex-direction:column;justify-content:center}.screen-ui small{color:#ef2936;font-weight:800;letter-spacing:.12em}.screen-ui strong{font:800 2.25rem/1.02 Poppins;color:#fff;max-width:300px}.screen-ui span{color:#bbb;margin-top:10px}.phone .screen-ui{padding:13px}.phone .screen-ui strong{font-size:1.2rem}.ai-orb{position:absolute;width:135px;height:135px;border-radius:50%;left:0;bottom:12px;background:radial-gradient(circle at 35% 30%,#ff6a73,#d32f2f 38%,#46080d 72%,#0b0d10);box-shadow:0 0 70px rgba(211,47,47,.45);display:grid;place-items:center;color:white;font:800 2rem Poppins;z-index:5}.float-card{position:absolute;right:22%;bottom:3px;background:#fff;color:#111;border:1px solid #eee;box-shadow:0 14px 40px rgba(0,0,0,.18);padding:14px 18px;border-radius:12px;font-weight:700;z-index:6}
.tech-strip{border-bottom:1px solid var(--line);padding:24px 0;background:#fff}.tech{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap}.tech strong{font-family:Poppins}.tools{display:flex;gap:24px;flex-wrap:wrap;font-weight:700;color:#333}.section{padding:88px 0}.section.soft{background:var(--soft)}.section.dark{background:linear-gradient(135deg,#0a0b0d,#151719);color:#ddd}.section.dark h2,.section.dark h3{color:#fff}.section.dark .eyebrow{color:#ff5b65}.intro{max-width:800px;margin-bottom:38px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:27px;background:#fff;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.07)}.card p{font-size:.94rem;color:#666}.card-link{color:var(--red);font-weight:700}.icon{width:46px;height:46px;border-radius:13px;background:#fff0f1;border:1px solid #ffd7da;display:grid;place-items:center;margin-bottom:18px;color:var(--red);font:800 1.15rem Poppins}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.list{display:grid}.list-row{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:19px 0;border-bottom:1px solid var(--line)}.list-row strong{font-family:Poppins;color:#111}.dark .list-row{border-color:#333}.dark .list-row strong{color:#fff}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.chip{border:1px solid #ddd;border-radius:999px;padding:7px 12px;font-size:.86rem;background:#fff}.dark .chip{background:#1b1b1b;border-color:#333;color:#eee}.process{counter-reset:step}.process .list-row strong:before{counter-increment:step;content:'0' counter(step) ' ';color:var(--red);margin-right:10px}.work-card{padding:0;overflow:hidden}.work-thumb{height:200px;background:linear-gradient(145deg,#120b0c,#522126);display:flex;align-items:flex-end;padding:24px;color:#fff;font:700 1.4rem Poppins;position:relative}.work-thumb:before{content:'';position:absolute;width:58%;height:62%;right:18px;top:18px;border:8px solid #222;border-radius:8px;background:linear-gradient(135deg,#f4f4f4,#d7d7d7);box-shadow:0 12px 30px rgba(0,0,0,.3)}.work-card:nth-child(2) .work-thumb{background:linear-gradient(135deg,#f2dddd,#391417)}.work-card:nth-child(3) .work-thumb{background:linear-gradient(135deg,#111,#33404c)}.work-card:nth-child(4) .work-thumb{background:linear-gradient(135deg,#e9ecef,#b7c0c8);color:#111}.work-body{padding:22px}.feature{padding:30px;border-left:4px solid var(--red);background:#fff;border-radius:0 var(--radius) var(--radius) 0}.ai-band{overflow:hidden;border-radius:24px;padding:42px;background:radial-gradient(circle at 70% 40%,rgba(211,47,47,.28),transparent 28%),linear-gradient(120deg,#090a0c,#16181b);color:#ddd;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.ai-band h2,.ai-band h3{color:#fff}.ai-visual{min-height:280px;position:relative}.ai-core{position:absolute;inset:20px 12% 20px 12%;border:1px solid #3d4147;border-radius:24px;background:linear-gradient(145deg,#17191d,#08090b);box-shadow:0 25px 55px rgba(0,0,0,.45);display:grid;place-items:center}.ai-core:before{content:'AI';width:115px;height:115px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ff717a,#d32f2f 45%,#52090f);box-shadow:0 0 65px rgba(211,47,47,.5);font:800 2.4rem Poppins;color:#fff}.ai-tag{position:absolute;background:#fff;color:#111;padding:10px 14px;border-radius:10px;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.25)}.ai-tag.t1{top:8px;left:0}.ai-tag.t2{right:0;top:65px}.ai-tag.t3{bottom:8px;left:8%}.cta{background:linear-gradient(120deg,#0b0c0e 0%,#17191b 65%,#520a10 100%);color:#fff;padding:62px 0}.cta h2{color:#fff}.footer{background:#090a0b;color:#aeb2b8;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}.footer h4{color:#fff}.footer a{display:block;margin:7px 0;color:#bbb}.footer a:hover{color:#fff}.footer .brand img{width:210px;height:60px;filter:brightness(0) invert(1)}.copyright{border-top:1px solid #292929;margin-top:36px;padding-top:18px;font-size:.8rem}
.page-hero{position:relative;overflow:hidden;padding:78px 0;background:radial-gradient(circle at 85% 30%,rgba(211,47,47,.25),transparent 28%),linear-gradient(125deg,#08090a,#151719 62%,#2b090c);color:#ddd}.page-hero h1{font-size:clamp(2.6rem,5vw,4.4rem);max-width:900px;color:#fff}.page-hero p{max-width:760px;font-size:1.08rem}.page-hero .eyebrow{color:#ff5964}.page-hero .container{position:relative;z-index:2}.page-hero:after{content:'</>';position:absolute;right:8%;top:50%;transform:translateY(-50%);font:800 clamp(5rem,12vw,10rem) Poppins;color:rgba(211,47,47,.12)}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-family:Poppins;font-weight:600;color:#111}.faq details p{padding-top:12px;max-width:800px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.form{display:grid;gap:15px}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #ccc;border-radius:8px;font:inherit}.form textarea{min-height:140px;resize:vertical}.notice{font-size:.83rem;color:#777}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 14px 25px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav-links .btn{width:100%}.menu-btn{display:block}.hero-grid,.split,.contact-grid,.ai-band{grid-template-columns:1fr}.hero{padding-top:60px}.hero-visual{min-height:390px}.grid-3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.list-row{grid-template-columns:1fr;gap:4px}.section{padding:66px 0}.page-hero:after{opacity:.5}}
@media(max-width:600px){.container{width:min(100% - 28px,var(--max))}.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.brand img{width:155px;height:44px}.nav{height:68px}.nav-links{top:68px}.hero{padding:46px 0}.hero-visual{min-height:330px;margin-top:10px}.screen.laptop{width:94%;height:255px;right:3%}.screen.phone{width:92px;height:190px}.screen-ui{padding:16px}.screen-ui strong{font-size:1.65rem}.phone .screen-ui strong{font-size:.95rem}.ai-orb{width:92px;height:92px;font-size:1.35rem}.float-card{right:12%;font-size:.8rem}.section{padding:54px 0}.page-hero{padding:58px 0}h1{font-size:2.65rem}h2{font-size:2rem}.ai-band{padding:26px}.ai-visual{min-height:235px}.tech{display:block}.tools{margin-top:14px;gap:12px 18px}.work-thumb{height:175px}}

/* ===== SRS WebOps motion system ===== */
.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal-ready.is-visible{opacity:1;transform:none}
.card.reveal-ready:nth-child(2),.work-card.reveal-ready:nth-child(2){transition-delay:.08s}.card.reveal-ready:nth-child(3),.work-card.reveal-ready:nth-child(3){transition-delay:.16s}.card.reveal-ready:nth-child(4),.work-card.reveal-ready:nth-child(4){transition-delay:.24s}
.ai-orb{animation:aiPulse 3.4s ease-in-out infinite}
.ai-orb:before,.ai-orb:after{content:'';position:absolute;inset:-12px;border:1px solid rgba(239,41,54,.38);border-radius:50%;animation:aiRing 2.8s ease-out infinite}.ai-orb:after{animation-delay:1.4s}
.ai-core:before{animation:aiPulse 3.2s ease-in-out infinite}
.ai-core:after{content:'';position:absolute;width:165px;height:165px;border:1px solid rgba(239,41,54,.28);border-radius:50%;animation:aiRing 3s ease-out infinite}
.ai-tag{animation:aiFloat 4s ease-in-out infinite}.ai-tag.t2{animation-delay:.8s}.ai-tag.t3{animation-delay:1.5s}
.hero-visual .screen.laptop{animation:deviceFloat 6s ease-in-out infinite}.hero-visual .screen.phone{animation:deviceFloat 5s ease-in-out infinite reverse}
.hero:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#ef2936;right:18%;top:20%;box-shadow:80px 65px 0 rgba(239,41,54,.45),-110px 115px 0 rgba(255,255,255,.18),55px 210px 0 rgba(239,41,54,.25);animation:dataDrift 7s ease-in-out infinite;pointer-events:none}
.page-hero:after{animation:codeGlow 3.8s ease-in-out infinite}
.icon{transition:transform .25s ease,box-shadow .25s ease}.card:hover .icon{transform:rotate(-6deg) scale(1.08);box-shadow:0 8px 20px rgba(211,47,47,.13)}
@keyframes aiPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.055);filter:brightness(1.16)}}
@keyframes aiRing{0%{transform:scale(.72);opacity:.75}100%{transform:scale(1.42);opacity:0}}
@keyframes aiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes deviceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes dataDrift{0%,100%{transform:translate(0,0);opacity:.55}50%{transform:translate(-18px,18px);opacity:1}}
@keyframes codeGlow{0%,100%{opacity:.55;filter:drop-shadow(0 0 0 rgba(211,47,47,0))}50%{opacity:.9;filter:drop-shadow(0 0 18px rgba(211,47,47,.35))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal-ready{opacity:1;transform:none}}

/* ===== AI Services expansion ===== */
.ai-services-block{padding:88px 0;background:linear-gradient(180deg,#0b0c0e,#131518);color:#c9cbd0}.ai-services-block .container{width:min(100% - 40px,var(--max));margin:auto}.ai-services-block h2,.ai-services-block h3{color:#fff}.ai-services-block .card{background:linear-gradient(145deg,#17191d,#0d0e10);border-color:#2c2e33}.ai-services-block .card p{color:#b8bbc0}.ai-services-block .chip{background:#181a1e;border-color:#35383e;color:#ddd}.ai-service-card{position:relative;overflow:hidden}.ai-service-card:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:radial-gradient(circle,rgba(211,47,47,.28),transparent 68%);transition:.3s}.ai-service-card:hover:after{transform:scale(1.6)}.ai-page-hero:after{content:'AI';font-size:clamp(8rem,20vw,17rem);right:4%;color:rgba(211,47,47,.1)}.ai-page-visual{min-height:330px}.dark-card{background:#121417;border-color:#2b2d31}.dark-card p{color:#bbb}.dark-card:hover{box-shadow:0 16px 38px rgba(0,0,0,.28)}
@media(max-width:900px){.ai-services-block{padding:66px 0}}
@media(max-width:600px){.ai-services-block{padding:54px 0}.ai-services-block .container{width:min(100% - 28px,var(--max))}.ai-page-visual{min-height:250px}}