/* Appfuxion IA website styles */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/plus-jakarta-sans-latin-800-normal.woff2") format("woff2")}
:root{
  --orange:#E76026; --orange-dk:#C94E1C; --orange-soft:#2A2233; --orange-text:#F99F1D; --orange-light:#F99F1D;
  --navy:#17213B; --navy-2:#243154;
  --ink:#EEF1F7; --muted:#A3ACC2; --line:#2A3553;
  --bg:#111A2E; --card:#172139; --paper:#0C1222;
  --radius-lg:20px; --radius:12px; --radius-sm:8px;
  --shadow:0 18px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;font-size:16px}
a{color:inherit;text-decoration:none}
img,svg{display:block}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.1;font-weight:800;letter-spacing:-.02em}
h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2;font-weight:800;letter-spacing:-.015em}
h3{font-size:1.2rem;line-height:1.35;font-weight:700}
p.lead{font-size:1.15rem;color:var(--muted);max-width:62ch}
.tag{display:inline-flex;align-items:center;gap:8px;color:var(--orange-text);font-weight:700;font-size:.95rem;margin-bottom:14px}
.tag::before{content:"";width:22px;height:3px;background:var(--orange);border-radius:2px}
section{padding:88px 0}
.muted{color:var(--muted)}

/* placeholders */
.ph{color:#F99F1D;font-weight:600}
.ph-box{border:2px dashed #5A4A2A;background:var(--bg);color:var(--muted);border-radius:var(--radius);padding:18px 20px;font-size:.95rem}


/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(12,18,34,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{display:flex;align-items:center;gap:10px}
.logo-mark{width:38px;height:38px;border-radius:10px;background:var(--orange);display:grid;place-items:center;color:#FDFDFE;font-weight:800}
.logo-text b{display:block;font-size:1.15rem;line-height:1.1}
.logo-text small{font-size:.72rem;color:var(--muted)}
.menu{display:flex;align-items:center;gap:6px;list-style:none}
.menu > li{position:relative}
.menu > li > a,.menu > li > button{display:block;padding:10px 14px;font-weight:600;font-size:.95rem;border-radius:8px;background:none;border:0;font-family:inherit;color:inherit;cursor:pointer}
.menu > li > a:hover,.menu > li > button:hover,.menu a.active{color:var(--orange-text)}
.dropdown{position:absolute;top:100%;left:-120px;width:620px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px;display:none;grid-template-columns:1fr 1fr;gap:6px}
.has-dd:hover .dropdown,.has-dd.open .dropdown{display:grid}
.dropdown a{display:flex;gap:12px;padding:12px;border-radius:var(--radius)}
.dropdown a:hover{background:var(--orange-soft)}
.dropdown .ic{flex:none;width:40px;height:40px}
.dropdown b{display:block;font-size:.95rem}
.dropdown span{font-size:.82rem;color:var(--muted);line-height:1.4}
.dropdown .all{grid-column:1/-1;justify-content:center;font-weight:700;color:var(--orange-text);border-top:1px solid var(--line);border-radius:0;margin-top:6px}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer;font:inherit}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:.95rem;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:background .2s,color .2s,border-color .2s}
.btn-primary{background:linear-gradient(135deg,var(--orange-light),var(--orange));color:#FDFDFE}
.btn-primary:hover{background:var(--orange-dk)}
.btn-ghost{border-color:var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#0C1222}
.btn-light{border-color:#FDFDFE;color:#FDFDFE}
.btn-light:hover{background:#FDFDFE;color:var(--navy)}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

/* hero */
.hero{padding:72px 0 80px;background:linear-gradient(180deg,var(--paper),var(--bg))}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{margin-bottom:22px}
.hero-visual{background:var(--navy);border-radius:28px;padding:28px;aspect-ratio:1/0.9;position:relative;overflow:hidden}
.hero-visual svg{width:100%;height:100%}
.flow{stroke-dasharray:6 8;animation:dash 2.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-56}}
@media (prefers-reduced-motion:reduce){.flow,.marquee-track,.band-track{animation:none!important}}

.page-hero{padding:72px 0 64px;background:var(--bg);border-bottom:1px solid var(--line)}
.page-hero .inner{max-width:780px}
.crumb{font-size:.88rem;color:var(--muted);margin-bottom:18px}
.crumb a{color:var(--orange-text);font-weight:600}

/* logos + stats */
.logos{padding:40px 0;border-bottom:1px solid var(--line);background:var(--paper)}
.logos p{text-align:center;font-weight:600;color:var(--muted);margin-bottom:22px}
.marquee{overflow-x:auto;overflow-y:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}
.marquee img{-webkit-user-drag:none}
.marquee::-webkit-scrollbar{display:none}
.marquee-track{display:flex;gap:20px;width:max-content;animation:scroll 28s linear infinite}
.marquee-dup{display:contents}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee.fits{overflow-x:visible;cursor:default}
.marquee.fits .marquee-track{animation:none;justify-content:center;width:100%}
.logo-ph{width:120px;height:120px;border:2px dashed var(--line);background:var(--bg);border-radius:10px;display:grid;place-items:center;font-size:.8rem;color:var(--muted);font-weight:600;padding:12px}
.logo-ph:has(img){border-style:solid;border-color:transparent;background:none}
.logo-ph img{max-width:100%;max-height:100%;object-fit:contain}

@keyframes scroll{to{transform:translateX(-50%)}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.stat{padding:28px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line)}
.stat b{font-size:2.6rem;font-weight:800;color:var(--orange);line-height:1}
.stat div{margin-top:8px;color:var(--muted)}

/* layouts */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.center{text-align:center;margin:0 auto}
.section-head{max-width:720px;margin-bottom:48px}
.section-head.center p{margin-left:auto;margin-right:auto}
.bg-soft{background:var(--bg)}
.bg-navy{background:#080D1A;color:#EEF1F7}
.bg-navy .muted,.bg-navy p.lead{color:#B9C1D6}
.bg-navy .tag{color:#F99F1D}

/* solution cards */
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sol-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,transform .2s}
.sol-card:hover{border-color:var(--orange);transform:translateY(-3px)}
.sol-card .ic{width:52px;height:52px}
.sol-card .more{margin-top:auto;font-weight:700;color:var(--orange-text);font-size:.92rem}
.ic{background:var(--orange-soft);border-radius:12px;display:grid;place-items:center;color:var(--orange-text)}
.ic svg{width:55%;height:55%}

/* four-word band */
.words{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border-top:1px solid #34406A}
.words div{padding:26px 0;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;border-bottom:1px solid #34406A}
.words div:nth-child(4){color:var(--orange)}

/* checks */
.checks{list-style:none;display:grid;gap:14px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FDFDFE' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.checks.two{grid-template-columns:1fr 1fr;gap:16px 32px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
.step{position:relative;padding:28px 24px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line)}
.step .n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--orange);color:#FDFDFE;font-weight:800;margin-bottom:16px}
.step h3{margin-bottom:8px}
.step p{color:var(--muted);font-size:.95rem}

/* tiles (non-sequence lists) */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tile{padding:20px 22px;border-left:4px solid var(--orange);background:var(--card);border-radius:0 var(--radius) var(--radius) 0;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip{padding:6px 12px;border-radius:999px;background:var(--orange-soft);color:#FFB488;font-size:.85rem;font-weight:600}
.bg-navy .chip{background:#2C3A60;color:#FFD3B6}

/* advantage cards */
.adv{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.adv .card{grid-column:span 2;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px}
.adv .card:nth-child(4),.adv .card:nth-child(5){grid-column:span 3}
.adv .card h3{margin:16px 0 8px}
.adv .card p{color:var(--muted)}

.mv{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mv .card{border-radius:var(--radius-lg);padding:40px}
.mv .card:first-child{background:var(--orange);color:#FDFDFE}
.mv .card:last-child{background:#1E2A48;color:#EEF1F7;border:1px solid var(--line)}
.mv h3{font-size:1rem;margin-bottom:12px;opacity:.9}
.mv p{font-size:1.35rem;font-weight:700;line-height:1.4}

/* industry */
.ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ind{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px}
.ind .ic{width:56px;height:56px;margin-bottom:18px}
.ind h3{font-size:1.35rem;margin-bottom:10px}
.ind p{color:var(--muted)}
.ind small{display:block;margin-top:20px;font-weight:700;font-size:.85rem}

/* approach timeline */
.timeline{display:grid;gap:18px}
.tl{display:grid;grid-template-columns:120px 1fr 1fr;gap:32px;padding:34px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);align-items:start}
.tl .big{font-size:3rem;font-weight:800;color:var(--orange);line-height:1}
.tl h3{font-size:1.5rem;margin-bottom:8px}
.tl p{color:var(--muted)}
.tl small{font-weight:700;font-size:.85rem;display:block}

/* callout */
.callout{border-radius:var(--radius-lg);padding:36px;background:var(--orange-soft);border:1px solid #5A3A2A}
.callout h3{font-size:1.35rem;margin-bottom:10px}
.ol{list-style:none;counter-reset:o;display:grid;gap:12px}
.ol li{counter-increment:o;display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.ol li::before{content:counter(o);flex:none;width:32px;height:32px;border-radius:50%;background:var(--orange);color:#FDFDFE;display:grid;place-items:center;font-weight:800;font-size:.9rem}

/* cta band */
.cta-band{background:linear-gradient(135deg,var(--orange-light),var(--orange) 70%);color:#FDFDFE;border-radius:28px;padding:64px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.cta-band p{opacity:.95;margin-top:14px;font-size:1.1rem}
.cta-band .btns{justify-content:flex-end;margin:0}
.cta-band .btn-primary{background:var(--navy)}
.cta-band .btn-primary:hover{background:var(--navy-2)}

/* contact */
.contact-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:40px;align-items:start}
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:grid;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-weight:600;font-size:.9rem}
.field input,.field select,.field textarea{font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);outline:none}
.field .err{color:#B42318;font-size:.84rem;display:none}
.field.invalid .err{display:block}
.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#B42318}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.9rem}
.consent input{margin-top:5px;accent-color:var(--orange)}
.msg{grid-column:1/-1;padding:14px 16px;border-radius:var(--radius-sm);font-weight:600;display:none}
.msg.ok{display:block;background:#E7F6EC;color:#15603A}
.dl{display:grid;gap:14px}
.dl div{display:grid;grid-template-columns:120px 1fr;gap:10px}
.dl b{font-size:.9rem}

/* footer */
footer{background:#080D1A;border-top:1px solid var(--line);color:#C5CCDE;padding:72px 0 28px;margin-top:0}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
footer h4{color:#FDFDFE;font-size:.98rem;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:9px;font-size:.92rem}
footer a:hover{color:#F99F1D}
footer .logo-text small{color:#9AA3BB}
footer .logo-text b{color:#FDFDFE}
.news{margin-top:48px;padding:30px;border:1px solid #34406A;border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}
.news h4{font-size:1.25rem;margin-bottom:6px}
.news form{display:flex;gap:10px;flex-wrap:wrap}
.news input{flex:1;min-width:200px;font:inherit;padding:12px 16px;border-radius:999px;border:1px solid #4A5678;background:var(--navy-2);color:#FDFDFE}
.news small{display:block;margin-top:10px;font-size:.8rem;color:#9AA3BB;width:100%}
.legal{margin-top:40px;padding-top:22px;border-top:1px solid #34406A;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem}

@media (max-width:960px){
  .menu{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--card);border-bottom:1px solid var(--line);padding:12px 24px 20px}
  .menu.open{display:flex}
  .dropdown{position:static;width:auto;box-shadow:none;border:0;padding:0 0 0 8px;grid-template-columns:1fr}
  .has-dd:hover .dropdown{display:none}.has-dd.open .dropdown{display:grid}
  .burger{display:block}
  .hero-grid,.split,.contact-grid,.cta-band,.news,.mv{grid-template-columns:1fr}
  .sol-grid,.tiles,.stats{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .adv{grid-template-columns:1fr}.adv .card,.adv .card:nth-child(4),.adv .card:nth-child(5){grid-column:auto}
  .ind-grid{grid-template-columns:1fr}
  .tl{grid-template-columns:1fr;gap:14px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .cta-band{padding:40px}.cta-band .btns{justify-content:flex-start}
  .words{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  section{padding:64px 0}
  .sol-grid,.tiles,.stats,.steps,.checks.two,.form,.foot-grid{grid-template-columns:1fr}
  .dl div{grid-template-columns:1fr;gap:2px}
}

select option{background:#172139;color:#EEF1F7}
#app.enter{animation:pagein .5s ease}
@keyframes pagein{from{opacity:0;transform:translateY(14px)}}

/* landing */
.landing{position:relative;min-height:calc(100vh - 112px);display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 74% 48%,#1B2A52 0%,#0F1730 34%,var(--paper) 66%)}
.globe-wrap{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(64vw,800px);aspect-ratio:1}
#globe{width:100%;height:100%}
#globe canvas{width:100%!important;height:100%!important}
.globe-note{position:absolute;right:16%;bottom:12%;font-size:.78rem}
.landing-inner{position:relative;z-index:2;padding-top:40px;padding-bottom:90px}
.landing-inner > *{max-width:660px}
.landing h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.04;letter-spacing:-.03em;margin-bottom:26px}
.w{display:inline-block;opacity:0;transform:translateY(28px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
.fade-in{opacity:0;animation:rise .8s ease forwards;animation-delay:.75s}
@keyframes rise{to{opacity:1;transform:none}}
.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:3;background:none;border:0;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer;display:grid;justify-items:center;gap:8px}
.scroll-cue::after{content:"";width:2px;height:34px;background:linear-gradient(var(--orange),transparent);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* scrolling band */
.band{border-block:1px solid var(--line);padding:26px 0;overflow:hidden;background:var(--bg)}
.band-track{display:flex;gap:56px;width:max-content;animation:scroll 32s linear infinite;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;white-space:nowrap;letter-spacing:-.02em}
.band-track span:nth-child(4n){color:var(--orange)}
.band-track span:nth-child(4n+2){color:transparent;-webkit-text-stroke:1.5px #7F8BAA}

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

/* pinned steps */
.pin{position:relative;height:calc(var(--n) * 80vh + 30vh);border-top:1px solid var(--line)}
.pin-inner{position:sticky;top:76px;height:calc(100vh - 76px);display:flex;align-items:center;overflow:hidden}
.pin-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;width:100%}
.pin-nav{list-style:none;margin-top:36px;display:grid;gap:12px}
.pin-nav li{color:#5E6886;font-weight:700;font-size:1.1rem;transition:color .35s,transform .35s}
.pin-nav li.on{color:var(--ink);transform:translateX(10px)}
.pin-nav li b{color:var(--orange);margin-right:10px;font-size:.9rem}
.pin-bar{margin-top:30px;height:4px;background:var(--line);border-radius:2px;overflow:hidden;max-width:320px}
.pin-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange-light),var(--orange));transition:width .45s ease}
.pin-stage{position:relative;min-height:460px}
.pin-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(48px);transition:opacity .3s ease,transform .55s ease;pointer-events:none}
.pin-panel.on{transition-delay:.15s}
.pin-panel.on{opacity:1;transform:none;pointer-events:auto}
.pin-num{font-size:clamp(5rem,12vw,9.5rem);font-weight:800;line-height:.9;color:transparent;-webkit-text-stroke:2px var(--orange);margin-bottom:14px}
.pin-panel h3{font-size:clamp(1.9rem,3.2vw,2.8rem);margin-bottom:14px;letter-spacing:-.02em}
.pin-panel small{display:block;margin-top:24px;font-weight:700}
@media (max-width:760px),(prefers-reduced-motion:reduce){
  .pin{height:auto}
  .pin-inner{position:static;height:auto;padding:64px 0}
  .pin-grid{grid-template-columns:1fr;gap:24px}
  .pin-stage{min-height:0;display:grid;gap:40px}
  .pin-panel{position:static;opacity:1;transform:none}
  .pin-bar,.pin-nav{display:none}
  .reveal{opacity:1;transform:none}
  .w,.fade-in{animation:none;opacity:1;transform:none}
}
@media (max-width:960px){
  .globe-wrap{right:-30%;width:110vw;opacity:.45}
  .globe-note{display:none}
}

.pin-jump{background:none;border:0;font:inherit;color:inherit;cursor:pointer;text-align:left;padding:2px 0}
.pin-jump:hover{color:var(--orange-text)}
.pin-sol .pin-nav li{font-size:1.02rem}
.pin-sol .pin-nav li.on{color:var(--ink)}
.pin-sol .pin-nav li.on .pin-jump::before{content:"";display:inline-block;width:18px;height:3px;background:var(--orange);border-radius:2px;margin-right:10px;vertical-align:middle}
.pin-icon{width:clamp(96px,11vw,150px);height:clamp(96px,11vw,150px);color:var(--orange);margin-bottom:22px}
.pin-icon svg{width:100%;height:100%;stroke-width:1.1}
.pin-sol .pin-stage{min-height:540px}
@media (max-width:760px),(prefers-reduced-motion:reduce){.pin-sol .pin-stage{min-height:0}.pin-icon{width:72px;height:72px}}

.brand{display:grid;gap:4px}
.brand-row{display:flex;align-items:center;gap:8px}
.brand-logo{height:30px;width:auto}
.brand-ia{font-weight:800;font-size:.85rem;line-height:1;color:#FDFDFE;background:linear-gradient(135deg,var(--orange-light),var(--orange));border-radius:6px;padding:5px 8px;letter-spacing:.04em}
.brand small{font-size:.72rem;color:var(--muted)}
@media (max-width:600px){.brand-logo{height:24px}.brand small{display:none}}

/* production additions */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--orange);color:#FDFDFE;padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{left:16px}
.nav-cta{margin-left:8px}
.menu > li > button.active{color:var(--orange-text)}
.fh{color:#FDFDFE;font-size:.98rem;margin-bottom:14px;font-weight:700;letter-spacing:0}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.msg.err-msg{display:block;background:#3A1C1C;color:#FFB4A8}
.msg.ok{background:#12301F;color:#9FE3B8}
.consent a{color:var(--orange-text);text-decoration:underline}
button[disabled]{opacity:.6;cursor:wait}
.burger{color:var(--ink)}
@media (max-width:760px){.scroll-cue{display:none}}
[hidden]{display:none!important}
.legal-body{max-width:780px}
.legal-body h2{font-size:1.35rem;margin:40px 0 12px}
.legal-body h2:first-child{margin-top:0}
.legal-body p,.legal-body ul,.legal-body .table-scroll{margin-bottom:14px}
.legal-body ul{padding-left:22px}
.legal-body li{margin-bottom:6px}
.legal-body a{color:var(--orange-text);text-decoration:underline}
.legal-body code{font-size:.9em;background:var(--bg);padding:1px 5px;border-radius:4px}
.legal-body .table-scroll{overflow-x:auto}
.legal-body table{width:100%;border-collapse:collapse;font-size:.95rem}
.legal-body th,.legal-body td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}