:root {
            --primary: #074a86;
            --secondary: #00d2ff;
            --accent: #f59e0b;
            --text-main: #1e293b;
            --text-light: #64748b;
            --bg-light: #f8fafc;
            --glass: rgba(255,255,255,0.85);
            --card-shadow: 0 20px 40px -15px rgba(0,0,0,0.1);
            --transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
            --dark: #010d1f;
            --dark2: #050a14;
            --gold: #c5a059;
        }
        *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; font-family:'Plus Jakarta Sans',sans-serif; }
        html { scroll-behavior:smooth; }
        body { background:var(--bg-light); color:var(--text-main); line-height:1.7; overflow-x:hidden; }
        .container { max-width:1600px; margin:0 auto; width:100%; padding:0 3rem; }
        @media(max-width:768px){ .container{ padding:0 1.25rem; } }
        .section-badge {
            display:inline-flex; align-items:center; gap:6px;
            background:linear-gradient(135deg,rgba(7,74,134,0.11),rgba(0,200,255,0.07));
            color:var(--primary);
            font-size:0.72rem; font-weight:800; letter-spacing:2px; text-transform:uppercase;
            padding:0.35rem 1rem; border-radius:100px; margin-bottom:0.85rem;
            border:1px solid rgba(7,74,134,0.2);
            box-shadow:0 0 14px rgba(7,74,134,0.1), inset 0 0 8px rgba(0,200,255,0.06);
        }
        .section-badge.light { background:rgba(255,255,255,0.1); color:rgba(255,255,255,0.85); border-color:rgba(255,255,255,0.25); box-shadow:0 0 14px rgba(255,255,255,0.08); }
        .section-title { font-family:'Outfit',sans-serif; font-size:clamp(1.8rem,3vw,2.6rem); font-weight:800; color:var(--text-main); line-height:1.2; margin-bottom:0.9rem; }
        .section-title.light { color:#fff; }
        .section-title span { background:linear-gradient(90deg,#0077b6,#00b4d8); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
        .section-title.light span { background:linear-gradient(90deg,#00b4d8,#7ee8fa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
        .title-line { width:52px; height:3px; background:linear-gradient(90deg,var(--primary),var(--secondary)); border-radius:2px; margin-bottom:1.5rem; }
        .title-line.gold { background:linear-gradient(90deg,var(--gold),var(--accent)); }
        .title-line.center { margin-left:auto; margin-right:auto; }
        .reveal { opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease; }
        .reveal.active { opacity:1; transform:translateY(0); }
        .back-to-top {
            position:fixed; bottom:2rem; right:2rem; width:44px; height:44px;
            background:var(--primary); color:#fff; border-radius:12px;
            display:flex; align-items:center; justify-content:center;
            cursor:pointer; z-index:999; opacity:0; transform:translateY(16px);
            transition:var(--transition); box-shadow:0 8px 24px rgba(7,74,134,0.4);
        }
        .back-to-top.active { opacity:1; transform:translateY(0); }
        nav {
            position:fixed; top:0; width:100%; z-index:1000;
            background:rgba(255,255,255,0.95); backdrop-filter:blur(12px);
            border-bottom:1px solid rgba(0,0,0,0.05); padding:0.5rem 0; transition:var(--transition);
        }
        .nav-container { width:100%; padding:0 3rem; display:flex; justify-content:space-between; align-items:center; }
        .logo { text-decoration:none; display:flex; align-items:center; gap:10px; }
        .nav-wrapper { display:flex; flex-direction:column; align-items:flex-end; width:100%; padding-left:2rem; position:relative; }
        .nav-row { display:flex; list-style:none; gap:1rem; margin-bottom:0; width:100%; justify-content:flex-end; align-items:center; }
        .nav-row.bottom { display:none; opacity:0; transform:translateY(-10px); transition:all 0.3s ease; gap:1.5rem; margin-top:0.5rem; }
        .nav-row.bottom.active { display:flex; opacity:1; transform:translateY(0); }
        @media(min-width:1101px){
            .nav-wrapper:has(.nav-row.top .nav-item:hover) .nav-row.bottom.active { opacity:0; visibility:hidden; pointer-events:none; }
        }
        .desktop-toggle { display:flex; align-items:center; justify-content:center; width:36px; height:36px; background:rgba(7,74,134,0.1); color:var(--primary); border-radius:8px; cursor:pointer; transition:var(--transition); margin-left:0.5rem; border:1px solid rgba(7,74,134,0.1); }
        .desktop-toggle:hover { background:var(--primary); color:white; }
        .desktop-toggle.active i { transform:rotate(180deg); }
        @media(max-width:1100px){
            .nav-container { padding:0 1.5rem; }
            .mobile-toggle { display:flex !important; align-items:center; justify-content:center; z-index:1001; width:40px; height:40px; border-radius:8px; transition:var(--transition); color:var(--primary); font-size:30px; line-height:1; }
            .desktop-toggle { display:none; }
            .nav-wrapper { position:fixed; top:0; right:-100%; width:85%; height:100vh; background:rgba(255,255,255,0.98); backdrop-filter:blur(10px); flex-direction:column; align-items:center; justify-content:flex-start; transition:right 0.3s ease; box-shadow:-5px 0 15px rgba(0,0,0,0.1); padding:80px 1rem 2rem; overflow-y:auto; }
            .nav-wrapper.active { right:0; }
            .nav-row { display:grid !important; grid-template-columns:1fr 1fr; gap:0.75rem !important; width:100% !important; margin-bottom:0; opacity:1 !important; visibility:visible !important; transform:none !important; }
            .nav-row.bottom { margin-top:0.75rem; }
            .nav-item { transition:opacity 0.2s ease; }
            .nav-wrapper:has(.nav-item:hover) .nav-item:not(:hover) { opacity:0; visibility:hidden; pointer-events:none; }
            .nav-item:hover { z-index:10; }
            .dropdown { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; padding:0.5rem 0 0.5rem 1.5rem; display:none; min-width:auto; width:100%; border:none; background:transparent; }
            .nav-item:hover .dropdown, .nav-item:focus-within .dropdown { display:block; }
            .nav-item:hover .nav-link { background:rgba(7,74,134,0.08); color:var(--primary); }
            .nav-link { justify-content:center; width:100%; text-align:center; background:rgba(7,74,134,0.03); }
        }
        .nav-item { position:relative; }
        .nav-link { color:var(--text-main); text-decoration:none; font-weight:600; font-size:0.85rem; padding:0.6rem 0.8rem; border-radius:8px; transition:var(--transition); display:flex; align-items:center; gap:4px; }
        .nav-link:hover { background:rgba(7,74,134,0.05); color:var(--primary); }
        .dropdown { position:absolute; top:100%; left:0; background:white; min-width:240px; box-shadow:0 20px 40px rgba(0,0,0,0.1); border-radius:12px; padding:0.75rem; opacity:0; visibility:hidden; transform:translateY(15px); transition:var(--transition); border:1px solid rgba(0,0,0,0.05); }
        .nav-item:hover .dropdown { opacity:1; visibility:visible; transform:translateY(0); }
        .dropdown a { display:block; padding:0.6rem 1rem; color:var(--text-main); text-decoration:none; font-size:0.85rem; border-radius:6px; transition:var(--transition); }
        .dropdown a:hover { background:var(--bg-light); color:var(--primary); padding-left:1.25rem; }
        .mobile-toggle { display:none; color:var(--primary); cursor:pointer; width:40px; height:40px; align-items:center; justify-content:center; border-radius:8px; transition:var(--transition); }
        .mobile-toggle:hover { background:rgba(7,74,134,0.1); }
        .hero {
            min-height:100vh;
            background:url('../img/Aiml/DSC00526.jpg') center right/cover no-repeat;
            position:relative; display:flex;
            align-items:center; padding:9rem 5rem 5rem; overflow:hidden;
        }
        .hero::before { content:''; position:absolute; inset:0; background:linear-gradient(to right, rgba(1,13,31,0.97) 0%, rgba(1,13,31,0.93) 28%, rgba(1,13,31,0.6) 52%, rgba(1,13,31,0.12) 78%, transparent 100%); z-index:1; }
        .hero-content { position:relative; z-index:3; max-width:600px; }
        .hero-badge {
            display:inline-flex; align-items:center; gap:8px;
            background:rgba(0,210,255,0.1); border:1px solid rgba(0,210,255,0.22);
            color:var(--secondary); font-size:0.72rem; font-weight:800; letter-spacing:2px; text-transform:uppercase;
            padding:0.4rem 1.2rem; border-radius:100px; margin-bottom:1.5rem;
            animation:fadeInDown 0.8s ease both;
        }
        .hero-badge::before { content:''; width:6px; height:6px; background:var(--secondary); border-radius:50%; animation:blink 2s infinite; }
        @keyframes blink { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(1.3)} }
        @keyframes fadeInDown { from{opacity:0;transform:translateY(-18px)} to{opacity:1;transform:translateY(0)} }
        @keyframes fadeInUp { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }
        @keyframes fadeIn { from{opacity:0} to{opacity:1} }
        .hero-h1 { font-family:'Outfit',sans-serif; font-size:clamp(2rem,4vw,3.4rem); font-weight:900; color:#fff; line-height:1.12; margin-bottom:0.7rem; animation:fadeInUp 0.9s ease 0.2s both; }
        .gradient-text { background:linear-gradient(90deg,#00d2ff,#7ec8f7,#fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
        .hero-subtitle { font-size:1.05rem; font-weight:700; color:var(--gold); margin-bottom:1.4rem; letter-spacing:0.4px; animation:fadeInUp 0.9s ease 0.35s both; }
        .hero-intro { color:rgba(255,255,255,0.72); font-size:0.93rem; line-height:1.82; margin-bottom:2.4rem; animation:fadeInUp 0.9s ease 0.5s both; }
        .hero-cta { display:flex; gap:1rem; flex-wrap:wrap; animation:fadeInUp 0.9s ease 0.65s both; }
        .btn-primary { display:inline-flex; align-items:center; gap:8px; background:var(--secondary); color:#010d1f; font-weight:800; font-size:0.88rem; padding:0.85rem 2rem; border-radius:10px; text-decoration:none; transition:var(--transition); box-shadow:0 8px 24px rgba(0,210,255,0.3); }
        .btn-primary:hover { background:#fff; transform:translateY(-2px); box-shadow:0 14px 32px rgba(0,210,255,0.4); }
        .btn-outline { display:inline-flex; align-items:center; gap:8px; background:transparent; color:#fff; font-weight:700; font-size:0.88rem; padding:0.85rem 2rem; border-radius:10px; text-decoration:none; border:1.5px solid rgba(255,255,255,0.3); transition:var(--transition); }
        .btn-outline:hover { background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.7); transform:translateY(-2px); }
        @media(max-width:1024px){
            .hero { padding:8rem 1.5rem 4rem; }
            .hero-content { max-width:100%; }
        }
        @media(max-width:768px){
            .hero-intro { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; line-clamp:3; }
        }
        .vm-section { padding:6rem 0; background:#fff; }
        .vm-header { text-align:center; max-width:680px; margin:0 auto 3.5rem; }
        .vm-cards { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-bottom:2rem; }
        .vm-card { border-radius:22px; padding:2.5rem; position:relative; overflow:hidden; }
        .vm-card.vision { background:linear-gradient(145deg,#074a86,#052d54); box-shadow:0 0 0 1px rgba(0,200,255,0.18), 0 0 32px rgba(0,200,255,0.1), 0 20px 48px rgba(0,0,0,0.22); }
        .vm-card.mission { background:#f0f4ff; border:1px solid rgba(7,74,134,0.18); transition:transform 0.3s ease, box-shadow 0.3s ease; }
        .vm-card.mission:hover { transform:translateY(-4px); box-shadow:0 18px 44px rgba(7,74,134,0.14); }
        .vm-card-icon { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:1.4rem; }
        .vm-card.vision .vm-card-icon { background:rgba(0,200,255,0.15); color:#00c8ff; border:1.5px solid rgba(0,200,255,0.38); box-shadow:0 0 18px rgba(0,200,255,0.45); }
        .vm-card.mission .vm-card-icon { background:rgba(7,74,134,0.09); color:var(--primary); border:1.5px solid rgba(7,74,134,0.22); box-shadow:0 0 14px rgba(7,74,134,0.18); }
        .vm-card h3 { font-family:'Outfit',sans-serif; font-size:1.25rem; font-weight:800; margin-bottom:1rem; }
        .vm-card.vision h3 { color:var(--secondary); }
        .vm-card.mission h3 { color:var(--primary); }
        .vm-card p, .vm-card li { font-size:0.91rem; line-height:1.78; }
        .vm-card.vision p { color:rgba(255,255,255,0.82); }
        .vm-card.mission li { color:#1a1a2e; }
        .vm-card ul { list-style:none; display:flex; flex-direction:column; gap:0.8rem; }
        .vm-card ul li { display:flex; gap:10px; align-items:flex-start; }
        .vm-bullet { width:6px; height:6px; border-radius:50%; flex-shrink:0; margin-top:8px; }
        .vm-card.vision .vm-bullet { background:var(--secondary); }
        .vm-card.mission .vm-bullet { background:var(--primary); }
        .mission-extra { max-height:0; overflow:hidden; transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1); }
        .mission-extra.open { max-height:400px; }
        .vm-view-more { margin-top:1.1rem; display:inline-flex; align-items:center; gap:6px; background:none; border:none; cursor:pointer; font-size:0.84rem; font-weight:700; color:var(--primary); padding:0; transition:gap 0.2s ease; }
        .vm-view-more:hover { gap:10px; }
        .vm-view-more .vm-arrow { display:inline-flex; transition:transform 0.3s ease; }
        .vm-view-more.open .vm-arrow { transform:rotate(180deg); }
        .po-section { padding-top:4rem; }
        .po-header { text-align:center; margin-bottom:2rem; }
        .tab-switcher { display:flex; gap:0.6rem; justify-content:center; flex-wrap:wrap; margin-bottom:2.5rem; }
        .tab-btn { padding:0.6rem 1.4rem; border-radius:100px; font-size:0.83rem; font-weight:700; cursor:pointer; transition:var(--transition); border:1.5px solid #cbd5e0; background:#fff; color:#2d3748; }
        .tab-btn:not(.active):hover { background:rgba(7,74,134,0.07); border-color:rgba(7,74,134,0.28); color:var(--primary); }
        .tab-btn.active { background:linear-gradient(135deg,#0a2463,#1e5fa8); color:#fff; font-weight:800; border-color:transparent; box-shadow:0 6px 22px rgba(7,74,134,0.38); }
        .tab-panel { display:none; }
        .tab-panel.active { display:block; }
        .sub-label { font-size:0.72rem; font-weight:800; text-transform:uppercase; letter-spacing:1.8px; color:#252b33; margin-bottom:1.1rem; margin-top:2.25rem; }
        .peo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
        .peo-card { background:linear-gradient(135deg,rgba(7,74,134,0.04),rgba(0,210,255,0.04)); border:1px solid rgba(7,74,134,0.1); border-radius:16px; padding:1.5rem; position:relative; overflow:hidden; }
        .peo-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#00c8ff,#0a6ec7); border-radius:16px 16px 0 0; }
        .peo-num { font-family:'Outfit',sans-serif; font-size:0.72rem; font-weight:900; color:#052d54; letter-spacing:2px; text-transform:uppercase; margin-bottom:0.7rem; }
        .peo-card p { font-size:0.87rem; color:#374151; line-height:1.72; }
        .po-sublabel-row {
            display:flex; align-items:center; justify-content:space-between;
            cursor:pointer; user-select:none;
            background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px;
            padding:0.9rem 1.2rem; margin-top:2rem;
            transition:border-color 0.2s;
        }
        .po-sublabel-row:hover { border-color:rgba(7,74,134,0.25); }
        .po-sublabel-row .sub-label { margin:0; }
        .po-collapse-btn {
            display:inline-flex; align-items:center; gap:6px;
            background:transparent; color:#0a2463;
            border:1.5px solid #0a2463; border-radius:100px;
            padding:0.38rem 1rem; font-size:0.76rem; font-weight:700;
            cursor:pointer; white-space:nowrap;
            transition:background 0.22s ease, color 0.22s ease;
        }
        .po-collapse-btn:hover { background:#0a2463; color:#fff; }
        .po-collapse-btn .pcb-arrow { display:inline-flex; transition:transform 0.35s ease; }
        .po-collapse-btn.open .pcb-arrow { transform:rotate(180deg); }
        .po-collapsible { max-height:0; overflow:hidden; transition:max-height 0.55s ease-in-out; }
        .po-collapsible.open { max-height:1200px; }
        .po-list { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; padding-top:1.5rem; }
        .po-card { background:#fff; border:1px solid rgba(7,74,134,0.1); border-radius:12px; padding:1.4rem; position:relative; overflow:hidden; transition:box-shadow 0.25s ease, transform 0.25s ease; }
        .po-card:hover { box-shadow:0 8px 28px rgba(7,74,134,0.12); transform:translateY(-3px); }
        .po-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#00b4d8,#0a6ec7); border-radius:12px 12px 0 0; }
        .po-card-label { font-family:'Outfit',sans-serif; font-size:0.72rem; font-weight:900; color:#052d54; letter-spacing:2px; text-transform:uppercase; margin-bottom:0.45rem; }
        .po-card-name { font-size:0.88rem; font-weight:700; color:#1e2a3b; margin-bottom:0.45rem; line-height:1.4; }
        .po-card p { font-size:0.83rem; color:#374151; line-height:1.75; margin:0; }
        .po-collapsible + p.sub-label { border-top:1px solid #e2e8f0; margin-top:1.75rem; padding-top:1.75rem; }
        .pso-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
        .pso-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:1.3rem 1.4rem; position:relative; transition:box-shadow 0.25s ease, transform 0.25s ease; }
        .pso-card:hover { box-shadow:0 10px 30px rgba(7,74,134,0.13); transform:translateY(-3px); }
        .pso-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--primary),var(--secondary)); border-radius:14px 14px 0 0; }
        .pso-num { font-family:'Outfit',sans-serif; font-size:0.72rem; font-weight:900; color:#052d54; letter-spacing:2px; text-transform:uppercase; margin-bottom:0.5rem; }
        .pso-card p { font-size:0.84rem; color:#374151; line-height:1.68; }
        @media(max-width:1024px){
            .vm-section{ padding:4rem 0; }
            .vm-cards{ grid-template-columns:1fr; }
            .peo-grid{ grid-template-columns:1fr; }
            .po-list{ grid-template-columns:1fr; }
            .pso-grid{ grid-template-columns:1fr; }
        }
        .why-section { padding:6rem 0; background:var(--bg-light); }
        .why-header { max-width:660px; margin-bottom:3.5rem; }
        .why-prog-grid { display:grid; grid-template-columns:2fr 1fr; gap:1.2rem; align-items:stretch; margin-top:4rem; }
        .why-prog-left { display:flex; flex-direction:column; gap:1.5rem; }
        .why-prog-left .why-header { margin-bottom:0; max-width:none; }
        .why-prog-img { min-height:0; border-radius:22px; }
        .why-prog-img img { border-radius:22px; height:100%; min-height:100%; }
        @media(max-width:1024px){ .why-prog-grid { grid-template-columns:1fr; margin-top:3rem; } .why-prog-img { min-height:300px; } }
        .section-badge.badge-blue { background:linear-gradient(135deg,#e8f4ff,#dbeafe); border-color:#93c5fd; color:#1e40af; font-weight:700; box-shadow:none; }
        .bento { display:grid; grid-template-columns:repeat(12,1fr); gap:1.2rem; }
        .b { border-radius:22px; padding:2rem; transition:all 0.3s ease; overflow:hidden; position:relative; }
        .b.c5 { grid-column:span 5; }
        .b.c7 { grid-column:span 7; }
        .b.c4 { grid-column:span 4; }
        .b.c8 { grid-column:span 8; }
        .b.c6 { grid-column:span 6; }
        .b.c12 { grid-column:span 12; }
        .b.dark { background:linear-gradient(145deg,#0a2463,#052d54); }
        .b.dark:hover { transform:translateY(-3px); }
        .b-icon { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:1.2rem; flex-shrink:0; }
        .b.dark .b-icon { width:56px; height:56px; background:rgba(255,255,255,0.1); color:#00e5ff; border:2px solid rgba(0,200,255,0.5); box-shadow:0 0 20px rgba(0,200,255,0.4); }
        .b h3 { font-family:'Outfit',sans-serif; font-size:1.05rem; font-weight:700; margin-bottom:0.7rem; }
        .b.dark h3 { color:#fff; font-weight:800; }
        .b p { font-size:0.875rem; line-height:1.7; }
        .b.dark p { color:rgba(255,255,255,0.78); }
        .b-tags { display:flex; flex-wrap:wrap; gap:0.45rem; margin-top:1.1rem; }
        .b-tag { background:rgba(0,200,255,0.15); border:1px solid rgba(0,200,255,0.4); color:#00e5ff; font-size:11px; font-weight:600; padding:4px 12px; border-radius:20px; box-shadow:0 0 8px rgba(0,200,255,0.2); }
        .b.blue-soft { background:linear-gradient(145deg,#eff8ff,#dbeafe); border:1px solid #bfdbfe; }
        .b.blue-soft::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#3b82f6,#60a5fa); border-radius:22px 22px 0 0; }
        .b.blue-soft .b-icon { background:rgba(59,130,246,0.12); color:#1e40af; border:2px solid rgba(59,130,246,0.38); box-shadow:0 0 14px rgba(59,130,246,0.22); }
        .b.blue-soft h3 { color:#1e3a8a; }
        .b.blue-soft p { color:#374151; }
        .b.blue-soft:hover { transform:translateY(-6px); box-shadow:0 14px 36px rgba(30,64,175,0.16); border-color:#93c5fd; }
        .b.amber { background:linear-gradient(145deg,#f0fdfa,#ccfbf1); border:1px solid #99f6e4; }
        .b.amber::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#14b8a6,#2dd4bf); border-radius:22px 22px 0 0; }
        .b.amber .b-icon { background:rgba(20,184,166,0.12); color:#0f766e; border:2px solid rgba(20,184,166,0.4); box-shadow:0 0 14px rgba(20,184,166,0.22); }
        .b.amber h3 { color:#134e4a; }
        .b.amber p { color:#374151; }
        .b.amber:hover { transform:translateY(-6px); box-shadow:0 14px 36px rgba(20,184,166,0.18); border-color:#5eead4; }
        .b.white { background:linear-gradient(145deg,#faf5ff,#ede9fe); border:1px solid #ddd6fe; }
        .b.white::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#8b5cf6,#a78bfa); border-radius:22px 22px 0 0; }
        .b.white .b-icon { background:rgba(139,92,246,0.12); color:#6d28d9; border:2px solid rgba(139,92,246,0.38); box-shadow:0 0 14px rgba(139,92,246,0.22); }
        .b.white h3 { color:#4c1d95; }
        .b.white p { color:#374151; }
        .b.white:hover { transform:translateY(-6px); box-shadow:0 14px 36px rgba(139,92,246,0.16); border-color:#c4b5fd; }
        .b.indigo { background:linear-gradient(145deg,#eef2ff,#e0e7ff); border:1px solid #c7d2fe; }
        .b.indigo::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#6366f1,#818cf8); border-radius:22px 22px 0 0; }
        .b.indigo .b-icon { background:rgba(99,102,241,0.12); color:#4338ca; border:2px solid rgba(99,102,241,0.38); box-shadow:0 0 14px rgba(99,102,241,0.22); }
        .b.indigo h3 { color:#312e81; }
        .b.indigo p { color:#374151; }
        .b.indigo:hover { transform:translateY(-6px); box-shadow:0 14px 36px rgba(99,102,241,0.16); border-color:#a5b4fc; }
        .b.banner { padding:0; height:380px; cursor:default; border:none; background:transparent; }
        .b.banner:hover { transform:none; box-shadow:none; border-color:transparent; }
        .b.banner img { width:100%; height:100%; object-fit:cover; object-position:center 30%; display:block; }
        .b.banner::after { content:''; position:absolute; inset:0; background:rgba(5,30,70,0.62); border-radius:22px; pointer-events:none; }
        .banner-quote { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2rem; }
        .banner-quote p { color:#fff; font-size:1.55rem; font-weight:800; margin:0 0 0.6rem; letter-spacing:0.4px; text-shadow:0 2px 12px rgba(0,0,0,0.4); }
        .banner-quote span { font-size:0.88rem; color:rgba(255,255,255,0.7); font-weight:500; letter-spacing:0.8px; }
        .curr-card > h3 { font-size:1.35rem; font-weight:700; margin-bottom:0.5rem; }
        .curr-h3-accent { width:40px; height:3px; background:#00b4d8; border-radius:2px; margin-bottom:1.4rem; }
        .curr-steps { display:flex; align-items:stretch; gap:0; margin-top:0; }
        .curr-step { flex:1; padding:1rem; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); border-radius:10px; margin-right:0.5rem; transition:all 0.3s ease; }
        .curr-step:last-child { margin-right:0; }
        .curr-step:hover { border-color:rgba(0,200,255,0.4); box-shadow:0 0 16px rgba(0,200,255,0.15); }
        .curr-arrow { display:flex; align-items:center; justify-content:center; color:#00b4d8; font-size:18px; flex-shrink:0; padding:0 4px; align-self:center; }
        .curr-step-num { display:inline-block; background:rgba(0,200,255,0.15); border:1px solid rgba(0,200,255,0.45); color:#00e5ff; font-weight:700; font-size:11px; border-radius:20px; padding:3px 10px; box-shadow:0 0 8px rgba(0,200,255,0.2); letter-spacing:1px; text-transform:uppercase; margin-bottom:0.55rem; }
        .curr-step-title { font-size:0.94rem; font-weight:700; color:#ffffff; margin-bottom:0.4rem; }
        .curr-step p { font-size:0.78rem; color:rgba(255,255,255,0.75); line-height:1.6; }
        .curr-stats { display:flex; gap:0.9rem; align-items:center; margin-top:1.4rem; padding-top:1.2rem; border-top:1px solid rgba(255,255,255,0.1); flex-wrap:wrap; }
        .curr-stats span { font-size:0.82rem; color:rgba(255,255,255,0.65); font-weight:500; }
        .curr-stats strong { color:#00e5ff; font-weight:700; }
        .curr-stat-sep { color:rgba(0,200,255,0.3); font-size:1rem; }
        @media(max-width:1024px){
            .why-section{ padding:4rem 0; }
            .b.c5,.b.c7,.b.c4,.b.c8,.b.c6 { grid-column:span 12; }
            .b.c12 { grid-column:span 12; }
            .curr-steps { flex-direction:column; gap:0.5rem; }
            .curr-step { margin-right:0; }
            .curr-arrow { transform:rotate(90deg); }
            .b.banner { height:260px; }
            .banner-quote p { font-size:1.15rem; }
        }
        @media(max-width:768px){
            .bento { max-height:520px; overflow:hidden; transition:max-height 0.5s ease; position:relative; }
            .bento::after { content:''; position:absolute; bottom:0; left:0; right:0; height:80px; background:linear-gradient(to top,var(--bg-light) 40%,transparent); pointer-events:none; transition:opacity 0.4s ease; }
            .bento.bento-expanded { max-height:3000px; }
            .bento.bento-expanded::after { opacity:0; }
            .bento-read-more { display:flex; align-items:center; justify-content:center; gap:6px; margin:1rem auto 0; padding:10px 24px; background:#fff; border:1.5px solid #00b4d8; border-radius:50px; color:#0077b6; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.3s ease; }
            .bento-read-more:hover { background:#e8f7fb; }
            .bento-read-more i { transition:transform 0.3s ease; }
            .bento-read-more.open i { transform:rotate(180deg); }
        }
        @media(min-width:769px){ .bento-read-more { display:none; } }
        .prog-section { padding:6rem 0; background:#fff; }
        .prog-header { text-align:center; max-width:680px; margin:0 auto 3.5rem; }
        .prog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
        .prog-card { background:#fff; border:1px solid #e2e8f0; border-radius:24px; overflow:hidden; display:flex; flex-direction:column; transition:all 0.3s ease; box-shadow:0 4px 20px rgba(0,0,0,0.04); }
        .prog-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,100,200,0.12); border-color:rgba(0,119,182,0.25); }
        .prog-card-img { height:200px; overflow:hidden; position:relative; flex-shrink:0; }
        .prog-card-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.6s ease; }
        .prog-card:hover .prog-card-img img { transform:scale(1.05); }
        .prog-card-img-overlay { position:absolute; bottom:0; left:0; right:0; height:70px; background:linear-gradient(to top,rgba(10,36,99,0.6),transparent); pointer-events:none; }
        .prog-card-top { padding:1.6rem 2rem 1.2rem; position:relative; }
        .prog-card-top::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; }
        .prog-card:nth-child(1) .prog-card-top::before,
        .prog-card:nth-child(2) .prog-card-top::before { background:linear-gradient(90deg,#0077b6,#00b4d8); }
        .prog-card:nth-child(3) .prog-card-top::before { background:linear-gradient(90deg,#7c3aed,#9f7aea); }
        .prog-lvl { display:inline-block; padding:3px 10px; border-radius:6px; font-size:11px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; margin-bottom:0.9rem; }
        .lvl-b { background:#dbeafe; color:#1e40af; border:1px solid #93c5fd; }
        .lvl-m { background:#ede9fe; color:#6d28d9; border:1px solid #c4b5fd; }
        .prog-name { font-family:'Outfit',sans-serif; font-size:1rem; font-weight:800; color:var(--text-main); line-height:1.35; margin-bottom:1.1rem; }
        .prog-meta { display:flex; gap:1.25rem; flex-wrap:wrap; }
        .prog-meta-item { display:flex; align-items:center; gap:5px; font-size:0.78rem; color:#374151; font-weight:500; }
        .prog-meta-item svg { color:#0077b6; }
        .prog-card-body { padding:1.4rem 2rem 2rem; flex:1; display:flex; flex-direction:column; }
        .focus-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:#6b7280; margin-bottom:0.7rem; border-top:1px solid #e2e8f0; padding-top:1rem; }
        .prog-tags { display:flex; flex-wrap:wrap; gap:0.45rem; margin-bottom:1.75rem; flex:1; }
        .prog-tag { background:#f0f9ff; border:1px solid #bae6fd; color:#0369a1; border-radius:20px; font-size:12px; font-weight:500; padding:4px 10px; transition:all 0.2s ease; cursor:default; }
        .prog-tag:hover { background:#0077b6; color:#fff; border-color:#0077b6; }
        .prog-link { display:inline-flex; align-items:center; gap:7px; color:#0077b6; font-weight:600; font-size:0.85rem; text-decoration:none; border:1.5px solid #0077b6; border-radius:8px; padding:8px 18px; transition:all 0.2s ease; align-self:flex-start; }
        .prog-link:hover { background:#0077b6; color:#fff; }
        .prog-link svg { transition:transform 0.2s ease; }
        .prog-link:hover svg { transform:translateX(4px); }
        @media(max-width:1024px){
            .prog-section{ padding:4rem 0; }
            .prog-grid{ grid-template-columns:1fr; max-width:460px; margin:0 auto; }
        }
        .research-section {
            padding:5rem 0;
            background:linear-gradient(145deg,#010d1f,#052d54);
            position:relative; overflow:hidden;
        }
        .research-section::before { content:''; position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(ellipse at center,rgba(0,119,182,0.14) 0%,transparent 60%); top:-180px; right:-120px; pointer-events:none; }
        .research-section::after  { content:''; position:absolute; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(7,74,134,0.12),transparent 70%); bottom:-150px; left:-80px; pointer-events:none; }
        .research-header { max-width:640px; margin-bottom:3.5rem; }
        .section-badge.badge-research { background:rgba(0,180,216,0.15); border-color:rgba(0,180,216,0.4); color:#00e5ff; font-weight:700; box-shadow:none; }
        .title-line.cyan { background:#00b4d8; width:48px; }
        .res-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; margin-bottom:3.5rem; }
        .res-stat { text-align:center; padding:1.75rem 1rem; background:rgba(255,255,255,0.04); border:1px solid rgba(0,180,216,0.18); border-top:2px solid #00b4d8; border-radius:18px; backdrop-filter:blur(6px); transition:all 0.3s ease; }
        .res-stat:hover { background:rgba(255,255,255,0.07); border-color:rgba(0,180,216,0.4); box-shadow:0 8px 24px rgba(0,180,216,0.12); transform:translateY(-4px); }
        .res-stat .r-icon { color:#00b4d8; margin-bottom:0.55rem; display:flex; align-items:center; justify-content:center; }
        .res-stat .rn { font-family:'Outfit',sans-serif; font-size:2.4rem; font-weight:900; color:var(--secondary); line-height:1; margin-bottom:0.35rem; }
        .res-stat .rl { font-size:13px; color:rgba(255,255,255,0.65); font-weight:600; }
        .domain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
        .domain-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07); border-radius:18px; padding:1.75rem; transition:var(--transition); position:relative; overflow:hidden; }
        .domain-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--primary),var(--secondary)); transform:scaleX(0); transform-origin:left; transition:transform 0.4s ease; }
        .domain-card:hover { background:rgba(255,255,255,0.08); border-color:rgba(0,210,255,0.2); transform:translateY(-4px); }
        .domain-card:hover::after { transform:scaleX(1); }
        .d-icon { width:38px; height:38px; border-radius:50%; background:rgba(0,200,255,0.12); border:1.5px solid rgba(0,200,255,0.4); box-shadow:0 0 12px rgba(0,200,255,0.25); display:flex; align-items:center; justify-content:center; color:#00e5ff; margin-bottom:1.1rem; flex-shrink:0; }
        .domain-card h4 { font-family:'Outfit',sans-serif; font-size:0.95rem; font-weight:800; color:#fff; margin-bottom:0.5rem; }
        .domain-card p { font-size:0.83rem; color:rgba(255,255,255,0.52); line-height:1.65; }
        @media(max-width:1024px){
            .research-section{ padding:4rem 0; }
            .res-stats{ grid-template-columns:repeat(2,1fr); }
            .domain-grid{ grid-template-columns:1fr 1fr; }
        }
        @media(max-width:640px){ .domain-grid{ grid-template-columns:1fr; } }
        @media(max-width:640px){
            .domain-grid { max-height:240px; overflow:hidden; transition:max-height 0.5s ease; position:relative; }
            .domain-grid::after { content:''; position:absolute; bottom:0; left:0; right:0; height:70px; background:linear-gradient(to top,#050f2c 50%,transparent); pointer-events:none; transition:opacity 0.4s ease; }
            .domain-grid.res-expanded { max-height:3000px; }
            .domain-grid.res-expanded::after { opacity:0; }
            .res-read-more { display:flex; align-items:center; justify-content:center; gap:6px; margin:1rem auto 0; padding:10px 24px; background:rgba(255,255,255,0.06); border:1.5px solid rgba(0,180,216,0.5); border-radius:50px; color:#00b4d8; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.3s ease; }
            .res-read-more:hover { background:rgba(0,180,216,0.12); }
            .res-read-more i { transition:transform 0.3s ease; }
            .res-read-more.open i { transform:rotate(180deg); }
        }
        @media(min-width:641px){ .res-read-more { display:none; } }
        .collab-section { padding:6rem 0; background:linear-gradient(180deg,#f0f6ff 0%,#ffffff 100%); }
        .collab-header { text-align:center; max-width:660px; margin:0 auto 2rem; }
        .collab-stats { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-bottom:3rem; }
        .collab-stat { font-size:13px; font-weight:600; color:#0077b6; padding:0 1rem; border-right:1px solid #cbd5e0; line-height:1; letter-spacing:0.03em; }
        .collab-stat:first-child { padding-left:0; }
        .collab-stat:last-child  { border-right:none; }
        .partner-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; margin-bottom:4.5rem; }
        .partner-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:18px 20px; display:flex; align-items:center; gap:1.1rem; transition:all 0.3s ease; position:relative; overflow:hidden; }
        .partner-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; border-radius:12px 12px 0 0; }
        .partner-card:hover { border-color:#00b4d8; box-shadow:0 12px 32px rgba(0,100,200,0.1); transform:translateY(-5px); }
        .p-logo { width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
        .p-suse   { background:rgba(141,184,0,0.1);   border:1.5px solid rgba(141,184,0,0.3);   color:#8DB800; }
        .p-ms     { background:rgba(0,164,239,0.1);   border:1.5px solid rgba(0,164,239,0.3);   color:#00a4ef; }
        .p-intel  { background:rgba(0,113,197,0.1);   border:1.5px solid rgba(0,113,197,0.3);   color:#0071C5; }
        .p-cisco  { background:rgba(27,160,215,0.1);  border:1.5px solid rgba(27,160,215,0.3);  color:#1BA0D7; }
        .p-ibm    { background:rgba(31,112,193,0.1);  border:1.5px solid rgba(31,112,193,0.3);  color:#1F70C1; }
        .p-nvidia { background:rgba(118,185,0,0.1);   border:1.5px solid rgba(118,185,0,0.3);   color:#76B900; }
        .p-intel2 { background:rgba(0,113,197,0.1);   border:1.5px solid rgba(0,113,197,0.3);   color:#0071C5; }
        .p-sec    { background:rgba(220,38,38,0.1);   border:1.5px solid rgba(220,38,38,0.3);   color:#DC2626; }
        .p-spd    { background:rgba(124,58,237,0.1);  border:1.5px solid rgba(124,58,237,0.3);  color:#7C3AED; }
        .partner-card:nth-child(1)::before { background:#8DB800; }
        .partner-card:nth-child(2)::before { background:#00a4ef; }
        .partner-card:nth-child(3)::before { background:#0071C5; }
        .partner-card:nth-child(4)::before { background:#1BA0D7; }
        .partner-card:nth-child(5)::before { background:#1F70C1; }
        .partner-card:nth-child(6)::before { background:#76B900; }
        .partner-card:nth-child(7)::before { background:#0071C5; }
        .partner-card:nth-child(8)::before { background:#DC2626; }
        .partner-card:nth-child(9)::before { background:#7C3AED; }
        .partner-info h4 { font-weight:700; font-size:15px; color:#0a2463; margin-bottom:0.25rem; }
        .partner-info p  { font-size:13px; color:#374151; font-weight:500; line-height:1.5; }
        .labs-divider { border-top:1px solid #e2e8f0; padding-top:3.5rem; }
        .labs-hdr { text-align:center; margin-bottom:2rem; }
        .labs-grid {
            display:flex; flex-wrap:wrap; gap:0.75rem; justify-content:center;
            background:linear-gradient(135deg,rgba(219,234,254,0.45) 0%,rgba(237,233,254,0.45) 35%,rgba(204,251,241,0.45) 68%,rgba(255,237,213,0.38) 100%);
            border-radius:20px; padding:2rem 1.75rem;
            border:1px solid rgba(7,74,134,0.07);
        }
        .lab-item { border-radius:100px; padding:0.6rem 1.4rem; display:inline-flex; align-items:center; border:none; cursor:default; transition:all 0.25s ease; }
        .lab-item:hover { transform:translateY(-3px); box-shadow:0 8px 22px rgba(0,0,0,0.13); }
        .lab-item span { font-size:0.84rem; font-weight:700; }
        .lab-item:nth-child(1) { background:linear-gradient(135deg,#dcfce7,#bbf7d0); } .lab-item:nth-child(1) span { color:#166534; }
        .lab-item:nth-child(2) { background:linear-gradient(135deg,#dbeafe,#bfdbfe); } .lab-item:nth-child(2) span { color:#1e3a8a; }
        .lab-item:nth-child(3) { background:linear-gradient(135deg,#ffedd5,#fed7aa); } .lab-item:nth-child(3) span { color:#9a3412; }
        .lab-item:nth-child(4) { background:linear-gradient(135deg,#ccfbf1,#99f6e4); } .lab-item:nth-child(4) span { color:#0f766e; }
        .lab-item:nth-child(5) { background:linear-gradient(135deg,#e0e7ff,#c7d2fe); } .lab-item:nth-child(5) span { color:#3730a3; }
        .lab-item:nth-child(6) { background:linear-gradient(135deg,#d1fae5,#6ee7b7); } .lab-item:nth-child(6) span { color:#065f46; }
        .lab-item:nth-child(7) { background:linear-gradient(135deg,#e0f2fe,#bae6fd); } .lab-item:nth-child(7) span { color:#0369a1; }
        .lab-item:nth-child(8) { background:linear-gradient(135deg,#fce7f3,#fbcfe8); } .lab-item:nth-child(8) span { color:#9d174d; }
        .lab-item:nth-child(9) { background:linear-gradient(135deg,#f3e8ff,#e9d5ff); } .lab-item:nth-child(9) span { color:#6d28d9; }
        @media(max-width:1024px){
            .collab-section{ padding:4rem 0; }
            .partner-grid{ grid-template-columns:1fr 1fr; }
            .labs-grid{ grid-template-columns:1fr 1fr; }
        }
        @media(max-width:640px){
            .partner-grid{ grid-template-columns:1fr; max-height:100px; overflow:hidden; transition:max-height 0.5s ease; position:relative; }
            .partner-grid::after { content:''; position:absolute; bottom:0; left:0; right:0; height:50px; background:linear-gradient(to top,#f0f6ff 40%,transparent); pointer-events:none; transition:opacity 0.4s ease; }
            .partner-grid.partner-expanded { max-height:3000px; }
            .partner-grid.partner-expanded::after { opacity:0; }
            .partner-read-more { display:flex; align-items:center; justify-content:center; gap:6px; margin:0.75rem auto 2rem; padding:10px 24px; background:#fff; border:1.5px solid #00b4d8; border-radius:50px; color:#0077b6; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.3s ease; }
            .partner-read-more:hover { background:#e8f7fb; }
            .partner-read-more i { transition:transform 0.3s ease; }
            .partner-read-more.open i { transform:rotate(180deg); }
            .labs-grid { display:flex; flex-direction:column; align-items:stretch; padding:1.25rem; gap:0.6rem; }
            .lab-item { width:100%; border-radius:12px; padding:0.75rem 1.1rem; justify-content:flex-start; }
        }
        @media(min-width:641px){ .partner-read-more { display:none; } }
        .careers-section { padding:5rem 0; background:#010d1f; position:relative; overflow:hidden; }
        .careers-section::before { content:''; position:absolute; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(7,74,134,0.14),transparent 70%); bottom:-180px; left:-80px; pointer-events:none; }
        .careers-section::after  { content:''; position:absolute; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle,rgba(0,210,255,0.06),transparent 70%); top:-120px; right:-60px; pointer-events:none; }
        .careers-header { text-align:center; max-width:660px; margin:0 auto 3rem; }
        .section-badge.badge-career { background:rgba(0,180,216,0.12); border:1px solid rgba(0,180,216,0.35); color:#00e5ff; font-weight:700; box-shadow:none; }
        .careers-img-split { display:grid; grid-template-columns:55fr 45fr; gap:2.5rem; align-items:flex-start; margin-bottom:3rem; }
        .cis-text { font-size:14.5px; color:rgba(255,255,255,0.75); line-height:1.85; max-width:580px; }
        .cis-text p + p { margin-top:1.2rem; }
        .cis-stats { display:flex; align-items:center; flex-wrap:wrap; margin-top:1.8rem; gap:0; }
        .cis-stat { font-size:0.8rem; font-weight:700; color:#00b4d8; padding:0 0.9rem; border-right:1px solid rgba(0,180,216,0.3); line-height:1; }
        .cis-stat:first-child { padding-left:5 px; }
        .cis-stat:last-child  { border-right:none; }
        @media(max-width:640px){ .cis-stats{ flex-direction:column; align-items:flex-start; gap:0.6rem; } .cis-stat{ font-size:0.92rem; padding:0; border-right:none; border-left:2px solid rgba(0,180,216,0.5); padding-left:0.75rem; } }
        .careers-img-wrap { border-radius:16px; overflow:hidden; height:340px; box-shadow:0 0 0 1px rgba(0,180,216,0.25),0 24px 60px rgba(0,0,0,0.45); }
        .careers-img-wrap img { width:100%; height:100%; object-fit:cover; object-position:center 15%; display:block; transition:transform 0.6s ease; }
        .careers-img-wrap:hover img { transform:scale(1.03); }
        .roles-label { font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#00b4d8; margin-bottom:1rem; }
        .roles-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0.7rem; margin-bottom:0; }
        .role-chip { display:flex; align-items:center; gap:10px; padding:12px 16px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:10px; transition:all 0.25s ease; cursor:default; }
        .role-chip:hover { background:rgba(0,180,216,0.08); border-color:rgba(0,180,216,0.4); box-shadow:0 0 16px rgba(0,180,216,0.1); transform:translateX(4px); transition:all 0.25s ease; }
        .role-chip svg { color:#00b4d8; flex-shrink:0; }
        .role-chip span { font-size:13px; font-weight:600; color:#ffffff; }
        .sectors-divider { border-top:1px solid rgba(255,255,255,0.06); margin:32px 0; }
        .sectors-bar { display:flex; flex-wrap:wrap; gap:0.6rem; justify-content:center; }
        .sec-tag { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; padding:6px 14px; border-radius:20px; transition:all 0.2s ease; }
        .sec-tag.sec-health  { background:rgba(239,68,68,0.12);  border:1px solid rgba(239,68,68,0.3);  color:#fca5a5; }
        .sec-tag.sec-finance { background:rgba(34,197,94,0.12);  border:1px solid rgba(34,197,94,0.3);  color:#86efac; }
        .sec-tag.sec-auto    { background:rgba(0,180,216,0.12);  border:1px solid rgba(0,180,216,0.3);  color:#67e8f9; }
        .sec-tag.sec-cyber   { background:rgba(168,85,247,0.12); border:1px solid rgba(168,85,247,0.3); color:#d8b4fe; }
        .sec-tag.sec-edu     { background:rgba(251,191,36,0.12); border:1px solid rgba(251,191,36,0.3); color:#fde68a; }
        .sec-tag.sec-cons    { background:rgba(249,115,22,0.12); border:1px solid rgba(249,115,22,0.3); color:#fed7aa; }
        .sec-tag.sec-robot   { background:rgba(20,184,166,0.12); border:1px solid rgba(20,184,166,0.3); color:#99f6e4; }
        .sec-tag.sec-cloud   { background:rgba(59,130,246,0.12); border:1px solid rgba(59,130,246,0.3); color:#bfdbfe; }
        @media(max-width:1024px){
            .careers-section{ padding:4rem 0; }
            .careers-img-split{ grid-template-columns:1fr; }
            .careers-img-wrap{ height:240px; }
            .roles-grid{ grid-template-columns:repeat(2,1fr); }
        }
        @media(max-width:640px){
            .roles-grid{ grid-template-columns:1fr; max-height:105px; overflow:hidden; transition:max-height 0.5s ease; position:relative; }
            .roles-grid::after { content:''; position:absolute; bottom:0; left:0; right:0; height:50px; background:linear-gradient(to top,#010d1f 40%,transparent); pointer-events:none; transition:opacity 0.4s ease; }
            .roles-grid.roles-expanded { max-height:3000px; }
            .roles-grid.roles-expanded::after { opacity:0; }
            .roles-read-more { display:flex; align-items:center; justify-content:center; gap:6px; margin:0.75rem auto 0; padding:10px 24px; background:rgba(255,255,255,0.06); border:1.5px solid rgba(0,180,216,0.5); border-radius:50px; color:#00b4d8; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.3s ease; }
            .roles-read-more:hover { background:rgba(0,180,216,0.12); }
            .roles-read-more i { transition:transform 0.3s ease; }
            .roles-read-more.open i { transform:rotate(180deg); }
        }
        @media(min-width:641px){ .roles-read-more { display:none; } }
        .b.photo { padding:0; overflow:hidden; cursor:default; }
        .b.photo img { width:100%; height:100%; object-fit:cover; display:block; min-height:220px; border-radius:22px; }
        .b.photo::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(10,36,99,0.45),transparent 60%); border-radius:22px; pointer-events:none; }
        .b.photo:hover { transform:none; }
        .b.photo:hover img { transform:scale(1.04); transition:transform 0.6s ease; }
        .domain-card.photo-dc { padding:0; min-height:220px; }
        .domain-card.photo-dc > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:18px; transition:transform 0.4s ease; }
        .domain-card.photo-dc:hover > img { transform:scale(1.05); }
        .domain-card.photo-dc:hover { box-shadow:0 0 0 1.5px rgba(0,180,216,0.5); }
        .domain-card.photo-dc .dc-inner { position:absolute; inset:0; border-radius:18px; background:linear-gradient(to top,rgba(5,20,60,0.95) 0%,rgba(5,20,60,0.6) 50%,rgba(5,20,60,0.1) 100%); display:flex; flex-direction:column; justify-content:flex-end; padding:1.4rem; transition:background 0.3s ease; }
        .domain-card.photo-dc:hover .dc-inner { background:linear-gradient(to top,rgba(5,20,60,0.98) 0%,rgba(5,20,60,0.7) 50%,rgba(5,20,60,0.2) 100%); }
        .domain-card.photo-dc .dc-inner h4 { font-family:'Outfit',sans-serif; font-size:15px; font-weight:700; color:#fff; margin-bottom:6px; border-left:2px solid #00b4d8; padding-left:8px; }
        .domain-card.photo-dc .dc-inner p { font-size:13px; color:rgba(255,255,255,0.85); line-height:1.65; padding-left:10px; }
        .domain-card.photo-dc .d-icon { margin-bottom:0; position:absolute; top:1.25rem; left:1.25rem; }
        .collab-feature { border-radius:22px; overflow:hidden; position:relative; height:310px; margin-bottom:3.5rem; }
        .collab-feature > img { width:100%; height:100%; object-fit:cover; object-position:center 20%; display:block; }
        .cf-overlay { position:absolute; inset:0; background:linear-gradient(100deg,rgba(7,74,134,0.93) 0%,rgba(5,45,84,0.78) 40%,rgba(1,13,31,0.35) 100%); display:flex; align-items:center; padding:3rem 3.5rem; }
        .cf-text h3 { font-family:'Outfit',sans-serif; font-size:1.55rem; font-weight:800; color:#fff; margin-bottom:0.8rem; max-width:520px; line-height:1.3; }
        .cf-text p { font-size:0.9rem; color:rgba(255,255,255,0.76); max-width:480px; line-height:1.78; }
        .cf-learn-more { display:inline-flex; align-items:center; gap:5px; color:#00b4d8; font-weight:600; font-size:13px; text-decoration:none; margin-top:0.8rem; transition:gap 0.2s ease; }
        .cf-learn-more:hover { gap:8px; }
        @media(max-width:768px){ .collab-feature{ height:420px; } .cf-overlay{ padding:2rem 1.75rem 2.5rem; align-items:flex-end; } }
        .testi-section { padding:5rem 0; background:#f0f6ff; }
        .testi-header { text-align:center; max-width:560px; margin:0 auto 3.5rem; }
        .testi-carousel-outer { position:relative; padding:0 52px; }
        .testi-track-clip { overflow:hidden; }
        .testi-track { display:flex; gap:1.25rem; transition:transform 0.42s cubic-bezier(0.4,0,0.2,1); will-change:transform; }
        .testi-card { flex:0 0 calc(33.33% - 10px); background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:22px 20px; display:flex; flex-direction:column; transition:all 0.3s ease; cursor:default; box-shadow:0 2px 16px rgba(0,0,0,0.06); }
        .testi-card:hover { transform:translateY(-4px); box-shadow:0 10px 30px rgba(0,100,200,0.1); border-color:#bfdbfe; }
        .testi-quote-wrap { overflow:hidden; max-height:100px; transition:max-height 0.4s ease; }
        .testi-quote-wrap.expanded { max-height:600px; }
        .testi-quote { font-size:13.5px; color:#4b5563; line-height:1.75; font-style:italic; margin:0; }
        .testi-read-more { display:inline-flex; align-items:center; gap:4px; color:#0077b6; font-weight:600; font-size:13px; cursor:pointer; background:none; border:none; padding:6px 0 0; margin-top:2px; transition:gap 0.2s; }
        .testi-read-more:hover { gap:7px; }
        .testi-rm-icon { display:inline-flex; transition:transform 0.3s ease; }
        .testi-read-more.open .testi-rm-icon { transform:rotate(180deg); }
        .testi-author-divider { width:100%; border:none; border-top:1px solid #f0f4ff; margin:14px 0; }
        .testi-author { display:flex; align-items:center; gap:12px; }
        .testi-avatar { width:100px; height:100px; border-radius:50%; object-fit:cover; object-position:center top; border:2px solid #00b4d8; box-shadow:0 0 0 3px rgba(0,180,216,0.15); flex-shrink:0; }
        .testi-author-info { flex:1; min-width:0; }
        .testi-name { font-size:13px; font-weight:700; color:#0a2463; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:2px; }
        .testi-meta-line { font-size:11.5px; color:#6b7280; font-weight:500; }
        .testi-prev, .testi-next { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:#fff; border:1.5px solid #0077b6; color:#0077b6; font-size:18px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s ease; z-index:5; box-shadow:0 4px 12px rgba(0,100,200,0.15); }
        .testi-prev { left:0; }
        .testi-next { right:0; }
        .testi-prev:hover, .testi-next:hover { background:#0077b6; color:#fff; transform:translateY(-50%) scale(1.08); }
        .testi-dots { display:flex; justify-content:center; gap:7px; margin-top:1.75rem; align-items:center; }
        .testi-dot { height:8px; width:8px; border-radius:50%; background:#cbd5e0; cursor:pointer; transition:all 0.3s ease; border:none; padding:0; }
        .testi-dot.active { background:#0077b6; width:22px; border-radius:4px; }
        @media(max-width:1024px){ .testi-card{ flex:0 0 calc(50% - 10px); } }
        @media(max-width:640px){ .testi-card{ flex:0 0 100%; } .testi-carousel-outer{ padding:0 40px; } }
        .faq-section { padding:7rem 0; background:white; }
        .faq-layout { display:grid; grid-template-columns:38fr 62fr; gap:5rem; max-width:1400px; margin:0 auto; align-items:start; }
        .faq-info { position:sticky; top:100px; }
        .faq-info-title { font-family:'Outfit',sans-serif; font-size:clamp(1.8rem,3vw,2.8rem); font-weight:800; color:#0a2463; line-height:1.18; margin:1.1rem 0 1.1rem; }
        .faq-info-sub { font-size:clamp(14px,1.5vw,16px); color:#4b5563; line-height:1.8; margin-bottom:2.5rem; }
        .faq-cta-card { background:linear-gradient(145deg,#074a86 0%,#052d54 100%); border-radius:24px; padding:2.5rem 2.25rem; box-shadow:0 24px 56px rgba(7,74,134,0.25); }
        .faq-cta-card h4 { font-family:'Outfit',sans-serif; font-size:clamp(1rem,1.5vw,1.3rem); font-weight:700; color:#fff; margin-bottom:0.75rem; }
        .faq-cta-card p { font-size:clamp(13px,1.2vw,14.5px); color:rgba(255,255,255,0.72); line-height:1.75; margin-bottom:1.75rem; }
        .faq-cta-btn { display:inline-flex; align-items:center; gap:9px; background:linear-gradient(135deg,#00b4d8,#0077b6); color:#fff; padding:12px 24px; border-radius:50px; font-size:clamp(13px,1.2vw,15px); font-weight:700; text-decoration:none; transition:all 0.3s ease; border:none; cursor:pointer; }
        .faq-cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,180,216,0.38); }
        .faq-list { display:flex; flex-direction:column; gap:0; }
        .faq-item { border:1px solid #e2e8f0; border-radius:14px; margin-bottom:14px; overflow:hidden; background:#fff; transition:border-color 0.3s ease, box-shadow 0.3s ease; }
        .faq-item.open { border-color:#00b4d8; box-shadow:0 6px 24px rgba(0,100,200,0.1); }
        .faq-q { padding:18px 20px; display:flex; align-items:center; cursor:pointer; background:#f0f6ff; user-select:none; transition:background 0.2s; gap:14px; }
        .faq-q:hover { background:#f8faff; }
        .faq-num { font-size:11px; font-weight:700; color:#0077b6; background:#dbeafe; border-radius:7px; padding:3px 10px; flex-shrink:0; }
        .faq-qtext { font-size:clamp(13px,1.4vw,15px); font-weight:600; color:#0a2463; flex:1; line-height:1.5; }
        .faq-chevron { color:#0077b6; flex-shrink:0; transition:transform 0.3s ease; display:flex; }
        .faq-item.open .faq-chevron { transform:rotate(180deg); }
        .faq-a { max-height:0; overflow:hidden; transition:max-height 0.35s ease-in-out; }
        .faq-item.open .faq-a { max-height:600px; }
        .faq-a-inner { padding:16px 20px 20px 56px; font-size:clamp(13px,1.2vw,14px); color:#374151; line-height:1.85; border-top:1px solid #f0f4ff; }
        @media(max-width:900px){ .faq-layout{ grid-template-columns:1fr; gap:2.5rem; } .faq-info{ position:static; } }
        @media(max-width:768px){ .faq-section{ padding:4rem 0; } .faq-cta-card{ padding:1.75rem 1.5rem; } .faq-info{ text-align:center; } .faq-info .section-badge{ display:inline-flex; } }
        footer { background:#050505; color:#fff; padding:5rem 2rem; border-top:1px solid rgba(255,255,255,0.05); }
        .footer-grid { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:repeat(5,1fr); gap:2.5rem; }
        @media(max-width:1024px){ .footer-grid{ grid-template-columns:repeat(3,1fr); } }
        @media(max-width:768px){ .footer-grid{ grid-template-columns:1fr; } }