/* Arivonix header, generated from arivonix-live-prototype-v4. Everything is scoped to #arx-header. */
#arx-header{display:contents;  --primary:#2050EC;  --primary-deep:#1A40C0;  --primary-ink:#12308F;  --secondary:#AAB9C5;  --accent:#20CBD4;  --black:#0A0A0B;  --white:#FAFAFA;  /* neutrals derived from Secondary so nothing sits outside the palette */  --slate:#5B6B7A;  --slate-2:#8A99A8;  --line:#E3E9EF;  --line-soft:#EFF2F7;  --rail:#F4F7FD;  --tint:#FBFCFF;  --wash:#F5F8FD;  --shadow-menu:0 1px 1px rgba(10,10,11,.04),0 8px 16px -6px rgba(10,10,11,.08),0 28px 56px -20px rgba(16,32,72,.20);  --shadow-card:0 1px 2px rgba(10,10,11,.05),0 12px 28px -14px rgba(16,32,72,.16);  --r-lg:18px; --r-md:12px; --r-sm:8px;  --ease:cubic-bezier(.22,.68,.36,1); --dur:190ms;  --head:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;  --body:"DM Sans",ui-sans-serif,system-ui,sans-serif;
  font-family:var(--body);font-size:15px;line-height:1.55;color:var(--black);-webkit-font-smoothing:antialiased}
#arx-header *,#arx-header *::before,#arx-header *::after{box-sizing:border-box}
#arx-header h1,#arx-header h2,#arx-header h3,#arx-header h4,#arx-header h5{font-family:var(--head);margin:0;letter-spacing:-.025em;line-height:1.12;font-weight:700}
#arx-header p{margin:0}
#arx-header a{color:inherit;text-decoration:none}
#arx-header button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;text-transform:none;letter-spacing:normal;border-radius:0}
#arx-header :focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}
#arx-header .eyebrow{font-family:var(--body);font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--slate-2)}
#arx-header ul,#arx-header ol{margin:0;padding:0;list-style:none}
#arx-header img{max-width:none;border:0}
#arx-header .logo{display:flex;align-items:center;flex-shrink:0;padding:6px 2px}
#arx-header .logo img{display:block;height:30px;width:auto}
#arx-header .logo--sm img{height:26px}
#arx-header .logo--invert img{filter:brightness(0) invert(1)}
#arx-header .hdr{
  position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:14px;
  padding:0 max(26px,calc((100% - 1240px)/2 + 26px));height:72px;
  background:rgba(255,255,255,.93);backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line-soft);transition:box-shadow var(--dur) var(--ease);
}
#arx-header .hdr.is-scrolled{box-shadow:0 1px 0 var(--line),0 10px 24px -22px rgba(16,32,72,.6)}
#arx-header .nav{display:flex;align-items:center;gap:2px;margin-left:30px}
#arx-header .nav__item{position:relative}
#arx-header .nav__btn{display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:var(--r-sm);font-family:var(--body);font-size:15px;font-weight:500;color:#1E2A36;position:relative;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
#arx-header .nav__btn:hover{background:var(--rail)}
#arx-header .nav__btn .caret{transition:transform var(--dur) var(--ease);opacity:.5}
#arx-header .nav__item.is-open .nav__btn{background:#E9EEFD;color:var(--primary-ink)}
#arx-header .nav__item.is-open .caret{transform:rotate(180deg);opacity:1}
#arx-header .hdr__spacer{flex:1}
#arx-header .utility{display:flex;align-items:center;gap:10px;flex-shrink:0}
#arx-header .icon-btn{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--slate);transition:all var(--dur) var(--ease)}
#arx-header .icon-btn:hover{background:var(--rail);color:var(--black)}
#arx-header .hdr__rule{width:1px;height:22px;background:var(--line)}
#arx-header .link-btn{font-size:14.5px;font-weight:500;color:#1E2A36;padding:8px 6px}
#arx-header .link-btn:hover{color:var(--primary)}
#arx-header .btn{border-radius:999px;font-family:var(--body);font-size:14.5px;font-weight:600;padding:10px 19px;white-space:nowrap;transition:all var(--dur) var(--ease);display:inline-block}
#arx-header .btn--ghost{border:1px solid #C4CFDD;color:#16202B}
#arx-header .btn--ghost:hover{border-color:var(--primary);color:var(--primary);background:#F5F8FF}
#arx-header .btn--primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px rgba(32,80,236,.28),0 8px 18px -8px rgba(32,80,236,.5)}
#arx-header .btn--primary:hover{background:var(--primary-deep);transform:translateY(-1px)}
#arx-header .menu{
  position:absolute;top:calc(100% + 9px);left:0;z-index:60;
  background:var(--tint);border:1px solid #DBE2F2;border-radius:var(--r-lg);
  box-shadow:var(--shadow-menu);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);
  opacity:0;visibility:hidden;transform:translateY(-7px);
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur);
}
#arx-header .menu::before{content:"";position:absolute;top:-11px;left:0;right:0;height:11px}
#arx-header .nav__item.is-open .menu{opacity:1;visibility:visible;transform:translateY(0)}
#arx-header .menu--wide{width:min(1120px,calc(100vw - 32px))}
#arx-header .menu--res{width:min(980px,calc(100vw - 32px))}
#arx-header .menu--sol{width:min(620px,calc(100vw - 32px))}
#arx-header .menu--narrow{width:min(400px,calc(100vw - 32px))}
#arx-header .menu__grid{display:grid}
#arx-header .menu--wide .menu__grid{grid-template-columns:240px 1fr 300px}
#arx-header .menu--res .menu__grid{grid-template-columns:1fr 320px}
#arx-header .rail{background:var(--rail);border-right:1px solid #E3E9F7;padding:20px 14px}
#arx-header .rail__label{display:block;padding:0 10px 12px}
#arx-header .rail__btn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 12px;border-radius:10px;color:#22303E;font-size:15px;font-weight:500;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
#arx-header .rail__btn .ic{color:var(--slate-2);transition:color var(--dur) var(--ease)}
#arx-header .rail__btn .arw{margin-left:auto;opacity:0;transform:translateX(-4px);transition:all var(--dur) var(--ease)}
#arx-header .rail__btn:hover{background:#E6EDFD}
#arx-header .rail__btn[aria-selected="true"]{background:#fff;color:var(--primary-ink);box-shadow:0 1px 2px rgba(10,10,11,.07)}
#arx-header .rail__btn[aria-selected="true"] .ic{color:var(--primary)}
#arx-header .rail__btn[aria-selected="true"] .arw{opacity:1;transform:translateX(0);color:var(--primary)}
#arx-header .panel{padding:24px 26px}
#arx-header .panel[hidden]{display:none}
#arx-header .panel__intro{margin-bottom:16px}
#arx-header .panel__intro h4{font-size:17px}
#arx-header .panel__intro p{margin-top:6px;font-size:13.5px;color:var(--slate);max-width:48ch}
#arx-header .panel__list{display:grid;gap:2px}
#arx-header .panel--2col .panel__list{grid-template-columns:1fr 1fr;gap:2px 14px}
#arx-header .nlink{display:flex;gap:12px;padding:11px 12px;border-radius:10px;align-items:flex-start;transition:background var(--dur) var(--ease)}
#arx-header .nlink:hover{background:#EDF2FE}
#arx-header .nlink__ic{flex-shrink:0;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#E8EEFE;color:var(--primary);transition:all var(--dur) var(--ease)}
#arx-header .nlink:hover .nlink__ic{background:var(--primary);color:#fff}
#arx-header .nlink__t{font-family:var(--head);font-size:15px;font-weight:600;color:#101820;display:block;letter-spacing:-.01em}
#arx-header .nlink__d{font-size:12.5px;color:var(--slate);margin-top:3px;line-height:1.45;display:block}
#arx-header .nlink__m{font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--slate-2);margin-top:6px;text-transform:uppercase;display:block}
#arx-header .navgroup{margin-top:4px}
#arx-header .navgroup__h{display:flex;align-items:flex-start;gap:12px;padding:11px 12px 9px}
#arx-header .navgroup__h .nlink__ic{cursor:default}
#arx-header .navgroup__kids{margin-left:29px;padding-left:16px;border-left:1px solid var(--line);display:grid;gap:2px}
#arx-header .navgroup__kids .nlink{padding:9px 12px;align-items:center}
#arx-header .navgroup__kids .nlink__ic{width:30px;height:30px;border-radius:8px}
#arx-header .navgroup__kids .nlink__t{font-size:14px}
#arx-header .panel__foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}
#arx-header .textlink{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--primary)}
#arx-header .textlink svg{transition:transform var(--dur) var(--ease)}
#arx-header .textlink:hover svg{transform:translateX(3px)}
#arx-header .arch{list-style:none;margin:2px 0 0;padding:0;position:relative}
#arx-header .arch::before{content:"";position:absolute;left:13px;top:18px;bottom:18px;width:1.5px;border-radius:2px;background:linear-gradient(180deg,var(--primary) 0%,#4C74F0 55%,var(--accent) 100%);opacity:.5}
#arx-header .arch__step{position:relative;display:flex;align-items:center;gap:14px;padding:7px 0}
#arx-header .arch__n{position:relative;z-index:1;width:27px;height:27px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#fff;border:1.5px solid #D5E0F8;color:var(--primary);font-family:var(--body);font-size:10.5px;font-weight:700;letter-spacing:.02em}
#arx-header .arch__step:last-child .arch__n{background:#fff;border-color:#D5E0F8;color:var(--primary)}
#arx-header .arch__t{font-size:13.5px;font-weight:500;color:#22303E;line-height:1.4}
#arx-header .arch__t em{font-style:normal;font-weight:400;color:var(--slate)}
#arx-header .feature{padding:24px;background:linear-gradient(168deg,#F3F7FF 0%,#E9EFFE 55%,#E4F8FA 100%);border-left:1px solid #E0E7F7;display:flex;flex-direction:column}
#arx-header .aa{border-radius:var(--r-md);background:var(--black);padding:14px;box-shadow:0 12px 26px -16px rgba(10,10,11,.7);position:relative;overflow:hidden}
#arx-header .aa::after{content:"";position:absolute;inset:0;background:radial-gradient(130% 85% at 50% 0%,rgba(32,80,236,.30),transparent 64%);pointer-events:none}
#arx-header .feature .aa{margin-bottom:16px}
#arx-header .aa__prompt{position:relative;z-index:1;display:flex;align-items:flex-end;gap:9px;border:1px solid rgba(32,203,212,.32);background:rgba(32,203,212,.08);border-radius:8px;padding:9px 9px 9px 11px;transition:border-color .35s var(--ease),background .35s var(--ease)}
#arx-header .aa.is-sent .aa__prompt{border-color:rgba(170,185,197,.2);background:rgba(250,250,250,.05)}
#arx-header .aa__field{flex:1;min-width:0;min-height:43px;margin:0;font-size:9.5px;line-height:1.55;color:#9FE9F0;transition:color .35s var(--ease)}
#arx-header .aa.is-sent .aa__field{color:#C6D2DE}
#arx-header .aa__caret{display:inline-block;width:1.5px;height:10px;background:var(--accent);vertical-align:-1px;margin-left:1.5px;animation:aa-caret .95s steps(1) infinite}
#arx-header .aa.is-sent .aa__caret{display:none}
@keyframes aa-caret{50%{opacity:0}}
#arx-header .aa__send{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--primary);color:#fff;flex-shrink:0}
#arx-header .aa.is-sent .aa__send{animation:aa-press .55s var(--ease)}
@keyframes aa-press{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(32,80,236,.5)}35%{transform:scale(.86)}100%{transform:scale(1);box-shadow:0 0 0 9px rgba(32,80,236,0)}}
#arx-header .aa__work{position:relative;z-index:1;display:flex;gap:11px;margin-top:13px}
#arx-header .aa__bot{position:relative;width:30px;flex-shrink:0;align-self:flex-start;margin-top:2px}
#arx-header .aa__bot img{display:block;width:30px;height:auto;filter:drop-shadow(0 4px 7px rgba(0,0,0,.5));position:relative;z-index:1;opacity:.42;transition:opacity .45s var(--ease)}
#arx-header .aa__bot::before{content:"";position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,rgba(32,203,212,.4),transparent 66%);opacity:0;transition:opacity .5s var(--ease)}
#arx-header .aa.is-thinking .aa__bot img,#arx-header .aa.is-done .aa__bot img{opacity:1}
#arx-header .aa.is-thinking .aa__bot::before,#arx-header .aa.is-done .aa__bot::before{opacity:1}
#arx-header .aa.is-thinking .aa__bot img{animation:aa-bob 2.3s var(--ease) infinite}
@keyframes aa-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
#arx-header .aa__out{flex:1;min-width:0}
#arx-header .aa__status{display:block;height:12px;font-size:8.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);opacity:0;transition:opacity .35s var(--ease)}
#arx-header .aa.is-thinking .aa__status,#arx-header .aa.is-done .aa__status{opacity:1}
#arx-header .aa__steps{list-style:none;margin:9px 0 0;padding:0;position:relative}
#arx-header .aa__steps::before{content:"";position:absolute;left:7px;top:11px;bottom:11px;width:1.5px;border-radius:2px;background:linear-gradient(180deg,var(--primary),var(--accent));opacity:.26}
#arx-header .aa__step{position:relative;display:flex;align-items:center;gap:11px;padding:3.5px 0;font-size:9.5px;font-weight:500;letter-spacing:.015em;color:#63707E;opacity:.4;transform:translateY(3px);transition:opacity .45s var(--ease),transform .45s var(--ease),color .45s var(--ease)}
#arx-header .aa__step i{position:relative;z-index:1;width:15px;height:15px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(170,185,197,.26);background:var(--black);display:grid;place-items:center;transition:border-color .4s var(--ease),background .4s var(--ease)}
#arx-header .aa__step i svg{opacity:0;color:var(--black);transition:opacity .3s var(--ease)}
#arx-header .aa__step.is-on{opacity:1;transform:none;color:#C9D5E2}
#arx-header .aa__step.is-on i{border-color:var(--accent);background:var(--accent)}
#arx-header .aa__step.is-on i svg{opacity:1}
#arx-header .feature h4{font-size:17px}
#arx-header .feature .kicker{font-size:10.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;display:block}
#arx-header .feature p{font-size:13px;color:var(--slate);margin-top:7px;flex:1}
#arx-header .feature .textlink{margin-top:14px}
#arx-header .arivon{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
#arx-header .arivon__pts{display:grid;gap:11px;margin-top:16px}
#arx-header .arivon__pt{display:flex;gap:10px;font-size:13px;color:var(--slate)}
#arx-header .arivon__pt svg{flex-shrink:0;color:var(--accent);margin-top:2px}
#arx-header .menu--narrow .panel{padding:16px}
#arx-header .guide{padding:22px;background:var(--rail);border-left:1px solid #E3E9F7;display:flex;flex-direction:column}
#arx-header .guide__cover{
  border-radius:10px;padding:18px 16px 22px;margin-bottom:16px;color:#fff;min-height:186px;
  background:linear-gradient(150deg,#2050EC 0%,#1A3BC4 52%,#0F2A8E 100%);
  display:flex;flex-direction:column;box-shadow:0 14px 28px -16px rgba(16,32,72,.55);position:relative;overflow:hidden;
}
#arx-header .guide__cover::after{content:"";position:absolute;right:-40px;bottom:-52px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(32,203,212,.45),transparent 70%)}
#arx-header .guide__cover .tagline{font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7)}
#arx-header .guide__cover .vol{font-size:9.5px;font-weight:500;letter-spacing:.2em;color:var(--accent);margin-top:3px}
#arx-header .guide__cover h5{font-family:var(--head);font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-top:auto;position:relative;z-index:1}
#arx-header .guide__cover span{font-size:11.5px;color:rgba(255,255,255,.82);margin-top:8px;line-height:1.4;position:relative;z-index:1}
#arx-header .guide .kicker{font-size:10.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--primary);display:block;margin-bottom:7px}
#arx-header .guide p{font-size:12.5px;color:var(--slate);flex:1;line-height:1.5}
#arx-header .guide .textlink{margin-top:14px}
#arx-header .search{position:fixed;inset:0;z-index:150;display:none;background:rgba(10,14,24,.42);backdrop-filter:blur(3px)}
#arx-header .search.is-open{display:block}
#arx-header .search__box{margin:90px auto 0;max-width:600px;background:var(--tint);border:1px solid #DBE2F2;border-radius:var(--r-lg);box-shadow:var(--shadow-menu);overflow:hidden}
#arx-header .search__field{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}
#arx-header .search__field input{border:0;outline:0;font:inherit;font-size:16px;width:100%;background:none;color:var(--black)}
#arx-header .search__field input::placeholder{color:var(--slate-2)}
#arx-header .search__kbd{font-size:10.5px;font-weight:500;color:var(--slate-2);border:1px solid var(--line);border-radius:5px;padding:3px 7px}
#arx-header .search__scope{padding:14px 18px 18px}
#arx-header .search__scope .eyebrow{display:block;margin-bottom:10px}
#arx-header .search__row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px}
#arx-header .search__row:hover{background:#EDF2FE}
#arx-header .m-hdr{display:none;align-items:center;height:64px;padding:0 16px;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line-soft)}
#arx-header .m-sheet{position:fixed;inset:0;margin-top:64px;z-index:99;background:#fff;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px calc(34px + env(safe-area-inset-bottom));transform:translateY(-8px);opacity:0;visibility:hidden;transition:all 220ms var(--ease)}
#arx-header .m-sheet.is-open{transform:translateY(0);opacity:1;visibility:visible}
#arx-header .acc{border-bottom:1px solid var(--line-soft)}
#arx-header .acc__btn{display:flex;width:100%;align-items:center;justify-content:space-between;padding:15px 4px;font-family:var(--head);font-size:16.5px;font-weight:600}
#arx-header .acc__btn svg{transition:transform var(--dur) var(--ease);color:var(--slate-2)}
#arx-header .acc.is-open .acc__btn svg{transform:rotate(180deg)}
#arx-header .acc__body{display:none;padding:0 4px 14px}
#arx-header .acc.is-open .acc__body{display:block}
#arx-header .acc__group{font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-2);margin:12px 0 6px}
#arx-header .acc__body a{display:block;padding:9px 0 9px 12px;font-size:14.5px;color:#22303E;border-left:2px solid var(--line)}
#arx-header .acc__body a:hover{border-left-color:var(--primary);color:var(--primary)}
#arx-header .m-ctas{display:grid;gap:10px;margin-top:22px}
#arx-header .m-ctas .btn{text-align:center;padding:14px}
@media(max-width:1023px){#arx-header .hdr{display:none}
#arx-header .m-hdr{display:flex}}
@media(min-width:1024px) and (max-width:1259px){#arx-header .nav{margin-left:16px;gap:0}
#arx-header .nav__btn{padding:9px 10px;font-size:14.5px}
#arx-header .utility .btn--ghost{display:none}
#arx-header .menu--wide{width:min(900px,calc(100vw - 32px))}
#arx-header .menu--wide .menu__grid{grid-template-columns:220px 1fr}
#arx-header .feature{display:none}
#arx-header .menu--res{width:min(760px,calc(100vw - 32px))}
#arx-header .menu--res .menu__grid{grid-template-columns:1fr}}

/* Short desktop viewports (e.g. 150% browser zoom): tighten the dropdowns so they fit */
@media(min-width:1024px) and (max-height:760px){
  #arx-header .hdr{height:64px}
  #arx-header .rail{padding:14px 12px}
  #arx-header .panel{padding:16px 20px}
  #arx-header .nlink{padding:7px 10px}
  #arx-header .feature{padding:18px}
  #arx-header .feature .aa{margin-bottom:10px}
}

/* WordPress admin bar offset */
body.admin-bar #arx-header .hdr,body.admin-bar #arx-header .m-hdr{top:32px}
body.admin-bar #arx-header .m-sheet{margin-top:96px}
body.admin-bar #arx-header .search{padding-top:32px}
@media(max-width:782px){
  body.admin-bar #arx-header .hdr,body.admin-bar #arx-header .m-hdr{top:46px}
  body.admin-bar #arx-header .m-sheet{margin-top:110px}
  body.admin-bar #arx-header .search{padding-top:46px}
}