:root{--navy:#06101f;--navy2:#091a35;--panel:#0a1830;--panel2:#0f2447;--text:#f8fbff;--muted:#a9bbd8;--line:#1d3b66;--cyan:#19d6ff;--blue:#1687ff;--violet:#6f48ff;--green:#17c964;--light:#eef5fb;--ink:#0c1e40;--card:#fff;--shadow:0 20px 55px rgba(6,16,31,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.58 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--navy);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1400px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,10,28,.94);backdrop-filter:blur(16px);border-bottom:1px solid #173151}.nav-shell{height:70px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;min-width:300px}.brand img{display:block;width:300px;max-height:58px}.main-nav{display:flex;gap:34px;align-items:center;margin-left:auto}.main-nav a{padding:23px 4px 19px;color:#eef5ff;font-size:14px;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--cyan);border-bottom-color:var(--cyan)}.nav-actions{display:flex;gap:12px;margin-left:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:7px;background:linear-gradient(135deg,#138dff,#0872ef);border:1px solid #238bff;color:#fff;font-weight:750;box-shadow:0 8px 25px rgba(16,118,245,.2);cursor:pointer}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn.ghost{background:transparent;border-color:#2671c7;box-shadow:none}.btn.small{padding:9px 14px;font-size:14px}.menu-toggle{display:none;margin-left:auto;background:transparent;color:#fff;border:1px solid #294d7d;border-radius:8px;padding:9px 12px;font-size:20px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 30%,rgba(0,110,255,.32),transparent 30%),linear-gradient(90deg,#020817 0%,#071432 49%,#0b244a 100%);border-bottom:1px solid #1c3f6d}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 60%,rgba(21,213,255,.18),transparent 18%);pointer-events:none}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;position:relative;z-index:1}.hero-copy{padding:48px 0}.hero h1{font-size:clamp(48px,5vw,76px);letter-spacing:-.045em;line-height:1.02;margin:0 0 12px;max-width:760px}.hero h1 span{display:block;color:var(--cyan)}.hero h2{font-size:25px;margin:0 0 14px}.hero p{max-width:680px;color:#c6d5eb;font-size:18px;margin:0 0 25px}.hero-art{height:100%;min-height:520px;display:flex;align-items:stretch;overflow:hidden}.hero-art img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center;display:block;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 100%)}.hero-badges{display:flex;gap:30px;flex-wrap:wrap;margin:22px 0 28px}.mini-feature{display:flex;align-items:center;gap:10px;color:#dce8fa}.mini-feature .ico{font-size:28px;color:#16c8ff}.mini-feature b{display:block;font-size:14px}.mini-feature small{display:block;color:#9cb0cf}.actions{display:flex;gap:14px;flex-wrap:wrap}.light-band{background:var(--light);color:var(--ink)}.services-strip{padding:18px 0 14px}.service-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:18px}.service-card{background:#fff;border:1px solid #d6e1ef;border-radius:8px;padding:16px;min-height:166px;box-shadow:0 12px 28px rgba(11,43,89,.08);display:flex;flex-direction:column;position:relative;transition:.2s}.service-card:hover{transform:translateY(-3px);border-color:#6c8fff}.service-card.featured{border:2px solid #7441ff;background:linear-gradient(145deg,#fff,#f7f1ff);box-shadow:0 12px 30px rgba(111,72,255,.22)}.service-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#5b9cff,#2657ff);color:#fff;font-weight:900;font-size:12px}.service-card h3{font-size:17px;margin:11px 0 2px}.service-card p{color:#667896;font-size:13px;line-height:1.35;margin:0 0 10px}.service-price{margin-top:auto;font-size:20px;color:#114add;font-weight:900}.service-card small{color:#62728d}.service-arrow{position:absolute;right:16px;bottom:18px;color:#104dff;font-size:25px}.dashboard-row{padding:0 0 14px}.dashboard-grid{display:grid;grid-template-columns:1.05fr .86fr .94fr;gap:18px}.dark-panel{background:linear-gradient(145deg,#071427,#0b1f3a);border:1px solid #173d6d;color:#fff;border-radius:6px;box-shadow:var(--shadow);padding:20px}.dark-panel h3{margin:0 0 16px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}.workflow-icon{margin:auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,#137bf6,#183bc8);box-shadow:0 8px 25px rgba(16,116,255,.25)}.workflow div:nth-child(2) .workflow-icon{background:linear-gradient(135deg,#11cb65,#02993c)}.workflow div:nth-child(4) .workflow-icon{background:linear-gradient(135deg,#17c6c0,#078c8f)}.workflow b{display:block;margin-top:9px}.workflow small{color:#b8c7dd}.code-tabs{display:flex;gap:18px;font-size:12px;color:#c7d6ea;margin-bottom:9px}.code-tabs span:first-child{background:#148cff;padding:3px 16px;border-radius:5px;color:#fff}.code-box{position:relative;background:#020b18;border:1px solid #1d5b94;border-radius:6px;padding:14px;min-height:144px;overflow:auto}.code-box pre{margin:0;color:#9af1d0;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.copy-btn{position:absolute;right:8px;top:8px;background:transparent;color:#fff;border:1px solid #4e698e;border-radius:5px;padding:4px 8px}.stat-strip{margin-top:14px;background:#fff;border:1px solid #d7e3f0;border-radius:8px;display:grid;grid-template-columns:repeat(6,1fr);box-shadow:var(--shadow)}.stat-item{padding:12px 16px;border-right:1px solid #dfe7f1;display:flex;align-items:center;gap:12px}.stat-item:last-child{border-right:0}.stat-icon{font-size:27px;color:#1267ff}.stat-item b{display:block;color:#0646df}.stat-item small{color:#5e718e;display:block}.page-hero{padding:72px 0 58px;background:radial-gradient(circle at 78% 20%,rgba(18,145,255,.3),transparent 24%),linear-gradient(135deg,#031021,#091b3a);border-bottom:1px solid #1e416e}.page-hero .eyebrow{color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:13px}.page-hero h1{font-size:clamp(42px,5vw,66px);margin:6px 0 12px;line-height:1.02}.page-hero p{max-width:780px;color:#b8c9e0;font-size:19px}.section{padding:70px 0}.section.light{background:var(--light);color:var(--ink)}.section.dark{background:#06101f}.section-title{text-align:center;max-width:820px;margin:0 auto 34px}.section-title h2{font-size:40px;line-height:1.1;margin:0 0 8px}.section-title p{color:#71829c}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.content-card{background:#fff;color:var(--ink);border:1px solid #d7e4f1;border-radius:12px;padding:25px;box-shadow:0 12px 30px rgba(9,31,65,.07)}.content-card h3{margin:10px 0 7px}.content-card p{color:#61738f}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.feature-box{background:#0a1930;border:1px solid #1c3a62;border-radius:13px;padding:28px}.feature-box h3{margin-top:0}.feature-box p,.feature-box li{color:#b4c4da}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pricing-card{background:#fff;color:var(--ink);border:1px solid #d5e2ef;border-radius:13px;padding:25px}.pricing-card.highlight{border:2px solid var(--violet);box-shadow:0 18px 50px rgba(111,72,255,.17)}.pricing-card .price-big{font-size:34px;color:#0b48df;font-weight:900}.pricing-card ul{padding-left:20px;color:#627590}.table-wrap{overflow:auto;background:#fff;border-radius:12px;border:1px solid #d8e3f0}.table{width:100%;border-collapse:collapse;color:#102345}.table th,.table td{text-align:left;padding:15px 18px;border-bottom:1px solid #e2eaf3}.table th{background:#f5f9fd;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.doc-layout{display:grid;grid-template-columns:260px 1fr;gap:30px}.doc-nav{position:sticky;top:94px;align-self:start;background:#0a1830;border:1px solid #1b3b67;border-radius:12px;padding:18px}.doc-nav a{display:block;padding:7px;color:#b9c9df}.doc-nav a:hover{color:var(--cyan)}.doc-content section{margin-bottom:44px}.doc-content h2{font-size:31px}.doc-content code{background:#0b1a30;color:#9ceecf;padding:2px 6px;border-radius:4px}.status-board{background:#fff;color:var(--ink);border-radius:14px;border:1px solid #d8e4f1;overflow:hidden}.status-summary{padding:22px;background:#eafaf1;color:#176b3d;font-weight:850;font-size:20px}.status-row{display:flex;justify-content:space-between;padding:18px 22px;border-top:1px solid #e4ebf3}.pill{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.pill.operational{background:#dff8e8;color:#177140}.pill.development{background:#fff3d6;color:#856000}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px}.contact-form{background:#fff;color:var(--ink);border-radius:14px;padding:28px;box-shadow:var(--shadow)}.field{margin-bottom:15px}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd8e8;border-radius:8px;padding:12px 13px;font:inherit;color:#142440;background:#fbfdff}.field textarea{min-height:160px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hp{position:absolute;left:-10000px}.notice{display:none;margin-bottom:14px;padding:12px;border-radius:8px}.notice.ok{display:block;background:#e8fbf2;color:#176844}.notice.err{display:block;background:#ffeded;color:#912d2d}.footer{position:relative;background:#06101f;color:#aabbd2;border-top:1px solid #17345b;padding:36px 0 20px;overflow:hidden}.footer-aurora{position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,rgba(0,190,255,.12),transparent 34%),radial-gradient(circle at 78% 15%,rgba(46,92,255,.10),transparent 30%),linear-gradient(90deg,#06101f 0%,#07162a 45%,#06101f 100%);opacity:1}.footer-grid,.copyright{position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr .8fr;gap:36px}.footer-brand img{width:235px}.footer h4{color:#fff;margin:0 0 8px}.footer a{display:block;margin:6px 0;color:#88a7d1}.footer a:hover{color:#28d8ff}.status-pill{margin-top:15px;padding:9px 12px;background:#0c1c35;border:1px solid #24456e;border-radius:7px;color:#dce8f7;font-size:13px}.status-pill span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#16d45e;margin-right:7px}.copyright{margin-top:28px;padding-top:18px;border-top:1px solid #193153;font-size:12px;text-align:right;color:#7185a5}.legal{max-width:920px}.legal h2{margin-top:38px}.legal p,.legal li{color:#c1cee0}.demo-box{display:grid;grid-template-columns:1fr auto;gap:10px;background:#0a1930;border:1px solid #1d416e;border-radius:12px;padding:18px}.demo-box input{background:#020a15;border:1px solid #2b527f;border-radius:8px;color:#fff;padding:13px;font:inherit}.subtle{color:#91a5c2}.callout{border-left:4px solid var(--cyan);background:#0a1c35;padding:18px 20px;border-radius:7px;color:#c9d6e8}.service-detail{display:grid;grid-template-columns:1fr 420px;gap:32px}.endpoint-card{background:#09192f;border:1px solid #1f4777;border-radius:12px;padding:22px;align-self:start}.endpoint-card .price-big{font-size:38px;color:var(--cyan);font-weight:900}.endpoint-card code{display:block;background:#020b16;padding:12px;border-radius:8px;color:#9ef0cf;margin:12px 0}.list-check{padding:0;list-style:none}.list-check li{margin:10px 0;color:#becce0}.list-check li:before{content:"✓";color:#1bd273;font-weight:900;margin-right:10px}
@media(max-width:1120px){.service-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}.main-nav{gap:18px}.brand{min-width:240px}.brand img{width:240px}.nav-actions .ghost{display:none}.stat-strip{grid-template-columns:repeat(3,1fr)}.stat-item:nth-child(3){border-right:0}}
@media(max-width:820px){.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#06101f;border-bottom:1px solid #27456e;padding:12px 5vw;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:10px}.menu-toggle{display:block}.nav-actions{display:none}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:330px;order:-1}.hero-copy{padding-top:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.workflow,.content-grid,.feature-grid,.contact-grid,.service-detail{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2n){border-right:0}.doc-layout{grid-template-columns:1fr}.doc-nav{position:static}.footer-grid{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}}
@media(max-width:520px){.wrap{width:min(94vw,1400px)}.brand{min-width:200px}.brand img{width:200px}.hero h1{font-size:46px}.hero-art{min-height:250px}.service-grid,.pricing-grid,.stat-strip,.footer-grid{grid-template-columns:1fr}.stat-item{border-right:0}.section-title h2{font-size:32px}.page-hero h1{font-size:42px}.workflow{grid-template-columns:1fr 1fr}.service-card{min-height:150px}.copyright{text-align:left}}

/* Deployment hardening / cache-safe layout */
html,body{width:100%;min-width:0}body{overflow-x:hidden}.wrap{max-width:1400px;width:calc(100% - 48px);margin-left:auto;margin-right:auto}.nav-shell{width:calc(100% - 48px);max-width:1400px}.services-strip,.dashboard-row{width:100%}.service-grid,.dashboard-grid,.stat-strip{width:100%}.light-band{background:#eef5fb!important;color:#0c1e40!important}.dark-panel{color:#fff!important}.dark-panel *{box-sizing:border-box}.footer{width:100%}.hero-art img{visibility:visible!important;opacity:1!important}
@media(max-width:820px){.wrap,.nav-shell{width:calc(100% - 28px)}}

/* =========================================================
   Mobile hero responsiveness fix
   ========================================================= */
@media (max-width: 820px) {
  .hero-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .hero-copy {
    order: 1;
    padding: 38px 0 28px;
  }

  .hero-art {
    order: 2;
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
    align-items: initial;
  }

  .hero-art img {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center;
    display: block;
    mask-image: none;
    -webkit-mask-image: none;
  }

  .hero h1 {
    font-size: clamp(42px, 10vw, 58px);
    line-height: 1.02;
  }

  .hero h2 {
    font-size: 21px;
  }

  .hero p {
    font-size: 16px;
  }
}

@media (max-width: 520px) {
  .hero-copy {
    padding: 30px 0 24px;
  }

  .hero h1 {
    font-size: clamp(38px, 11vw, 48px);
  }

  .hero h2 {
    font-size: 19px;
    line-height: 1.35;
  }

  .hero-badges {
    gap: 16px;
    margin: 20px 0 24px;
  }

  .mini-feature {
    width: 100%;
  }

  .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .actions .btn {
    width: 100%;
  }

  .hero-art {
    margin-top: 4px;
  }
}

/* =========================================================
   Services page card outline visibility fix
   ========================================================= */
.section.light .content-card {
  border: 2px solid #b8c9de;
  box-shadow: 0 10px 28px rgba(9,31,65,.12);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.section.light .content-card:hover {
  border-color: #6e9cff;
  box-shadow: 0 14px 34px rgba(22,82,170,.16);
  transform: translateY(-2px);
}

/* =========================================================
   Hero full-bleed artwork fix
   Keeps the text aligned to the site content while allowing
   the artwork to reach the right edge of the viewport.
   ========================================================= */
.hero-grid.wrap {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.hero-copy {
  padding-left: max(24px, calc((100vw - 1400px) / 2));
  padding-right: 36px;
}

.hero-art {
  width: 100%;
  max-width: none;
}

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

@media (max-width: 820px) {
  .hero-grid.wrap {
    width: 100%;
    max-width: none;
  }

  .hero-copy {
    padding-left: 14px;
    padding-right: 14px;
  }

  .hero-art {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

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

/* AgentNorth brand integration */
.brand{min-width:285px}
.brand img{width:285px;height:64px;max-height:64px;object-fit:cover;object-position:center;border-radius:2px}
.footer-brand img{width:min(330px,100%);height:auto;display:block;margin-bottom:12px}
@media(max-width:820px){.brand{min-width:220px}.brand img{width:220px;height:50px;max-height:50px}}
@media(max-width:520px){.brand{min-width:190px}.brand img{width:190px;height:44px;max-height:44px}}