:root{
  --bg:#07111f;--bg2:#0b1729;--panel:#101d33;--panel2:#132642;--line:#263e5f;
  --text:#f6fbff;--muted:#91a5bf;--cyan:#36eff2;--blue:#4777ff;--violet:#9a6cff;
  --ivory:#f5f2ec;--paper:#fbfaf7;--ink:#071126;--soft:#64748b;--border:#dce4ef;
  --shadow:0 24px 80px rgba(0,0,0,.28);--radius:24px;--max:1220px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.section{padding:92px 0;position:relative;overflow:hidden}.dark{background:radial-gradient(circle at 75% 15%,rgba(55,239,242,.12),transparent 34%),linear-gradient(135deg,#07111f,#08182d 55%,#06101c)}.dark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(89,140,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(89,140,210,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 95%);pointer-events:none}.light{background:linear-gradient(135deg,var(--paper),#f0ede7);color:var(--ink)}.light:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,17,38,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,17,38,.045) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(5,11,22,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(112,155,210,.16)}.brand img{height:44px}.nav{display:flex;align-items:center;gap:32px;font-size:14px;color:#dce9fa}.nav a:hover{color:var(--cyan)}.nav-cta{background:linear-gradient(135deg,#4ff5ff,#5b7cff);color:#03111d!important;padding:13px 22px;border-radius:9px;font-weight:800}.menu-toggle{display:none;background:transparent;border:0;width:40px}.menu-toggle span{display:block;height:2px;background:white;margin:7px 0}.hero{padding-top:138px;padding-bottom:34px}.hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center;position:relative;z-index:1}.eyebrow{margin:0 0 18px;font-size:13px;letter-spacing:.11em;font-weight:900;color:var(--cyan);text-transform:uppercase}.eyebrow.blue{color:#2563eb}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5vw,78px);line-height:.98;letter-spacing:-.045em;margin-bottom:22px}h2{font-size:clamp(32px,3vw,52px);line-height:1.06;letter-spacing:-.038em;margin-bottom:20px}h3{font-size:20px;line-height:1.15;margin-bottom:10px}.lead{font-size:19px;color:#bed0e8;max-width:600px}.light p{color:#4b5566}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.actions.center{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:9px;border:1px solid rgba(91,226,255,.45);font-weight:850}.btn.primary{background:linear-gradient(135deg,#55efff,#5b74ff);border:0;color:#03111d}.btn.ghost{color:#dbeafe;background:rgba(7,19,36,.25)}.light .btn.ghost{color:var(--ink);background:white}.screen-frame{position:relative;border-radius:24px;padding:10px;background:linear-gradient(135deg,rgba(75,245,255,.22),rgba(121,103,255,.18));box-shadow:var(--shadow);z-index:1}.screen-frame img{border-radius:18px;width:100%;background:#fff}.hero-screen{transform:translateY(6px)}.module-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:46px;position:relative;z-index:1;border-top:1px solid rgba(125,180,220,.22);background:rgba(8,18,34,.56)}.module-strip article{text-align:center;padding:28px 20px;border-right:1px solid rgba(125,180,220,.2)}.module-strip article:last-child{border-right:0}.module-strip b{display:block;margin-top:12px}.module-strip small{display:block;color:#8ca1bb;margin-top:5px}.ico,.tile,.mini-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:14px;background:rgba(51,239,242,.09);border:1px solid rgba(65,242,245,.32);box-shadow:0 0 28px rgba(54,239,242,.18)}.ico:before,.tile:before,.mini-icon:before{content:"";width:25px;height:25px;border:2px solid var(--cyan);border-radius:7px}.ico.ai:before,.tile.spark:before,.mini-icon.ai2:before{border-radius:50%;transform:rotate(45deg);border-color:#a78bfa}.ico.users:before,.tile.globe:before{border-radius:50%}.ico.chart:before,.tile.bars:before{border-radius:2px;border-top:0;border-left:0}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;position:relative;z-index:1}.overview-grid{grid-template-columns:.65fr 1.35fr}.section-copy{max-width:560px}.card-grid.six{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:rgba(255,255,255,.86);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 20px 55px rgba(17,24,39,.07)}.feature-card p{font-size:15px}.tile{margin-bottom:24px}.center-head{text-align:center;max-width:840px;margin:0 auto 46px;position:relative;z-index:1}.center-head p{color:#9eb2cc}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:1}.audience-grid article,.pillar-grid article{background:rgba(16,29,51,.82);border:1px solid rgba(93,152,205,.3);border-radius:18px;padding:28px;box-shadow:0 0 32px rgba(54,239,242,.08)}.audience-grid p,.pillar-grid p{color:#aabdD4}.modules-layout{grid-template-columns:.48fr 1.52fr}.mini-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-module-grid article{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 18px 45px rgba(17,24,39,.06)}.mini-module-grid ul,.checklist{padding:0;margin:18px 0 0;list-style:none}.mini-module-grid li,.checklist li{position:relative;padding-left:24px;margin:9px 0;color:#5b6472;font-size:14px}.mini-module-grid li:before,.checklist li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:900}.text-link{font-weight:850;color:#2563eb}.arch-diagram{display:grid;gap:16px}.arch-diagram div{position:relative;background:rgba(16,29,51,.88);border:1px solid rgba(54,239,242,.44);border-radius:16px;padding:22px 26px;box-shadow:0 0 24px rgba(54,239,242,.08)}.arch-diagram b{display:block;color:#dff8ff}.arch-diagram small{display:block;color:#8fa3be;margin-top:6px}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stack-grid article{background:#0f1d34;color:white;border:1px solid #264260;border-radius:18px;padding:28px;min-height:156px;box-shadow:0 14px 45px rgba(12,27,51,.14)}.stack-grid strong{display:block;font-size:23px;margin-bottom:12px}.stack-grid span{color:#aabdD4}.usecase-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:36px;align-items:center;position:relative;z-index:1}.usecase-grid.reverse{grid-template-columns:1.38fr .62fr}.checklist li{color:#b7cae2;font-size:16px}.light .dark-list li,.light .checklist li{color:#4b5563}.ai-overview{display:grid;grid-template-columns:.7fr .8fr;gap:34px;align-items:start;position:relative;z-index:1}.ai-overview .wide{grid-column:1 / -1}.ai-capabilities{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ai-capabilities article{background:rgba(16,29,51,.86);border:1px solid rgba(65,242,245,.28);border-radius:14px;padding:20px;color:#dff8ff}.compact-demo .question,.question{font-size:22px;font-weight:850;color:inherit}.demo-answer{background:#0f1d34;color:white;border:1px solid #25445f;border-radius:20px;padding:34px;box-shadow:0 22px 60px rgba(13,28,50,.2)}.demo-answer b{color:var(--cyan)}.light-answer{background:#fff;color:var(--ink);border-color:var(--border)}.governance-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.governance-flow span{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:0 18px 45px rgba(17,24,39,.06);font-weight:850}.governance-flow span:after{content:" →";color:#2563eb}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-grid article{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 20px 55px rgba(17,24,39,.07);border-top:3px solid #36eff2}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:1}.timeline{display:grid;grid-template-columns:1fr;gap:14px}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;padding:20px 22px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 45px rgba(17,24,39,.06)}.timeline b{color:#2563eb}.final-cta{padding:120px 0}.footer{padding:78px 0 28px;position:relative}.footer-grid{display:grid;grid-template-columns:1.1fr .55fr .65fr 1.45fr;gap:52px;position:relative;z-index:1}.footer-logo{height:48px;margin-bottom:20px}.footer p,.footer a{color:#9eb2cc}.footer-links{display:grid;gap:10px;align-content:start}.footer-links h3,.contact-form h3{margin:0 0 10px}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(125,180,220,.22);background:rgba(7,16,30,.78);border-radius:10px;color:white;padding:15px 16px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}.hp{position:absolute;left:-9999px}.form-status{min-height:22px;margin:0!important}.footnote{display:flex;justify-content:space-between;gap:20px;margin-top:58px;padding-top:24px;border-top:1px solid rgba(125,180,220,.18);color:#7f93ad;font-size:13px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:980px){.site-header{height:72px}.menu-toggle{display:block}.nav{position:fixed;top:72px;right:16px;left:16px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#081424;border:1px solid #264260;border-radius:18px;padding:16px}.nav.is-open{display:flex}.nav a{padding:14px}.hero-grid,.split,.overview-grid,.modules-layout,.usecase-grid,.usecase-grid.reverse,.ai-overview,.footer-grid{grid-template-columns:1fr}.card-grid.six,.audience-grid,.mini-module-grid,.stack-grid,.benefit-grid,.pillar-grid{grid-template-columns:repeat(2,1fr)}.module-strip{grid-template-columns:repeat(2,1fr)}.module-strip article{border-bottom:1px solid rgba(125,180,220,.2)}h1{font-size:46px}.section{padding:72px 0}.footer-grid{gap:32px}}
@media (max-width:640px){.container{width:min(100% - 28px,var(--max))}.card-grid.six,.audience-grid,.mini-module-grid,.stack-grid,.benefit-grid,.pillar-grid,.ai-capabilities{grid-template-columns:1fr}.module-strip{grid-template-columns:1fr}.module-strip article{border-right:0}.actions{width:100%}.btn{width:100%}.screen-frame{padding:6px;border-radius:18px}.footnote{flex-direction:column}.timeline article{grid-template-columns:1fr}.governance-flow{grid-template-columns:1fr}h1{font-size:38px}h2{font-size:30px}}

/* === AMOXITI patch: real dashboard screenshot + real SVG icon system === */
.screen-frame {
  overflow: hidden;
}
.screen-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  filter: none;
}
.hero-screen.screen-frame {
  background: linear-gradient(135deg, rgba(62, 238, 255, .18), rgba(114, 101, 255, .16));
  border: 1px solid rgba(87, 227, 255, .20);
  box-shadow:
    0 28px 95px rgba(0, 8, 25, .68),
    0 0 0 1px rgba(92, 231, 255, .06) inset,
    0 0 42px rgba(54, 239, 242, .12);
}
.hero-screen.screen-frame img {
  background: #071425;
}
.module-icon,
.feature-icon,
.audience-icon,
.mini-icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background:
    radial-gradient(circle at 35% 25%, rgba(90, 250, 255, .20), transparent 54%),
    linear-gradient(145deg, rgba(31, 239, 242, .08), rgba(104, 97, 255, .07));
  border: 1px solid rgba(72, 235, 255, .25);
  box-shadow:
    0 0 30px rgba(54, 239, 242, .16),
    inset 0 0 22px rgba(61, 231, 255, .055);
  position: relative;
  flex: 0 0 auto;
}
.module-icon.violet,
.feature-icon.violet,
.audience-icon.violet {
  border-color: rgba(167, 139, 250, .32);
  box-shadow:
    0 0 32px rgba(167, 139, 250, .18),
    inset 0 0 20px rgba(167, 139, 250, .06);
}
.module-icon img,
.feature-icon img,
.audience-icon img,
.mini-icon img {
  width: 31px;
  height: 31px;
  object-fit: contain;
  filter: drop-shadow(0 0 9px rgba(67, 239, 255, .55));
}
.module-icon.violet img,
.feature-icon.violet img,
.audience-icon.violet img {
  filter: drop-shadow(0 0 10px rgba(167, 139, 250, .55));
}
.feature-icon {
  margin-bottom: 22px;
}
.audience-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 22px;
}
.audience-icon img {
  width: 36px;
  height: 36px;
}
.mini-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  margin-bottom: 14px;
}
.mini-icon img {
  width: 23px;
  height: 23px;
}
.module-strip article {
  transition: background .22s ease, transform .22s ease, border-color .22s ease;
}
.module-strip article:hover {
  background: rgba(15, 32, 58, .72);
  transform: translateY(-2px);
}
.feature-card {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.feature-card:hover {
  transform: translateY(-3px);
  border-color: rgba(55, 105, 255, .18);
  box-shadow: 0 24px 70px rgba(17, 24, 39, .10);
}
/* Hide legacy CSS-generated icon shapes if old markup remains somewhere. */
.ico img + *,
.tile img + * { display: none; }


/* === AMOXITI PATCH 02: real product screens + icon upgrades === */
.screen-frame--light {
  background: linear-gradient(135deg, rgba(82, 232, 255, .16), rgba(97, 112, 255, .13));
  border: 1px solid rgba(115, 210, 255, .22);
  box-shadow:
    0 26px 78px rgba(3, 18, 48, .32),
    0 0 34px rgba(76, 163, 255, .10),
    inset 0 0 0 1px rgba(255, 255, 255, .06);
}
.screen-frame--light img,
.screen-frame--real img {
  background: #fff;
  border-radius: 18px;
}
.hero-screen.screen-frame--light img {
  object-fit: cover;
  object-position: center;
}
.module-card__icon {
  width: 72px;
  height: 72px;
  border-radius: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 35% 25%, rgba(83,244,255,.20), transparent 58%),
    linear-gradient(180deg, rgba(52,247,255,.075), rgba(90,120,255,.055));
  border: 1px solid rgba(83,244,255,.22);
  box-shadow:
    0 0 28px rgba(41,233,255,.10),
    inset 0 0 20px rgba(77,226,255,.065);
  margin-bottom: 18px;
}
.module-card__icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 12px rgba(74,233,255,.38));
}
.mini-module-grid article {
  padding: 28px;
}
.mini-module-grid article h3 {
  font-size: 22px;
  margin-bottom: 14px;
}
.mini-module-grid ul {
  margin-top: 18px;
}
.mini-module-grid li {
  padding-left: 24px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #4b5566;
}
.stack-card__head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.stack-card__head img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 14px rgba(74,233,255,.16));
}
.stack-grid article.stack-card {
  min-height: 176px;
}
.stack-grid article.stack-card strong {
  margin-bottom: 0;
}
.inline-answer {
  margin-top: 26px;
  padding: 24px;
  border-radius: 18px;
}
.inline-answer p {
  margin-bottom: 0;
}
#localization .screen-frame,
#reporting .screen-frame {
  min-height: auto;
}
#localization .screen-frame img,
#reporting .screen-frame img {
  opacity: 1;
}
img[src=""], img:not([src]) {
  opacity: 0;
}
@media (max-width: 980px) {
  .module-card__icon { width: 62px; height: 62px; border-radius: 18px; }
  .module-card__icon img { width: 32px; height: 32px; }
}

/* === AMOXITI PATCH 04: real product screenshots for Localization and Reporting === */
#localization .screen-frame,
#reporting .screen-frame {
  padding: 10px;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(73, 223, 255, .18), rgba(93, 109, 255, .14));
  border: 1px solid rgba(123, 218, 255, .24);
  box-shadow:
    0 24px 64px rgba(0, 8, 24, .34),
    0 0 42px rgba(63, 220, 255, .10),
    inset 0 0 0 1px rgba(255, 255, 255, .06);
}
#localization .screen-frame img,
#reporting .screen-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
  background: #071425;
  object-fit: contain;
  opacity: 1;
}
@media (min-width: 981px) {
  #localization .usecase-grid,
  #reporting .usecase-grid {
    grid-template-columns: .55fr 1.45fr;
    gap: 44px;
  }
}

/* PATCH 05: Technology Stack without stack icons */
.stack-card__head {
  display: block;
  margin-bottom: 18px;
}
.stack-card__head img {
  display: none !important;
}
.stack-grid article.stack-card {
  min-height: 176px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.stack-grid article.stack-card strong {
  display: block;
  margin: 0 0 18px;
  font-size: clamp(26px, 2.1vw, 38px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  color: #ffffff;
}
.stack-grid article.stack-card span {
  display: block;
  max-width: 260px;
}