/* Agentics — An Azoure Company. Ink #17242E, muted copper #A77E60, warm ivory #F7F4ED, platinum #9DA3A6. */

/* ---------- 1. Tokens ---------- */
:root{
  /* brand */
  --navy:#17242E;
  --navy-800:#1E303C;
  --navy-900:#111D26;
  --navy-700:#293D4B;
  --copper:#A77E60;
  --copper-soft:#D7B79E;
  --copper-deep:#876044;
  --silver:#F7F4ED;
  --gold:#A77E60;
  --gold-soft:#D7B79E;

  /* Azoure heritage */
  --brand-ink:#17242E;
  --ivory:#F7F4ED;
  --platinum:#9DA3A6;

  /* semantic surfaces */
  --surface-dark:var(--navy);
  --surface-light:var(--silver);
  --surface-alt:var(--ivory);
  --ink:var(--navy);
  --ink-on-dark:#F7F4ED;
  --ink-muted:#5A6878;
  --ink-muted-dark:#B7BDC0;
  --line:rgba(23,36,46,.14);
  --line-dark:rgba(255,255,255,.13);

  /* type */
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --serif:Georgia,'Times New Roman',serif;

  /* scale */
  --step--1:clamp(.82rem,.79rem + .12vw,.88rem);
  --step-0:clamp(1rem,.96rem + .18vw,1.06rem);
  --step-1:clamp(1.16rem,1.09rem + .34vw,1.34rem);
  --step-2:clamp(1.38rem,1.24rem + .66vw,1.75rem);
  --step-3:clamp(1.65rem,1.4rem + 1.15vw,2.3rem);
  --step-4:clamp(2rem,1.6rem + 1.85vw,3.05rem);
  --step-5:clamp(2.35rem,1.75rem + 2.7vw,4rem);

  /* space */
  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.5rem; --sp-4:2rem;
  --sp-5:3rem; --sp-6:4rem; --sp-7:5.5rem; --sp-8:7.5rem;

  /* structure */
  --wrap:1220px;
  --wrap-narrow:820px;
  --radius:4px;
  --radius-lg:10px;
  --shadow-sm:0 1px 2px rgba(23,36,46,.06),0 4px 14px rgba(23,36,46,.05);
  --shadow-md:0 2px 6px rgba(23,36,46,.07),0 18px 44px rgba(23,36,46,.10);
  --shadow-deep:0 30px 80px rgba(17,29,38,.45);
  --ease:cubic-bezier(.22,.61,.36,1);
  --header-h:76px;
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--surface-light);color:var(--ink);font-family:var(--sans);font-size:var(--step-0);line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,svg,canvas,video{display:block;max-width:100%}
/* Author styles outrank the UA sheet, so `img{display:block}` would otherwise
   defeat the `hidden` attribute. Restore it explicitly. */
[hidden]{display:none!important}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
h1,h2,h3,h4{font-weight:600;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
::selection{background:var(--copper);color:var(--navy)}

/* focus — visible, high contrast, never removed */
:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:2px}
.dark :focus-visible,.on-dark :focus-visible{outline-color:var(--copper-soft)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-100px;left:16px;z-index:200;background:var(--copper);color:var(--navy);padding:12px 20px;border-radius:0 0 6px 6px;font-weight:600;transition:top .2s}
.skip-link:focus{top:0}

/* ---------- 3. Layout ---------- */
.wrap{width:min(var(--wrap),90%);margin-inline:auto}
.wrap--narrow{width:min(var(--wrap-narrow),90%);margin-inline:auto}
.section{padding-block:var(--sp-8);position:relative}
.section--tight{padding-block:var(--sp-6)}
.dark{background:var(--surface-dark);color:var(--ink-on-dark)}
.dark h1,.dark h2,.dark h3{color:#fff}
.section-head{max-width:62ch;margin-bottom:var(--sp-5)}
.section-head--center{margin-inline:auto;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:.6em;font-size:var(--step--1);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-deep);margin-bottom:var(--sp-3)}
.dark .eyebrow{color:var(--copper-soft)}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.6}
.section-head--center .eyebrow::after{content:"";width:26px;height:1px;background:currentColor;opacity:.6}
.lede{font-size:var(--step-1);color:var(--ink-muted);line-height:1.6;margin-top:var(--sp-3);max-width:60ch}
.dark .lede{color:var(--ink-muted-dark)}
.section-head--center .lede{margin-inline:auto}

/* ---------- 4. Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:15px 28px;border:1px solid transparent;border-radius:var(--radius);font-size:var(--step-0);font-weight:600;letter-spacing:.005em;text-align:center;transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease);min-height:52px}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--copper);color:var(--navy);box-shadow:0 8px 24px rgba(167,126,96,.28)}
.btn--primary:hover{background:var(--copper-soft);box-shadow:0 12px 34px rgba(167,126,96,.38)}
.btn--ghost{border-color:rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.02)}
.btn--ghost:hover{border-color:var(--copper-soft);color:var(--copper-soft);background:rgba(167,126,96,.07)}
.btn--outline{border-color:var(--line);color:var(--ink);background:transparent}
.btn--outline:hover{border-color:var(--navy);background:rgba(23,36,46,.04)}
.btn--solid{border-color:var(--navy);background:var(--navy);color:#fff}
.btn--solid:hover{background:var(--navy-700);border-color:var(--navy-700)}
.btn--sm{padding:11px 20px;min-height:44px;font-size:var(--step--1)}
.btn--block{width:100%}
.btn .arrow{transition:transform .22s var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}
.link-arrow{display:inline-flex;align-items:center;gap:.5em;font-weight:600;color:var(--copper-deep);border-bottom:1px solid rgba(135,96,68,.32);padding-bottom:2px;transition:color .2s var(--ease),border-color .2s var(--ease)}
.link-arrow:hover{color:var(--navy);border-color:var(--navy)}
.dark .link-arrow{color:var(--copper-soft);border-color:rgba(215,183,158,.35)}
.dark .link-arrow:hover{color:#fff;border-color:#fff}

/* ---------- 5. Header ---------- */
.header{position:fixed;inset:0 0 auto;z-index:100;transition:background .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);border-bottom:1px solid transparent}
.header.is-scrolled{background:rgba(23,36,46,.94);backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px);border-bottom-color:var(--line-dark)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);height:var(--header-h)}
.brand{display:flex;align-items:center;gap:.7rem;flex-shrink:0}
.brand__mark{width:38px;height:38px;flex-shrink:0}
.brand__word{font-size:1.16rem;font-weight:700;letter-spacing:-.01em;color:#fff;line-height:1}
.brand__word b{font-weight:700}
.brand__word span{font-weight:300;color:var(--platinum)}
.brand__parent{display:block;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--platinum);font-weight:500;margin-top:4px}
.nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px)}
.nav a{position:relative;font-size:.94rem;font-weight:500;color:rgba(255,255,255,.82);padding:8px 0;transition:color .2s var(--ease);min-height:44px;display:inline-flex;align-items:center}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--ease)}
.nav a:hover{color:#fff}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:#fff}
.header__cta{display:flex;align-items:center;gap:var(--sp-3)}
.menu-btn{display:none;width:46px;height:46px;align-items:center;justify-content:center;background:none;border:1px solid var(--line-dark);border-radius:var(--radius);color:#fff;padding:0}
.menu-btn span{display:block;width:19px;height:1.5px;background:currentColor;position:relative;transition:background .2s var(--ease)}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0;width:19px;height:1.5px;background:currentColor;transition:transform .28s var(--ease)}
.menu-btn span::before{top:-6px}
.menu-btn span::after{top:6px}
.menu-btn[aria-expanded="true"] span{background:transparent}
.menu-btn[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{display:none;position:fixed;inset:var(--header-h) 0 0;background:rgba(17,29,38,.98);backdrop-filter:blur(12px);padding:var(--sp-4) 0 var(--sp-6);overflow-y:auto;z-index:99}
.mobile-nav.is-open{display:block}
.mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line-dark);font-size:1.1rem;font-weight:500;color:#fff}
.mobile-nav .btn{margin-top:var(--sp-4)}
.mobile-nav .mobile-nav__meta{margin-top:var(--sp-5);font-size:var(--step--1);color:var(--platinum);line-height:1.8}

/* ---------- 6. Hero ---------- */
.hero{position:relative;background:var(--navy);color:var(--ink-on-dark);padding-top:calc(var(--header-h) + var(--sp-6));padding-bottom:var(--sp-7);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(1100px 620px at 78% 8%,rgba(167,126,96,.17),transparent 62%),
  radial-gradient(820px 560px at 8% 92%,rgba(167,126,96,.11),transparent 60%),
  linear-gradient(180deg,#17242E 0%,#131F28 100%);}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 78%)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(var(--sp-4),4vw,var(--sp-6));align-items:center}
.hero__badge{display:inline-flex;align-items:center;gap:.7em;padding:7px 15px 7px 9px;border:1px solid rgba(167,126,96,.34);border-radius:100px;background:rgba(167,126,96,.08);font-size:var(--step--1);font-weight:500;color:#E6D4C6;margin-bottom:var(--sp-4);transition:border-color .25s var(--ease),background .25s var(--ease)}
.hero__badge:hover{border-color:var(--copper);background:rgba(167,126,96,.14)}
.hero__badge .pill{background:var(--gold);color:var(--navy);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:100px}
.hero h1{font-size:var(--step-5);letter-spacing:-.035em;max-width:15ch}
.hero h1 em{font-style:normal;color:var(--copper-soft)}
.hero__sub{font-size:var(--step-1);color:var(--ink-muted-dark);margin-top:var(--sp-4);max-width:54ch;line-height:1.6}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}
.hero__proof{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line-dark)}
.hero__proof li{display:flex;align-items:center;gap:.6em;font-size:var(--step--1);color:var(--platinum)}
.hero__proof svg{width:16px;height:16px;flex-shrink:0;color:var(--copper)}
.hero__proof ul{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);list-style:none;padding:0;margin:0}

/* hero visual */
.hero__visual{position:relative;border:1px solid var(--line-dark);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(165deg,rgba(41,61,75,.85),rgba(17,29,38,.92));box-shadow:var(--shadow-deep);aspect-ratio:4/3.35}
.hero__visual canvas{width:100%;height:100%;display:block}
.hero__visual-fallback{position:absolute;inset:0;display:none}
.hero__visual-tag{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:.5em;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--platinum);font-weight:600}
.hero__visual-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 0 rgba(167,126,96,.6);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(167,126,96,.55)}70%{box-shadow:0 0 0 9px rgba(167,126,96,0)}100%{box-shadow:0 0 0 0 rgba(167,126,96,0)}}
.hero__visual-readout{position:absolute;right:14px;bottom:14px;left:14px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.readout-chip{font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:6px 11px;border-radius:100px;background:rgba(17,29,38,.8);border:1px solid var(--line-dark);color:var(--ink-muted-dark);backdrop-filter:blur(6px)}
.readout-chip.is-live{color:var(--copper-soft);border-color:rgba(167,126,96,.4)}

/* ---------- 7. Trust bar ---------- */
.trustbar{background:var(--surface-alt);border-bottom:1px solid var(--line);padding-block:var(--sp-4)}
.trustbar ul{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);align-items:center}
.trustbar li{display:flex;align-items:center;gap:.85em;font-size:.88rem;color:var(--ink-muted);line-height:1.4}
.trustbar svg{width:22px;height:22px;flex-shrink:0;color:var(--copper-deep)}
.trustbar strong{display:block;color:var(--ink);font-weight:600;font-size:.92rem}

/* ---------- 8. Proof ---------- */
.proof{background:var(--surface-dark);position:relative;overflow:hidden}
.proof::after{content:"";position:absolute;top:-10%;right:-12%;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(167,126,96,.10),transparent 66%);pointer-events:none}
.proof__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(var(--sp-4),4vw,var(--sp-6));align-items:start}
.proof__list{display:grid;gap:var(--sp-3)}
.proof-card{background:rgba(255,255,255,.035);border:1px solid var(--line-dark);border-radius:var(--radius-lg);padding:var(--sp-4);transition:border-color .3s var(--ease),transform .3s var(--ease),background .3s var(--ease)}
.proof-card:hover{border-color:rgba(167,126,96,.4);transform:translateY(-3px);background:rgba(255,255,255,.055)}
.proof-card__icon{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:rgba(167,126,96,.12);border:1px solid rgba(167,126,96,.26);margin-bottom:var(--sp-3)}
.proof-card__icon svg{width:21px;height:21px;color:var(--copper-soft)}
.proof-card h3{font-size:var(--step-1);margin-bottom:.5rem;color:#fff}
.proof-card p{color:var(--ink-muted-dark);font-size:.95rem}
.proof-quote{margin-top:var(--sp-4);border-left:2px solid var(--gold);padding:var(--sp-2) 0 var(--sp-2) var(--sp-4);font-family:var(--serif);font-size:var(--step-2);line-height:1.42;color:#fff;font-style:italic}
.proof-quote cite{display:block;font-family:var(--sans);font-style:normal;font-size:var(--step--1);letter-spacing:.05em;color:var(--platinum);margin-top:var(--sp-3);text-transform:uppercase}
.badge-proven{display:inline-flex;align-items:center;gap:.5em;padding:5px 12px;border-radius:100px;background:rgba(167,126,96,.14);border:1px solid rgba(167,126,96,.4);color:var(--gold-soft);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.badge-proven svg{width:13px;height:13px}

/* ---------- 9. Solutions ---------- */
.solutions{background:var(--surface-light)}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
.solution{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-4);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.solution::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--copper),var(--copper-soft));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.solution:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:transparent}
.solution:hover::before{transform:scaleX(1)}
.solution__num{font-family:var(--serif);font-size:.9rem;color:var(--platinum);letter-spacing:.1em}
.solution__icon{width:52px;height:52px;border-radius:11px;display:grid;place-items:center;background:var(--navy);margin:var(--sp-3) 0 var(--sp-3)}
.solution__icon svg{width:25px;height:25px;color:var(--copper-soft)}
.solution h3{font-size:var(--step-2);margin-bottom:.7rem}
.solution__body{color:var(--ink-muted);font-size:.96rem;margin-bottom:var(--sp-3)}
.solution__features{display:grid;gap:.55rem;margin-bottom:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line)}
.solution__features li{display:flex;gap:.65em;align-items:flex-start;font-size:.9rem;color:var(--ink)}
.solution__features svg{width:15px;height:15px;flex-shrink:0;color:var(--copper-deep);margin-top:.28em}
.solution__benefit{margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--line);font-weight:600;color:var(--navy);font-size:.97rem}
.solution__benefit span{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--platinum);font-weight:600;margin-bottom:.35rem}
.solution__note{margin-top:var(--sp-3);font-size:.76rem;color:var(--platinum);line-height:1.5;font-style:italic}

/* ---------- 10. Security ---------- */
.security{background:var(--surface-alt)}
.security__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-5)}
.security-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-4);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.security-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.security-card__icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:rgba(167,126,96,.1);border:1px solid rgba(167,126,96,.24);margin-bottom:var(--sp-3)}
.security-card__icon svg{width:21px;height:21px;color:var(--copper-deep)}
.security-card h3{font-size:var(--step-1);margin-bottom:.6rem}
.security-card p{font-size:.92rem;color:var(--ink-muted)}
.security__statement{margin-top:var(--sp-5);padding:var(--sp-4);background:var(--navy);border-radius:var(--radius-lg);color:#fff;display:grid;grid-template-columns:auto 1fr;gap:var(--sp-4);align-items:center}
.security__statement svg{width:34px;height:34px;color:var(--gold)}
.security__statement p{font-size:var(--step-1);line-height:1.55}
.security__statement strong{color:var(--copper-soft)}

/* ---------- 11. Use cases ---------- */
.usecases{background:var(--surface-dark)}
.usecase{background:rgba(255,255,255,.035);border:1px solid var(--line-dark);border-radius:var(--radius-lg);overflow:hidden}
.usecase__tabs{display:flex;gap:0;border-bottom:1px solid var(--line-dark);overflow-x:auto;scrollbar-width:none}
.usecase__tabs::-webkit-scrollbar{display:none}
.usecase__tab{flex:1 1 0;min-width:210px;background:none;border:0;padding:var(--sp-3) var(--sp-3);text-align:left;color:var(--platinum);font-size:.88rem;font-weight:600;position:relative;transition:color .25s var(--ease);border-bottom:2px solid transparent}
.usecase__tab:hover{color:#fff}
.usecase__tab[aria-selected="true"]{color:#fff;border-bottom-color:var(--copper)}
.usecase__tab .k{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-deep);margin-bottom:.35rem;font-weight:700}
.usecase__tab[aria-selected="true"] .k{color:var(--copper-soft)}
.usecase__panel{padding:var(--sp-5) var(--sp-4)}
.usecase__panel[hidden]{display:none}
.usecase__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-3);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--platinum);font-weight:600}
.usecase__meta span{display:inline-flex;align-items:center;gap:.45em}
.usecase__meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
.usecase__panel h3{font-size:var(--step-3);margin-bottom:var(--sp-3);color:#fff;max-width:22ch}
.usecase__panel p{color:var(--ink-muted-dark);max-width:62ch;font-size:var(--step-1);line-height:1.62}
.usecase__steps{display:grid;gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.usecase__step{border-left:2px solid rgba(167,126,96,.32);padding-left:var(--sp-3)}
.usecase__step b{display:block;color:#fff;font-size:.94rem;margin-bottom:.3rem;font-weight:600}
.usecase__step span{font-size:.88rem;color:var(--ink-muted-dark);line-height:1.55}
.usecase__nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line-dark);gap:var(--sp-3)}
.dots{display:flex;gap:8px}
.dots button{position:relative;width:28px;height:24px;border:0;background:none;padding:0}
.dots button::before{content:"";position:absolute;left:0;right:0;top:10px;height:4px;border-radius:2px;background:rgba(255,255,255,.22);transition:background .25s var(--ease)}
.dots button:hover::before{background:rgba(255,255,255,.45)}
.dots button[aria-current="true"]::before{background:var(--copper)}

/* ---------- 12. Web Summit ---------- */
.summit{background:linear-gradient(140deg,#1E303C 0%,#131F28 55%,#17242E 130%);position:relative;overflow:hidden}
.summit::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 420px at 85% 20%,rgba(167,126,96,.16),transparent 62%);pointer-events:none}
.summit__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(var(--sp-4),4vw,var(--sp-6));align-items:center;position:relative;z-index:1}
.summit__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.stat{background:rgba(255,255,255,.05);border:1px solid var(--line-dark);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-3);text-align:center}
.stat b{display:block;font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:600;color:var(--gold-soft);letter-spacing:-.02em;line-height:1.1}
.stat span{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--platinum);margin-top:.45rem;font-weight:600}
.summit__source{margin-top:var(--sp-3);font-size:.76rem;color:var(--platinum)}
.summit__source a{color:var(--copper-soft);border-bottom:1px solid rgba(215,183,158,.35)}
.summit__flag{display:flex;align-items:center;gap:.7rem;margin-bottom:var(--sp-3);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--copper-soft);font-weight:600}
.summit__flag .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--copper),transparent)}

/* ---------- 13. About ---------- */
.about{background:var(--surface-light)}
.about__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(var(--sp-4),4vw,var(--sp-6));align-items:start}
.founder{display:grid;gap:var(--sp-3);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}
.founder__portrait{aspect-ratio:4/3;border-radius:var(--radius);background:linear-gradient(150deg,#293D4B,#17242E 60%,#17242E);display:grid;place-items:center;position:relative;overflow:hidden}
.founder__portrait::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px}
.founder__portrait .mono{position:relative;font-family:var(--serif);font-size:3.2rem;color:rgba(255,255,255,.24);letter-spacing:-.03em;line-height:1}
.founder__portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}

/* parent-company card */
.parent-card{display:flex;align-items:center;gap:.9rem;margin-top:var(--sp-2);padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);transition:border-color .25s var(--ease),background .25s var(--ease)}
.parent-card:hover{border-color:var(--brand-ink);background:#fff}
.parent-card__mark{width:30px;height:30px;flex-shrink:0;color:var(--brand-ink)}
.parent-card span{font-size:.82rem;color:var(--ink-muted);line-height:1.45}
.parent-card b{display:block;color:var(--ink);font-weight:600;font-size:.92rem;margin-bottom:.15rem}
.parent-card__go{width:17px;height:17px;flex-shrink:0;color:var(--platinum);margin-left:auto}
.parent-card:hover .parent-card__go{color:var(--copper-deep)}
.founder__name{font-size:var(--step-2);font-weight:600;letter-spacing:-.02em}
.founder__role{font-size:var(--step--1);color:var(--copper-deep);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.founder__bio{font-size:.95rem;color:var(--ink-muted)}
.about__body{display:grid;gap:var(--sp-3);font-size:var(--step-1);color:var(--ink-muted)}
.about__body p{max-width:62ch}
.founder-quote{font-family:var(--serif);font-size:var(--step-3);line-height:1.38;color:var(--navy);font-style:italic;border-left:3px solid var(--gold);padding-left:var(--sp-4);margin-block:var(--sp-2)}
.founder-quote cite{display:block;font-family:var(--sans);font-style:normal;font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-top:var(--sp-3);font-weight:600}
.about__facts{display:grid;gap:var(--sp-2);margin-top:var(--sp-3)}
.about__facts li{display:flex;gap:.7em;align-items:flex-start;font-size:.95rem;color:var(--ink)}
.about__facts svg{width:16px;height:16px;flex-shrink:0;color:var(--copper-deep);margin-top:.3em}

/* ---------- 14. Contact ---------- */
.contact{background:var(--surface-dark)}
.contact__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(var(--sp-4),4vw,var(--sp-6));align-items:start}
.contact__aside{display:grid;gap:var(--sp-4)}
.contact__aside p{color:var(--ink-muted-dark)}
.contact-list{display:grid;gap:var(--sp-3);margin-top:var(--sp-3)}
.contact-list a,.contact-list div{display:flex;gap:.9em;align-items:flex-start;font-size:.95rem;color:var(--ink-on-dark)}
.contact-list svg{width:19px;height:19px;flex-shrink:0;color:var(--copper-soft);margin-top:.2em}
.contact-list b{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--platinum);font-weight:600;margin-bottom:.2rem}
.form{background:#fff;border-radius:var(--radius-lg);padding:clamp(var(--sp-3),3vw,var(--sp-4));color:var(--ink)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.field{display:grid;gap:.4rem;margin-bottom:var(--sp-3)}
.field label{font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted)}
.field label .req{color:#C0392B}
.field input,.field select,.field textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius);background:#FCFCFB;font-size:.96rem;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.field textarea{min-height:118px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--copper);box-shadow:0 0 0 3px rgba(167,126,96,.16)}
.field input:user-invalid,.field textarea:user-invalid{border-color:#C0392B}
.field__hint{font-size:.78rem;color:var(--platinum)}
.form__consent{display:flex;gap:.75em;align-items:flex-start;font-size:.83rem;color:var(--ink-muted);margin-bottom:var(--sp-3)}
.form__consent input{width:18px;height:18px;flex-shrink:0;margin-top:.15em;accent-color:var(--copper-deep)}
.form__status{margin-top:var(--sp-3);padding:14px 16px;border-radius:var(--radius);font-size:.9rem;display:none}
.form__status.is-visible{display:block}
.form__status.is-ok{background:rgba(167,126,96,.12);border:1px solid rgba(167,126,96,.4);color:#76543C}
.form__status.is-err{background:rgba(192,57,43,.09);border:1px solid rgba(192,57,43,.35);color:#8E2A20}
.form__note{font-size:.78rem;color:var(--platinum);margin-top:var(--sp-2)}

/* ---------- 15. Footer ---------- */
.footer{background:var(--navy-900);color:var(--platinum);padding-block:var(--sp-6) var(--sp-4);border-top:1px solid rgba(255,255,255,.08)}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:var(--sp-5) var(--sp-4);padding-bottom:var(--sp-5);border-bottom:1px solid rgba(255,255,255,.09)}
.footer h4{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:var(--sp-3);font-weight:700}
.footer__links{display:grid;gap:.7rem}
.footer__links a{font-size:.92rem;color:var(--platinum);transition:color .2s var(--ease)}
.footer__links a:hover{color:var(--copper-soft)}
.footer__brandline{display:flex;align-items:center;gap:.7rem;margin-bottom:var(--sp-3)}
.footer__brandline img{width:170px;height:auto}
.footer p{font-size:.9rem;max-width:42ch}
.footer__parent{margin-top:var(--sp-4);display:inline-flex;align-items:center;gap:.7rem;padding:9px 15px;border:1px solid rgba(255,255,255,.16);border-radius:100px;font-size:.82rem;color:var(--platinum);transition:border-color .25s var(--ease),color .25s var(--ease)}
.footer__parent:hover{border-color:var(--copper);color:#fff}
.footer__parent svg{width:15px;height:15px;flex-shrink:0}
.footer__legal{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);align-items:center;justify-content:space-between;padding-top:var(--sp-4);font-size:.8rem;color:rgba(157,163,166,.85)}
.footer__legal-links{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.footer__legal-links a{display:inline-flex;align-items:center;min-height:24px}
.footer__legal-links a:hover{color:var(--copper-soft)}
.footer p.footer__reg{margin-top:var(--sp-3);font-size:.78rem;color:rgba(157,163,166,.7);max-width:78ch;line-height:1.6}

/* ---------- 16. CTA band ---------- */
.cta-band{background:var(--surface-alt);border-top:1px solid var(--line)}
.cta-band__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-5)}
.cta-band h2{font-size:var(--step-3);max-width:20ch}
.cta-band p{color:var(--ink-muted);margin-top:.6rem;max-width:52ch}

/* ---------- 17. Page head (sub-pages) ---------- */
.pagehead{background:var(--navy);color:#fff;padding-top:calc(var(--header-h) + var(--sp-6));padding-bottom:var(--sp-6);position:relative;overflow:hidden}
.pagehead::after{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 80% 0%,rgba(167,126,96,.15),transparent 62%);pointer-events:none}
.pagehead .wrap{position:relative;z-index:1}
.pagehead h1{font-size:var(--step-4);margin-top:var(--sp-3);max-width:20ch}
.pagehead p{color:var(--ink-muted-dark);margin-top:var(--sp-3);max-width:62ch;font-size:var(--step-1)}
.prose{max-width:74ch}
.prose h2{font-size:var(--step-2);margin-top:var(--sp-5);margin-bottom:var(--sp-2);color:var(--navy)}
.prose h3{font-size:var(--step-1);margin-top:var(--sp-4);margin-bottom:var(--sp-2);color:var(--navy)}
.prose p{color:var(--ink-muted);margin-bottom:var(--sp-3)}
.prose ul{display:grid;gap:.55rem;margin-bottom:var(--sp-3)}
.prose li{display:flex;gap:.7em;color:var(--ink-muted);font-size:.96rem}
.prose li::before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--copper);margin-top:.62em}
.prose a{color:var(--copper-deep);border-bottom:1px solid rgba(135,96,68,.35)}
.prose a:hover{border-color:var(--navy)}
.prose__updated{font-size:.84rem;color:var(--platinum);margin-bottom:var(--sp-4)}

/* ---------- 18. Reveal ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}

/* ---------- 19. Responsive ---------- */
@media (max-width:1080px){
  .solution-grid{grid-template-columns:1fr 1fr}
  .security__grid{grid-template-columns:1fr 1fr}
  .trustbar ul{grid-template-columns:1fr 1fr;gap:var(--sp-3)}
}
@media (max-width:960px){
  :root{--header-h:68px}
  .nav,.header__cta .btn{display:none}
  .menu-btn{display:flex}
  .hero__grid{grid-template-columns:1fr;gap:var(--sp-5)}
  .hero__visual{aspect-ratio:16/11}
  .proof__grid,.summit__grid,.about__grid,.contact__grid{grid-template-columns:1fr}
  .founder{order:-1}
  .footer__grid{grid-template-columns:1fr 1fr;gap:var(--sp-4)}
  .section{padding-block:var(--sp-7)}
}
@media (max-width:720px){
  .solution-grid,.security__grid,.summit__stats,.form__row{grid-template-columns:1fr}
  .hero__actions .btn{flex:1 1 100%}
  .footer__grid{grid-template-columns:1fr}
  .trustbar ul{grid-template-columns:1fr}
  .usecase__panel{padding:var(--sp-4) var(--sp-3)}
  .cta-band__inner{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){
  .hero__visual{aspect-ratio:4/3.6}
}

/* ---------- 20. Motion / print ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}
@media print{
  .header,.mobile-nav,.hero__visual,.cta-band,.footer__parent{display:none}
  body{background:#fff;color:#000}
  .dark,.hero,.contact,.usecases,.summit{background:#fff!important;color:#000!important}
  .dark h1,.dark h2,.dark h3,.hero h1{color:#000!important}
  .section{padding-block:1.5rem}
}

/* Approved Agentics identity */
.header{background:var(--navy);border-bottom-color:rgba(157,163,166,.16)}
.brand__identity{display:flex;flex-direction:column;align-items:flex-start}
.brand__logo{display:block;width:194px;height:auto}
.brand__parent{margin-top:3px;margin-left:53px;font-size:.53rem;letter-spacing:.16em;color:var(--platinum)}
.footer__brandline .footer__agentics-logo{width:220px;height:auto}
.btn--primary{background:var(--copper-soft);color:var(--navy);box-shadow:0 8px 24px rgba(167,126,96,.16)}
.btn--primary:hover{background:var(--ivory);box-shadow:0 12px 34px rgba(167,126,96,.24)}
.hero__badge{color:#E6D4C6}
.hero__badge .pill{background:var(--copper-soft)}
.form__note a{color:var(--copper-deep)!important}
@media(max-width:600px){.brand__logo{width:154px}.brand__parent{margin-left:42px;font-size:.45rem}.header__inner{gap:12px}.header__cta{gap:8px}.header__cta .btn{padding:10px 12px;font-size:.72rem}}
@media(max-width:360px){.brand__logo{width:132px}.header__cta .btn{padding:10px 8px}}