/* technology.html — page-specific styles */

/* ===================== NAV ACTIVE STATE ===================== */
.nav-active{color:#1485DC !important;font-weight:700;}

/* ===================== TECH HERO ===================== */
.tech-hero{
  background:var(--abyss,#030B1E);
  color:white;
  text-align:center;
  padding:120px 20px 80px;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(68,238,224,0.08);
}
.tech-hero-glow{
  position:absolute;border-radius:50%;pointer-events:none;
}
.tech-hero-glow-1{
  width:700px;height:700px;
  background:radial-gradient(circle,rgba(20,133,220,0.15) 0%,transparent 70%);
  top:-200px;left:-200px;
}
.tech-hero-glow-2{
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(16,200,192,0.12) 0%,transparent 70%);
  bottom:-150px;right:-150px;
}
.tech-hero-inner{position:relative;z-index:1;}
.tech-hero-h1{
  font-size:clamp(2rem,5vw,3.5rem);
  line-height:1.18;
  color:white;
  max-width:820px;
  margin:12px auto 24px auto;
  font-weight:700;
}
.tech-hero-lead{
  max-width:740px;margin:0 auto 36px auto;
  color:var(--silver,#A0C8E8);font-size:1.05rem;line-height:1.75;
}
.tech-hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
@media(max-width:600px){
  .tech-hero{padding:90px 20px 60px;}
  .tech-hero-buttons{flex-direction:column;align-items:center;}
  .tech-hero-buttons a{width:100%;max-width:320px;text-align:center;}
}

/* ===================== WORKFLOW ===================== */
.tech-workflow{background:#F8FAFC;text-align:center;}
.tech-workflow-h2{font-size:clamp(1.5rem,3vw,2.2rem);color:#1F2937;margin-bottom:14px;}
.tech-workflow-lead{max-width:680px;margin:0 auto 40px auto;color:#6B7280;font-size:1rem;line-height:1.7;}
.workflow-diagram{margin-bottom:40px;}
.workflow-svg{width:100%;max-width:1000px;height:auto;display:block;margin:0 auto;}
@media(max-width:600px){.workflow-svg{display:none;}}
.workflow-steps-mobile{
  display:none;list-style:none;padding:0;margin:0 0 24px 0;
  flex-direction:column;gap:12px;max-width:400px;margin-left:auto;margin-right:auto;
}
@media(max-width:600px){.workflow-steps-mobile{display:flex;}}
.workflow-steps-mobile li{display:flex;align-items:center;gap:14px;text-align:left;font-weight:600;color:#1F2937;}
.wf-num{
  font-family:'PoppinsBold',sans-serif;font-size:1.1rem;
  background:linear-gradient(90deg,#054AAA,#44EEE0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  flex-shrink:0;min-width:28px;
}
.workflow-captions{
  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px;
  max-width:1000px;margin-left:auto;margin-right:auto;
}
@media(max-width:900px){.workflow-captions{grid-template-columns:1fr;gap:12px;max-width:500px;}}
.wf-caption{text-align:center;padding:0 8px;}
.wf-caption strong{display:block;font-size:0.85rem;color:#1F2937;margin-bottom:6px;}
.wf-caption p{font-size:0.82rem;color:#6B7280;line-height:1.55;margin:0;}
@media(max-width:900px){.wf-caption{text-align:left;}}
.workflow-close{
  font-size:1.1rem;font-weight:700;color:#054AAA;
  max-width:600px;margin:8px auto 0 auto;
}

/* ===================== PRODUCT SECTIONS ===================== */
.tech-product{padding:0;position:relative;overflow:hidden;}
.tech-product-dark{background:linear-gradient(160deg,var(--abyss,#030B1E) 0%,var(--deep-navy,#071428) 100%);color:white;}
.tech-product-light{background:#F8FAFC;}
.tech-product-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
}
.tech-product-grid-flip{direction:rtl;}
.tech-product-grid-flip > *{direction:ltr;}
@media(max-width:900px){
  .tech-product-grid{grid-template-columns:1fr;gap:40px;}
  .tech-product-grid-flip{direction:ltr;}
  .tech-product-mockup{order:1;}
  .tech-product-copy{order:2;}
}
.phone-svg{max-width:260px;width:100%;display:block;margin:0 auto;filter:drop-shadow(0 20px 60px rgba(20,133,220,0.25));}
.tablet-svg{max-width:480px;width:100%;display:block;margin:0 auto;filter:drop-shadow(0 20px 60px rgba(20,133,220,0.2));}

.tech-product-copy h2{
  font-size:clamp(1.4rem,2.8vw,2rem);
  line-height:1.25;margin-bottom:16px;
}
.tech-product-dark .tech-product-copy h2{color:white;}
.tech-product-light .tech-product-copy h2{color:#1F2937;}
.tech-product-lead{font-size:1rem;line-height:1.75;margin-bottom:24px;}
.tech-product-dark .tech-product-lead{color:var(--silver,#A0C8E8);}
.tech-product-light .tech-product-lead{color:#4B5563;}

.tech-bullets{list-style:none;padding:0;margin:0 0 28px 0;display:flex;flex-direction:column;gap:10px;}
.tech-bullets li{
  padding-left:22px;position:relative;font-size:0.95rem;line-height:1.6;
}
.tech-bullets li::before{content:"→";position:absolute;left:0;color:#44EEE0;font-weight:bold;}
.tech-bullets-dark li{color:#374151;}
.tech-bullets-dark li::before{color:#054AAA;}
.tech-product-dark .tech-bullets li{color:var(--silver,#A0C8E8);}

.outcome-strip{
  font-size:0.82rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--cyan,#44EEE0);padding-top:20px;border-top:1px solid rgba(68,238,224,0.15);
  margin:0;
}
.outcome-strip-dark{color:#054AAA;border-top-color:#E5E7EB;}

.desk-role-label{
  font-size:0.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:#054AAA;margin:0 0 10px 0;
  padding-bottom:6px;border-bottom:1px solid #E5E7EB;
}

.eyebrow-royal{
  font-size:0.78rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:#054AAA;margin-bottom:14px;
}

/* ===================== COMMUNICATIONS ===================== */
.tech-comms{background:white;text-align:center;}
.tech-comms-h2{font-size:clamp(1.5rem,3vw,2.2rem);color:#1F2937;margin-bottom:14px;}
.tech-comms-lead{max-width:700px;margin:0 auto 40px auto;color:#4B5563;font-size:1rem;line-height:1.75;}
.comms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto 32px auto;}
@media(max-width:768px){.comms-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.comms-grid{grid-template-columns:1fr;}}
.comms-card{
  background:#F8FAFC;border:1px solid #E5E7EB;border-radius:12px;
  padding:28px 20px;text-align:center;
  transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;
}
.comms-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.08);border-color:#10C8C0;}
.comms-icon{width:40px;height:40px;color:#054AAA;margin:0 auto 14px auto;}
.comms-icon svg{width:100%;height:100%;}
.comms-card h3{font-size:1rem;color:#1F2937;margin:0 0 8px 0;}
.comms-card p{font-size:0.88rem;color:#6B7280;line-height:1.6;margin:0;}
.comms-footer-note{max-width:600px;margin:0 auto;font-size:0.9rem;color:#6B7280;font-style:italic;}

/* ===================== TRUST ===================== */
.tech-trust{background:#F3F4F6;text-align:center;}
.tech-trust-h2{font-size:clamp(1.5rem,3vw,2.2rem);color:#1F2937;margin-bottom:40px;}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;}
@media(max-width:768px){.trust-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.trust-grid{grid-template-columns:1fr;}}
.trust-card{
  background:white;border:1px solid #E5E7EB;border-radius:12px;padding:28px 22px;text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,0.04);
  transition:transform 0.2s ease,box-shadow 0.2s ease,border-top 0.2s ease;
}
.trust-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.09);border-top:3px solid #10C8C0;}
.trust-card-icon{width:40px;height:40px;color:#054AAA;margin:0 auto 16px auto;}
.trust-card-icon svg{width:100%;height:100%;}
.trust-card h3{font-size:1rem;color:#1F2937;margin:0 0 8px 0;}
.trust-card p{font-size:0.88rem;color:#6B7280;line-height:1.6;margin:0;}

/* ===================== ENGAGEMENT MODEL ===================== */
.tech-engage{
  background:linear-gradient(160deg,var(--abyss,#030B1E) 0%,var(--deep-navy,#071428) 100%);
  color:white;text-align:center;position:relative;overflow:hidden;
}
.tech-engage-h2{font-size:clamp(1.5rem,3vw,2.2rem);color:white;margin-bottom:14px;}
.tech-engage-lead{max-width:680px;margin:0 auto 48px auto;color:var(--silver,#A0C8E8);font-size:1rem;line-height:1.7;}
.engage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;}
@media(max-width:960px){.engage-grid{grid-template-columns:1fr;max-width:560px;}}
.engage-card{
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);
  border-radius:14px;padding:32px 26px;text-align:left;
  display:flex;flex-direction:column;
  transition:border-color 0.25s ease,transform 0.25s ease;
}
.engage-card:hover{border-color:rgba(68,238,224,0.3);transform:translateY(-4px);}
.engage-card-featured{
  border-color:rgba(20,133,220,0.4);
  background:rgba(20,133,220,0.08);
}
.engage-card-featured:hover{border-color:rgba(68,238,224,0.5);}
.engage-eyebrow{
  font-size:0.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--cyan,#44EEE0);margin:0 0 10px 0;
}
.engage-title{font-size:1.25rem;color:white;margin:0 0 14px 0;}
.engage-desc{color:var(--silver,#A0C8E8);font-size:0.92rem;line-height:1.7;margin-bottom:20px;}
.engage-features{
  list-style:none;padding:0;margin:0 0 28px 0;
  display:flex;flex-direction:column;gap:8px;
  flex:1;
}
.engage-features li{
  font-size:0.88rem;color:var(--silver,#A0C8E8);
  padding-left:18px;position:relative;line-height:1.5;
}
.engage-features li::before{
  content:"→";position:absolute;left:0;
  color:var(--teal,#10C8C0);font-size:0.8rem;
}
.engage-features li:first-child{color:var(--ice,#60D0FF);font-weight:600;}
.engage-features li:first-child::before{color:var(--cyan,#44EEE0);}
.engage-btn{display:inline-block;font-size:0.88rem;padding:10px 20px;text-align:center;}