/* ==========================================
   PrismaSystems Main Styles
   Theme: Navy + Cyan + Blue + Purple
========================================== */

:root{
--primary:#00d9ff;
--secondary:#2563ff;
--purple:#7c3cff;
--dark:#050b24;
--dark-soft:#0b1535;
--text:#0f172a;
--light:#f8fbff;
--gradient:linear-gradient(135deg,#00d9ff,#2563ff,#7c3cff);
}

/* ================= RESET ================= */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--text);background:#fff;line-height:1.7;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}

/* ================= CONTAINER ================= */
.container{width:90%;max-width:1200px;margin:auto;}

/* ================= HEADER ================= */
.header{position:fixed;top:0;width:100%;z-index:1000;padding:20px 0;transition:.3s;}
.header.scrolled{background:rgba(5,11,36,.85);backdrop-filter:blur(15px);}
.nav-wrapper{display:flex;justify-content:space-between;align-items:center;}
.logo img{width:190px;}
nav{display:flex;gap:35px;}
nav a{color:white;font-size:15px;font-weight:500;transition:.3s;}
nav a:hover,nav a.active{color:var(--primary);}

/* ================= BUTTONS ================= */
.btn-primary{display:inline-block;padding:14px 32px;border-radius:40px;background:var(--gradient);color:white;font-weight:600;transition:.3s;box-shadow:0 10px 30px rgba(0,150,255,.3);}
.btn-primary:hover{transform:translateY(-3px);}
.btn-outline{display:inline-block;padding:13px 30px;border-radius:40px;border:1px solid var(--primary);color:var(--primary);margin-left:15px;transition:.3s;}
.btn-outline:hover{background:var(--primary);color:white;}

/* ================= HERO ================= */
.hero{min-height:100vh;display:flex;align-items:center;padding-top:100px;color:white;background:radial-gradient(circle at top right,rgba(0,217,255,.25),transparent 35%),linear-gradient(120deg,#050b24,#101c4c);}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;}
.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.15;font-weight:800;}
.hero h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent;}
.hero p{margin:25px 0;color:#cbd5e1;font-size:18px;max-width:600px;}
.hero-buttons{margin-top:30px;}
.hero-image img{filter:drop-shadow(0 30px 50px rgba(0,0,0,.4));}

/* ================= PAGE HERO (sub-pages) ================= */
.page-hero{min-height:340px;display:flex;align-items:center;padding-top:100px;color:white;text-align:center;background:radial-gradient(circle at top right,rgba(0,217,255,.25),transparent 35%),linear-gradient(120deg,#050b24,#101c4c);}
.page-hero .container{width:90%;max-width:800px;}
.breadcrumb{font-size:13px;color:#94a3b8;margin-bottom:18px;}
.breadcrumb a{color:var(--primary);font-weight:600;}
.page-hero h1{font-size:44px;font-weight:800;}
.page-hero h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent;}
.page-hero p{color:#cbd5e1;max-width:650px;margin:15px auto 0;}

/* ================= SECTION TITLE ================= */
section{padding:100px 0;}
.section-title{text-align:center;margin-bottom:60px;}
.eyebrow-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,217,255,.1);color:var(--secondary);font-size:13px;font-weight:600;padding:8px 18px;border-radius:30px;margin-bottom:18px;}
.section-title h2{font-size:42px;color:var(--dark);font-weight:800;}
.section-title h2 span{color:var(--primary);}
.section-title p{color:#64748b;max-width:650px;margin:15px auto 0;}

/* ================= SERVICES ================= */
.services{background:#f8fbff;}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;align-items:stretch;}
.service-box{display:flex;flex-direction:column;height:360px;padding:30px;border-radius:18px;color:white;overflow:hidden;position:relative;transition:.4s ease;}
.service-box:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.18);}
.service-icon{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:25px;}
.service-box h3{font-size:20px;line-height:1.3;margin-bottom:15px;min-height:52px;}
.service-box p{font-size:14px;line-height:1.7;opacity:.9;height:90px;overflow:hidden;}

/* TECHNOLOGY TAGS */
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;min-height:55px;}
.tags span{background:white;color:#334155;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;}
.team{margin-top:auto;font-size:13px;padding-top:20px;}

/* SERVICE CARD COLORS */
.blue{background:linear-gradient(135deg,#34205f,#573b91);}
.purple{background:linear-gradient(135deg,#123b63,#185d8f);}
.violet{background:linear-gradient(135deg,#4b2463,#71358d);}
.green{background:linear-gradient(135deg,#064d43,#086b5c);}
.orange{background:linear-gradient(135deg,#f97316,#f59e0b);}
.red{background:linear-gradient(135deg,#7f1d3a,#be123c);}
.blue2{background:linear-gradient(135deg,#312e81,#4338ca);}
.cyan{background:linear-gradient(135deg,#075985,#0891b2);}
.purple2{background:linear-gradient(135deg,#4c1d95,#7e22ce);}

/* ================= SOLUTIONS / PRODUCTS ================= */
.solutions{background:#fff;}
.all-products{background:#fff;padding-top:80px;}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}
.solution-card{background:white;border-radius:22px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.08);transition:.3s;border:1px solid #eef2f9;}
.solution-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.12);}
.solution-image{position:relative;}
.solution-image img{width:100%;height:200px;object-fit:cover;}
.solution-badge{position:absolute;top:16px;left:16px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:13px;box-shadow:0 8px 20px rgba(0,0,0,.2);}
.solution-body{padding:22px 25px 20px;}
.solution-body h3{font-size:19px;margin-bottom:4px;}
.solution-category{display:block;font-size:12.5px;font-weight:600;color:var(--secondary);margin-bottom:10px;}
.solution-body p{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:18px;}
.solution-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #eef2f9;}
.meta-date{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px;}
.meta-actions{display:flex;gap:8px;}
.meta-btn{width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#334155;font-size:13px;transition:.3s;}
.meta-btn:hover{background:var(--gradient);color:white;}
.view-all-wrap{text-align:center;margin-top:50px;}
.view-all-btn{display:inline-flex;align-items:center;gap:8px;}

/* ================= INTEGRATIONS ================= */
.integrations{background:#f8fbff;}
.integration-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:50px;}
.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:40px;border:1px solid #dbeafe;background:white;color:#334155;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:.3s;}
.tab-btn:hover{border-color:var(--primary);color:var(--secondary);}
.tab-btn.active{background:var(--gradient);border-color:transparent;color:white;box-shadow:0 10px 25px rgba(0,150,255,.25);}
.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.integration-card{display:none;flex-direction:column;background:white;border:1px solid #e8f0fe;border-radius:16px;padding:26px;transition:.3s;}
.integration-card.show{display:flex;}
.integration-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.08);border-color:transparent;}
.integration-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:14px;margin-bottom:16px;}
.integration-card h4{font-size:16px;margin-bottom:6px;color:#0f172a;}
.integration-card p{font-size:13px;color:#64748b;line-height:1.5;}

/* ================= TECHNOLOGY ================= */
.technology{background:#050b24;}
.technology .section-title h2{color:white;}
.technology .section-title p{color:#cbd5e1;}
.technology-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:35px;}
.technology-grid img{width:90px;height:90px;object-fit:contain;background:white;padding:15px;border-radius:20px;transition:.3s;}
.technology-grid img:hover{transform:translateY(-8px);}

/* ================= CEO MESSAGE ================= */
.ceo-message{padding:120px 0;background:#ffffff;text-align:center;}
.ceo-icon{width:55px;height:55px;margin:0 auto 35px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,rgba(0,217,255,.15),rgba(124,60,255,.15));color:#00d9ff;font-size:30px;}
.ceo-text{max-width:900px;margin:auto;font-family:"Segoe Script","Brush Script MT",cursive;font-size:28px;line-height:1.5;color:#111827;}
.ceo-divider{width:180px;height:1px;background:#dbeafe;margin:60px auto 25px;}
.ceo-message h4{font-size:18px;font-weight:600;background:linear-gradient(90deg,#00d9ff,#7c3cff);-webkit-background-clip:text;color:transparent;}
.ceo-role{color:#64748b;font-size:14px;}

/* ================= EXCELLENCE ================= */
.excellence{padding:120px 0;background:#ffffff;}
.excellence-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;}
.excellence-image{height:420px;position:relative;}
.circle-badge{width:140px;height:140px;border-radius:50%;background:rgba(0,217,255,.15);display:flex;align-items:center;justify-content:center;font-size:55px;position:absolute;top:120px;left:60px;}
.floating-icon{width:45px;height:45px;border-radius:12px;background:white;box-shadow:0 10px 30px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;position:absolute;}
.icon-one{top:80px;left:220px;}
.icon-two{bottom:100px;left:100px;}
.excellence-content h2{font-size:42px;font-weight:800;color:#0f172a;}
.excellence-content h2 span{color:#00bfff;}
.intro{color:#64748b;max-width:450px;line-height:1.7;margin-bottom:30px;}

/* ================= ACCORDION (Excellence) ================= */
.accordion-item{border:1px solid #dbeafe;border-radius:10px;margin-bottom:10px;overflow:hidden;background:white;transition:.3s;}
.accordion-item:hover{border-color:#00d9ff;}
.accordion-title{padding:16px;display:flex;align-items:center;gap:12px;font-weight:600;color:#0f172a;cursor:pointer;user-select:none;}
.accordion-title:hover{background:rgba(0,217,255,.06);}
.accordion-title span{width:32px;height:32px;border-radius:8px;background:#e8fbff;display:flex;align-items:center;justify-content:center;transition:.3s;}
.accordion-title:hover span{transform:scale(1.1);}
.accordion-title i{margin-left:auto;font-style:normal;color:#94a3b8;}
.accordion-item.active{border-color:#00d9ff;}
.accordion-item p{max-height:0;overflow:hidden;padding:0 16px;font-size:14px;color:#64748b;line-height:1.6;transition:.4s ease;margin:0;}
.accordion-item.active p{max-height:150px;padding:0 16px 18px;}

/* ================= CONTACT ================= */
.contact-section{background:#f8fbff;}
.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:start;}

.contact-card{background:white;border:1px solid #e2e8f0;border-radius:22px;padding:35px;box-shadow:0 15px 40px rgba(0,0,0,.05);}
.contact-card h3{font-size:19px;color:#0f172a;margin-bottom:20px;}
.contact-divider{border:none;border-top:1px solid #e2e8f0;margin:35px 0;}

.contact-form .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;color:#0f172a;background:#f8fbff;transition:.3s;}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary);background:white;}
.contact-form textarea{margin-top:14px;min-height:130px;resize:vertical;}
.send-btn{margin-top:20px;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-size:15px;}

.country-item{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;}
.country-header{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;background:#f8fbff;user-select:none;}
.country-badge{width:26px;height:26px;border-radius:50%;background:var(--gradient);color:white;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.country-name{font-weight:600;color:#0f172a;flex:1;}
.country-chevron{color:#94a3b8;font-style:normal;transition:.3s;}
.country-item.active .country-chevron{transform:rotate(180deg);}
.country-body{max-height:0;overflow:hidden;padding:0 18px;display:flex;flex-direction:column;gap:16px;transition:max-height .4s ease,padding .4s ease;}
.country-item.active .country-body{padding:18px;}

.office-card{background:#f8fbff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;}
.office-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.office-top h4{font-size:15px;color:#0f172a;}
.view-map-btn{font-size:12px;font-weight:600;color:var(--secondary);background:rgba(0,217,255,.1);padding:6px 12px;border-radius:20px;white-space:nowrap;}
.office-label{font-size:12px;font-weight:600;color:var(--secondary);margin:12px 0 6px;}
.office-row{display:flex;align-items:flex-start;gap:10px;padding:5px 0;}
.office-icon{flex-shrink:0;font-size:14px;margin-top:1px;}
.office-text{flex:1;font-size:13px;color:#334155;line-height:1.5;}

.copy-btn{flex-shrink:0;border:none;background:transparent;cursor:pointer;font-size:13px;opacity:.45;transition:.2s;padding:4px 6px;border-radius:6px;}
.copy-btn:hover{opacity:1;background:rgba(0,217,255,.12);}

.contact-right{display:flex;flex-direction:column;gap:20px;}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.info-card{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e2e8f0;border-radius:14px;padding:16px;}
.info-icon{width:42px;height:42px;border-radius:10px;background:rgba(0,217,255,.1);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.info-text{flex:1;min-width:0;}
.info-label{font-size:12px;color:#94a3b8;display:block;margin-bottom:2px;}
.info-card p{font-size:14px;color:#0f172a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.hours-card{background:rgba(0,217,255,.06);border:1px solid rgba(0,217,255,.2);border-radius:16px;padding:24px;}
.hours-card h4{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;color:#0f172a;}
.hours-row{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;color:#334155;border-top:1px solid rgba(0,217,255,.15);}
.hours-row:first-of-type{border-top:none;}

.map-card{background:white;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;}
.map-top{padding:16px 20px;font-weight:600;color:#0f172a;font-size:14px;border-bottom:1px solid #e2e8f0;}
.open-maps-btn{display:inline-block;margin:14px 20px;font-size:13px;font-weight:600;color:var(--secondary);}
.map-card iframe{width:100%;height:280px;border:0;display:block;}

/* ================= CTA ================= */
.cta{text-align:center;background:var(--gradient);color:white;}
.cta h2{font-size:42px;font-weight:800;}
.cta p{margin:20px auto;max-width:650px;}
.cta .btn-primary{background:white;color:#2563ff;margin-top:15px;}
.cta .btn-primary:hover{background:#050b24;color:white;}

/* ================= FOOTER ================= */
footer{background:#03071c;color:white;padding:70px 0 20px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;}
.footer-logo{width:200px;margin-bottom:20px;}
footer p,footer a{color:#94a3b8;}
footer h3{margin-bottom:20px;font-size:18px;}
footer a{display:block;margin-bottom:10px;transition:.3s;}
footer a:hover{color:#00d9ff;}
.copyright{text-align:center;margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#94a3b8;}

/* ================= RESPONSIVE ================= */
@media(max-width:1100px){
.hero-grid{grid-template-columns:1fr;}
.hero{text-align:center;}
.hero p{margin-left:auto;margin-right:auto;}
.service-grid{grid-template-columns:repeat(2,1fr);}
.solution-grid{grid-template-columns:repeat(2,1fr);}
.integration-grid{grid-template-columns:repeat(2,1fr);}
.excellence-grid{grid-template-columns:1fr;gap:40px;}
.excellence-image{height:300px;}
.contact-layout{grid-template-columns:1fr;}
.footer-grid{grid-template-columns:1fr 1fr;}
}

@media(max-width:768px){
section{padding:70px 0;}
nav{display:none;}
.logo img{width:150px;}
.btn-primary{padding:12px 22px;}
.hero h1{font-size:40px;}
.hero p{font-size:16px;}
.hero-image{margin-top:30px;}
.page-hero h1{font-size:34px;}
.service-grid{grid-template-columns:1fr;}
.service-box{min-height:300px;}
.solution-grid{grid-template-columns:1fr;}
.integration-grid{grid-template-columns:1fr;}
.integration-tabs{gap:8px;}
.tab-btn{padding:10px 16px;font-size:13px;}
.technology-grid{gap:20px;}
.technology-grid img{width:70px;height:70px;}
.ceo-text{font-size:22px;}
.excellence-content h2{font-size:34px;}
.circle-badge{width:110px;height:110px;font-size:40px;}
.icon-one{left:170px;}
.contact-card{padding:24px;}
.contact-form .form-row{grid-template-columns:1fr;}
.info-grid{grid-template-columns:1fr;}
.footer-grid{grid-template-columns:1fr;gap:35px;}
.cta h2{font-size:32px;}
}

@media(max-width:480px){
.container{width:92%;}
.hero h1{font-size:34px;}
.section-title h2{font-size:30px;}
.service-box{padding:25px;}
.service-icon{width:50px;height:50px;font-size:24px;}
.tags span{font-size:11px;}
.accordion-title{font-size:14px;}
.ceo-text{font-size:19px;}
.cta h2{font-size:28px;}
}