/* Information Managers · AI — site styles */
:root{
  /* palette sampled from the Information Managers AI logo */
  --teal:#08537a;   /* deep teal-blue — primary */
  --teal2:#0a9288;  /* vibrant teal-green — action/pop */
  --aqua:#5bb5ad;   /* mid aqua */
  --aqua-lt:#bbe1de;/* pale aqua */
  --navy:#063049;   /* deep teal-navy — dark sections */
  --navy2:#04263a;
  --gold:#0a9288; --gold2:#bbe1de;  /* remapped to logo teal/aqua so older refs stay on-brand */
  --cream:#eef5f4; --paper:#ffffff; --ink:#15303a;
  --maxw:1080px; --sans:'Segoe UI',Arial,Helvetica,sans-serif; --serif:Georgia,'Times New Roman',serif;
  --shadow:0 10px 30px rgba(8,83,122,.12); --shadow-lg:0 20px 50px rgba(8,83,122,.20);
}
/* ===== text wordmark (replaces old logo image) ===== */
.wm{font-family:var(--sans);font-weight:800;font-size:19px;color:var(--teal);letter-spacing:-.01em;white-space:nowrap;line-height:1;}
.wm .ai{position:relative;color:var(--teal2);text-shadow:0 0 12px rgba(10,146,136,.35);padding-right:2px;}
.wm .ai .spk{position:absolute;border-radius:50%;background:var(--teal2);box-shadow:0 0 6px 1px rgba(10,146,136,.75);animation:twinkle 2.2s ease-in-out infinite;}
.wm .ai .spk.s1{width:5px;height:5px;top:-6px;right:-7px;background:var(--aqua-lt);animation-delay:0s;}
.wm .ai .spk.s2{width:4px;height:4px;bottom:-3px;right:-2px;animation-delay:.7s;}
.wm .ai .spk.s3{width:3px;height:3px;top:3px;right:-11px;background:var(--aqua);animation-delay:1.3s;}
.since{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.06em;color:#7d94a0;margin-left:10px;text-transform:uppercase;}
.brand{gap:0;}
footer.site .fbrand .bt .ai{color:var(--aqua-lt);text-shadow:0 0 12px rgba(187,225,222,.3);}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--serif);color:var(--ink);background:var(--cream);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,.sans{font-family:var(--sans);}
h1,h2,h3{color:var(--navy);line-height:1.12;margin:0 0 .4em;}
a{color:var(--teal);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.eyebrow{font-family:var(--sans);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--gold);}
.center{text-align:center;}
.lead{font-size:20px;color:#3a3a3a;}

/* buttons */
.btn{display:inline-block;font-family:var(--sans);font-weight:700;font-size:16px;border-radius:40px;padding:13px 26px;cursor:pointer;border:2px solid transparent;transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
.btn:hover{text-decoration:none;transform:translateY(-2px);}
.btn-primary{background:var(--teal2);color:#fff;box-shadow:0 8px 22px rgba(10,146,136,.32);}
.btn-primary:hover{background:#0a7d75;}
.btn-teal{background:var(--teal2);color:#fff;}
.btn-teal:hover{background:#1aa19c;}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.btn-ghost:hover{background:rgba(255,255,255,.12);}
.btn-outline{background:#fff;color:var(--teal);border-color:#d8cfb8;}
.btn-outline:hover{border-color:var(--teal);}

/* ===== nav ===== */
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #e7e0cf;transition:padding .2s ease, box-shadow .2s ease;}
header.nav.scrolled{box-shadow:0 6px 20px rgba(20,40,71,.08);}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;transition:padding .2s ease;}
header.nav.scrolled .navbar{padding:7px 0;}
.brand{display:flex;align-items:center;gap:10px;}
.brand img{height:38px;width:auto;}
.brand .bt{font-family:var(--sans);font-weight:800;color:var(--teal);font-size:16px;line-height:1;}
.brand .bt span{color:var(--navy);}
.navlinks{display:flex;align-items:center;gap:22px;}
.navlinks a{font-family:var(--sans);font-weight:600;font-size:15px;color:var(--navy);}
.navlinks a:hover{color:var(--teal);text-decoration:none;}
.navlinks .btn{font-size:14px;padding:9px 18px;}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.hamburger span{display:block;width:24px;height:2.5px;background:var(--navy);margin:5px 0;border-radius:2px;transition:.2s;}

/* ===== hero ===== */
.hero{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%, #0a5f7e 0%, var(--teal) 42%, var(--navy) 100%);color:#eef2f7;}
.hero .stars{position:absolute;inset:0;pointer-events:none;}
.hero .chip-field{position:absolute;inset:0;pointer-events:none;}
.chip-field .chip{position:absolute;font-family:var(--sans);font-size:13px;font-weight:600;color:rgba(205,216,230,.45);white-space:nowrap;animation:floaty 7s ease-in-out infinite;}
.chip-field .chip .spark{display:inline-block;margin-right:6px;color:var(--aqua-lt);animation:twinkle 1.9s ease-in-out infinite;}
.chip-field .chip.famous{color:#ffffff;font-size:16px;font-weight:800;text-shadow:0 0 16px rgba(91,181,173,.65);}
.chip-field .chip.famous .spark{color:#eafffb;text-shadow:0 0 10px rgba(187,225,222,.95);}
.chip-field .chip.big{font-size:18px;}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes twinkle{0%,100%{opacity:.25}50%{opacity:.9}}
.hero .inner{position:relative;z-index:2;padding:92px 24px 84px;text-align:center;max-width:880px;margin:0 auto;}
.hero .eyebrow{color:var(--gold2);}
.hero h1{color:#fff;font-size:60px;margin:.15em 0 .1em;letter-spacing:-.01em;text-shadow:0 3px 30px rgba(0,0,0,.35);}
.hero p.sub{font-size:21px;color:#dbe3ee;max-width:640px;margin:0 auto 12px;}
.hero .sub1{font-size:20.5px;color:#eef4f8;max-width:840px;margin:0 auto 4px;}
.hero .sub2{font-family:var(--sans);font-size:19px;color:#fff;font-weight:800;letter-spacing:.03em;margin:10px auto 6px;}
.hero .sub2 .sep{color:var(--aqua-lt);}
.hero .sub3{font-size:17.5px;color:#cfe0e6;max-width:680px;margin:0 auto;}
.hero .boss{font-family:var(--sans);font-weight:900;font-size:32px;color:#fff;letter-spacing:.02em;margin:20px auto 0;text-shadow:0 0 24px rgba(10,146,136,.55);}
.hero .boss .hi{color:var(--aqua-lt);}
.hero .cta-row{margin-top:26px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
/* two-line brand lockup */
.wmwrap{display:flex;flex-direction:column;align-items:center;line-height:1.05;}
.byline{font-family:var(--sans);font-size:10.5px;font-style:italic;color:var(--teal2);letter-spacing:.01em;margin-top:2px;text-align:center;}
/* home catalog */
.catsec .lbl{font-family:var(--sans);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-weight:800;border-bottom:2px solid var(--aqua-lt);padding-bottom:6px;margin:30px 0 10px;}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cc{background:#fff;border:1px solid #dbe7e6;border-left:4px solid var(--teal);border-radius:10px;padding:14px 18px;transition:transform .15s ease, box-shadow .15s ease;}
.cc:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
.cc h3{font-size:17px;margin:0 0 4px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.cc .ct{font-family:var(--sans);font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--teal2);background:var(--aqua-lt);padding:2px 9px;border-radius:20px;white-space:nowrap;}
.cc p{margin:0;font-size:15px;color:#444;}
.hero .doors{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.hero .door{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:18px 16px;text-align:left;transition:.18s;color:#eef2f7;}
.hero .door:hover{background:rgba(255,255,255,.12);transform:translateY(-3px);text-decoration:none;}
.hero .door .t{font-family:var(--sans);font-weight:800;color:#fff;font-size:16px;margin-bottom:3px;}
.hero .door .d{font-size:14px;color:#c9d3de;line-height:1.4;}
.hero .door .go{color:var(--gold2);font-family:var(--sans);font-weight:700;font-size:13px;margin-top:6px;display:inline-block;}

/* ===== sections ===== */
section{padding:72px 0;}
section.tint{background:var(--paper);}
section.navy{background:linear-gradient(160deg,var(--teal),var(--navy));color:#eef2f7;}
section.navy h2{color:#fff;}
.sec-head{max-width:680px;margin:0 auto 40px;text-align:center;}
.sec-head h2{font-size:34px;}
.sec-head p{font-size:18px;color:#5a5a5a;margin:.4em 0 0;}
section.navy .sec-head p{color:#cdd8e6;}

.grid{display:grid;gap:22px;}
.g3{grid-template-columns:repeat(3,1fr);}
.g2{grid-template-columns:repeat(2,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}

.card{background:#fff;border:1px solid #ece5d3;border-radius:16px;padding:26px 24px;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease;}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.card .ic{width:46px;height:46px;border-radius:12px;background:#eef4f5;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;}
.card h3{font-size:20px;margin-bottom:.3em;}
.card p{font-size:16px;color:#444;margin:0;}
.card.dark{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#eef2f7;}
.card.dark h3{color:#fff;} .card.dark p{color:#c9d3de;}

.pill{display:inline-block;font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.03em;padding:3px 11px;border-radius:20px;background:var(--teal2);color:#fff;}
.pill.soon{background:#e7dfca;color:#7a6a3c;}

/* method / steps */
.steps{counter-reset:step;display:grid;gap:16px;}
.step{display:flex;gap:16px;align-items:flex-start;}
.step .num{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--teal);color:#fff;font-family:var(--sans);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:18px;}
.step h3{font-size:19px;margin:.15em 0 .1em;}
.step p{margin:0;color:#444;font-size:16px;}

/* compare band */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;}
.compare .col{border-radius:16px;padding:24px;color:var(--ink);}
.compare .col li{color:var(--ink);}
.compare .ours{background:#fff;border:2px solid var(--teal2);}
.compare .them{background:#eaf1f0;border:1px solid #cfe0dd;}
.compare h3{font-size:20px;}
.compare ul{margin:8px 0 0;padding-left:18px;} .compare li{margin:7px 0;font-size:15.5px;}

/* CTA band */
.ctaband{background:linear-gradient(120deg,var(--teal2),var(--teal));color:#fff;border-radius:20px;padding:40px;text-align:center;}
.ctaband h2{color:#fff;font-size:30px;}
.ctaband p{color:#fff6e6;font-size:18px;max-width:560px;margin:.3em auto 20px;}

/* forms */
.field{margin-bottom:14px;text-align:left;}
.field label{display:block;font-family:var(--sans);font-weight:700;font-size:14px;color:var(--navy);margin-bottom:5px;}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1.5px solid #d8cfb8;border-radius:10px;font-family:var(--serif);font-size:16px;background:#fff;}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--teal2);box-shadow:0 0 0 3px rgba(30,144,140,.15);}

/* footer */
footer.site{background:var(--navy2);color:#c9d3de;padding:52px 0 26px;font-size:15px;}
footer.site .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:28px;}
footer.site h4{color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;}
footer.site a{color:#c9d3de;display:block;margin:6px 0;}
footer.site a:hover{color:#fff;}
footer.site .fbrand .bt{font-family:var(--sans);font-weight:800;color:#fff;font-size:18px;}
footer.site .fbrand .bt span{color:var(--gold2);}
footer.site .motto{color:#8fa0b5;font-style:italic;margin-top:8px;font-size:14px;}
footer.site .legal{border-top:1px solid #24344f;margin-top:30px;padding-top:16px;color:#7d8da0;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* page hero (interior) */
.phero{background:linear-gradient(150deg,var(--teal),var(--navy));color:#eef2f7;padding:64px 0 56px;}
.phero .eyebrow{color:var(--gold2);}
.phero h1{color:#fff;font-size:44px;margin:.1em 0 .2em;}
.phero p{font-size:20px;color:#dbe3ee;max-width:640px;}

/* reveal animation */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1;transform:none;}

/* utilities */
.mt0{margin-top:0}.mb0{margin-bottom:0}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.tag-row span{background:#eef4f5;color:var(--teal);font-family:var(--sans);font-weight:600;font-size:13px;border-radius:20px;padding:5px 13px;}

/* responsive */
@media(max-width:860px){
  .navlinks{position:fixed;inset:0 0 0 auto;width:min(78vw,320px);background:#fff;flex-direction:column;align-items:flex-start;gap:6px;padding:80px 26px;transform:translateX(100%);transition:transform .25s ease;box-shadow:-10px 0 40px rgba(0,0,0,.15);}
  .navlinks.open{transform:none;}
  .navlinks a{padding:10px 0;font-size:17px;width:100%;border-bottom:1px solid #eee;}
  .navlinks .btn{margin-top:10px;}
  .hamburger{display:block;z-index:60;}
  .hero h1{font-size:40px;} .hero p.sub{font-size:18px;}
  .hero .doors{grid-template-columns:1fr;}
  .g3,.g2,.g4,.compare,.cgrid{grid-template-columns:1fr;}
  .sec-head h2{font-size:27px;}
  .phero h1{font-size:32px;}
  footer.site .cols{grid-template-columns:1fr 1fr;}
}
@media(max-width:1040px){ .since{display:none;} }
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto!important;}
  .reveal{opacity:1;transform:none;transition:none;}
}