@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{
 --blue:#0879e8;--cyan:#09c7ee;--deep:#071b52;--deep2:#041233;
 --orange:#ff6a00;--gold:#ffc400;--red:#f5222d;--ink:#08183f;
 --muted:#5d6780;--soft:#f4f7fb;--line:#dfe5ef;--white:#fff;
 --max:1200px;--shadow:0 18px 55px rgba(7,27,82,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{background:var(--deep2);color:#b9c6e4;font-size:11px}.topbar .container{min-height:32px;display:flex;align-items:center;justify-content:space-between}.toplinks{display:flex;gap:22px}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #edf0f5}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center}.logo img{width:185px;height:auto;max-height:58px;object-fit:contain;display:block;}.navlinks{display:flex;align-items:center;gap:2px}.navitem{position:relative}.navitem>a{font-size:15px;font-weight:700;padding:12px 11px;display:block}.navitem>a:hover{color:var(--blue)}.dropdown{position:absolute;left:0;top:48px;width:250px;background:#fff;border-top:3px solid var(--blue);box-shadow:var(--shadow);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.navitem:hover .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;font-size:15px;padding:10px;border-bottom:1px solid #f0f2f6}.dropdown a:hover{background:#f2f7ff;color:var(--blue)}.nav-cta{margin-left:10px;background:var(--deep);color:#fff!important;padding:11px 16px!important}.menu-btn{display:none;background:none;border:0;font-size:25px;color:var(--deep)}
.hero{background:var(--deep);color:#fff;min-height:612px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(9,199,238,.28),transparent 30%),radial-gradient(circle at 90% 90%,rgba(255,106,0,.18),transparent 27%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#7de6fa;font-weight:800}.hero h1{font-family:Manrope;font-size:clamp(48px,6.3vw,82px);line-height:.99;letter-spacing:-.065em;margin:18px 0 25px;max-width:820px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero p{font-size:18px;color:#cbd5eb;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border:1px solid currentColor;font-size:13px;font-weight:800}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.secondary{background:transparent;color:inherit}.hero .btn.secondary{border-color:#7584a5}.hero-art{min-height:430px;position:relative}.art-panel{position:absolute;background:linear-gradient(145deg,#0b57c9,#05bfe9);width:330px;height:390px;right:40px;top:15px;transform:rotate(7deg)}.art-panel.two{background:linear-gradient(145deg,#ffb900,#ff4e16);width:240px;height:250px;right:0;top:160px;transform:rotate(-13deg);opacity:.95}.art-panel.three{background:var(--deep2);border:1px solid #264a8c;width:200px;height:175px;right:160px;bottom:0;transform:rotate(4deg)}.art-text{position:absolute;left:30px;bottom:25px;color:#fff;font-family:Manrope;font-size:22px;max-width:300px}.hero-corner{position:absolute;right:0;top:30px;color:#7b8bad;font-size:80px;font-family:Manrope;font-weight:800;opacity:.35}
.stats{background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:25px 28px;border-right:1px solid var(--line)}.stat b{font-family:Manrope;font-size:27px;color:var(--blue)}.stat span{display:block;color:var(--muted);font-size:12px}
section{padding:2px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-weight:800;margin-bottom:12px}.section-head h2{margin:0;font-family:Manrope;font-size:clamp(34px,4.2vw,57px);line-height:1.02;letter-spacing:-.055em}.section-head p{margin:0;color:var(--muted);font-size:15px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.card{padding:30px 28px 35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:.25s}.card:hover{background:#f5f9ff;transform:translateY(-3px)}.card:nth-child(3n){border-right:0}.icon{width:45px;height:45px;display:grid;place-items:center;background:var(--deep);color:#fff;font-weight:800;font-size:11px;margin-bottom:25px}.card h3{font-family:Manrope;font-size:22px;letter-spacing:-.04em;margin:0 0 9px}.card p{color:var(--muted);font-size:14px;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:stretch}.dark-section{background:var(--deep);color:#fff}.dark-section .kicker{color:var(--cyan)}.dark-section .section-head p{color:#bfcbe3}.dark-section .card{background:transparent;border-color:#29416e;color:#fff}.dark-section .card:hover{background:#0d2b62}.dark-section .card p{color:#bdc8dc}
.statement{font-family:Manrope;font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.055em;margin:0}.statement span{color:var(--blue)}.body-copy{color:var(--muted);font-size:15px}.visual-block{min-height:390px;background:var(--soft);position:relative;overflow:hidden}.visual-block:before{content:"";position:absolute;width:70%;height:120%;background:linear-gradient(140deg,var(--blue),var(--cyan));left:-20%;top:-10%;transform:rotate(20deg)}.visual-block:after{content:"";position:absolute;width:50%;height:70%;background:linear-gradient(140deg,var(--orange),var(--gold));right:-12%;bottom:-20%;transform:rotate(-18deg)}.visual-label{position:absolute;z-index:2;left:30px;bottom:30px;color:#fff;font-family:Manrope;font-size:30px;max-width:360px}
.solution-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-card{min-height:360px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.solution-card:nth-child(1){background:linear-gradient(145deg,#063b98,#09aee6)}.solution-card:nth-child(2){background:linear-gradient(145deg,#081a50,#0b4fbf)}.solution-card:nth-child(3){background:linear-gradient(145deg,#ff6a00,#f21f3a)}.solution-card:nth-child(4){background:linear-gradient(145deg,#5b19a8,#ff6a00)}.solution-card:after{content:"↗";position:absolute;right:25px;top:18px;font-size:28px}.solution-card h3{font-family:Manrope;font-size:31px;line-height:1.02;margin:0;max-width:300px}.solution-card p{color:#edf5ff;font-size:13px;max-width:300px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}.feature{padding:27px 0;border-bottom:1px solid var(--line);display:flex;gap:20px}.feature:nth-child(odd){margin-right:35px;padding-right:35px;border-right:1px solid var(--line)}.feature .icon{flex:none;margin:0;width:38px;height:38px}.feature h3{font-family:Manrope;font-size:18px;margin:0 0 4px}.feature p{margin:0;color:var(--muted);font-size:13px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{padding:25px;border-top:4px solid var(--blue);border-right:1px solid var(--line);min-height:190px}.step:nth-child(2){border-top-color:var(--cyan)}.step:nth-child(3){border-top-color:var(--orange)}.step:nth-child(4){border-top-color:var(--gold);border-right:0}.step span{font-size:10px;font-weight:800;color:var(--muted)}.step h3{font-family:Manrope;font-size:22px;margin:12px 0 8px}.step p{font-size:13px;color:var(--muted)}
.quote{background:var(--soft);padding:50px;border-left:7px solid var(--orange)}.quote p{font-family:Manrope;font-size:clamp(26px,3.4vw,44px);line-height:1.1;letter-spacing:-.05em;margin:0;max-width:950px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-family:Manrope;font-weight:700;cursor:pointer}.faq details p{color:var(--muted);font-size:13px;max-width:700px}
.cta{background:var(--deep);color:#fff;padding:65px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-family:Manrope;font-size:clamp(32px,4vw,54px);letter-spacing:-.05em;line-height:1.03;margin:0}.cta p{color:#c1cbe0;max-width:600px}.cta .btn.secondary{border-color:#526689}
footer{background:#0b2c62;color:#dbe4f7;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px;padding:35px 0}.footer-brand .logo img{width:165px;filter:none}.footer-brand p{color:#fff;font-size:15px;max-width:280px;margin-top:20px}.footer-title{font-weight:800;font-size:15px;color:#fff;margin-bottom:12px}.footer-grid a{display:block;color:#fff;font-size:15px;margin:8px 0}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #182746;padding:18px 0;color:#fff;font-size:11px;display:flex;justify-content:space-between}
.page-hero{background:var(--deep);color:#fff;padding:80px 0 70px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-130px;top:-160px;width:480px;height:480px;border-radius:50%;background:linear-gradient(135deg,rgba(9,199,238,.4),rgba(8,121,232,.05));border:1px solid rgba(255,255,255,.08)}.page-hero h1{font-family:Manrope;font-size:clamp(45px,6vw,75px);letter-spacing:-.06em;line-height:1;margin:12px 0 18px;max-width:850px}.page-hero p{color:#c4d0e7;max-width:760px;font-size:16px}.breadcrumb{font-size:11px;color:#92a4c4}.content-grid{display:grid;gap:55px}.prose p{color:var(--muted);font-size:14px}.prose h2{font-family:Manrope;font-size:34px;letter-spacing:-.045em;margin-top:45px}.feature-box{border:1px solid var(--line);padding:22px;background:#fff}.feature-box h3{font-family:Manrope;font-size:18px}.feature-box p{color:var(--muted);font-size:13px}.feature-grid{grid-template-columns:1fr 1fr}.sidebar{position:sticky;top:100px;height:max-content;border-left:3px solid var(--blue);background:var(--soft);padding:20px}.sidebar strong{font-family:Manrope}.sidebar a{display:block;font-size:15px;padding:8px 0;border-bottom:1px solid #dce2ec}.sidebar a:hover{color:var(--blue)}
.form{background:var(--soft);padding:30px;border-top:4px solid var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:12px}.field input,.field textarea,.field select{font:inherit;padding:12px;border:1px solid #cfd7e4;background:#fff}.field textarea{min-height:140px}.success{display:none;margin-top:12px;background:#e7f8ef;color:#176746;padding:10px;font-size:12px}
.reveal{opacity:0;transform:translateY(15px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.navlinks{display:none}.menu-btn{display:block}.navlinks.open{display:flex;position:absolute;left:20px;right:20px;top:78px;background:#fff;box-shadow:var(--shadow);padding:10px;flex-direction:column;align-items:stretch}.navitem>a{padding:12px}.dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;width:auto;box-shadow:none;border-top:0}.navitem:hover .dropdown{display:block}.hero-grid,.split,.content-grid,.faq{grid-template-columns:1fr}.hero-art{min-height:360px}.grid3{grid-template-columns:1fr 1fr}.solution-row{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:620px){.topbar{display:none}.container{width:calc(100% - 28px)}.nav{height:70px}.logo img{width:150px;}.hero{min-height:650px}.hero h1{font-size:48px}.hero-grid{gap:20px}.hero-art{min-height:270px}.art-panel{width:220px;height:270px;right:20px}.art-panel.two{width:160px;height:160px;right:0;top:110px}.art-panel.three{width:140px;height:120px;right:110px}.stats{grid-template-columns:1fr 1fr}.stat{padding:20px 15px}.section-head{grid-template-columns:1fr;gap:15px}.grid3,.solution-row,.feature-grid,.process{grid-template-columns:1fr}.feature:nth-child(odd){margin-right:0;padding-right:0;border-right:0}.cta{padding:35px 25px;display:block}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.quote{padding:30px 22px}}

/* Interactive cards + scroll statistics */
.card,.solution-card,.feature,.step,.stat,.impact-card{position:relative;overflow:hidden}
.card p{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.card:hover p{opacity:1;transform:translateY(0)}
.solution-card>p,.feature p{transition:opacity .35s ease,transform .35s ease}
.card:after,.solution-card:after,.impact-card:after{content:"";position:absolute;inset:auto -40px -60px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(0,196,255,.18),transparent 70%);pointer-events:none;transition:.35s}
.card:hover:after,.solution-card:hover:after,.impact-card:hover:after{transform:scale(1.5)}
.hover-hint{display:block;margin-top:16px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.3s}
.card:hover .hover-hint{opacity:0;transform:translateY(5px)}
.stat{transition:background .3s ease,transform .3s ease}.stat:hover{background:#f4f9ff;transform:translateY(-2px)}
.stat b{display:block;transition:transform .4s ease}.stat:hover b{transform:translateX(5px)}
.stats-scroll{padding:62px 0 70px;background:linear-gradient(180deg,#f7fbff 0,#fff 100%);position:relative;overflow:hidden}
.glance-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr);gap:62px;align-items:center}
.stats-scroll .stats-intro{max-width:520px;margin:0}
.stats-scroll .stats-intro h2{font-size:clamp(38px,4.6vw,60px);line-height:1.02;margin:10px 0 16px}
.stats-scroll .stats-intro p{color:var(--muted);max-width:480px;margin:0}
.glance-rule{height:2px;width:100px;background:#dce5ef;margin:28px 0 18px;overflow:hidden}.glance-rule span{display:block;width:55%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--orange));animation:glanceRule 2.2s ease-in-out infinite alternate}
.glance-caption{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted)}.glance-caption b{color:var(--orange);font-size:16px;margin-left:8px}
.impact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;border:0}
.impact-card{position:relative;min-height:215px;background:#fff;border:1px solid #e7ebf1;border-radius:18px;padding:23px 24px 20px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .35s ease,box-shadow .35s ease,border-color .35s ease}
.impact-card:hover{transform:translateY(-7px);background:#fff;box-shadow:0 22px 55px rgba(9,52,116,.13);border-color:#d7e2ef;z-index:2}
.impact-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;margin-bottom:12px;box-shadow:0 7px 18px rgba(20,40,80,.12)}
.icon-blue{background:linear-gradient(135deg,#078cf0,#00c4ff)}.icon-green{background:linear-gradient(135deg,#00a878,#20c997)}.icon-purple{background:linear-gradient(135deg,#9c35e8,#e22fc2)}.icon-orange{background:linear-gradient(135deg,#ff5b00,#ffb000)}
.impact-number{font-family:Manrope;font-size:48px;font-weight:800;letter-spacing:-.07em;line-height:.9;color:var(--deep);margin-bottom:7px}
.impact-number .suffix{font-size:.55em;color:var(--orange)}
.impact-card h3{font-size:17px;line-height:1.2;margin:0 0 5px}.impact-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.45;max-width:360px}
.impact-line{height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--orange));transition:width .8s ease;margin-top:auto;padding-top:0}.impact-card.visible .impact-line{width:100%}
@keyframes glanceRule{from{transform:translateX(-100%)}to{transform:translateX(180%)}}
.scroll-note{display:none}
@media(max-width:980px){.glance-layout{grid-template-columns:1fr;gap:30px}.stats-scroll .stats-intro{max-width:760px}.impact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.impact-grid{grid-template-columns:1fr}.stats-scroll{padding:48px 0 58px}.impact-card{min-height:205px}.card p{opacity:1;transform:none}.card .hover-hint{display:none}.glance-layout{gap:24px}}

/* Accenture-inspired editorial storytelling blocks — original We3SoftTech treatment */
.editorial-black{background:#000;color:#fff;padding:32px 0 18px;overflow:hidden}
.editorial-head{position:relative;min-height:500px}
.editorial-head h2{font-family:Manrope;font-size:clamp(52px,8.4vw,118px);line-height:.88;letter-spacing:-.075em;margin:0;max-width:1100px;position:relative;z-index:1}
.editorial-head h2 em{font-style:normal;color:#1dc9ff}
.float-card{position:absolute;padding:28px;display:flex;flex-direction:column;justify-content:space-between;min-height:225px;width:390px;z-index:2;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;overflow:hidden}
.float-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.16),transparent 32%),linear-gradient(120deg,transparent 55%,rgba(255,255,255,.08));pointer-events:none}
.float-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-85px;bottom:-120px;box-shadow:-120px -50px 0 -80px transparent;pointer-events:none}
.float-card:hover{transform:translateY(-12px) rotate(0deg) scale(1.015);box-shadow:0 35px 90px rgba(0,0,0,.42);z-index:5}
.float-card .fc-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;opacity:.9;position:relative;z-index:1}
.float-card h3{font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.08;margin:15px 0 0;max-width:300px;position:relative;z-index:1}
.float-card p{font-size:13px;line-height:1.5;max-width:310px;margin:14px 0 0;opacity:0;transform:translateY(10px);transition:.35s;position:relative;z-index:1}
.float-card:hover p{opacity:1;transform:none}
.float-blue{background:#0754e9;left:0;top:55px;transform:rotate(-2deg)}
.float-cyan{background:#08bce9;right:25px;top:0;transform:rotate(2deg)}
.float-orange{background:linear-gradient(135deg,#ff7a00,#ff2419);left:26%;bottom:-10px;transform:rotate(-1deg)}
.editorial-scroll{margin-top:45px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:#94a0ba;display:flex;align-items:center;gap:12px}
.editorial-scroll span{display:block;width:50px;height:1px;background:linear-gradient(90deg,#00c7ff,#ff6a00)}

.insights-dark{background:#000;color:#fff;padding:95px 0 115px}
.insights-dark .section-head h2{color:#fff}
.insights-dark .section-head p{color:#9ba7bd}
.insight-track{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}
.insight-card{min-height:430px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#f4f4f2;color:#080d18;transition:transform .45s ease,box-shadow .35s ease}
.insight-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.35)}
.insight-media{height:185px;position:relative;overflow:hidden;background:#071b52}
.insight-media:before,.insight-media:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.insight-media:before{width:250px;height:250px;right:-60px;top:-90px}.insight-media:after{width:150px;height:150px;left:-40px;bottom:-80px}
.insight-media.blue{background:linear-gradient(135deg,#061f6c,#08bfe8)}
.insight-media.orange{background:linear-gradient(135deg,#ff7a00,#ff201d)}
.insight-media.cyan{background:linear-gradient(135deg,#08bce9,#0754e9)}
.insight-media.navy{background:linear-gradient(135deg,#02051a,#281070)}
.media-mark{position:absolute;left:22px;bottom:18px;color:#fff;font-family:Manrope;font-size:42px;letter-spacing:-.06em;font-weight:800;z-index:1}
.insight-body{padding:22px;display:flex;flex:1;flex-direction:column}.insight-type{font-size:10px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;margin-bottom:18px}.insight-body h3{font-family:Manrope;font-size:22px;line-height:1.08;letter-spacing:-.045em;margin:0 0 12px}.insight-body p{font-size:13px;color:#5d6780;margin:0}.expand-link{margin-top:auto;padding-top:25px;font-weight:800;font-size:15px;display:flex;justify-content:space-between;align-items:center}.expand-link span{font-size:18px;transition:.25s}.insight-card:hover .expand-link span{transform:translateX(6px)}

.recognition{background:#000;color:#fff;padding:10px 0 12px;overflow:hidden}.recognition .section-head h2{color:#fff}.recognition .section-head p{color:#9ba7bd}
.recognition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;min-height:430px;position:relative}
.recog-card{min-height:360px;padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .5s ease,filter .4s ease;cursor:pointer}.recog-card:hover{transform:translateY(-14px);filter:saturate(1.12);z-index:3}.recog-card:before{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-120px;top:-100px}.recog-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.2);border-radius:50%;left:-90px;bottom:-100px}.recog-blue{background:#0754e9}.recog-purple{background:#48108c}.recog-orange{background:linear-gradient(135deg,#ff7a00,#f21f3a)}.recog-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;position:relative;z-index:1}.recog-card h3{font-family:Georgia,serif;font-weight:400;font-size:31px;line-height:1.08;max-width:290px;position:relative;z-index:1}.recog-card p{font-size:13px;max-width:310px;margin:0;opacity:0;transform:translateY(12px);transition:.35s;position:relative;z-index:1}.recog-card:hover p{opacity:1;transform:none}.recog-arrow{position:relative;z-index:1;font-size:24px;align-self:flex-end;transition:.25s}.recog-card:hover .recog-arrow{transform:translate(5px,-5px)}

@media(max-width:1000px){.float-card{width:330px}.float-orange{left:24%}.insight-track{grid-template-columns:1fr 1fr}.recognition-grid{grid-template-columns:1fr 1fr}.recog-card:last-child{grid-column:1/-1}}
@media(max-width:700px){.editorial-black,.insights-dark,.recognition{padding:25px 0}.editorial-head{min-height:auto;display:flex;flex-direction:column;gap:14px}.editorial-head h2{font-size:54px}.float-card{position:relative;inset:auto!important;width:100%;min-height:210px;transform:none!important}.float-card p,.recog-card p{opacity:1;transform:none}.float-orange{margin-top:0}.editorial-scroll{margin-top:25px}.insight-track,.recognition-grid{grid-template-columns:1fr}.recog-card:last-child{grid-column:auto}.insight-card{min-height:380px}}

/* Visual storytelling + motion layer */
.hero-image-wrap{position:absolute;inset:10px 0 0 0;border-radius:28px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.35);transform:perspective(1000px) rotateY(-5deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-art:hover .hero-image-wrap{transform:perspective(1000px) rotateY(0deg) translateY(-6px) scale(1.01)}
.hero-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;animation:heroPulse 8s ease-in-out infinite alternate}
.hero-float{position:absolute;z-index:4;padding:10px 13px;border:1px solid rgba(255,255,255,.25);background:rgba(4,18,51,.72);backdrop-filter:blur(12px);color:#fff;font-size:11px;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.3);animation:float 4.5s ease-in-out infinite}.hero-float span{display:block;color:#9fdff0;font-weight:500;margin-top:2px}.hero-float-1{left:-10px;top:90px;border-left:3px solid var(--cyan)}.hero-float-2{right:-8px;top:170px;border-left:3px solid var(--orange);animation-delay:1s}.hero-float-3{left:35px;bottom:20px;border-left:3px solid var(--blue);animation-delay:2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes heroPulse{from{transform:scale(1)}to{transform:scale(1.045)}}
.solution-card{isolation:isolate}.solution-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;mix-blend-mode:screen;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s;z-index:-1}.solution-card:hover .solution-image{transform:scale(1.08) rotate(1deg);opacity:.38}.solution-card>div,.solution-card>p{position:relative;z-index:1}
.visual-block img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1);filter:saturate(1.15)}.visual-block:hover img{transform:scale(1.06)}.visual-block:before{opacity:.42}.visual-block:after{opacity:.55}.visual-badge{position:absolute;right:28px;top:28px;z-index:3;background:rgba(4,18,51,.75);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);padding:13px 17px;color:#fff;font-size:11px;letter-spacing:.1em}.visual-badge strong{color:var(--cyan);font-size:16px}
.insight-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;mix-blend-mode:screen;transition:transform .8s,opacity .5s}.insight-card:hover .insight-media img{transform:scale(1.08);opacity:.78}.insight-media .media-mark{z-index:3}
/* subtle section reveal and depth */
section{view-timeline-name:--section;view-timeline-axis:block}.section-head h2,.statement{animation:headlineIn .8s both;animation-timeline:view();animation-range:entry 15% cover 35%}@keyframes headlineIn{from{opacity:.25;transform:translateY(35px)}to{opacity:1;transform:none}}
.impact-card,.insight-card,.recog-card,.solution-card{will-change:transform}.impact-card:nth-child(2){transition-delay:.08s}.impact-card:nth-child(3){transition-delay:.16s}.impact-card:nth-child(4){transition-delay:.24s}
@media(max-width:700px){.hero-image-wrap{inset:0}.hero-float-1{left:5px;top:55px}.hero-float-2{right:5px;top:135px}.hero-float-3{left:15px;bottom:10px}.solution-image{opacity:.16}.visual-badge{right:15px;top:15px}}
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--orange));z-index:9999;box-shadow:0 0 12px rgba(9,199,238,.65)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* We3SoftTech hero banner — NewsPortalWala-style clear split layout, with original brand motion */
.hero-banner{min-height:612px;background:#030812;isolation:isolate}.hero-banner:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28));pointer-events:none}.hero-copy{position:relative;z-index:5}.hero-banner-title{font-size:clamp(52px,6.7vw,92px)!important;line-height:.92!important;max-width:780px!important;margin:20px 0 26px!important;letter-spacing:-.075em!important}.hero-banner-title span{display:block;opacity:0;transform:translateY(35px);animation:bannerLineIn .8s cubic-bezier(.2,.8,.2,1) forwards}.hero-banner-title span:nth-child(1){animation-delay:.15s}.hero-banner-title span:nth-child(2){animation-delay:.32s}.hero-banner-title span:nth-child(3){animation-delay:.49s}.hero-banner-title em{color:#13c8f2;background:linear-gradient(90deg,#09c7ee,#0879e8,#ff8b00);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.hero-copy>p{animation:fadeUp .8s .65s both}.hero-copy .actions{animation:fadeUp .8s .8s both}.pulse-dot{display:inline-block;width:8px;height:8px;background:#ff7a00;border-radius:50%;margin-right:8px;box-shadow:0 0 0 0 rgba(255,122,0,.7);animation:pulseDot 1.8s infinite}.hero-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px;animation:fadeUp .8s 1s both}.hero-proof span{font-size:10px;color:#aab7ce;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);padding:8px 10px;border-radius:999px}.hero-proof b{color:#fff;margin-right:4px}.hero-banner-art{min-height:540px;z-index:2}.hero-stage{position:absolute;inset:20px 0 0 0;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,#071c4b 0%,#06102a 48%,#030611 100%);border:1px solid rgba(82,157,255,.22);box-shadow:0 35px 100px rgba(0,0,0,.55);transform:perspective(1100px) rotateY(-8deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.hero-banner-art:hover .hero-stage{transform:perspective(1100px) rotateY(0deg) rotateX(1deg) translateY(-7px)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(50,154,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(50,154,255,.08) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,#000,transparent 90%);animation:gridMove 14s linear infinite}.stage-glow{position:absolute;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(8,199,238,.25),rgba(8,121,232,.10) 35%,transparent 70%);filter:blur(8px);animation:glowPulse 5s ease-in-out infinite}.stage-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border:1px solid rgba(107,216,255,.45);border-radius:30px;background:rgba(3,10,28,.88);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 10px rgba(8,121,232,.04),0 25px 70px rgba(0,0,0,.5);animation:coreFloat 5s ease-in-out infinite}.stage-core:before{content:"";position:absolute;inset:-12px;border-radius:35px;border:1px solid rgba(9,199,238,.14);animation:coreRing 4s linear infinite}.stage-core img{width:88px;height:auto;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}.stage-core strong{font-family:Manrope;font-size:13px;line-height:1.12;color:#fff}.stage-core small{margin-top:7px;font-size:8px;color:#8fdff0;letter-spacing:.12em;text-transform:uppercase}.stage-node{position:absolute;min-width:105px;padding:12px 14px;border-radius:13px;color:#fff;background:rgba(5,14,37,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.13);box-shadow:0 15px 35px rgba(0,0,0,.28);animation:nodeFloat 4.5s ease-in-out infinite}.stage-node b{display:block;font-family:Manrope;font-size:12px}.stage-node span{display:block;color:#9eacc4;font-size:9px;margin-top:2px}.node-erp{left:7%;top:19%;border-left:3px solid #0879e8}.node-cms{right:7%;top:20%;border-left:3px solid #09c7ee;animation-delay:1s}.node-health{left:8%;bottom:19%;border-left:3px solid #ff6a00;animation-delay:1.8s}.node-cloud{right:7%;bottom:18%;border-left:3px solid #ffc400;animation-delay:2.6s}.stage-line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(9,199,238,0),rgba(9,199,238,.75),rgba(9,199,238,0));filter:drop-shadow(0 0 5px rgba(9,199,238,.5));animation:linePulse 2.8s ease-in-out infinite}.line-1{width:28%;left:29%;top:32%;transform:rotate(18deg)}.line-2{width:28%;left:57%;top:34%;transform:rotate(158deg);animation-delay:.7s}.line-3{width:28%;left:29%;top:66%;transform:rotate(-18deg);animation-delay:1.4s}.line-4{width:28%;left:57%;top:64%;transform:rotate(-162deg);animation-delay:2.1s}.stage-tag{position:absolute;font-size:8px;letter-spacing:.12em;font-weight:800;padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.28);backdrop-filter:blur(8px);animation:tagFloat 5s ease-in-out infinite}.tag-blue{left:9%;top:7%;color:#64b7ff;border:1px solid rgba(8,121,232,.35)}.tag-orange{right:9%;top:8%;color:#ffc36b;border:1px solid rgba(255,106,0,.35);animation-delay:1.2s}.tag-cyan{right:10%;bottom:7%;color:#7eefff;border:1px solid rgba(9,199,238,.35);animation-delay:2.3s}.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(9,199,238,.12);pointer-events:none;z-index:0}.hero-orbit-a{width:600px;height:600px;right:-230px;top:-180px;animation:orbit 20s linear infinite}.hero-orbit-b{width:350px;height:350px;left:-190px;bottom:-220px;border-color:rgba(255,106,0,.12);animation:orbitReverse 16s linear infinite}.hero-banner .container{position:relative;z-index:3}@keyframes bannerLineIn{to{opacity:1;transform:none}}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pulseDot{70%{box-shadow:0 0 0 9px rgba(255,122,0,0)}100%{box-shadow:0 0 0 0 rgba(255,122,0,0)}}@keyframes gridMove{from{background-position:0 0,0 0}to{background-position:0 45px,45px 0}}@keyframes glowPulse{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.75}}@keyframes coreFloat{50%{transform:translate(-50%,-54%)}}@keyframes coreRing{to{transform:rotate(360deg)}}@keyframes nodeFloat{50%{transform:translateY(-9px)}}@keyframes linePulse{50%{opacity:.3}}@keyframes tagFloat{50%{transform:translateY(-6px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbitReverse{to{transform:rotate(-360deg)}}
@media(max-width:1000px){.hero-banner{min-height:auto;padding:70px 0 50px}.hero-banner .hero-grid{grid-template-columns:1fr}.hero-banner-art{min-height:500px}.hero-stage{inset:0}.hero-banner-title{font-size:clamp(52px,9vw,78px)!important}.hero-proof{margin-bottom:8px}}
@media(max-width:620px){.hero-banner{padding:55px 0 35px}.hero-banner-title{font-size:47px!important;line-height:.98!important}.hero-banner .hero-copy>p{font-size:15px}.hero-proof{display:grid;grid-template-columns:1fr 1fr}.hero-proof span{font-size:9px}.hero-banner-art{min-height:390px}.hero-stage{border-radius:22px}.stage-core{width:145px;height:145px;border-radius:24px}.stage-core img{width:65px}.stage-core strong{font-size:11px}.node-erp{left:3%;top:17%}.node-cms{right:3%;top:17%}.node-health{left:3%;bottom:17%}.node-cloud{right:3%;bottom:17%}.stage-node{min-width:83px;padding:9px 10px}.stage-node b{font-size:10px}.stage-node span{font-size:8px}.stage-tag{font-size:7px}.hero-orbit-a{right:-330px}.hero-orbit-b{left:-300px}}
@media(prefers-reduced-motion:reduce){.hero-banner-title span,.hero-copy>p,.hero-copy .actions,.hero-proof{animation:none;opacity:1;transform:none}.stage-grid,.stage-glow,.stage-core,.stage-node,.stage-line,.stage-tag,.hero-orbit-a,.hero-orbit-b{animation:none}.hero-banner-art .hero-stage{transform:none}}

/* Compact "We3SoftTech at a glance" section */
.stats-scroll{
  padding:58px 0 72px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.stats-scroll .stats-intro{
  max-width:900px;
  margin-bottom:27px;
}
.glance-title-row{
  display:flex;
  align-items:flex-start;
  gap:15px;
}
.glance-accent{
  width:7px;
  min-width:7px;
  height:42px;
  border-radius:8px;
  margin-top:4px;
  background:linear-gradient(180deg,#10b8f5,#0758d9);
  box-shadow:0 5px 18px rgba(0,126,255,.18);
}
.stats-scroll .kicker{
  margin-bottom:6px;
  color:#17233f;
  font-size:20px;
  line-height:1.1;
  letter-spacing:-.02em;
  text-transform:none;
  font-weight:800;
}
.stats-scroll .stats-intro h2{
  margin:0;
  font-size:clamp(30px,4.2vw,50px);
  line-height:1.04;
}
.impact-grid{
  gap:0;
  border:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:920px;
}
.impact-card{
  min-height:220px;
  margin:0;
  padding:24px 25px 21px;
  border:1px solid #e9edf4;
  border-radius:16px;
  box-shadow:0 4px 18px rgba(16,36,70,.055);
  display:block;
  position:relative;
  overflow:hidden;
}
.impact-card:nth-child(1){border-radius:16px 10px 10px 16px}
.impact-card:nth-child(2){border-radius:10px 16px 16px 10px}
.impact-card:nth-child(3){border-radius:16px 10px 10px 16px}
.impact-card:nth-child(4){border-radius:10px 16px 16px 10px}
.impact-icon{
  width:33px;height:33px;border-radius:9px;
  display:grid;place-items:center;color:#fff;
  font-weight:900;font-size:17px;margin-bottom:10px;
  box-shadow:0 7px 15px rgba(0,0,0,.08);
}
.icon-blue{background:linear-gradient(135deg,#0b9fe8,#075bd7)}
.icon-green{background:linear-gradient(135deg,#00bd78,#08a75f)}
.icon-purple{background:linear-gradient(135deg,#d93bdb,#6b37e7)}
.icon-orange{background:linear-gradient(135deg,#ff6a00,#e52d00)}
.impact-number{
  font-size:clamp(38px,4vw,52px);
  line-height:.95;
  color:#17233f;
  letter-spacing:-.07em;
}
.impact-card:nth-child(1) .impact-number{color:#087bd9}
.impact-card:nth-child(2) .impact-number{color:#00a969}
.impact-card:nth-child(3) .impact-number{color:#b737d7}
.impact-card:nth-child(4) .impact-number{color:#e94a11}
.impact-card h3{
  font-size:17px;
  margin:10px 0 3px;
  letter-spacing:-.025em;
}
.impact-card p{
  font-size:12.5px;
  line-height:1.45;
  max-width:430px;
}
.impact-line{
  position:absolute;
  left:0;right:0;bottom:0;
  margin:0;
  height:3px;
  width:0;
  background:linear-gradient(90deg,#087bd9,#12c5ff,#ff7a00);
}
.impact-card.visible .impact-line{width:100%}
.impact-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(9,52,116,.11)}
@media(max-width:720px){
  .stats-scroll{padding:42px 0 55px}
  .stats-scroll .stats-intro{margin-bottom:20px}
  .glance-title-row{gap:11px}
  .glance-accent{width:6px;min-width:6px;height:35px}
  .stats-scroll .kicker{font-size:17px}
  .stats-scroll .stats-intro h2{font-size:31px}
  .impact-grid{grid-template-columns:1fr;gap:10px}
  .impact-card,.impact-card:nth-child(n){min-height:190px;border-radius:14px;padding:20px}
}

/* Client testimonials — editorial layout inspired by the supplied reference */
.client-section{background:#f7f9fc;position:relative;overflow:hidden}
.client-section:before{content:"";position:absolute;width:520px;height:520px;right:-260px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(9,199,238,.09),transparent 68%);pointer-events:none}
.client-heading{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end;margin-bottom:30px}
.client-heading h2{margin:0;font-size:clamp(36px,4.4vw,58px);color:#111b2d}
.client-heading p{margin:0;color:#59667d;max-width:540px}
.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.client-card{background:#fff;border:1px solid #e8ebf1;border-radius:18px;min-height:350px;padding:25px 27px 21px;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(19,34,60,.055);position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.client-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0879e8,#09c7ee,#ff7a00);transform:scaleX(.18);transform-origin:left;transition:transform .45s}
.client-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(19,34,60,.12);border-color:#dbe3ef}
.client-card:hover:before{transform:scaleX(1)}
.client-quote{width:48px;height:48px;border-radius:50%;background:#eef7ff;color:#0879e8;display:grid;place-items:center;font-family:Georgia,serif;font-size:42px;line-height:1;margin-bottom:17px;transition:transform .35s,background .35s}
.client-card:hover .client-quote{transform:rotate(-5deg) scale(1.08);background:#e6f7ff}
.client-text{font-size:16px;line-height:1.65;color:#4e5a6d;font-style:italic;margin:0;flex:1}
.client-divider{height:1px;background:#edf0f4;margin:23px 0 16px}
.client-person{display:flex;align-items:center;gap:12px}
.client-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:800;letter-spacing:.04em;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.avatar-blue{background:linear-gradient(135deg,#0879e8,#003d9d)}
.avatar-cyan{background:linear-gradient(135deg,#09c7ee,#007fa8)}
.avatar-orange{background:linear-gradient(135deg,#ffb000,#f03c00)}
.client-person strong{display:block;font-family:Manrope;font-size:14px;color:#162033}
.client-person span{display:block;color:#0879e8;font-size:15px;margin-top:2px}
.client-note{margin-top:15px;font-size:10px;color:#8a94a5;text-align:right}
@media(max-width:900px){.client-heading{grid-template-columns:1fr}.client-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.client-section{padding:52px 0 58px}.client-heading{gap:10px;margin-bottom:20px}.client-grid{grid-template-columns:1fr}.client-card{min-height:300px}.client-note{text-align:left}}

/* News CMS editorial detail experience */
.compact-section-head{margin-bottom:28px}
.news-platform-section{position:relative;overflow:hidden;background:#0b1120;color:#fff}
.news-platform-section .section-head h2{font-size:clamp(29px,3.5vw,47px)}
.news-platform-section .section-head p{color:#c6d0df}
.news-platform-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,10,23,.96),rgba(4,10,23,.86) 45%,rgba(4,10,23,.95)),url("newspaper-bg.svg");background-size:cover;background-position:center;opacity:.34;filter:saturate(.7) contrast(1.05)}
.news-platform-section>.container{position:relative;z-index:1}
.news-solution-row{grid-template-columns:repeat(4,1fr)}
.news-cms-feature-card{background:linear-gradient(145deg,#071a4c,#0b67cf)}
.news-cms-feature-card .solution-image{opacity:.34;mix-blend-mode:normal}
.news-cms-feature-card:hover .solution-image{opacity:.55}

.cms-hero{padding-bottom:78px}
.cms-hero h1{font-size:clamp(48px,6vw,76px)}
.cms-hero .actions{margin-top:24px}
.cms-hero:before{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,transparent,rgba(3,10,29,.45));pointer-events:none}

.newspaper-scroll-section{min-height:100vh;background:#f4f0e7}
.newspaper-scroll-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;position:relative}
.newspaper-scroll-copy{padding-top:100px;align-self:start;position:sticky;top:115px;height:max-content}
.newspaper-scroll-copy h2{font-family:Manrope;font-size:clamp(32px,4vw,54px);line-height:1.03;letter-spacing:-.05em;margin:8px 0 16px;color:#111a2b}
.newspaper-scroll-copy p{max-width:460px;color:#5d6676;font-size:15px;line-height:1.7}
.scroll-steps{margin-top:34px;border-left:2px solid #d2cbbb}
.scroll-step{display:flex;align-items:center;gap:13px;padding:12px 0 12px 17px;color:#6c7481;transition:.35s}
.scroll-step b{font-size:11px;letter-spacing:.08em}.scroll-step span{font-size:13px}
.scroll-step.active{color:#0a72df;transform:translateX(5px)}.scroll-step.active b{color:#ff6a00}
.newspaper-sticky{height:100vh;position:sticky;top:0;display:grid;place-items:center}
.paper-stack{width:min(500px,72vw);height:min(650px,82vh);position:relative;perspective:1400px}
.paper-sheet{position:absolute;inset:0;transform-origin:50% 50%;transition:transform .08s linear,opacity .12s linear;filter:drop-shadow(0 22px 35px rgba(25,25,20,.18))}
.paper-sheet img{width:100%;height:100%;object-fit:contain}
.paper-1{transform:rotate(1deg)}.paper-2{transform:translate(9px,9px) rotate(-3deg)}.paper-3{transform:translate(18px,18px) rotate(4deg)}.paper-4{transform:translate(27px,27px) rotate(-5deg)}
.paper-live-label{position:absolute;right:-18px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;background:#ff6a00;color:#fff;padding:14px 8px;font-weight:900;font-size:10px;letter-spacing:.14em;border-radius:8px;box-shadow:0 12px 25px rgba(255,106,0,.25)}

.cms-paper-section{position:relative;overflow:hidden;background:#10192c;color:#fff;padding:105px 0}
.cms-paper-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,15,30,.96),rgba(8,15,30,.76),rgba(8,15,30,.95)),url("newspaper-bg.svg");background-size:cover;background-position:center;opacity:.52}
.cms-paper-content{position:relative;z-index:1}
.cms-paper-content h2,.cms-small-head h2,.cms-flow-section h2{font-family:Manrope;font-size:clamp(30px,4vw,50px);letter-spacing:-.05em;line-height:1.04;margin:7px 0 14px}
.cms-paper-content>p{max-width:720px;color:#cbd4e2;font-size:15px;line-height:1.7}
.cms-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.cms-platform-card{padding:23px;border:1px solid rgba(255,255,255,.16);background:rgba(4,12,28,.58);backdrop-filter:blur(7px);color:#fff;min-height:190px;transition:.35s;display:flex;flex-direction:column;justify-content:space-between}
.cms-platform-card:hover{transform:translateY(-7px);border-color:#09c7ee;background:rgba(4,12,28,.8)}
.cms-platform-card span{font-size:10px;letter-spacing:.14em;color:#70dfff;font-weight:900}
.cms-platform-card strong{font-family:Manrope;font-size:24px}.cms-platform-card small{font-size:15px;line-height:1.55;color:#cbd4e2}

.cms-feature-section{background:#fff;padding:88px 0}
.cms-small-head{max-width:760px;margin-bottom:34px}
.cms-small-head h2{font-size:clamp(28px,3.4vw,45px)}
.cms-small-head p{font-size:14px;color:#687386}
.cms-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #dfe4eb}
.cms-feature{padding:24px 28px 25px 0;border-bottom:1px solid #dfe4eb;display:grid;grid-template-columns:40px 1fr;column-gap:16px}
.cms-feature:nth-child(even){padding-left:28px;border-left:1px solid #dfe4eb}
.cms-feature span{grid-row:1 / span 2;color:#0b72df;font-size:11px;font-weight:900;letter-spacing:.08em}
.cms-feature h3{font-family:Manrope;font-size:17px;margin:0 0 5px;color:#172033}
.cms-feature p{font-size:12.5px;line-height:1.55;color:#667184;margin:0}

.cms-flow-section{background:#f6f8fb;padding:88px 0}
.cms-flow{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d9e0e9;border-bottom:1px solid #d9e0e9}
.cms-flow>div{padding:24px 18px;min-height:145px;border-right:1px solid #d9e0e9;display:flex;flex-direction:column;gap:7px}
.cms-flow>div:last-child{border-right:0}.cms-flow b{font-size:11px;color:#0b72df}.cms-flow strong{font-family:Manrope;font-size:20px}.cms-flow span{font-size:15px;color:#687386;line-height:1.5}

.cms-cta-band{background:#070e1f;color:#fff;padding:78px 0}
.cms-cta-band>.container{display:flex;justify-content:space-between;gap:35px;align-items:center}
.cms-cta-band h2{font-family:Manrope;font-size:clamp(28px,3.6vw,46px);letter-spacing:-.045em;margin:5px 0 10px}.cms-cta-band p{color:#bac6da;max-width:650px;font-size:14px}

@media(max-width:1000px){
 .news-solution-row{grid-template-columns:1fr 1fr}
 .newspaper-scroll-grid{grid-template-columns:1fr;gap:0}
 .newspaper-scroll-copy{position:relative;top:auto;padding:70px 0 25px}
 .newspaper-sticky{height:78vh;position:sticky;top:70px}
 .paper-stack{width:min(480px,82vw);height:min(600px,72vh)}
 .cms-flow{grid-template-columns:1fr 1fr}.cms-flow>div:nth-child(even){border-right:0}
 .cms-cta-band>.container{display:block}.cms-cta-band .btn{margin-top:20px;display:inline-flex}
}
@media(max-width:620px){
 .news-solution-row{grid-template-columns:1fr}
 .news-platform-section .section-head h2{font-size:30px}
 .newspaper-scroll-section{min-height:145vh}
 .newspaper-scroll-copy{padding-top:52px}
 .newspaper-scroll-copy h2{font-size:34px}
 .newspaper-sticky{height:70vh}
 .paper-stack{width:88vw;height:62vh}
 .paper-live-label{right:-7px}
 .cms-platform-grid,.cms-feature-grid{grid-template-columns:1fr}
 .cms-feature:nth-child(even){padding-left:0;border-left:0}
 .cms-feature{padding-right:0}
 .cms-flow{grid-template-columns:1fr}
 .cms-flow>div{border-right:0;border-bottom:1px solid #d9e0e9}
 .cms-flow>div:last-child{border-bottom:0}
 .cms-paper-section,.cms-feature-section,.cms-flow-section{padding:64px 0}
}

/* Homepage typography refinement: keep the hero untouched, while giving section h3 headings a consistent editorial scale. */
.home-page section:not(.hero) h3{font-family:Manrope;font-size:clamp(27px,3vw,38px);line-height:1.05;letter-spacing:-.045em}
.home-page .feature h3,.home-page .step h3{font-size:clamp(22px,2.3vw,30px)}
.home-page .news-cms-card{background-image:linear-gradient(90deg,rgba(5,20,48,.72),rgba(5,20,48,.54)),url("news-cms-newspaper.jpg");background-size:cover;background-position:center}
.home-page .news-cms-card .solution-image{opacity:0}
.home-page .news-cms-card:hover{background-image:linear-gradient(90deg,rgba(5,20,48,.62),rgba(5,20,48,.42)),url("news-cms-newspaper.jpg");background-size:cover;background-position:center}
@media(max-width:620px){.home-page section:not(.hero) h3{font-size:27px}.home-page .feature h3,.home-page .step h3{font-size:23px}}

/* News CMS showcase — refined editorial layout */
.cms-visual-showcase{
  position:relative;
  overflow:hidden;
  padding:58px 0 64px;
  background:#171a1f;
  color:#fff;
}
.cms-visual-showcase:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:-300px;
  top:-300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(9,199,238,.08),transparent 68%);
  pointer-events:none;
}
.cms-showcase-head{
  position:relative;
  z-index:1;
  text-align:center;
  margin:0 auto 28px;
  max-width:none;
}
.cms-showcase-head .kicker{
  color:#10c9f2;
  margin:0 0 14px;
  font-size:10px;
  letter-spacing:.16em;
}
.cms-showcase-head h2{
  margin:0 auto 12px;
  max-width:1180px;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(32px,3.55vw,48px);
  line-height:1.04;
  letter-spacing:-.055em;
  font-weight:800;
  color:#fff;
}
.cms-showcase-head p{
  max-width:820px;
  margin:0 auto;
  color:#aebbd0;
  font-size:13px;
  line-height:1.55;
}
.cms-showcase-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.cms-showcase-card{
  position:relative;
  display:block;
  height:300px;
  overflow:hidden;
  background:#0d1118;
  border:1px solid rgba(255,255,255,.09);
  border-radius:0;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  text-decoration:none;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s;
}
.cms-showcase-card:after{
  content:"";
  position:absolute;
  inset:42% 0 0;
 /* background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 22%,rgba(0,0,0,.86) 100%);*/
  pointer-events:none;
  transition:background .4s ease;
}
.cms-showcase-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  transform:scale(1.015);
  filter:saturate(.9) contrast(1.02);
  transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s ease;
}
.cms-showcase-card span{
  position:absolute;
  left:20px;
  right:20px;
  bottom:18px;
  z-index:2;
  color:#000;
  font-family:Manrope,Arial,sans-serif;
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.01em;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}
.cms-showcase-card:hover{
  transform:translateY(-7px);
  border-color:rgba(9,199,238,.45);
  box-shadow:0 26px 55px rgba(0,0,0,.3);
}
.cms-showcase-card:hover img{
  transform:scale(1.07);
  filter:saturate(1) contrast(1.05);
}
.cms-showcase-card:hover:after{
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.16) 18%,rgba(0,0,0,.9) 100%);
}
@media(max-width:1000px){
  .cms-showcase-head h2{max-width:900px;font-size:clamp(31px,4.5vw,44px)}
  .cms-showcase-grid{gap:16px}
  .cms-showcase-card{height:270px}
}
@media(max-width:700px){
  .cms-visual-showcase{padding:48px 0 52px}
  .cms-showcase-head{margin-bottom:22px}
  .cms-showcase-head h2{font-size:32px;line-height:1.08}
  .cms-showcase-head p{font-size:12.5px}
  .cms-showcase-grid{grid-template-columns:1fr;gap:14px}
  .cms-showcase-card{height:280px}
}

/* ========================================= OUR CLIENTS - 3 LOGOS CAROUSEL ========================================= */ .clients-carousel { width: 100%; overflow: hidden; margin-top: 14px; background-color: #fff;} .clients-carousel-track { display: flex; gap: 12px; width: 100%; transition: transform 0.6s ease; } .client-logo-item { min-height: 90px; flex: 0 0 calc((100% - 24px) / 4); display: grid; place-items: center; padding: 12px; box-sizing: border-box; } .client-logo-item img { max-width: 100%; max-height: 62px; width: auto; height: auto; object-fit: contain; display: block; } /* ========================================= MOBILE - 1 LOGO AT A TIME ========================================= */ @media (max-width: 767px) { .client-logo-item { flex: 0 0 100%; } }

/* Detail-page spacing and visual-label protection */
.detail-page .visual-label{display:none;left:24px;right:24px;bottom:24px;max-width:none;padding:12px 16px;background:rgba(4,18,51,.82);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);line-height:1.2}
@media(max-width:620px){
  .detail-page .visual-label{left:14px;right:14px;bottom:14px;font-size:22px;padding:10px 12px}
}

.feature-page .mini-cta, .detail-page .mini-cta, .home-page .mini-cta{margin-top:26px;padding:24px;background:linear-gradient(120deg,#07152f,#0b2c62);color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}.feature-page .mini-cta h2, .detail-page .mini-cta h2, .home-page .mini-cta h2{margin:0;font-size:28px;color:#fff}.feature-page .mini-cta p, .detail-page .mini-cta p, .home-page .mini-cta p{margin:5px 0 0;color:#b9c7df;font-size:13px}@media(max-width:900px){.feature-page .feature-points{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.feature-page .mini-cta, .detail-page .mini-cta, .home-page .mini-cta{display:block}.feature-page .mini-cta .btn, .detail-page .mini-cta .btn, .home-page .mini-cta .btn{margin-top:15px}}

/* Detail-page intro expansion: richer page-specific content without affecting home/news CMS */
.detail-page .detail-intro-visual{padding:35px 0 55px}
.detail-page .detail-intro-visual .split{align-items:stretch}
.detail-page .detail-intro-visual .visual-block{min-height:400px;height:100%}
.detail-page .detail-intro-visual .visual-label{font-size:24px;line-height:1.08;max-width:390px}
.detail-page .detail-intro-visual .intro-panel{background:var(--soft);border-left:4px solid var(--blue);padding:2px 10px;display:flex;flex-direction:column;justify-content:start;min-height:400px}
.detail-page .detail-intro-visual .intro-panel h2{font-family:Manrope;font-size:clamp(30px,3vw,44px);line-height:1.04;letter-spacing:-.045em;margin:0 0 16px;color:var(--deep)}
.detail-page .detail-intro-visual .intro-panel .body-copy{font-size:15px;line-height:1.75;margin:0}
.detail-page .intro-points{display:grid;grid-template-columns:1fr;gap:0;margin-top:2px;border-top:1px solid #dbe3ee}
.detail-page .intro-point{padding:2px 0;border-bottom:1px solid #dbe3ee;display:grid;grid-template-columns:135px 1fr;gap:18px}
.detail-page .intro-point strong{font-size:12px;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}
.detail-page .intro-point span{font-size:13px;line-height:1.6;color:var(--muted)}
.detail-page .detail-intro-visual .actions{margin-top:24px}
@media(max-width:1000px){.detail-page .detail-intro-visual .visual-block,.detail-page .detail-intro-visual .intro-panel{min-height:420px}.detail-page .detail-intro-visual .intro-panel{padding:32px}.detail-page .intro-point{grid-template-columns:120px 1fr}}
@media(max-width:620px){.detail-page .detail-intro-visual{padding:25px 0 40px}.detail-page .detail-intro-visual .visual-block{min-height:330px}.detail-page .detail-intro-visual .intro-panel{min-height:auto;padding:28px 22px}.detail-page .detail-intro-visual .visual-label{left:20px;bottom:20px;font-size:21px}.detail-page .intro-point{grid-template-columns:1fr;gap:5px}}

/* Responsive detail-page image */
.detail-page .visual-block {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.detail-page .responsive-detail-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

/* Desktop */
@media (min-width: 992px) {
  .detail-page .visual-block {
    min-height: 390px;
  }

  .detail-page .responsive-detail-image {
    width: 100%;
    height: auto;
  }
}

/* Tablet */
@media (max-width: 991px) {
  .detail-page .visual-block {
    min-height: auto;
  }

  .detail-page .responsive-detail-image {
    width: 100%;
    height: auto;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .detail-page .visual-block {
    width: 100%;
    min-height: 0;
  }

  .detail-page .responsive-detail-image {
    width: 100%;
    height: auto;
  }

  .detail-page .visual-label {
    font-size: 12px;
    padding: 8px 12px;
  }
}