:root{
  --ink:#172033;
  --muted:#5f6b7a;
  --line:#dbe4ec;
  --paper:#ffffff;
  --soft:#f4f8fb;
  --mist:#eef7f6;
  --aqua:#4fb9bd;
  --aqua-deep:#167c86;
  --blue:#3767d6;
  --gold:#f3b443;
  --radius:24px;
  --shadow:0 24px 70px rgba(27,48,82,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none} .container{
  width:min(94vw,1500px);
  margin:auto;
}

@media(max-width:1200px){
  .container{
    width:min(92vw,1160px);
  }
}

@media(max-width:900px){
  .container{
    width:92%;
  }
}

@media(max-width:600px){
  .container{
    width:90%;
  }
};margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,228,236,.8)}.navbar{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.8rem;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--aqua),var(--blue));color:white;font-size:.9rem}.brand-logo{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 8px 24px rgba(23,32,51,.12);border:1px solid rgba(219,228,236,.9)}.nav-links{display:flex;align-items:center;gap:1.4rem;font-weight:600;font-size:.95rem}.nav-links a{color:#2a3446}.nav-links a:hover{color:var(--aqua-deep)}.nav-cta{padding:.75rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:white;box-shadow:0 8px 30px rgba(23,32,51,.06)}.nav-toggle,.hamburger{display:none}.section-pad{padding:0px 0 92px 0}.section-pad.compact{padding:70px 0}.hero{overflow:hidden;background:radial-gradient(circle at 72% 20%,#dff7f2 0,transparent 33%),linear-gradient(135deg,#ffffff 0%,#f6fbff 55%,#eef8f6 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--aqua-deep);margin:0 0 1rem}.hero h1,.page-hero h1{font-size:clamp(1.5rem,6vw,3rem);line-height:.95;letter-spacing:-.075em;margin:0 0 1.5rem}.hero-text,.section-lead{font-size:1.18rem;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.btn{border:0;border-radius:999px;padding:1rem 1.3rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:linear-gradient(135deg,var(--aqua-deep),var(--blue));color:white;box-shadow:0 16px 34px rgba(22,124,134,.22)}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem}.metric-row div{padding:1rem;border-left:3px solid var(--aqua);background:rgba(255,255,255,.64);border-radius:16px}.metric-row strong{display:block;font-size:1.7rem;line-height:1}.metric-row span{font-size:.82rem;color:var(--muted)}.chip-visual{position:relative;min-height:540px;display:grid;place-items:center}.chip-card{position:relative;width:330px;height:330px;border-radius:42px;background:linear-gradient(145deg,#ffffff,#e8f6f6);border:1px solid rgba(79,185,189,.35);box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;padding:2rem}.chip-card:before,.chip-card:after{content:"";position:absolute;inset:-22px;border:1px solid rgba(55,103,214,.16);border-radius:56px}.chip-label{position:absolute;top:28px;left:30px;font-weight:900;color:var(--aqua-deep);letter-spacing:.12em}.chip-core{width:120px;height:120px;border-radius:28px;background:linear-gradient(135deg,var(--gold),var(--aqua));box-shadow:inset 0 0 0 14px rgba(255,255,255,.35)}.chip-card p{align-self:end;color:var(--muted);font-weight:700}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(55,103,214,.18)}.orbit-one{width:470px;height:470px}.orbit-two{width:610px;height:610px;border-color:rgba(79,185,189,.18)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:start}.split h2,.cta-inner h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.03;letter-spacing:-.055em;margin:0}.soft-bg{background:var(--soft)}.cards{display:grid;gap:1.4rem}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr);margin-top:2rem}.feature-card,.product-card,.company-card,.stack-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:2rem;box-shadow:0 16px 45px rgba(23,32,51,.06)}.feature-card:hover,.product-card:hover{transform:translateY(-4px);transition:.25s ease;box-shadow:var(--shadow)}.icon-badge,.product-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.4rem .75rem;background:var(--mist);color:var(--aqua-deep);font-weight:900;font-size:.8rem}.feature-card h3,.product-card h2,.company-card h2,.stack-card h3{margin:1rem 0 .7rem;letter-spacing:-.035em;line-height:1.1}.feature-card p,.product-card p,.company-card p,.stack-card p{color:var(--muted)}.feature-card a{color:var(--aqua-deep);font-weight:800}.timeline-panel,.contact-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;background:linear-gradient(135deg,#f7fbfd,#eff8f5);border:1px solid var(--line);border-radius:32px;padding:3rem}.timeline{display:grid;gap:1rem}.timeline-item{position:relative;padding:1.1rem 1.2rem;background:white;border:1px solid var(--line);border-radius:18px}.timeline-item span{font-weight:900;color:var(--blue)}.timeline-item p{margin:.3rem 0 0;color:var(--muted)}.cta-band{padding:80px 0;background:linear-gradient(135deg,#e9f8f6,#f8fbff)}.cta-inner{text-align:center;max-width:850px;margin:auto}.cta-inner p{color:var(--muted);font-size:1.1rem;margin:1rem auto 2rem;max-width:640px}.site-footer{padding:40px 0;background:#f8fafc;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}.footer-grid strong{color:var(--ink)}.footer-grid a{display:block;margin:.35rem 0;color:var(--muted)}.page-hero{background:linear-gradient(135deg,#ffffff,#eff8f7)}.narrow{max-width:860px}.product-card.featured{border:2px solid rgba(79,185,189,.5);background:linear-gradient(180deg,#ffffff,#f1fbfa)}.product-card ul{padding-left:1.1rem;color:var(--muted)}.feature-card.large{min-height:250px}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.stack-card span{font-weight:900;color:var(--gold)}.architecture-panel{background:white;border:1px solid var(--line);border-radius:32px;padding:3rem;box-shadow:var(--shadow)}.arch-node{padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center;font-weight:900}.arch-node.main{width:min(360px,90%);margin:0 auto 1.4rem;background:linear-gradient(135deg,var(--aqua),var(--blue));color:white}.arch-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.arch-node.pale{background:var(--mist);color:var(--aqua-deep)}.company-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.4rem}.company-card.accent{background:linear-gradient(135deg,#ffffff,#eef9f7)}.founder{display:flex;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.founder:last-child{border-bottom:0}.founder span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--ink);color:white;font-weight:900}.founder p{margin:0}.contact-form{display:grid;gap:1rem}.contact-form label{font-weight:800;color:var(--ink)}.contact-form input,.contact-form textarea{width:100%;margin-top:.35rem;border:1px solid var(--line);border-radius:16px;padding:1rem;font:inherit;background:white}.form-note{font-size:.85rem;color:var(--muted);margin:0}@media(max-width:900px){.hero-grid,.split,.timeline-panel,.contact-panel,.company-grid{grid-template-columns:1fr}.cards.three,.cards.two,.stack-grid,.footer-grid,.metric-row{grid-template-columns:1fr}.chip-visual{min-height:380px}.chip-card{width:270px;height:270px}.orbit-one{width:350px;height:350px}.orbit-two{width:430px;height:430px}.nav-links{position:absolute;top:78px;left:0;right:0;background:white;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;padding:1.2rem 4%;box-shadow:0 20px 40px rgba(23,32,51,.08)}.hamburger{display:grid;gap:5px;cursor:pointer}.hamburger span{display:block;width:28px;height:2px;background:var(--ink)}.nav-toggle:checked~.nav-links{display:flex}.hero h1,.page-hero h1{font-size:1.5rem}.section-pad{padding:64px 0}.arch-row{grid-template-columns:1fr}}

/* Premium visual assets and subtle motion */
.hero-art{position:relative;animation:floatIn .9s ease both}.hero-art img,.wide-visual{display:block;width:100%;height:auto;border-radius:34px;box-shadow:0 26px 70px rgba(23,32,51,.12);border:1px solid rgba(221,232,239,.9)}.hero-art:after{content:"";position:absolute;inset:auto 9% -24px 9%;height:48px;background:radial-gradient(ellipse,rgba(55,103,214,.18),transparent 70%);filter:blur(10px)}.visual-band{padding:34px 0;background:linear-gradient(180deg,#ffffff,#f8fcff)}.reveal{animation:riseFade .75s ease both}.feature-card,.product-card,.stack-card,.company-card,.timeline-item,.architecture-panel,.contact-panel{animation:riseFade .65s ease both}.feature-card:nth-child(2),.product-card:nth-child(2),.stack-card:nth-child(2){animation-delay:.08s}.feature-card:nth-child(3),.product-card:nth-child(3),.stack-card:nth-child(3){animation-delay:.16s}.stack-card:nth-child(4){animation-delay:.24s}.btn,.nav-cta{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.btn:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(23,32,51,.12)}.brand-mark,.brand-logo{animation:softPulse 3.6s ease-in-out infinite}.timeline-item:hover,.stack-card:hover,.company-card:hover{transform:translateY(-4px);transition:.25s ease;box-shadow:var(--shadow)}
@keyframes riseFade{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes floatIn{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(79,185,189,.28)}50%{box-shadow:0 0 0 12px rgba(79,185,189,0)}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:900px){.hero-art img,.wide-visual{border-radius:24px}.visual-band{padding:20px 0}}

.market-cards{margin-top:2rem}.product-card li{margin:.35rem 0}.brand-logo:hover{transform:scale(1.04);transition:.2s ease}

/* -------------------------------------------------------
   Hero image vertical alignment fix
   Keeps the existing V2 colors/theme unchanged.
   Use this when the hero has text on the left and artwork on the right.
------------------------------------------------------- */
.hero .hero-grid{
  align-items:center;
  min-height:calc(100vh - 78px);
}

.hero .hero-art{
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:0;
}

.hero .hero-art img{
  width:100%;
  max-width:none;
  object-fit:cover;
}

/* Keep mobile stacking clean */
@media(max-width:900px){
  .hero .hero-grid{
    min-height:auto;
    align-items:start;
  }

  .hero .hero-art{
    margin-top:1rem;
  }
}


/* ===== TeqSil Hero Fix (added) ===== */
.hero .hero-grid{
  align-items:center;
  min-height:auto !important;
  padding-top:35px;
}

.hero .hero-art{
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:0;
}

.hero .hero-art img{
  width:115% !important;
  max-width:850px !important;
  height:auto !important;
  object-fit:contain !important;
}


/* =========================================================
   Hero chip image — proportional fit for chip-only crop
   ========================================================= */
.hero .hero-art img{
  width:100% !important;
  max-width:640px !important;
  border-radius:28px;
  box-shadow:0 30px 80px rgba(23,32,51,.22);
  border:1px solid rgba(23,32,51,.08);
}

/* =========================================================
   Pillars strip — sits between hero and content sections
   Carries the 5 brand pillars from the original infographic
   ========================================================= */
.pillars-band{
  background:linear-gradient(180deg,#ffffff,var(--mist));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:54px 0;
}
.pillars{display:block}
.pillars-eyebrow{
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.78rem;
  font-weight:800;
  color:var(--aqua-deep);
  text-align:center;
  margin:0 0 1.8rem;
}
.pillars-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1.2rem;
}
.pillar{
  background:white;
  border:1px solid var(--line);
  border-radius:18px;
  padding:1.4rem 1.2rem;
  text-align:left;
  transition:transform .25s ease,box-shadow .25s ease;
}
.pillar:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(23,32,51,.08);
}
.pillar-icon{
  width:30px;
  height:30px;
  color:var(--aqua-deep);
  margin-bottom:.9rem;
  display:block;
}
.pillar:nth-child(2) .pillar-icon{color:var(--blue)}
.pillar:nth-child(3) .pillar-icon{color:var(--aqua)}
.pillar:nth-child(4) .pillar-icon{color:var(--gold)}
.pillar:nth-child(5) .pillar-icon{color:var(--aqua-deep)}
.pillar h4{
  font-size:1rem;
  margin:0 0 .35rem;
  letter-spacing:-.02em;
  color:var(--ink);
  font-weight:800;
}
.pillar p{
  margin:0;
  font-size:.86rem;
  color:var(--muted);
  line-height:1.5;
}

@media(max-width:1100px){
  .pillars-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .pillars-grid{grid-template-columns:repeat(2,1fr)}
  .pillars-band{padding:40px 0}
}
@media(max-width:480px){
  .pillars-grid{grid-template-columns:1fr}
}

/* =========================================================
   Capability cards (4-up) — replaces the previous 3-card grid
   Uses the same .feature-card shell but with a new cap-icon
   ========================================================= */
.capabilities-head{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:3rem;
  align-items:end;
  margin-bottom:2rem;
}
.capabilities-head h2{
  font-size:clamp(1.7rem,3.4vw,2.6rem);
  line-height:1.04;
  letter-spacing:-.045em;
  margin:.4rem 0 0;
}
.capabilities-head .eyebrow{margin-bottom:0}

.cards.four{grid-template-columns:repeat(4,1fr)}

.capability-cards .feature-card{
  padding:1.8rem 1.6rem;
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.cap-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--mist);
  color:var(--aqua-deep);
  margin-bottom:.8rem;
}
.cap-icon svg{width:24px;height:24px}
.capability-cards .feature-card:nth-child(2) .cap-icon{background:rgba(55,103,214,.10);color:var(--blue)}
.capability-cards .feature-card:nth-child(3) .cap-icon{background:rgba(79,185,189,.14);color:var(--aqua-deep)}
.capability-cards .feature-card:nth-child(4) .cap-icon{background:rgba(243,180,67,.16);color:#9a6f12}

.capability-cards .feature-card h3{
  margin:.2rem 0 .5rem;
  font-size:1.18rem;
  letter-spacing:-.025em;
}
.capability-cards .feature-card p{
  margin:0 0 1rem;
  font-size:.95rem;
}
.capability-cards .feature-card a{
  margin-top:auto;
  font-size:.92rem;
  display:inline-flex;
  align-items:center;
  gap:.3rem;
}
.capability-cards .feature-card a::after{content:"→";transition:transform .2s}
.capability-cards .feature-card:hover a::after{transform:translateX(3px)}

@media(max-width:1100px){
  .cards.four{grid-template-columns:repeat(2,1fr)}
  .capabilities-head{grid-template-columns:1fr;gap:1rem}
}
@media(max-width:560px){
  .cards.four{grid-template-columns:1fr}
}