:root{
  --bg:#F7F7FB;
  --panel:#EEECF7;
  --line:#DAD6EC;
  --ink:#1E1A38;
  --muted:#5C567A;
  --purple:#4B2E83;
  --blue:#2F6FB0;
  --cyan:#17B8D6;
  --dark:#17132E;
  --white:#FFFFFF;
  --gradient:linear-gradient(120deg,var(--purple),var(--blue) 55%,var(--cyan));
  --shadow:0 24px 70px rgba(30,26,56,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,251,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(218,214,236,.8)}
.nav{height:76px;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:20px}
.brand img{width:38px;height:38px;object-fit:contain}
.nav-links{margin-left:auto;display:flex;gap:27px;font-size:14px;font-weight:600;color:var(--muted)}
.nav-links a:hover{color:var(--purple)}
.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 24px;border:0;border-radius:10px;background:var(--gradient);color:#fff;font-weight:700;box-shadow:0 12px 30px rgba(47,111,176,.22);cursor:pointer;transition:.2s transform,.2s box-shadow}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(47,111,176,.3)}
.button-small{padding:11px 18px;font-size:14px}
.button-outline{background:transparent;color:var(--purple);border:1.5px solid var(--purple);box-shadow:none}
.menu-button{display:none;background:none;border:0;width:38px;padding:5px}
.menu-button span{display:block;height:2px;background:var(--ink);margin:6px 0}
.hero{position:relative;overflow:hidden;padding:96px 0 80px;background:radial-gradient(circle at 10% 15%,rgba(75,46,131,.13),transparent 38%),radial-gradient(circle at 90% 10%,rgba(23,184,214,.14),transparent 38%)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px;color:var(--purple);box-shadow:0 8px 25px rgba(30,26,56,.05)}
.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(23,184,214,.12)}
h1,h2,h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-.025em;line-height:1.12}
h1{font-size:clamp(46px,6vw,76px);margin:24px 0 22px;max-width:760px}
h1 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:18px;color:var(--muted);max-width:640px}
.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.hero-trust{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:44px;color:var(--muted);font-size:13px}
.hero-trust span{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.hero-trust strong{color:var(--ink)}
.visual-frame{position:relative;border:1px solid var(--line);border-radius:28px;padding:14px;background:rgba(255,255,255,.8);box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-3deg)}
.visual-frame img{width:100%;height:490px;object-fit:cover;border-radius:20px}
.signal-card{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;padding:13px 16px;box-shadow:0 16px 40px rgba(30,26,56,.18)}
.signal-card small{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:700}.signal-card strong{display:block;margin-top:2px}
.signal-card-a{left:-24px;bottom:48px;display:flex;align-items:center;gap:10px}.signal-card-b{right:-20px;top:48px}.signal-card-b strong{font-size:25px;color:var(--blue)}
.signal-dot{width:10px;height:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 6px rgba(23,184,214,.16)}
.metric-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid div{padding:23px 28px;border-right:1px solid var(--line)}.metric-grid div:last-child{border:0}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{font-family:"Space Grotesk";font-size:15px}.metric-grid span{font-size:12px;color:var(--muted)}
.section{padding:110px 0}.section-tint{background:var(--panel)}
.split-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center}
.section-label{font-size:12px;letter-spacing:.13em;color:var(--cyan);font-weight:800;margin-bottom:14px}.section-copy h2,.section-heading h2,.showcase-copy h2,.cta-copy h2{font-size:clamp(34px,4vw,52px);margin:0 0 22px}.section-copy p,.showcase-copy>p{color:var(--muted);font-size:16px}.text-link{font-weight:800;color:var(--purple);display:inline-flex;gap:8px;margin-top:10px}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(5px)}
.about-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow)}.about-image img{width:100%;height:310px;object-fit:cover;border-radius:16px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mini-grid article{padding:20px;border-radius:15px;background:var(--bg)}.mini-grid span{font-size:11px;color:var(--cyan);font-weight:800}.mini-grid h3{font-size:16px;margin:6px 0}.mini-grid p{font-size:12px;color:var(--muted);margin:0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading>div{max-width:690px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:430px;color:var(--muted)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:.22s}.solution-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(75,46,131,.12);border-color:#c8c1e4}.card-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--gradient);color:#fff;font-family:"Space Grotesk";font-weight:700;font-size:12px}.solution-card h3{font-size:20px;margin:20px 0 10px}.solution-card p{color:var(--muted);font-size:14px}.solution-card ul{list-style:none;padding:0;margin:20px 0 0;display:flex;gap:7px;flex-wrap:wrap}.solution-card li{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted)}
.showcase-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.showcase-image{padding:12px;border-radius:25px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.showcase-image img{height:520px;width:100%;object-fit:cover;border-radius:17px}.feature-list{margin-top:32px}.feature-list>div{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.feature-list span{color:var(--cyan);font-size:12px;font-weight:800}.feature-list h3{font-size:17px;margin:0 0 5px}.feature-list p{margin:0;color:var(--muted);font-size:13px}
.section-dark{background:var(--dark);color:#fff}.section-heading.light p{color:#aaa4c3}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.industry-grid article{padding:30px;background:var(--dark);transition:.2s}.industry-grid article:hover{background:#211b40}.industry-grid span{font-size:11px;color:var(--cyan);font-weight:800}.industry-grid h3{font-size:21px;margin:12px 0}.industry-grid p{font-size:13px;color:#aaa4c3}
.research-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.tags span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;background:#fff}.research-art{position:relative;min-height:480px;display:grid;place-items:center}.radar{position:absolute;border:1px solid rgba(47,111,176,.24);border-radius:50%}.radar-one{width:440px;height:440px}.radar-two{width:320px;height:320px}.radar-three{width:200px;height:200px}.research-art:before,.research-art:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--cyan),transparent);height:1px;width:100%;opacity:.55}.research-art:after{transform:rotate(90deg)}.research-core{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 70px rgba(23,184,214,.3);z-index:2}.research-core img{width:100px}
.tech-row{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.tech-row div{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:22px 26px;border-bottom:1px solid var(--line)}.tech-row div:last-child{border:0}.tech-row span{font-size:11px;letter-spacing:.12em;color:var(--cyan);font-weight:800}.tech-row strong{font-size:14px}
.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.process-grid div{padding:22px 17px;border-top:3px solid var(--line);background:#fff}.process-grid div:hover{border-color:var(--cyan)}.process-grid span{font-size:11px;color:var(--cyan);font-weight:800}.process-grid h3{font-size:17px;margin:12px 0 7px}.process-grid p{font-size:12px;color:var(--muted)}
.cta-section{padding:100px 0;background:var(--gradient);color:#fff}.cta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.cta-copy p{color:rgba(255,255,255,.8);font-size:16px}.light-label{color:#fff}.contact-details{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font-weight:700}.contact-form{background:#fff;color:var(--ink);padding:28px;border-radius:20px;box-shadow:0 30px 80px rgba(20,15,50,.25);display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form label{font-size:12px;font-weight:700;color:var(--muted)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--bg);color:var(--ink);outline:none}.contact-form textarea,.form-button,.form-status{grid-column:1/-1}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,176,.11)}.form-status{font-size:12px;color:var(--purple);margin:0}
footer{padding:70px 0 25px;background:#15112b;color:#c7c2db;border-top:2px solid;border-image:var(--gradient) 1}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-brand p{color:#8982a6;max-width:310px}.footer-grid h3{color:#fff;font-size:14px}.footer-grid>div>a:not(.brand){display:block;font-size:13px;margin:9px 0;color:#aaa4c3}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:48px;font-size:12px;color:#817a9e}
.reveal{opacity:0;transform:translateY(24px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media(max-width:980px){.nav-links{position:absolute;display:none;top:76px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);flex-direction:column}.nav-links.open{display:flex}.menu-button{display:block;margin-left:auto}.nav-cta{display:none}.hero-grid,.split-layout,.showcase-grid,.research-grid,.cta-grid{grid-template-columns:1fr}.hero{padding-top:70px}.hero-visual{max-width:720px}.card-grid,.industry-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.hero{padding:56px 0}.visual-frame img{height:330px}.signal-card{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid div:nth-child(2){border-right:0}.metric-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:78px 0}.section-heading{display:block}.card-grid,.industry-grid,.mini-grid{grid-template-columns:1fr}.showcase-image img{height:360px}.process-grid{grid-template-columns:1fr 1fr}.tech-row div{grid-template-columns:1fr;gap:7px}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}h1{font-size:45px}}

/* Final image integration */
.brand img{width:38px;height:38px;object-fit:contain}.footer-brand .brand img{width:42px;height:42px}
.card-image{width:calc(100% + 56px);height:170px;object-fit:cover;margin:-28px -28px 22px;border-radius:17px 17px 0 0;border-bottom:1px solid var(--line)}
.solution-card{overflow:hidden}
.industry-grid article{padding:0;overflow:hidden}.industry-grid article img{width:100%;height:180px;object-fit:cover;display:block;opacity:.86;transition:.25s}.industry-grid article>div{padding:24px 26px 28px}.industry-grid article:hover img{opacity:1;transform:scale(1.035)}
.research-photo{padding:12px;border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:var(--shadow)}.research-photo img{width:100%;height:460px;object-fit:cover;border-radius:16px;display:block}
.process-section,.cta-section{position:relative;overflow:hidden}.process-section>.container,.cta-section>.container{position:relative;z-index:2}.process-backdrop{position:absolute;inset:0;background:linear-gradient(rgba(247,247,251,.93),rgba(247,247,251,.96)),url('assets/process.png') center/cover no-repeat;z-index:0}.contact-backdrop{position:absolute;inset:0;background:linear-gradient(115deg,rgba(75,46,131,.92),rgba(47,111,176,.88),rgba(23,184,214,.80)),url('assets/contact.png') center/cover no-repeat;z-index:0}
@media(max-width:640px){.card-image{height:190px}.industry-grid article img{height:210px}.research-photo img{height:330px}}

/* Cinematic video hero and refined SriNexa colour system */
:root{
  --bg:#f7f9fd;
  --panel:#eef3fb;
  --line:#d6deed;
  --ink:#111a35;
  --muted:#5a6480;
  --purple:#6938c8;
  --blue:#1769c2;
  --cyan:#14c8de;
  --dark:#081226;
  --gradient:linear-gradient(125deg,#6938c8 0%,#1769c2 54%,#14c8de 100%);
  --shadow:0 26px 75px rgba(9,25,61,.16);
}
.site-header{background:rgba(247,249,253,.88);border-color:rgba(214,222,237,.72)}
.video-hero{position:relative;min-height:clamp(650px,82vh,900px);padding:0;display:flex;align-items:center;background:#07152d;color:#fff;isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-4}
.hero-video-overlay{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(4,12,31,.93) 0%,rgba(7,20,48,.79) 43%,rgba(7,22,52,.39) 70%,rgba(5,16,39,.58) 100%),linear-gradient(180deg,rgba(4,12,31,.22),rgba(4,12,31,.68))}
.hero-grid-lines{position:absolute;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(20,200,222,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(20,200,222,.22) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,black,transparent 80%)}
.hero-video-content{width:min(1180px,calc(100% - 40px));display:grid;grid-template-columns:minmax(0,760px) 1fr;align-items:end;gap:70px;padding:118px 0 86px}
.video-hero .hero-copy{max-width:760px}
.video-hero .eyebrow{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24);color:#e8f8ff;box-shadow:none;backdrop-filter:blur(12px)}
.video-hero h1{font-size:clamp(52px,6.4vw,84px);text-shadow:0 10px 40px rgba(0,0,0,.35)}
.video-hero h1 span{background:linear-gradient(100deg,#a972ff,#43a7ff 52%,#32e5ed);-webkit-background-clip:text;background-clip:text;color:transparent}
.video-hero .hero-lead{color:rgba(235,244,255,.84);font-size:19px;max-width:680px}
.video-hero .hero-trust{color:rgba(227,238,255,.64)}
.video-hero .hero-trust strong{color:#fff}
.hero-outline{color:#fff;border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.hero-outline:hover{background:rgba(255,255,255,.14)}
.hero-status{justify-self:end;width:min(100%,290px);background:rgba(5,16,39,.56);border:1px solid rgba(255,255,255,.20);border-radius:18px;padding:8px 20px;backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.hero-status>div{padding:16px 2px;border-bottom:1px solid rgba(255,255,255,.13)}
.hero-status>div:last-child{border-bottom:0}
.hero-status small{display:block;color:rgba(216,231,255,.58);font-size:10px;letter-spacing:.14em;font-weight:800}
.hero-status strong{display:flex;align-items:center;gap:9px;margin-top:5px;font-family:"Space Grotesk";font-size:17px}
.hero-status i{width:9px;height:9px;border-radius:50%;background:#31e2d3;box-shadow:0 0 0 6px rgba(49,226,211,.13),0 0 22px #31e2d3}
.video-control{position:absolute;right:28px;bottom:28px;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(4,12,31,.48);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);z-index:4}
.video-control:hover{background:rgba(23,105,194,.72)}
.video-control .play-icon{display:none}.video-control.paused .pause-icon{display:none}.video-control.paused .play-icon{display:block}
.metric-strip{border-color:var(--line);box-shadow:0 8px 35px rgba(10,28,65,.06)}
.section-dark{background:linear-gradient(145deg,#081226,#11153b)}
footer{background:#071024}
@media(max-width:980px){.hero-video-content{grid-template-columns:1fr;align-items:center;padding:105px 0 76px}.hero-status{justify-self:start;display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:720px}.hero-status>div{border-bottom:0;border-right:1px solid rgba(255,255,255,.13)}.hero-status>div:last-child{border-right:0}}
@media(max-width:640px){.video-hero{min-height:720px}.hero-video{object-position:58% center}.hero-video-overlay{background:linear-gradient(90deg,rgba(4,12,31,.94),rgba(5,17,42,.72)),linear-gradient(180deg,rgba(4,12,31,.2),rgba(4,12,31,.78))}.hero-video-content{width:min(100% - 28px,1180px);padding:88px 0 64px;gap:38px}.video-hero h1{font-size:45px}.video-hero .hero-lead{font-size:16px}.hero-status{grid-template-columns:1fr}.hero-status>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.hero-status>div:last-child{border-bottom:0}.video-control{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.video-hero{background:linear-gradient(90deg,rgba(4,12,31,.92),rgba(7,22,52,.62)),url('assets/hero-drone.png') center/cover no-repeat}.video-control{display:none}}


/* SriNexa Group brand name and tagline */
.brand{gap:12px;line-height:1}
.brand-copy{display:flex;flex-direction:column;gap:5px;min-width:max-content}
.brand-copy strong{font-family:"Space Grotesk",sans-serif;font-size:19px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.brand-copy small{font-family:Inter,sans-serif;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--blue)}
.footer-brand .brand-copy strong{color:#fff;font-size:20px}
.footer-brand .brand-copy small{color:var(--cyan)}
.hero-brandline{display:flex;flex-direction:column;gap:7px;margin-bottom:22px}
.hero-brandline strong{font-family:"Space Grotesk",sans-serif;font-size:clamp(25px,3vw,38px);letter-spacing:-.03em;color:#fff}
.hero-brandline span{font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:#68e8f2}
@media(max-width:640px){
  .brand-copy strong{font-size:16px}
  .brand-copy small{font-size:7.5px;letter-spacing:.11em}
  .brand img{width:34px;height:34px}
  .nav{gap:14px}
  .hero-brandline{margin-bottom:18px}
}

/* Final cinematic video integrations */
.cinema-section{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#071024;color:#fff}
.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.cinema-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,11,28,.94) 0%,rgba(8,25,59,.80) 46%,rgba(8,26,62,.28) 78%,rgba(5,14,34,.48) 100%),linear-gradient(180deg,rgba(4,10,26,.08),rgba(4,10,26,.62))}
.cinema-section:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 44%,rgba(20,200,222,.18),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,64px 64px,64px 64px}
.cinema-content{padding:110px 0;max-width:1180px}.cinema-content>*{max-width:680px}
.light-label{color:#69e7f1}.cinema-content h2{font-size:clamp(44px,5vw,70px);color:#fff;margin:14px 0 18px}.cinema-content p{color:rgba(235,244,255,.82);font-size:19px;line-height:1.75;margin-bottom:30px}
.video-stories{padding:105px 0;background:linear-gradient(145deg,#071024,#11163e 62%,#0c3152)}
.video-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
.video-story{border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.055);box-shadow:0 28px 80px rgba(0,0,0,.26);transition:.3s}
.video-story:hover{transform:translateY(-6px);border-color:rgba(48,221,235,.42)}
.video-story video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#050b18}
.video-story-copy{display:flex;gap:18px;padding:24px 25px 28px}.video-story-copy>span{font-family:"Space Grotesk";font-size:12px;color:var(--cyan);font-weight:800;letter-spacing:.1em}.video-story h3{color:#fff;margin:0 0 8px;font-size:22px}.video-story p{color:rgba(225,236,255,.67);margin:0;line-height:1.6}
@media(max-width:780px){.cinema-section{min-height:580px}.cinema-video{object-position:62% center}.cinema-overlay{background:linear-gradient(90deg,rgba(4,11,28,.95),rgba(7,21,50,.70)),linear-gradient(180deg,rgba(4,10,26,.10),rgba(4,10,26,.75))}.cinema-content{padding:88px 0}.video-story-grid{grid-template-columns:1fr}.video-stories{padding:78px 0}}
@media(prefers-reduced-motion:reduce){.cinema-video,.video-story video{display:none}.cinema-section{background:linear-gradient(90deg,rgba(4,11,28,.94),rgba(8,25,59,.72)),url('assets/drone.png') center/cover no-repeat}.video-story{background:rgba(255,255,255,.08)}}

/* SriNexa luminous brand treatment */
.brand-copy strong,
.footer-brand .brand-copy strong,
.hero-brandline strong {
  color: transparent;
  background: linear-gradient(90deg, #00eaff 0%, #3b82f6 42%, #7c3aed 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  text-shadow: 0 0 22px rgba(0, 234, 255, .18), 0 0 34px rgba(124, 58, 237, .14);
}

.brand-copy strong {
  font-size: 21px;
  letter-spacing: -.025em;
}

.brand-copy small,
.footer-brand .brand-copy small {
  color: #168de2;
  font-weight: 800;
  letter-spacing: .18em;
}

.site-header .brand {
  padding: 7px 12px 7px 8px;
  border-radius: 14px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 8px 28px rgba(47,111,176,.10);
}

.site-header .brand img {
  filter: drop-shadow(0 0 10px rgba(23,184,214,.28));
}

.hero-brandline strong {
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.04;
  letter-spacing: -.04em;
  filter: drop-shadow(0 0 16px rgba(0,229,255,.22));
}

.hero-brandline span {
  color: #a9f3ff;
  font-weight: 800;
  text-shadow: 0 0 18px rgba(0,229,255,.34);
}

.footer-brand .brand-copy strong {
  font-size: 22px;
}

@media (max-width: 720px) {
  .brand-copy strong { font-size: 17px; }
  .brand-copy small { font-size: 7.5px; letter-spacing: .11em; }
  .site-header .brand { padding-right: 8px; }
  .hero-brandline strong { font-size: clamp(28px, 10vw, 42px); }
}

/* Case studies */
.case-studies-section{background:linear-gradient(180deg,#fff 0%,#f4f7ff 100%)}
.case-study-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:24px;margin-top:46px;align-items:stretch}
.case-study-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(75,46,131,.12);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(30,26,56,.08);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.case-study-card:hover{transform:translateY(-7px);border-color:rgba(23,184,214,.38);box-shadow:0 28px 70px rgba(47,111,176,.16)}
.case-study-media{position:relative;overflow:hidden;aspect-ratio:16/10;background:#08152c}
.case-study-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.case-study-card:hover .case-study-media img{transform:scale(1.045)}
.case-badge{position:absolute;left:18px;top:18px;padding:8px 11px;border-radius:999px;background:rgba(5,15,36,.76);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.case-study-body{display:flex;flex:1;flex-direction:column;padding:26px}
.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.case-meta span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#2f6fb0}
.case-study-body h3{font-size:clamp(22px,2vw,31px);line-height:1.16;margin:0 0 14px;color:#1e1a38}
.case-study-body p{margin:0 0 22px;color:#5c567a;line-height:1.7}
.case-study-body .text-link{margin-top:auto}
.case-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2px 0 24px}
.case-results div{padding:16px;border-radius:15px;background:linear-gradient(145deg,#f3f8ff,#f2effc);border:1px solid rgba(75,46,131,.09)}
.case-results strong{display:block;font-family:"Space Grotesk";font-size:25px;color:#4b2e83}.case-results span{font-size:11px;color:#5c567a}

/* Newsletter */
.newsletter-section{position:relative;overflow:hidden;padding:94px 0;color:#fff;background:linear-gradient(120deg,#071024 0%,#101746 52%,#063b55 100%);isolation:isolate}
.newsletter-section:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px}
.newsletter-glow{position:absolute;border-radius:50%;filter:blur(4px);z-index:-1;opacity:.42}.newsletter-glow-one{width:440px;height:440px;right:-100px;top:-190px;background:radial-gradient(circle,rgba(23,184,214,.65),transparent 68%)}.newsletter-glow-two{width:380px;height:380px;left:28%;bottom:-260px;background:radial-gradient(circle,rgba(124,58,237,.64),transparent 68%)}
.newsletter-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.newsletter-copy h2{color:#fff;font-size:clamp(38px,4vw,58px);margin:14px 0 18px}.newsletter-copy p{font-size:18px;line-height:1.75;color:rgba(232,242,255,.78);max-width:650px}
.newsletter-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.newsletter-points span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:700;color:#ccecff}
.newsletter-form{padding:30px;border-radius:24px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);box-shadow:0 25px 70px rgba(0,0,0,.24)}
.newsletter-form label{display:block;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ccecff}
.newsletter-input-row{display:grid;grid-template-columns:1fr auto;gap:10px}.newsletter-input-row input{min-width:0;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(2,10,27,.58);padding:0 17px;color:#fff;font:inherit;outline:none}.newsletter-input-row input:focus{border-color:#17b8d6;box-shadow:0 0 0 3px rgba(23,184,214,.16)}.newsletter-input-row input::placeholder{color:rgba(226,239,255,.44)}
.newsletter-note,.newsletter-status{font-size:12px!important;margin:12px 0 0!important;color:rgba(227,239,255,.56)!important}.newsletter-status{min-height:18px;color:#7ff3ff!important;font-weight:700}

@media(max-width:1000px){.case-study-grid{grid-template-columns:1fr 1fr}.case-featured{grid-column:1/-1}.case-featured{display:grid;grid-template-columns:1.1fr .9fr}.case-featured .case-study-media{height:100%;aspect-ratio:auto}.newsletter-grid{grid-template-columns:1fr;gap:36px}}
@media(max-width:700px){.case-study-grid{grid-template-columns:1fr}.case-featured{display:flex;grid-column:auto}.case-featured .case-study-media{aspect-ratio:16/10}.case-results{grid-template-columns:1fr}.newsletter-section{padding:76px 0}.newsletter-form{padding:22px}.newsletter-input-row{grid-template-columns:1fr}.newsletter-input-row input{min-height:54px}.newsletter-input-row .button{width:100%}}

/* Video case studies */
.video-case-studies{margin-top:70px;padding-top:54px;border-top:1px solid rgba(75,46,131,.13)}
.video-case-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:end;margin-bottom:28px}
.video-case-heading h3{margin:10px 0 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(30px,3.2vw,46px);line-height:1.12;color:#1e1a38}
.video-case-heading>p{margin:0;color:#5c567a;line-height:1.75}
.video-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.video-case-card{overflow:hidden;border-radius:22px;background:#fff;border:1px solid rgba(75,46,131,.13);box-shadow:0 18px 55px rgba(30,26,56,.09);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.video-case-card:hover{transform:translateY(-6px);border-color:rgba(23,184,214,.42);box-shadow:0 27px 68px rgba(47,111,176,.17)}
.video-case-media{position:relative;aspect-ratio:16/9;background:#030915;overflow:hidden}
.video-case-media video{display:block;width:100%;height:100%;object-fit:cover;background:#030915}
.video-case-media .case-badge{pointer-events:none}
.video-case-body{padding:24px 24px 26px}
.video-case-body h3{margin:0 0 13px;font-family:"Space Grotesk",sans-serif;font-size:23px;line-height:1.22;color:#1e1a38}
.video-case-body p{margin:0;color:#5c567a;line-height:1.7;font-size:14px}
.video-case-body br{display:block;content:"";margin-top:5px}
@media(max-width:1000px){.video-case-grid{grid-template-columns:1fr 1fr}.video-case-card:last-child{grid-column:1/-1}.video-case-heading{grid-template-columns:1fr}}
@media(max-width:700px){.video-case-studies{margin-top:52px;padding-top:40px}.video-case-grid{grid-template-columns:1fr}.video-case-card:last-child{grid-column:auto}.video-case-body{padding:21px}.video-case-body h3{font-size:21px}}

/* Header-only SriNexa brand colour — matched to supplied purple reference */
.site-header .brand-copy strong {
  color: #502A76;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #502A76;
  font-weight: 800;
  text-shadow: 0 1px 0 rgba(255,255,255,.45), 0 0 16px rgba(80,42,118,.18);
}

/* Presentation-derived case studies */
.presentation-case-studies {
  margin-top: 4.5rem;
  padding-top: 3.5rem;
  border-top: 1px solid rgba(80, 42, 118, 0.16);
}

.presentation-case-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.presentation-case-card {
  overflow: hidden;
  border: 1px solid rgba(30, 26, 56, 0.11);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 45px rgba(26, 24, 52, 0.08);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.presentation-case-card:hover {
  transform: translateY(-7px);
  border-color: rgba(80, 42, 118, 0.3);
  box-shadow: 0 24px 60px rgba(42, 29, 78, 0.15);
}

.presentation-case-image {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f5f4f8;
}

.presentation-case-image::after {
  content: "View image";
  position: absolute;
  right: 0.85rem;
  bottom: 0.85rem;
  padding: 0.42rem 0.68rem;
  border: 1px solid rgba(255,255,255,.36);
  border-radius: 999px;
  color: #fff;
  background: rgba(15, 12, 31, 0.72);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .25s ease, transform .25s ease;
}

.presentation-case-image:hover::after,
.presentation-case-image:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}

.presentation-case-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.presentation-case-card:hover .presentation-case-image img {
  transform: scale(1.025);
}

.presentation-case-body {
  padding: 1.35rem 1.35rem 1.5rem;
}

.presentation-case-body .static-badge {
  position: static;
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.9rem;
}

.presentation-case-body h3 {
  margin: 0 0 0.7rem;
  color: #241a3a;
  font-size: 1.15rem;
  line-height: 1.28;
}

.presentation-case-body p {
  margin: 0;
  color: #625b78;
  font-size: 0.92rem;
  line-height: 1.7;
}

@media (max-width: 980px) {
  .presentation-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .presentation-case-studies {
    margin-top: 3.2rem;
    padding-top: 2.6rem;
  }
  .presentation-case-grid {
    grid-template-columns: 1fr;
  }
  .presentation-case-body {
    padding: 1.15rem 1.1rem 1.3rem;
  }
}


/* Corporate address and map */
.corporate-address-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  margin-top: 1.6rem;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 18px;
  background: rgba(9, 18, 42, 0.48);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(14px);
}

.address-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #5b2d86, #2f6fb0 55%, #17b8d6);
  font-size: 1.35rem;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(23, 184, 214, 0.24);
}

.address-kicker {
  display: block;
  margin-bottom: 0.35rem;
  color: #8eeaff;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.corporate-address-card h3 {
  margin: 0 0 0.55rem;
  color: #fff;
  font-size: 1.08rem;
}

.corporate-address-card address {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-style: normal;
  line-height: 1.72;
}

.map-link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.9rem;
  color: #75e6ff;
  font-weight: 750;
  text-decoration: none;
}

.map-link:hover { color: #fff; }

.contact-map {
  overflow: hidden;
  margin-top: 1rem;
  height: 235px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 18px;
  background: rgba(9, 18, 42, 0.48);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.contact-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  filter: saturate(0.92) contrast(1.03);
}

@media (max-width: 640px) {
  .corporate-address-card {
    grid-template-columns: 1fr;
    padding: 1.05rem;
  }
  .contact-map { height: 210px; }
}

/* Case studies: text-only presentation (customer media intentionally removed) */
#case-studies .case-study-card,
#case-studies .presentation-case-card,
#case-studies .video-case-card {
  min-height: 100%;
}

#case-studies .case-study-body,
#case-studies .presentation-case-body,
#case-studies .video-case-body {
  padding-top: 1.75rem;
}

#case-studies .case-badge {
  position: static;
  display: inline-flex;
  width: fit-content;
  margin: 0 0 1rem;
}

#case-studies .case-study-grid,
#case-studies .presentation-case-grid,
#case-studies .video-case-grid {
  align-items: stretch;
}

/* SriNexa logo-matched colour system — final Hostinger edition */
:root{
  --purple:#503C88;
  --blue:#3E76AE;
  --cyan:#1FC0D6;
  --ink:#292650;
  --muted:#5B5D78;
  --dark:#15162F;
  --panel:#F0F2FA;
  --line:#D9DCEC;
  --gradient:linear-gradient(120deg,#503C88 0%,#3E76AE 54%,#1FC0D6 100%);
  --shadow:0 24px 70px rgba(62,118,174,.15);
}

/* Major typography follows the logo gradient */
.section-copy h2,
.section-heading h2,
.showcase-copy h2,
.research-grid h2,
.video-case-heading h3{
  color:transparent;
  background:var(--gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Preserve strong contrast on dark and coloured sections */
.section-dark .section-heading h2,
.cinema-content h2,
.cta-copy h2,
.newsletter-copy h2,
.site-footer h2{
  color:#fff;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  -webkit-text-fill-color:#fff;
}

.section-label,
.light-label,
.tech-row span,
.process-grid span,
.feature-list span,
.industry-grid span,
.video-story-copy>span{
  color:var(--cyan);
}

.nav-links a:hover,
.text-link,
.button-outline,
.case-results strong{
  color:var(--purple);
}

.button-outline{
  border-color:var(--purple);
}

.button-outline:hover{
  color:#fff;
  background:var(--gradient);
  border-color:transparent;
}

.site-header .brand,
.eyebrow,
.signal-card,
.solution-card,
.about-panel,
.tech-row,
.contact-form{
  border-color:rgba(62,118,174,.18);
}

.brand-copy strong,
.footer-brand .brand-copy strong,
.hero-brandline strong{
  background:linear-gradient(90deg,#1FC0D6 0%,#3E76AE 48%,#503C88 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 22px rgba(31,192,214,.16),0 0 34px rgba(80,60,136,.13);
}

.brand-copy small,
.footer-brand .brand-copy small{
  color:#3E76AE;
}

.solution-card:hover,
.case-study-card:hover,
.video-case-card:hover,
.video-story:hover{
  border-color:rgba(31,192,214,.46);
  box-shadow:0 24px 62px rgba(62,118,174,.17);
}

::selection{
  background:rgba(31,192,214,.25);
  color:var(--ink);
}


/* Typography and number legibility update */
body,button,input,select,textarea{font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,.brand,.brand-copy strong,.hero-brandline strong,.hero-status strong,.metric-grid strong,.card-icon,.case-results strong,.video-story-copy>span{font-family:"Sora","Manrope",sans-serif}
body{font-size:16px}
p,li,a,label,input,select,textarea{font-size:max(1rem,16px)}
.metric-grid strong{font-size:18px;line-height:1.35}.metric-grid span{font-size:14px}
.hero-status small{font-size:12px}.hero-status strong{font-size:20px}
.industry-grid article>div>span,.feature-list>div>span,.process-grid>div>span,.video-story-copy>span{font-size:17px;font-weight:800;letter-spacing:.06em}
.case-results strong{font-size:32px}.case-results span{font-size:14px}
.case-meta span,.case-badge,.solution-card li,.newsletter-note,.newsletter-status,.form-status{font-size:13px!important}
.brand-copy small{font-family:"Manrope",sans-serif;font-size:10px}
.nav-links{gap:22px}.nav-links a{font-size:14px}
.legal-hero,.page-hero{padding:120px 0 72px;background:linear-gradient(135deg,#0b1430,#1b2250);color:#fff}
.page-hero h1,.legal-hero h1{font-size:clamp(40px,6vw,68px);margin:12px 0 18px}
.page-hero p,.legal-hero p{max-width:760px;color:rgba(255,255,255,.78);font-size:18px}
.page-content{padding:82px 0}.content-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(26px,5vw,58px);box-shadow:var(--shadow);max-width:900px;margin:auto}
.content-card h2{font-size:28px;margin:36px 0 12px}.content-card h2:first-child{margin-top:0}.content-card p,.content-card li{font-size:17px;line-height:1.8;color:var(--muted)}
.content-card ul{padding-left:24px}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.page-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.page-card h2,.page-card h3{margin-top:0}.page-card p{color:var(--muted)}
.empty-state{grid-column:1/-1;text-align:center;padding:54px 28px}.application-box{margin-top:34px;padding:28px;border-radius:18px;background:var(--panel)}
@media(max-width:1100px){.nav-links{gap:15px}.nav-links a{font-size:13px}.nav-cta{display:none}}
@media(max-width:760px){.page-grid{grid-template-columns:1fr}.legal-hero,.page-hero{padding:95px 0 55px}.content-card{padding:26px}.content-card p,.content-card li{font-size:16px}}

/* Final industry and technology-in-motion refinements */
.hero-video-content{grid-template-columns:minmax(0,760px);justify-content:start}
.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.industry-grid article{min-height:330px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(16,28,57,.98),rgba(8,17,38,.98));border:1px solid rgba(87,211,234,.2);border-radius:22px;overflow:hidden}
.industry-grid article>div:not(.industry-icon){padding:0}
.industry-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:20px;font-size:38px;background:linear-gradient(135deg,rgba(124,77,255,.24),rgba(51,201,224,.22));border:1px solid rgba(100,210,238,.28);box-shadow:0 18px 42px rgba(0,0,0,.2)}
.industry-grid article span{font-size:17px!important}
.industry-grid article h3{font-size:28px}
.industry-grid article p{font-size:17px;line-height:1.7}
.video-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.video-story video{width:100%;aspect-ratio:16/9;object-fit:cover}
@media(max-width:800px){.industry-grid,.video-story-grid{grid-template-columns:1fr}.industry-grid article{min-height:280px}}

/* Final visual refresh */
.hero-copy .eyebrow{max-width:760px;font-size:clamp(13px,1.15vw,17px);letter-spacing:.08em;text-transform:none;line-height:1.45}
.hero-copy h1{font-size:clamp(48px,6.3vw,96px);max-width:1180px}
.case-study-image{height:290px;overflow:hidden;border-bottom:1px solid rgba(120,150,190,.18)}
.case-study-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.case-study-card:hover .case-study-image img{transform:scale(1.025)}
.presentation-case-image{aspect-ratio:16/9;background:#f7f9fc;overflow:hidden;border-bottom:1px solid rgba(20,49,84,.12)}
.presentation-case-image img{width:100%;height:100%;display:block;object-fit:contain;background:#fff}
.presentation-case-card{overflow:hidden}
@media(max-width:760px){.hero-copy h1{font-size:clamp(43px,13vw,66px)}.case-study-image{height:220px}.presentation-case-image{aspect-ratio:16/10}}

/* =============================================
   SriNexa Insights / Blogs — visual editorial page
   ============================================= */
.insights-page{background:#f5f7fc;color:var(--ink)}
.insights-page main{overflow:hidden}
.insights-page .site-header{background:rgba(250,252,255,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.insights-hero{position:relative;padding:72px 0 74px;background:radial-gradient(circle at 88% 14%,rgba(31,192,214,.13),transparent 31%),radial-gradient(circle at 8% 82%,rgba(80,60,136,.10),transparent 31%),linear-gradient(180deg,#f9fbff 0%,#f3f6fc 100%)}
.insights-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:64px;align-items:center}
.insights-hero-copy{padding:28px 0}
.insights-hero-copy h1{max-width:760px;margin:16px 0 22px;font-size:clamp(48px,5.1vw,78px);line-height:1.03;letter-spacing:-.045em;color:#24224c}
.insights-hero-copy h1 span{color:transparent;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.insights-hero-copy>p{max-width:670px;margin:0;color:#626680;font-size:19px;line-height:1.75}
.insights-actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}
.insights-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-weight:800;text-decoration:none}
.insights-text-link span{font-size:1.1em;transition:transform .2s ease}
.insights-text-link:hover span{transform:translate(3px,-3px)}
.insight-topic-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}
.insight-topic-row span{padding:9px 13px;border:1px solid rgba(62,118,174,.16);border-radius:999px;background:#fff;color:#555a78;font-size:12px!important;font-weight:800;letter-spacing:.035em;box-shadow:0 8px 22px rgba(62,118,174,.06)}
.insights-hero-visual{position:relative;min-height:590px;overflow:hidden;border-radius:32px;background:#101a37;box-shadow:0 35px 90px rgba(42,55,100,.22)}
.insights-hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,15,36,.04) 30%,rgba(6,13,32,.82) 100%)}
.visual-caption{position:absolute;left:34px;right:34px;bottom:32px;display:grid;gap:7px;color:#fff}
.visual-caption span{font-size:11px!important;font-weight:800;letter-spacing:.14em;color:#7ce9f7}
.visual-caption strong{max-width:500px;font:600 clamp(25px,2.2vw,36px)/1.18 "Sora",sans-serif}
.floating-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(10,20,47,.58);backdrop-filter:blur(12px);color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.floating-chip span{width:8px;height:8px;border-radius:50%;background:#58e5f6;box-shadow:0 0 0 5px rgba(88,229,246,.14)}
.chip-one{top:28px;right:28px}.chip-two{top:78px;right:28px}

.insights-featured,.insights-stories,.insights-mosaic-section{padding:92px 0}
.insights-featured{background:#fff}
.insights-section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);gap:48px;align-items:end;margin-bottom:34px}
.insights-section-heading h2{margin:9px 0 0;font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-.035em;color:#292650}
.insights-section-heading>p{max-width:540px;margin:0;color:#6a6e86;font-size:17px;line-height:1.7}
.compact-heading{margin-bottom:38px}
.featured-story-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:560px;overflow:hidden;border:1px solid rgba(62,118,174,.15);border-radius:30px;background:#0e1938;box-shadow:0 28px 80px rgba(35,52,97,.14)}
.featured-story-image{position:relative;min-height:560px;overflow:hidden}
.featured-story-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.featured-story-card:hover .featured-story-image img{transform:scale(1.025)}
.image-badge{position:absolute;top:28px;left:28px;padding:10px 13px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(7,16,39,.58);backdrop-filter:blur(12px);color:#fff;font-size:11px!important;font-weight:800;letter-spacing:.09em}
.featured-story-copy{display:grid;grid-template-columns:auto 1fr;gap:24px;padding:54px 48px;align-items:start;color:#fff;background:radial-gradient(circle at 100% 0%,rgba(31,192,214,.13),transparent 38%),linear-gradient(145deg,#101d42,#121630)}
.story-index{font:700 14px/1 "Sora",sans-serif;color:#58e5f6}
.featured-story-copy h3{margin:0 0 20px;font-size:clamp(30px,3vw,45px);line-height:1.12;letter-spacing:-.035em;color:#fff}
.featured-story-copy p{margin:0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.75}
.story-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.story-points span{padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);font-size:11px!important;font-weight:800;color:#dce7ff}

.insights-stories{background:#f4f7fc}
.visual-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.visual-story-card{overflow:hidden;border:1px solid rgba(62,118,174,.14);border-radius:26px;background:#fff;box-shadow:0 20px 58px rgba(56,78,127,.10);transition:transform .28s ease,box-shadow .28s ease}
.visual-story-card:hover{transform:translateY(-5px);box-shadow:0 30px 75px rgba(56,78,127,.16)}
.large-story{grid-row:span 2}
.visual-story-media{height:280px;overflow:hidden;background:#e9eef8}
.large-story .visual-story-media{height:490px}
.visual-story-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.visual-story-card:hover img{transform:scale(1.03)}
.visual-story-content{padding:28px 30px 32px}
.visual-story-content>span{display:block;margin-bottom:10px;color:var(--cyan);font-size:11px!important;font-weight:800;letter-spacing:.12em}
.visual-story-content h3{margin:0 0 12px;font-size:clamp(24px,2.2vw,34px);line-height:1.16;letter-spacing:-.025em;color:#292650}
.visual-story-content p{margin:0;color:#696d83;font-size:16px;line-height:1.65}

.insights-mosaic-section{background:#fff}
.insights-mosaic{display:grid;grid-template-columns:1.05fr .95fr .95fr;grid-template-rows:290px 290px;gap:20px}
.insights-mosaic figure,.mosaic-note{position:relative;margin:0;overflow:hidden;border-radius:26px;background:#111a37}
.insights-mosaic figure img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}
.insights-mosaic figure:hover img{transform:scale(1.035)}
.mosaic-tall{grid-row:1/3}
.insights-mosaic figcaption{position:absolute;inset:auto 0 0 0;display:grid;gap:5px;padding:45px 26px 24px;background:linear-gradient(180deg,transparent,rgba(7,13,31,.82));color:#fff}
.insights-mosaic figcaption span{font-size:10px!important;font-weight:800;letter-spacing:.13em;color:#7be7f6}
.insights-mosaic figcaption strong{font:600 20px/1.3 "Sora",sans-serif}
.mosaic-note{display:flex;flex-direction:column;justify-content:center;padding:36px;background:radial-gradient(circle at 100% 0%,rgba(31,192,214,.22),transparent 38%),linear-gradient(145deg,#4f3c86,#293a74 62%,#156d8c);color:#fff}
.mosaic-note .section-label{color:#82effb}
.mosaic-note h3{margin:10px 0 14px;font-size:clamp(25px,2.3vw,34px);line-height:1.15;color:#fff}
.mosaic-note p{margin:0 0 20px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.65}
.mosaic-note .insights-text-link{color:#fff}

.insights-coming-soon{padding:20px 0 96px;background:#fff}
.coming-soon-card{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:390px;overflow:hidden;border-radius:32px;background:linear-gradient(120deg,#151631 0%,#27386f 50%,#166f8d 100%);box-shadow:0 32px 90px rgba(35,51,99,.20)}
.coming-soon-copy{position:relative;z-index:2;padding:60px 64px;color:#fff}
.coming-soon-copy h2{max-width:680px;margin:12px 0 16px;font-size:clamp(38px,4.4vw,62px);line-height:1.08;letter-spacing:-.04em;color:#fff}
.coming-soon-copy p{max-width:680px;margin:0 0 28px;color:rgba(255,255,255,.74);font-size:17px;line-height:1.7}
.coming-soon-art{position:relative;height:100%;min-height:390px}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(127,235,250,.28);border-radius:50%;transform:translate(-50%,-50%)}
.orbit-a{width:180px;height:180px}.orbit-b{width:300px;height:300px}.orbit-c{width:430px;height:430px}
.core-dot{position:absolute;left:50%;top:50%;width:62px;height:62px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff,#65dfef 24%,#356ead 58%,#503c88 100%);box-shadow:0 0 45px rgba(91,222,240,.55)}
.coming-soon-art:before,.coming-soon-art:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#72e8f7;box-shadow:0 0 20px rgba(114,232,247,.8)}
.coming-soon-art:before{left:calc(50% + 126px);top:calc(50% - 76px)}
.coming-soon-art:after{left:calc(50% - 172px);top:calc(50% + 98px)}

@media(max-width:1100px){
  .insights-hero-grid{grid-template-columns:1fr;gap:32px}.insights-hero-copy{padding-bottom:0}.insights-hero-visual{min-height:520px}
  .insights-section-heading{grid-template-columns:1fr;gap:18px}.featured-story-card{grid-template-columns:1fr}.featured-story-image{min-height:460px}.featured-story-copy{padding:42px}
  .insights-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:350px 270px 320px}.mosaic-tall{grid-row:1/3}.mosaic-note{grid-column:1/-1}
}
@media(max-width:760px){
  .insights-hero{padding:42px 0 54px}.insights-hero-copy h1{font-size:clamp(42px,13vw,62px)}.insights-hero-copy>p{font-size:17px}.insights-hero-visual{min-height:430px;border-radius:24px}.visual-caption{left:22px;right:22px;bottom:22px}.floating-chip{display:none}
  .insights-featured,.insights-stories,.insights-mosaic-section{padding:68px 0}.insights-section-heading h2{font-size:clamp(33px,10vw,46px)}
  .featured-story-card{border-radius:22px}.featured-story-image{min-height:330px}.featured-story-copy{grid-template-columns:1fr;padding:32px 26px}.featured-story-copy h3{font-size:31px}
  .visual-story-grid{grid-template-columns:1fr}.large-story{grid-row:auto}.visual-story-media,.large-story .visual-story-media{height:300px}.visual-story-card{border-radius:22px}
  .insights-mosaic{grid-template-columns:1fr;grid-template-rows:410px 280px 280px auto}.mosaic-tall{grid-row:auto}.mosaic-note{grid-column:auto;padding:30px;min-height:320px}
  .insights-coming-soon{padding-bottom:70px}.coming-soon-card{grid-template-columns:1fr;min-height:0;border-radius:24px}.coming-soon-copy{padding:42px 28px}.coming-soon-art{min-height:280px}.orbit-c{width:360px;height:360px}
}