:root{
      --navy:#07111f;
      --navy2:#0b1b2e;
      --ink:#111827;
      --muted:#637083;
      --line:#dfe5eb;
      --paper:#f7f9fb;
      --white:#fff;
      --accent:#2f80c9;
      --accent2:#72b7ee;
      --blue:#1d5c91;
      --shadow:0 20px 60px rgba(5,18,34,.10);
      --radius:20px;
      --max:1240px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    img{display:block;width:100%}
    button,input,textarea{font:inherit}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--accent)}
    .eyebrow:before{content:"";width:28px;height:1px;background:var(--accent)}
    .section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:52px}
    .section-head h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.045em;max-width:680px;margin-top:14px}
    .section-head p{max-width:460px;color:var(--muted)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 21px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:14px;transition:.25s ease;cursor:pointer}
    .btn-primary{background:var(--accent);color:#111}
    .btn-primary:hover{transform:translateY(-2px);background:#4b98d3;box-shadow:0 12px 25px rgba(47,128,201,.22)}
    .btn-dark{background:var(--navy);color:#fff}
    .btn-dark:hover{transform:translateY(-2px);background:#102943}
    .btn-ghost{border-color:#cfd7df;color:var(--navy)}
    .btn-ghost:hover{border-color:var(--navy);background:#f3f6f9}
    .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}
    .reveal.visible{opacity:1;transform:none}

    /* top */
    .topbar{background:#040b14;color:#cbd4df;font-size:12px}
    .topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}
    .topbar a{color:#fff}
    .top-links{display:flex;gap:22px;align-items:center}
    .top-links span{display:inline-flex;align-items:center;gap:7px}

    /* nav */
    header{position:absolute;z-index:20;top:38px;left:0;right:0;color:#fff}
    .nav{height:82px;display:flex;align-items:center;justify-content:space-between}
    .brand{display:flex;align-items:center;gap:12px}
    .brand-mark{width:44px;height:44px;border:1px solid rgba(255,255,255,.32);display:grid;place-items:center;border-radius:10px;position:relative;overflow:hidden}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--accent);transform:skew(-26deg)}
    .brand-mark:before{width:7px;height:32px;left:13px}
    .brand-mark:after{width:7px;height:24px;left:24px;top:10px}
    .brand strong{font-family:Manrope;font-size:19px;letter-spacing:.02em}
    .brand-logo{width:170px;height:58px;object-fit:contain;object-position:left center}
    .brand small{display:block;color:#aebaca;font-size:9px;letter-spacing:.16em;margin-top:-2px}
    .nav-links{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:700}
    .nav-links a{opacity:.86;transition:.2s}
    .nav-links a:hover,.nav-links a.active{opacity:1;color:var(--accent2)}
    .menu-btn{display:none;background:none;border:0;color:#fff;font-size:22px}

    /* hero */
    .hero{min-height:790px;color:#fff;position:relative;display:flex;align-items:center;padding:150px 0 85px;overflow:hidden;background:#07111f}
    .hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}
    .hero-slide{background-position:center;background-size:cover;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 7s ease}
    .hero-slide.active{opacity:1;transform:scale(1)}
    .hero-overlay{background:linear-gradient(90deg,rgba(4,12,23,.82) 0%,rgba(5,16,29,.58) 47%,rgba(5,15,28,.25) 100%)}
    .hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,rgba(7,17,31,.78));pointer-events:none;z-index:1}
    .hero-content{position:relative;z-index:3}
    .hero-slider-controls{display:flex;align-items:center;gap:12px;margin-top:35px}
    .hero-arrow{width:39px;height:39px;border:1px solid rgba(255,255,255,.28);background:rgba(4,12,23,.35);color:#fff;border-radius:50%;cursor:pointer;transition:.25s;backdrop-filter:blur(6px)}
    .hero-arrow:hover{background:var(--accent);color:#111;border-color:var(--accent);transform:translateY(-2px)}
    .hero-dots{display:flex;align-items:center;gap:7px;margin:0 5px}
    .hero-dot{width:22px;height:3px;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:.35s}
    .hero-dot.active{width:42px;background:var(--accent)}
    .hero-slide-label{font-size:10px;letter-spacing:.16em;color:#d6dee8;margin-left:7px}
    .hero-content{position:relative;z-index:2;max-width:900px}
    .hero h1{font-family:Manrope;font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.06em;max-width:850px;margin:20px 0 25px}
    .hero h1 span{color:var(--accent2)}
    .hero p{max-width:700px;font-size:18px;color:#d6dee8}
    .hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
    .hero-trust{margin-top:60px;display:flex;gap:42px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.17);padding-top:25px}
    .hero-trust strong{display:block;font-family:Manrope;font-size:27px}
    .hero-trust span{font-size:11px;color:#aab7c7;text-transform:uppercase;letter-spacing:.12em}

    /* marquee */
    .marquee{background:var(--accent);color:#111;overflow:hidden}
    .marquee-track{display:flex;width:max-content;animation:slide 26s linear infinite}
    .marquee-item{font-family:Manrope;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:16px 25px;font-size:12px;display:flex;gap:20px;align-items:center}
    .marquee-item:after{content:"◆";font-size:7px}
    @keyframes slide{to{transform:translateX(-50%)}}

    /* intro */
    .intro{padding:115px 0}
    .intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}
    .intro-copy h2{font-family:Manrope;font-size:clamp(34px,4vw,57px);line-height:1.04;letter-spacing:-.045em;margin:15px 0 22px}
    .intro-copy>p{color:var(--muted);font-size:16px}
    .intro-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
    .point{padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}
    .point i{color:var(--accent);margin-right:8px}
    .point strong{font-size:13px}
    .intro-visual{position:relative}
    .intro-visual img{height:600px;object-fit:contain;border-radius:24px;width:100%;max-width:560px;background:#f6f9fc}
    .floating-card{position:absolute;left:-35px;bottom:30px;background:#fff;padding:24px;border-radius:17px;box-shadow:var(--shadow);width:250px}
    .floating-card b{font-family:Manrope;font-size:30px}
    .floating-card span{display:block;color:var(--muted);font-size:12px}

    /* services */
    .services{padding:110px 0;background:var(--paper)}
    .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .service-card{background:#fff;border:1px solid #e5e9ee;border-radius:18px;padding:29px;min-height:275px;position:relative;overflow:hidden;transition:.3s ease}
    .service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#d5dde5}
    .service-num{font-size:11px;font-weight:800;color:#98a5b4;letter-spacing:.14em}
    .service-icon{width:48px;height:48px;border-radius:12px;background:#eaf4fc;color:#21689f;display:grid;place-items:center;font-size:19px;margin:30px 0 20px}
    .service-card h3{font-family:Manrope;font-size:21px;margin-bottom:9px}
    .service-card p{color:var(--muted);font-size:14px}
    .service-list{list-style:none;margin-top:16px;display:flex;gap:7px;flex-wrap:wrap}
    .service-list li{font-size:10px;border:1px solid #e2e7ec;border-radius:999px;padding:4px 8px;color:#677486}

    /* capability band */
    .capability{background:var(--navy);color:#fff;padding:105px 0}
    .capability .section-head p{color:#aab8c7}
    .cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}
    .cap{padding:35px 26px;min-height:210px;background:var(--navy);transition:.25s}
    .cap:hover{background:#0c2138}
    .cap b{font-size:11px;color:var(--accent);letter-spacing:.14em}
    .cap h3{font-family:Manrope;font-size:22px;margin:18px 0 9px}
    .cap p{color:#aab7c5;font-size:13px}

    /* process */
    .process{padding:110px 0}
    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
    .step{padding:32px 26px 10px 0;border-right:1px solid var(--line);margin-right:26px;min-height:220px}
    .step:last-child{border:0}
    .step-number{font-family:Manrope;font-size:48px;color:#dce3ea;font-weight:800}
    .step h3{font-family:Manrope;font-size:19px;margin:10px 0}
    .step p{font-size:13px;color:var(--muted)}

    /* projects */
    .projects{padding:110px 0;background:#f5f7f9}
    .project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
    .project-card{position:relative;overflow:hidden;border-radius:20px;background:#111;color:#fff;min-height:440px}
    .project-card.small{min-height:211px}
    .project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
    .project-card:hover img{transform:scale(1.04)}
    .project-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}
    .project-content{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}
    .project-content span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent2);font-weight:800}
    .project-content h3{font-family:Manrope;font-size:27px;line-height:1.1;margin:8px 0}
    .project-content p{font-size:12px;color:#d1d9e2;max-width:620px}
    .side-projects{display:grid;gap:18px}

    /* sectors */
    .sectors{padding:105px 0}
    .sector-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .sector{padding:30px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:18px;transition:.2s}
    .sector:hover{border-color:#c5d0db;box-shadow:0 12px 30px rgba(5,18,34,.06)}
    .sector i{width:45px;height:45px;display:grid;place-items:center;background:#eef4f8;color:var(--blue);border-radius:11px}
    .sector h3{font-family:Manrope;font-size:17px}
    .sector p{font-size:12px;color:var(--muted)}

    /* stats */
    .stats{background:var(--accent);padding:62px 0}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
    .stat{text-align:center;border-right:1px solid rgba(17,17,17,.18)}
    .stat:last-child{border:0}
    .stat strong{font-family:Manrope;font-size:48px;line-height:1}
    .stat span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;margin-top:8px}

    /* training */
    .training{padding:110px 0;background:var(--paper)}
    .training-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
    .training-image{height:500px;border-radius:22px;object-fit:cover}
    .training h2{font-family:Manrope;font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 18px}
    .training p{color:var(--muted)}
    .training-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:25px 0}
    .training-list div{background:#fff;border:1px solid var(--line);padding:14px;border-radius:11px;font-size:13px;font-weight:700}
    .training-list i{color:var(--accent);margin-right:8px}

    /* cta */
    .cta{padding:95px 0;background:var(--navy);color:#fff}
    .cta-box{display:flex;justify-content:space-between;align-items:center;gap:35px}
    .cta h2{font-family:Manrope;font-size:clamp(35px,4vw,57px);line-height:1.03;letter-spacing:-.045em;max-width:760px}
    .cta p{color:#aebccc;margin-top:13px;max-width:650px}
    .cta-actions{display:flex;gap:10px;flex-shrink:0}

    /* contact */
    .contact{padding:110px 0}
    .contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}
    .contact h2{font-family:Manrope;font-size:48px;line-height:1.05;letter-spacing:-.045em;margin:15px 0}
    .contact-copy>p{color:var(--muted)}
    .contact-details{margin-top:32px;display:grid;gap:18px}
    .contact-detail{display:flex;gap:14px;align-items:flex-start}
    .contact-detail i{color:var(--accent);margin-top:4px;width:18px}
    .contact-detail strong{display:block;font-size:13px}
    .contact-detail span{display:block;color:var(--muted);font-size:13px}
    .form{background:var(--paper);padding:35px;border-radius:20px}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .field{margin-bottom:14px}
    label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;color:#516070}
    input,textarea{width:100%;border:1px solid #d9e0e7;background:#fff;border-radius:10px;padding:13px 14px;outline:0;transition:.2s}
    input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,128,201,.12)}
    textarea{min-height:125px;resize:vertical}
    .form button{width:100%;border:0}

    /* footer */
    footer{background:#040b14;color:#b4c0cc;padding:65px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.3fr .7fr .8fr .9fr;gap:50px;padding-bottom:50px}
    footer .brand{color:#fff;margin-bottom:20px}
    footer p{font-size:13px;max-width:350px}
    footer h4{color:#fff;font-family:Manrope;margin-bottom:17px;font-size:13px}
    footer ul{list-style:none;display:grid;gap:9px;font-size:13px}
    footer li a:hover{color:var(--accent2)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px}

    /* back to top */
    .back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:var(--accent);color:#111;z-index:50;cursor:pointer;opacity:0;visibility:hidden;transition:.25s;box-shadow:0 10px 25px rgba(0,0,0,.18)}
    .back-top.show{opacity:1;visibility:visible}

    @media(max-width:980px){
      .nav-links{gap:18px}
      .hero{min-height:720px}
      .intro-grid,.training-grid,.contact-grid{grid-template-columns:1fr;gap:45px}
      .intro-visual img,.training-image{height:420px}
      .floating-card{left:18px}
      .service-grid{grid-template-columns:1fr 1fr}
      .cap-grid{grid-template-columns:1fr 1fr}
      .process-grid{grid-template-columns:1fr 1fr}
      .step:nth-child(2){border-right:0;margin-right:0}
      .project-grid{grid-template-columns:1fr}
      .side-projects{grid-template-columns:1fr 1fr}
      .stats-grid{grid-template-columns:1fr 1fr}
      .stat:nth-child(2){border-right:0}
      .cta-box{align-items:flex-start;flex-direction:column}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:720px){
      .brand-logo{width:145px;height:52px}
      .hero-slider-controls{margin-top:25px}
      .hero-slide-label{display:none}
      .container{width:min(var(--max),calc(100% - 32px))}
      .topbar-inner{justify-content:center}
      .top-links{display:none}
      header{top:38px}
      .nav{height:72px}
      .nav-links{position:absolute;top:72px;left:0;right:0;background:#07111f;padding:18px;display:none;flex-direction:column;align-items:flex-start;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
      .nav-links.open{display:flex}
      .menu-btn{display:block}
      .nav .btn{display:none}
      .hero{padding:130px 0 75px;min-height:720px}
      .hero h1{font-size:48px}
      .hero p{font-size:15px}
      .hero-trust{gap:24px;margin-top:40px}
      .hero-trust strong{font-size:23px}
      .section-head{display:block;margin-bottom:35px}
      .section-head p{margin-top:18px}
      .intro,.services,.capability,.process,.projects,.sectors,.training,.contact{padding:75px 0}
      .intro-points,.training-list{grid-template-columns:1fr}
      .service-grid,.cap-grid,.process-grid,.sector-wrap,.stats-grid{grid-template-columns:1fr}
      .step{border-right:0;border-bottom:1px solid var(--line);margin-right:0}
      .side-projects{grid-template-columns:1fr}
      .project-card,.project-card.small{min-height:330px}
      .stats-grid{gap:0}
      .stat{border-right:0;border-bottom:1px solid rgba(17,17,17,.18);padding:22px}
      .stat:last-child{border-bottom:0}
      .form-row{grid-template-columns:1fr}
      .form{padding:22px}
      .footer-grid{grid-template-columns:1fr;gap:30px}
      .footer-bottom{flex-direction:column}
      .cta-actions{width:100%;flex-direction:column}
      .cta-actions .btn{width:100%}
    }

    /* ===== CORPORATE VISUAL UPGRADE ===== */
    :root{--max:1240px;--grid-pad:24px}
    .container{width:min(var(--max),calc(100% - 48px));margin-inline:auto;padding-inline:0}
    header .container,.topbar .container,footer .container{padding-inline:0}
    section .container > *{max-width:100%}
    .hero{overflow:hidden;background:#07111f}
    .hero:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 75%);pointer-events:none}
    .hero:after{height:190px}
    .hero-content{max-width:var(--max)}
    .hero h1{max-width:860px;text-wrap:balance}
    .hero p{max-width:680px}
    .hero .eyebrow{position:relative}
    .hero .eyebrow:after{display:none!important}
    .hero-actions .btn{position:relative;overflow:hidden}
    .hero-actions .btn:after{content:"";position:absolute;top:-80%;left:-120%;width:70%;height:260%;background:rgba(255,255,255,.22);transform:rotate(18deg);transition:.7s}
    .hero-actions .btn:hover:after{left:140%}
    .hero-trust>div{position:relative;padding-left:17px}
    .hero-trust>div:before{content:"";position:absolute;left:0;top:4px;width:3px;height:38px;background:var(--accent)}
    .section-head{position:relative}
    .section-head:after{content:"";position:absolute;left:0;bottom:-18px;width:72px;height:2px;background:var(--accent);opacity:.8}
    .section-head p{line-height:1.8}
    .service-card,.cap,.sector,.step,.project-card{will-change:transform}
    .service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(47,128,201,.12),transparent 35%);opacity:0;transition:.35s;pointer-events:none}
    .service-card:hover:before{opacity:1}
    .service-card .service-icon{transition:.35s;position:relative;z-index:1}
    .service-card:hover .service-icon{transform:rotate(-6deg) scale(1.08);box-shadow:0 12px 25px rgba(233,154,40,.16)}
    .cap{position:relative;overflow:hidden}
    .cap:after{content:"";position:absolute;right:-35px;bottom:-55px;width:120px;height:120px;border:1px solid rgba(233,154,40,.18);border-radius:50%;transition:.5s}
    .cap:hover:after{transform:scale(1.6)}
    .process-grid{position:relative}
    .process-grid:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,var(--accent),transparent 70%)}
    .step{position:relative}
    .step:after{content:"";position:absolute;top:48px;right:18px;width:0;height:1px;background:var(--accent);transition:.45s}
    .step:hover:after{width:65px}
    .step-number{transition:.35s}
    .step:hover .step-number{color:var(--accent)}
    .project-card{box-shadow:0 15px 45px rgba(4,15,27,.08)}
    .project-card:before{content:"";position:absolute;z-index:2;inset:18px;border:1px solid rgba(255,255,255,.25);border-radius:13px;opacity:0;transform:scale(.96);transition:.45s;pointer-events:none}
    .project-card:hover:before{opacity:1;transform:scale(1)}
    .project-card img{filter:saturate(.88);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}
    .project-card:hover img{transform:scale(1.07);filter:saturate(1.08)}
    .project-content{transform:translateY(4px);transition:.35s}
    .project-card:hover .project-content{transform:translateY(0)}
    .sector{position:relative;overflow:hidden}
    .sector:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:.35s}
    .sector:hover:before{transform:scaleY(1)}
    .sector i{transition:.35s}
    .sector:hover i{transform:translateX(4px) rotate(-4deg)}
    .stat{position:relative}
    .stat strong{display:inline-block}
    .stat strong.counting{animation:numberPop .6s ease both}
    @keyframes numberPop{0%{opacity:.2;transform:translateY(8px) scale(.92)}100%{opacity:1;transform:none}}
    .training-image{box-shadow:25px 25px 0 rgba(233,154,40,.13);transition:.5s}
    .training-image:hover{transform:translate(-5px,-5px);box-shadow:30px 30px 0 rgba(233,154,40,.18)}
    .form{position:relative;overflow:hidden;border:1px solid #e3e8ed}
    .form:before{content:"";position:absolute;top:-90px;right:-90px;width:220px;height:220px;border:1px solid rgba(233,154,40,.2);border-radius:50%;pointer-events:none}
    .form button{position:relative;overflow:hidden}
    .form button:after{content:"";position:absolute;left:-110%;top:0;width:80%;height:100%;background:rgba(255,255,255,.22);transform:skewX(-20deg);transition:.65s}
    .form button:hover:after{left:130%}
    footer .brand-mark{border-color:rgba(255,255,255,.22)}
    .reveal-left{opacity:0;transform:translateX(-35px);transition:opacity .8s ease,transform .8s ease}
    .reveal-right{opacity:0;transform:translateX(35px);transition:opacity .8s ease,transform .8s ease}
    .reveal-left.visible,.reveal-right.visible{opacity:1;transform:none}
    .cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(233,154,40,.08),transparent 68%);transform:translate(-50%,-50%);z-index:1;mix-blend-mode:screen}
    @media(max-width:720px){
      .hero-slider-controls{margin-top:25px}
      .hero-slide-label{display:none}
      .container{width:calc(100% - 32px)}
      .hero{background-attachment:scroll}
      .training-image{box-shadow:12px 12px 0 rgba(233,154,40,.13)}
      .section-head:after{bottom:-12px}
    }

  
    /* ===== OCTOBER 2026 PPT EXPANSION ===== */
    .ppt-section{padding:105px 0;position:relative}
    .ppt-section.alt{background:linear-gradient(180deg,#f7fbff,#eef5fb)}
    .problem-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch}
    .problem-panel{background:var(--navy);color:#fff;border-radius:24px;padding:38px;box-shadow:var(--shadow)}
    .problem-panel h3{font-family:Manrope;font-size:28px;margin:12px 0 24px}
    .problem-list{display:grid;gap:12px}
    .problem-item{padding:17px 18px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.04)}
    .problem-item strong{display:block;color:#fff;font-family:Manrope;font-size:15px}
    .problem-item span{display:block;color:#b9c6d5;font-size:13px;margin-top:4px}
    .visual-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
    .visual-card img{width:100%;height:100%;object-fit:cover}
    .workflow-image{border-radius:24px;box-shadow:var(--shadow);border:1px solid #dbe6ef}
    .workflow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:35px}
    .workflow-step{background:#fff;border:1px solid #dfe8f0;border-radius:18px;padding:23px 18px;position:relative;box-shadow:0 10px 30px rgba(5,18,34,.06)}
    .workflow-step b{display:block;font-family:Manrope;color:#176cc2;font-size:30px;line-height:1}
    .workflow-step h3{font-family:Manrope;font-size:17px;margin:13px 0 7px}
    .workflow-step p{font-size:12px;color:var(--muted)}
    .benefit-strip{margin-top:28px;padding:24px;border-radius:18px;background:#073d78;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .benefit-strip div{padding:8px 18px;border-right:1px solid rgba(255,255,255,.2);text-align:center}
    .benefit-strip div:last-child{border-right:0}
    .benefit-strip strong{display:block;font-family:Manrope;font-size:15px}
    .benefit-strip span{font-size:11px;color:#d5e4f3}
    .two-col-image{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
    .two-col-image img{border-radius:20px;border:1px solid #dce5ed;box-shadow:0 15px 35px rgba(5,18,34,.08)}
    .comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
    .compare-card{padding:30px;border-radius:20px;border:1px solid var(--line);background:#fff}
    .compare-card h3{font-family:Manrope;font-size:23px;margin-bottom:18px}
    .compare-card ul{list-style:none;display:grid;gap:11px}
    .compare-card li{font-size:13px;color:#536173;padding-left:25px;position:relative}
    .compare-card li:before{position:absolute;left:0;top:0;font-weight:800}
    .compare-card.with li:before{content:"✓";color:#198754}
    .compare-card.without li:before{content:"×";color:#d04444}
    .metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}
    .metric{background:var(--navy);color:#fff;border-radius:16px;padding:20px;text-align:center}
    .metric b{display:block;font-family:Manrope;font-size:31px;color:#78baf0}
    .metric span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}
    .solutions-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center}
    .solutions-hero img{border-radius:22px;border:1px solid #dce6ee;box-shadow:var(--shadow)}
    .solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}
    .solution-card{background:#fff;border:1px solid #dfe6ed;border-radius:18px;padding:24px;overflow:hidden}
    .solution-card img{height:165px;object-fit:cover;border-radius:12px;margin-top:18px}
    .solution-card h3{font-family:Manrope;font-size:19px;margin:0 0 7px}
    .solution-card p{font-size:13px;color:var(--muted)}
    .industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .industry-card{padding:23px;border:1px solid var(--line);border-radius:17px;background:#fff}
    .industry-card i{color:var(--accent);font-size:20px}
    .industry-card h3{font-family:Manrope;font-size:16px;margin:10px 0 5px}
    .industry-card p{font-size:12px;color:var(--muted)}
    .project-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
    .project-gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
    .project-gallery img{border-radius:15px;border:1px solid #dce5ed;background:#fff}
    .project-gallery img:first-child{grid-row:span 2;height:100%;object-fit:cover}
    .project-copy h3{font-family:Manrope;font-size:35px;line-height:1.08;margin:12px 0}
    .project-copy p{color:var(--muted)}
    .project-facts{display:grid;gap:10px;margin-top:20px}
    .project-fact{padding:13px 15px;background:#f4f8fb;border-radius:12px;font-size:13px}
    .project-fact strong{font-family:Manrope;color:var(--navy)}
    .hostel-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center}
    .hostel-images{display:grid;gap:12px}
    .hostel-images img{border-radius:18px;border:1px solid #dce5ed}
    .real-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .real-project-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
    .real-project-card img{height:190px;object-fit:cover}
    .real-project-card .rpcopy{padding:18px}
    .real-project-card h3{font-family:Manrope;font-size:18px}
    .real-project-card p{font-size:12px;color:var(--muted);margin-top:6px}
    .resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
    .resource-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:25px}
    .resource-list div{padding:14px 15px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:700}
    .resource-list i{color:var(--accent);margin-right:8px}
    .client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:center}
    .client-logo{height:125px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;place-items:center}
    .client-logo img{max-height:90px;max-width:90%;object-fit:contain}
    .contact-feature{display:grid;grid-template-columns:1fr .75fr;gap:25px;align-items:center}
    .leader-card{background:linear-gradient(145deg,#07111f,#12345a);border-radius:24px;padding:18px;color:#fff;display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;gap:22px;align-items:center}
    .leader-card img{width:100%;height:360px;object-fit:contain;object-position:center;border-radius:18px;background:#07111f}
    .leader-card h3{font-family:Manrope;font-size:28px}
    .leader-card p{color:#c8d4e1;font-size:13px;margin:9px 0 16px}
    @media(max-width:980px){
      .problem-grid,.project-spotlight,.hostel-grid,.resource-grid,.contact-feature,.solutions-hero{grid-template-columns:1fr}
      .workflow-steps{grid-template-columns:1fr 1fr}
      .benefit-strip{grid-template-columns:1fr 1fr}
      .solution-grid,.industry-grid,.real-project-grid{grid-template-columns:1fr 1fr}
      .client-grid{grid-template-columns:repeat(3,1fr)}
      .leader-card{grid-template-columns:1fr}
      .leader-card img{height:360px;object-fit:contain}
    }
    @media(max-width:720px){
      .workflow-steps,.comparison,.metric-row,.solution-grid,.industry-grid,.real-project-grid,.client-grid,.resource-list{grid-template-columns:1fr}
      .benefit-strip{grid-template-columns:1fr}
      .benefit-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
      .benefit-strip div:last-child{border-bottom:0}
      .two-col-image,.project-gallery{grid-template-columns:1fr}
      .project-gallery img:first-child{grid-row:auto}
      .ppt-section{padding:75px 0}
    }
   /* ===== FINAL HEADER / NAVIGATION REFINEMENT ===== */
    html{scroll-padding-top:84px}
    .topbar{display:none!important}
    header#header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;background:#fff!important;color:#101827!important;box-shadow:0 2px 18px rgba(10,24,45,.10)!important;border-bottom:1px solid rgba(16,24,39,.08)!important}
    header#header .nav{height:84px}
    header#header .brand{color:#101827!important}
    header#header .brand-logo{width:178px;height:62px;object-fit:contain;object-position:left center}
    header#header .nav-links a{color:#101827!important}
    header#header .nav-links a:hover,header#header .nav-links a.active{color:#1976d2!important}
    header#header .nav-links{background:#fff!important}
    header#header .menu-btn{color:#101827!important;border-color:rgba(16,24,39,.15)!important;background:#fff!important}
    header#header .btn-primary{color:#fff!important;background:#1976d2!important}
    .hero{padding-top:190px}
    .founder-badge{display:inline-flex;align-items:center;gap:8px;margin:10px 0 14px;padding:7px 12px;border-radius:999px;background:rgba(120,186,240,.13);border:1px solid rgba(120,186,240,.35);color:#78baf0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
    .workflow-image{display:block;width:100%;height:auto;object-fit:cover}
    @media (max-width:760px){header#header .nav{height:72px}header#header .brand-logo{width:148px;height:54px}.hero{padding-top:135px}header#header .nav-links{top:72px}}
  

/* ===== Section heading + paragraph alignment (all sections) ===== */
.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.section-head h2{font-size:clamp(30px,3.5vw,48px);line-height:1.08;max-width:none}
.section-head p{max-width:none;font-size:16px;line-height:1.8;padding-left:26px;border-left:2px solid rgba(99,112,131,.28)}
@media(max-width:980px){.section-head{grid-template-columns:1fr;gap:22px}.section-head p{padding-left:0;border-left:0;margin-top:0}}

/* ===== Shared ===== */
.cs-ico{display:inline-grid;place-items:center;flex:none;color:#fff;background:radial-gradient(circle at 30% 25%,#1f6fc2,#0a3a78 70%);box-shadow:0 8px 18px rgba(7,61,120,.28)}
.cs-ico.green{background:radial-gradient(circle at 30% 25%,#2ea24f,#12602b 70%);box-shadow:0 8px 18px rgba(18,96,43,.26)}

/* ===== 1. Coordinated BIM workflow ===== */
.wf2-stage{position:relative;overflow:hidden;border-radius:26px;border:1px solid #dbe6ef;box-shadow:var(--shadow);background:linear-gradient(180deg,#f3f9ff 0%,#fff 62%);padding:0 0 34px}
.wf2-top{position:relative;padding:44px 0 26px;overflow:hidden}
.wf2-top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
.wf2-photo{position:absolute;top:0;bottom:0;width:190px;height:100%;object-fit:cover;pointer-events:none;z-index:0}
.wf2-photo.l{left:0;-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent);mask-image:linear-gradient(90deg,#000 45%,transparent)}
.wf2-photo.r{right:0;-webkit-mask-image:linear-gradient(270deg,#000 45%,transparent);mask-image:linear-gradient(270deg,#000 45%,transparent)}
.wf2-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:34px;margin:0 190px;align-items:stretch}
.wf2-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.wf2-step b{font-family:Manrope,sans-serif;font-size:32px;line-height:1;color:#176cc2}
.wf2-step h3{font-family:Manrope,sans-serif;font-size:16px;line-height:1.25;margin:12px 0 6px;color:#0b2a55}
.wf2-step p{font-size:13px;line-height:1.5;color:var(--muted);max-width:170px}
.wf2-step .wf2-dot{width:9px;height:9px;border-radius:50%;background:#0a3a78;margin:auto 0 0;position:relative}
.wf2-step .wf2-dot:after{content:"";position:absolute;left:4px;top:9px;height:14px;border-left:1px dashed #0a3a78}
.wf2-step .cs-ico{width:84px;height:84px;border-radius:50%;font-size:30px;margin-top:22px;border:6px solid #fff;outline:1px solid #cfdceb}
.wf2-step:not(:last-child):after{content:"";position:absolute;right:-34px;bottom:30px;width:34px;height:14px;background:linear-gradient(90deg,#4f9be0,#0a3a78);clip-path:polygon(0 30%,62% 30%,62% 0,100% 50%,62% 100%,62% 70%,0 70%)}
.wf2-principle{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;margin:8px 40px 0;padding:18px 20px 18px 26px;border-radius:20px;background:linear-gradient(100deg,#082a5c,#0b4aa0);color:#fff;box-shadow:0 14px 30px rgba(7,42,92,.28)}
.wf2-principle .badge{width:76px;height:76px;border-radius:50%;background:#fff;color:#0a4aa0;display:grid;place-items:center;font-size:34px}
.wf2-principle p{font-family:Manrope,sans-serif;font-size:19px;line-height:1.4}
.wf2-principle p strong{display:block;font-size:21px;margin-bottom:2px}
.wf2-principle em{font-style:normal;font-weight:800;color:#9be22c}
.wf2-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(42vw,430px);border-radius:14px;overflow:hidden;border:3px solid #fff;background:#fff}
.wf2-pair img{width:100%;height:132px;object-fit:cover;display:block}
.wf2-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 40px 0;padding:18px 10px;border-radius:18px;background:#fff;border:1px solid #e1eaf2;box-shadow:0 10px 26px rgba(5,18,34,.06)}
.wf2-benefits div{display:flex;gap:14px;align-items:center;padding:6px 22px;border-right:1px solid #dfe8f0}
.wf2-benefits div:last-child{border-right:0}
.wf2-benefits i{font-size:28px;flex:none;width:36px;text-align:center}
.wf2-benefits strong{display:block;font-family:Manrope,sans-serif;font-size:15px;color:#0b2a55}
.wf2-benefits span{display:block;font-size:12px;line-height:1.45;color:var(--muted)}
.wf2-benefits .c1{color:#1c8de6}.wf2-benefits .c2{color:#58b21e}.wf2-benefits .c3{color:#5b3fc4}.wf2-benefits .c4{color:#1769c9}
@media(max-width:1100px){
  .wf2-photo{display:none}
  .wf2-top{padding-top:34px}
  .wf2-steps{margin:0 28px;gap:26px;grid-template-columns:repeat(3,1fr);row-gap:34px}
  .wf2-step:nth-child(3):after{display:none}
  .wf2-principle{grid-template-columns:auto 1fr;margin-inline:28px}
  .wf2-pair{grid-column:1/-1;width:100%}
  .wf2-benefits{grid-template-columns:1fr 1fr;margin-inline:28px;row-gap:10px}
  .wf2-benefits div:nth-child(2){border-right:0}
}
@media(max-width:640px){
  .wf2-stage{padding-top:30px}
  .wf2-steps{grid-template-columns:1fr 1fr;margin:0 16px}
  .wf2-step:nth-child(3):after{display:block}.wf2-step:nth-child(2n):after{display:none}.wf2-step:last-child:after{display:none}
  .wf2-step:not(:last-child):after{right:-28px;width:24px}
  .wf2-principle{margin-inline:16px;padding:18px}
  .wf2-principle p{font-size:16px}.wf2-principle p strong{font-size:17px}
  .wf2-benefits{grid-template-columns:1fr;margin-inline:16px}
  .wf2-benefits div{border-right:0;border-bottom:1px solid #dfe8f0;padding:12px 8px}.wf2-benefits div:last-child{border-bottom:0}
}

/* ===== 2. Builders + architects ===== */
.ba-goal{text-align:center}
.ba-goal h3{font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,38px);letter-spacing:-.02em;color:#0b2a55;text-transform:uppercase}
.ba-goal h3 .g{color:#17702f}.ba-goal h3 .lc{color:#6b7a8c}
.ba-goal-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px auto 14px;padding:15px 26px;max-width:880px;border-radius:14px;background:linear-gradient(100deg,#082a5c,#0b3d80);color:#fff;font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(16px,2vw,24px);box-shadow:0 14px 30px rgba(7,42,92,.22)}
.ba-goal-bar i{color:#f5b82e;font-size:1.4em}
.ba-goal-bar b{color:#f5b82e}
.ba-goal > p{font-size:17px;color:#33425a}.ba-goal > p .b{color:#1769c9;font-weight:700}.ba-goal > p .g{color:#17702f;font-weight:700}
.ba-stage{display:grid;grid-template-columns:200px minmax(0,1fr) 200px;gap:22px;margin-top:30px;padding:22px;border-radius:26px;background:linear-gradient(180deg,#f6faff,#fff);border:1px solid #dbe6ef;box-shadow:var(--shadow)}
.ba-photo{margin:0;border-radius:18px;overflow:hidden;position:relative;min-height:420px}
.ba-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba-panels{display:grid;grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);gap:16px;align-items:stretch}
.ba-panels .ba-badge{align-self:center}
.ba-col{position:relative;display:flex;flex-direction:column}
.ba-col h4{align-self:flex-start}
.ba-col h4{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;padding:6px 26px 6px 6px;border-radius:999px;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:.02em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,#0a3a78,#0d54a8)}
.ba-col.arch h4{background:linear-gradient(100deg,#12602b,#1c8a3e)}
.ba-col h4 .cs-ico{width:46px;height:46px;border-radius:50%;font-size:20px;background:#fff;color:#0a3a78;box-shadow:none}
.ba-col.arch h4 .cs-ico{color:#12602b}
.ba-col ul{flex:1;grid-auto-rows:1fr;list-style:none;display:grid;gap:12px;margin:0;padding:0 0 0 26px;position:relative}
.ba-col ul:before{content:"";position:absolute;left:5px;top:22px;bottom:22px;border-left:2px solid #1769c9}
.ba-col.arch ul:before{border-color:#1c8a3e}
.ba-col li{position:relative;display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;background:#fff;border:1px solid #e1eaf2;box-shadow:0 8px 20px rgba(5,18,34,.06)}
.ba-col li:before{content:"";position:absolute;left:-26px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#1769c9;box-shadow:0 0 0 3px #fff}
.ba-col.arch li:before{background:#1c8a3e}
.ba-col li .cs-ico{width:40px;height:40px;border-radius:50%;font-size:16px}
.ba-col li strong{display:block;font-family:Manrope,sans-serif;font-size:14.5px;line-height:1.25;color:#0b2a55}
.ba-col li p span{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:2px}
.ba-badge{display:grid;place-items:center;align-content:center;text-align:center;width:128px;height:128px;border-radius:50%;background:#fff;border:1px solid #dbe6ef;box-shadow:0 14px 30px rgba(5,18,34,.14);gap:2px}
.ba-badge svg{width:44px;height:44px}
.ba-badge strong{font-family:Manrope,sans-serif;font-size:13px;letter-spacing:.04em;color:#0b2a55}
.ba-badge span{font-size:10px;line-height:1.25;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;max-width:90px}
.ba-cta{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin-top:22px;padding:22px 32px;border-radius:20px;background:linear-gradient(100deg,#07224a,#0a3d82);color:#fff;box-shadow:0 14px 30px rgba(7,42,92,.26)}
.ba-cta h4{display:flex;align-items:center;gap:16px;font-family:Manrope,sans-serif;font-size:clamp(18px,1.9vw,26px);text-transform:uppercase;letter-spacing:-.01em;line-height:1.1;white-space:nowrap}
.ba-cta h4 i{font-size:1.5em;color:#cfe3f7}
.ba-cta h4 em{font-style:normal;background:linear-gradient(90deg,#4cb2ff,#58d27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.ba-cta ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 0}
.ba-cta li{white-space:nowrap}
.ba-cta ul{flex-wrap:nowrap}
.ba-cta li{display:flex;align-items:center;gap:10px;padding:2px 12px;border-left:1px solid rgba(255,255,255,.22);font-family:Manrope,sans-serif;font-weight:700;font-size:13.5px}
.ba-cta li:first-child{border-left:0}
.ba-cta li i{font-size:22px;color:#6cc4ff}.ba-cta li:nth-child(2) i{color:#8bd84a}.ba-cta li:nth-child(3) i{color:#58d27a}
.ba-foot{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center;margin:16px auto 0;padding:14px 26px;max-width:880px;border-radius:999px;background:#fff;border:1px solid #dbe6ef;box-shadow:0 10px 26px rgba(5,18,34,.08);font-family:Manrope,sans-serif;font-weight:700;font-size:15px;color:#0b2a55}
.ba-foot i{color:#1769c9;font-size:20px}.ba-foot .b{color:#1769c9}.ba-foot .g{color:#17702f}
@media(max-width:1100px){
  .ba-stage{grid-template-columns:1fr}
  .ba-photo{display:none}
  .ba-panels{grid-template-columns:1fr;gap:26px}
  .ba-badge{margin:auto;order:-1;display:none}
  .ba-cta{grid-template-columns:1fr}.ba-cta h4{white-space:normal}.ba-cta ul{justify-content:flex-start;flex-wrap:wrap}
  .ba-cta li:first-child{padding-left:0}
}
@media(max-width:640px){
  .ba-stage{padding:14px}
  .ba-goal-bar{flex-direction:column;gap:8px;padding:14px 18px;text-align:center}
  .ba-cta{padding:20px}
  .ba-cta ul{flex-direction:column;gap:12px;flex-wrap:nowrap}
  .ba-cta li{border-left:0;padding:0}
  .ba-foot{border-radius:20px;font-size:14px}
}

/* ===== 3. Our BIM solutions ===== */
.sol2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sol2-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe6ed;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(5,18,34,.07);transition:transform .3s ease,box-shadow .3s ease}
.sol2-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(5,18,34,.12)}
.sol2-top{display:flex;gap:16px;align-items:flex-start;padding:24px 24px 16px;min-height:112px}
.sol2-top .cs-ico{width:54px;height:54px;border-radius:50%;font-size:22px}
.sol2-top h3{font-family:Manrope,sans-serif;font-size:19px;line-height:1.2;margin:2px 0 6px;color:#0b1b2e}
.sol2-top p{font-size:13.5px;line-height:1.55;color:var(--muted)}
.sol2-img{margin:auto 0 0;background:#f6f9fc;border-top:1px solid #edf2f7}
.sol2-img img{display:block;width:100%;aspect-ratio:2.1/1;object-fit:contain;mix-blend-mode:multiply}
.sol2-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;padding:20px 10px;border-radius:18px;background:linear-gradient(100deg,#0a3a78,#0b4fa3);color:#fff;box-shadow:0 14px 30px rgba(7,42,92,.22)}
.sol2-strip div{display:flex;gap:14px;align-items:center;justify-content:center;padding:4px 18px;border-right:1px solid rgba(255,255,255,.22)}
.sol2-strip div:last-child{border-right:0}
.sol2-strip i{font-size:28px;color:#cfe3f7;flex:none}
.sol2-strip strong{display:block;font-family:Manrope,sans-serif;font-size:15px}
.sol2-strip span{display:block;font-size:12px;color:#d5e4f3;line-height:1.4}
@media(max-width:980px){.sol2-grid{grid-template-columns:1fr 1fr}.sol2-strip{grid-template-columns:1fr 1fr;row-gap:14px}.sol2-strip div:nth-child(2){border-right:0}}
@media(max-width:640px){.sol2-grid{grid-template-columns:1fr}.sol2-top{min-height:0}.sol2-strip{grid-template-columns:1fr}.sol2-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);justify-content:flex-start;padding:12px 14px}.sol2-strip div:last-child{border-bottom:0}}


@media(max-width:640px){.contact-grid .leader-card{grid-template-columns:1fr}.contact-grid .form{padding:22px}.contact-grid .form .form-row{grid-template-columns:1fr}}

/* ---------- Eye-catching layer ---------- */
#csProg{position:fixed;top:0;left:0;height:3px;width:0;z-index:2000;background:linear-gradient(90deg,#2f80c9,#72b7ee,#58d27a)}
.ppt-section:not(.alt),.services,.process,.sectors,.projects{background-image:linear-gradient(rgba(47,128,201,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(47,128,201,.055) 1px,transparent 1px),radial-gradient(circle at 92% 6%,rgba(114,183,238,.22),transparent 38%),radial-gradient(circle at 4% 96%,rgba(88,210,122,.10),transparent 34%);background-size:46px 46px,46px 46px,auto,auto}
.ppt-section.alt{background-image:radial-gradient(circle at 8% 10%,rgba(114,183,238,.28),transparent 36%),radial-gradient(circle at 95% 92%,rgba(47,128,201,.14),transparent 38%)}
.section-head:after{width:72px;animation:csLine 3.2s ease-in-out infinite}
@keyframes csLine{50%{width:150px}}
.eyebrow:before{animation:csLine2 2.4s ease-in-out infinite}
@keyframes csLine2{50%{width:46px}}
.service-card,.cap,.sector,.step,.compare-card,.metric,.project-card,.real-project-card,.workflow-step,.problem-item,.client-logo,.stat{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,opacity .8s ease}
.service-card:hover,.sector:hover,.compare-card:hover,.real-project-card:hover,.cap:hover,.step:hover{transform:translateY(-8px)!important;box-shadow:0 26px 55px rgba(10,58,120,.18);border-color:#7db6e6}
.problem-item:hover{transform:translateX(6px);background:rgba(120,186,240,.12)}
.metric:hover,.stat:hover{transform:translateY(-5px) scale(1.03)}
.service-card,.real-project-card{position:relative;overflow:hidden}
.service-card:before,.real-project-card:before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#2f80c9,#58d27a);transition:width .45s;z-index:2}
.service-card:hover:before,.real-project-card:hover:before{width:100%}
.service-icon,.service-card .service-icon{transition:transform .4s}
.service-card:hover .service-icon{transform:rotate(-8deg) scale(1.15)}
.real-project-card img,.project-card,.sol2-img img,.leader-card img{transition:transform .6s ease}
.real-project-card:hover img,.sol2-card:hover .sol2-img img{transform:scale(1.07)}
.btn-primary,.btn{position:relative;overflow:hidden}
.btn-primary:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s}
.btn-primary:hover:after{left:140%}
.btn:hover i{transform:translateX(4px)}.btn i{transition:transform .25s}
/* workflow pulse + flowing arrows */
.wf2-step .cs-ico{position:relative}
.wf2-step .cs-ico:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(47,128,201,.5);animation:csPulse 2.6s ease-out infinite}
.wf2-step:nth-child(2) .cs-ico:before{animation-delay:.4s}.wf2-step:nth-child(3) .cs-ico:before{animation-delay:.8s}.wf2-step:nth-child(4) .cs-ico:before{animation-delay:1.2s}.wf2-step:nth-child(5) .cs-ico:before{animation-delay:1.6s}
@keyframes csPulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.wf2-step:hover .cs-ico{transform:translateY(-6px) scale(1.08)}.wf2-step .cs-ico{transition:transform .3s}
.wf2-step:not(:last-child):after{background-size:200% 100%;background-image:linear-gradient(90deg,#0a3a78,#6cb4f0,#0a3a78);animation:csFlow 1.8s linear infinite}
@keyframes csFlow{to{background-position:-200% 0}}
.ba-col li{transition:transform .3s,box-shadow .3s}.ba-col li:hover{transform:translateX(6px);box-shadow:0 12px 26px rgba(10,58,120,.16)}
.ba-photo img{transition:transform 1.2s ease}.ba-photo:hover img{transform:scale(1.06)}
.ba-badge{animation:csFloat 4s ease-in-out infinite}@keyframes csFloat{50%{transform:translateY(-8px)}}
.wf2-benefits div,.sol2-strip div{transition:transform .3s}.wf2-benefits div:hover,.sol2-strip div:hover{transform:translateY(-4px)}
/* Industries flip cards */
.industry-card.flip{padding:0;border:0;background:none;height:172px;perspective:1000px;cursor:pointer}
.industry-card.flip .fl-in{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.industry-card.flip:hover .fl-in,.industry-card.flip.on .fl-in{transform:rotateY(180deg)}
.fl-f,.fl-b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:17px;padding:24px;display:flex;flex-direction:column;justify-content:center}
.fl-f{background:#fff;border:1px solid var(--line);box-shadow:0 10px 26px rgba(5,18,34,.06)}
.fl-f i{font-size:30px;margin-bottom:6px}.fl-f h3{font-size:19px!important}
.fl-f:after{content:"Hover to flip";position:absolute;right:16px;bottom:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8aa0b6}
.fl-b{transform:rotateY(180deg);background:linear-gradient(135deg,#082a5c,#0b5db0);color:#fff;border:0}
.fl-b i{color:#9be22c;font-size:22px;margin-bottom:8px}.fl-b p{color:#e3eefb!important;font-size:14px!important;line-height:1.55}
/* Client logo slider */
.client-grid.marquee{background:transparent!important;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.client-track{display:flex;width:max-content;animation:csMq 32s linear infinite}
.client-grid.marquee:hover .client-track{animation-play-state:paused}
.client-track .client-logo{flex:0 0 230px;margin-right:18px;opacity:1;transform:none}
.client-track .client-logo:hover{transform:translateY(-6px)}
@keyframes csMq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* ===== MULTI-PAGE WEBSITE REFINEMENT ===== */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#07111f 0%,#0b2540 58%,#123c62 100%);color:#fff;padding:155px 0 78px}
.page-hero:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.page-hero .container{position:relative;z-index:1}.page-hero .eyebrow{color:#78baf0}.page-hero h1{font-family:Manrope;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em;max-width:900px;margin:16px 0 18px}.page-hero p{max-width:720px;color:#d1deeb;font-size:17px}.page-hero .hero-line{width:85px;height:2px;background:#2f80c9;margin-top:26px}.page-main section:first-child{scroll-margin-top:84px}footer .footer-links a.active{color:#78baf0}
@media(max-width:760px){.page-hero{padding:125px 0 62px}.page-hero h1{font-size:48px}.page-hero p{font-size:15px}}

/* Founder refinement + success story */
.founder-name-static{display:inline-flex;align-items:center;gap:8px;margin:10px 0 14px;padding:9px 14px;border-radius:999px;background:rgba(120,186,240,.13);border:1px solid rgba(120,186,240,.35);color:#78baf0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;animation:none!important;position:static}
.founder-tagline{margin:14px 0 20px;padding:11px 0 11px 16px;border-left:3px solid #2f80c9;color:#dcecff;font-size:15px;font-weight:600;line-height:1.55;max-width:680px;font-style:italic}
.founder-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.founder-actions .founder-email-btn,.founder-actions .founder-linkedin{margin:0}
.founder-linkedin{border:1px solid rgba(120,186,240,.55)!important;color:#78baf0!important;background:transparent!important}
.success-story-card{display:grid;grid-template-columns:72px 1fr;gap:24px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}
.success-story-mark{width:58px;height:58px;border-radius:16px;background:#eaf4fc;color:#1976d2;display:grid;place-items:center;font-size:23px}
.success-story-card h3{font-family:Manrope;font-size:25px;margin-bottom:10px}
.success-story-card p{color:var(--muted);font-size:14px;margin:8px 0}
.seo-context{padding:32px 0;background:#f7f9fb;border-top:1px solid #e7edf3}
.seo-copy{max-width:1100px;margin:0 auto;color:#647286;font-size:12px;line-height:1.8}
@media(max-width:720px){.founder-actions{flex-direction:column;align-items:stretch}.founder-actions .btn{width:100%;text-align:center}.success-story-card{grid-template-columns:1fr;padding:22px}.success-story-mark{width:50px;height:50px}.seo-context{padding:26px 0}}

/* ===== FINAL MOBILE + IMAGE SEO HARDENING ===== */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
@media(max-width:980px){
  .container{width:min(100% - 32px,var(--max))}
  .leader-card{grid-template-columns:1fr!important}
  .leader-card img{width:100%;height:auto!important;max-height:520px;object-fit:contain!important}
  .leader-card .founder-copy{min-width:0}
  .contact-grid .form{min-height:0!important;height:auto!important}
}
@media(max-width:720px){
  .container{width:calc(100% - 28px)}
  header#header .nav{padding:0 14px}
  .hero{padding-top:125px!important;min-height:0!important}
  .hero h1{font-size:clamp(36px,10vw,48px)!important}
  .hero p,.page-hero p{font-size:15px;line-height:1.65}
  .leader-card{padding:12px!important;border-radius:18px!important;gap:16px!important}
  .leader-card img{height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;background:#07111f}
  .leader-card h3{font-size:25px!important;line-height:1.15}
  .leader-card p{font-size:14px;line-height:1.7}
  .founder-actions{gap:10px}
  .success-story-card{width:100%;overflow:hidden}
  .project-card img,.real-project-card img,.solution-card img{max-width:100%}
  .form{height:auto!important;min-height:0!important}
  input,textarea,select{max-width:100%;font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== Targeted image framing fixes ===== */
.about-intro .intro-grid{grid-template-columns:1fr .9fr;gap:56px;align-items:start}
.about-intro .intro-visual{display:flex;justify-content:center;align-items:flex-start}
.about-intro .intro-visual img{height:690px;max-width:600px;object-fit:contain;background:#f6f9fc}
.project-card.raipur-project-card{min-height:500px}
.project-card.raipur-project-card img{object-fit:contain!important;background:#07111f}
.project-card.raipur-project-card:after{inset:55% 0 0}
@media(max-width:980px){
  .about-intro .intro-grid{grid-template-columns:1fr;gap:45px}
  .about-intro .intro-visual img{height:auto;max-height:none;width:100%;max-width:620px}
  .project-card.raipur-project-card{min-height:470px}
}
@media(max-width:720px){
  .about-intro .intro-visual img{height:auto;max-width:100%}
  .project-card.raipur-project-card{min-height:420px}
}


/* ===== SELECTED PROJECTS — exact hand-drawn placement; visuals/hover unchanged ===== */
@media(min-width:981px){
  .projects .project-grid{
    display:grid;
    grid-template-columns:minmax(0,1.52fr) minmax(0,.98fr);
    gap:18px;
    align-items:start;
  }
  .projects-left-column{
    display:grid;
    grid-template-rows:320px 210px;
    gap:18px;
  }
  .projects-right-column{
    display:grid;
    grid-template-rows:repeat(3,155px);
    gap:18px;
  }
  .projects-left-column > .project-card,
  .projects-right-column > .project-card{
    min-height:0!important;
    height:100%;
    margin:0;
  }
}
@media(max-width:980px){
  .projects .project-grid{grid-template-columns:1fr;gap:18px}
  .projects-left-column,.projects-right-column{display:grid;gap:18px}
  .projects-left-column,.projects-right-column{grid-template-columns:1fr}
  .projects-left-column > .project-card,.projects-right-column > .project-card{min-height:330px}
}
@media(max-width:720px){
  .projects .project-grid{gap:18px}
  .projects-left-column,.projects-right-column{grid-template-columns:1fr;gap:18px}
}