/* Aavenir global styles. Loads after Bootstrap 5.3. Root-relative paths only. */
:root{
  --ink:#0f1a14;--ink-2:#3d4a43;--ink-3:#6b776f;--line:#e8e3dc;--line-2:#d9d2c8;
  --paper:#fff;--panel:#f3f7f0;--panel-2:#e6efe1;--mist:#f6f7f4;
  --orange:#F9A726;--orange-d:#b86f00;--amber:#F9A726;--amber-h:#ef9a10;
  --green:#41B93C;--green-d:#23762a;--lime:#99CD20;--teal:#51B799;--green-soft:#e9f6e6;
  --forest:#0b2419;--forest-2:#113425;--forest-line:#22493a;
  --red:#d64545;--red-soft:#fbe7e5;
  --r:14px;--r-lg:22px;
  --shadow:0 1px 2px rgba(15,26,20,.06),0 18px 40px -22px rgba(15,26,20,.28);
  --shadow-lg:0 2px 6px rgba(15,26,20,.06),0 40px 80px -40px rgba(15,26,20,.45);
  --grad:linear-gradient(120deg,var(--lime),var(--teal));
  --bs-body-font-family:Arial,Helvetica,sans-serif;--bs-body-color:var(--ink);--bs-link-color-rgb:42,138,39;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--green-d)}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.container-x{max-width:1240px;margin:0 auto;padding:0 24px}
@media (max-width:575px){.container-x{padding:0 16px}}
.band{padding:104px 0;position:relative}
.band.panel{background:var(--panel)}
.band.mist{background:var(--mist)}
.band.forest{background:var(--forest);color:#e8f1ec}
.band.forest h2,.band.forest h3{color:#fff}
@media (max-width:767px){.band{padding:72px 0}}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-d);margin:0 0 14px}
.eyebrow i{width:0;height:0;border-left:9px solid var(--green);border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;transform:rotate(-24deg)}
.forest .eyebrow{color:var(--lime)}
.forest .eyebrow i{border-left-color:var(--lime)}
.h2{font-size:clamp(30px,3.6vw,48px);line-height:1.08;margin:0 0 18px;text-wrap:balance}
.h2 span{color:var(--ink-3)}
.forest .h2 span{color:#9fb8ab}
.lead-x{font-size:19px;line-height:1.6;color:var(--ink-2);max-width:640px;margin:0}
.forest .lead-x{color:#b9cdc2}
.sec-head{max-width:780px;margin:0 0 52px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.center .lead-x{margin:0 auto}
.note-demo{font-size:12px;color:var(--ink-3);margin-top:12px}
.forest .note-demo{color:#88a597}

/* Buttons */
.btn-x{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:16px;border-radius:999px;padding:14px 24px;text-decoration:none;border:1.5px solid transparent;transition:transform .2s,background .2s,box-shadow .2s,color .2s;cursor:pointer;line-height:1}
.btn-x svg{width:16px;height:16px;flex:none}
.btn-or{background:var(--amber);color:var(--ink)}
.btn-or:hover{background:var(--amber-h);color:var(--ink);transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(201,125,11,.7)}
.btn-gh{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-gh:hover{border-color:var(--ink);color:var(--ink)}
.forest .btn-gh{color:#fff;border-color:#3d6656}
.forest .btn-gh:hover{border-color:#fff}
.btn-sm-x{padding:10px 18px;font-size:14.5px}
.link-x{font-weight:700;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:8px;border-bottom:1.5px solid var(--line-2);padding-bottom:2px}
.link-x:hover{border-color:var(--green);color:var(--ink)}
.forest .link-x{color:#fff;border-color:#3d6656}

/* Reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}

/* Header */
.hdr{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.hdr.scrolled{border-bottom-color:var(--line)}
.hdr .navbar{padding-top:14px;padding-bottom:14px}
.hdr .brand img{height:38px;width:auto;display:block}
.hdr .nav-link{font-weight:700;font-size:15.5px;color:var(--ink);padding:10px 14px !important;border-radius:999px}
.hdr .nav-link:hover,.hdr .nav-link.show{background:var(--mist);color:var(--ink)}
.hdr .nav-link.dropdown-toggle::after{border:0;width:8px;height:8px;margin-left:8px;vertical-align:2px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.hdr .new-tag{font-size:10.5px;font-weight:700;letter-spacing:.06em;background:var(--green-soft);color:var(--green-d);padding:3px 7px;border-radius:999px;margin-left:6px;vertical-align:2px}
.mega{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:16px;margin-top:8px !important;min-width:0}
.mega.mega-sm{width:430px}
.mega-grid{display:grid;gap:6px 18px}
.mega-p .mega-grid{grid-template-columns:240px 210px 210px 220px}
.mega-s .mega-grid{grid-template-columns:190px 230px 200px}
.mega-col h6{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin:4px 0 8px 8px}
.mega a.mi{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;text-decoration:none;color:var(--ink)}
.mega a.mi:hover{background:var(--mist)}
.mega a.mi b{display:block;font-size:14px;line-height:1.25}
.mega a.mi small{display:block;color:var(--ink-3);font-size:12.5px;line-height:1.35;margin-top:1px}
.mega .mic{width:30px;height:30px;border-radius:8px;background:var(--green-soft);display:grid;place-items:center;flex:none}
.mega .mic svg{width:17px;height:17px;stroke:var(--green-d);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mega a.ml{display:block;padding:5px 8px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.35}
.mega a.ml:hover{background:var(--mist)}
.mega-promo{background:var(--forest);color:#C9D3E0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;text-decoration:none}
.mega-promo .mp-top{display:flex;align-items:center;justify-content:space-between}
.mega-promo .mp-top .new-tag{margin:0}
.mega-promo b{color:#fff;font-size:16px;line-height:1.25}
.mega-promo > span:not(.mp-top){font-size:13px;line-height:1.5;color:#C9D3E0}
.mega-promo q{display:block;font-size:12.5px;line-height:1.45;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px 10px 10px 2px;padding:9px 11px;quotes:none;margin-top:2px}
.mega-promo em{font-style:normal;font-weight:700;color:var(--lime);font-size:13.5px;margin-top:auto;display:inline-flex;align-items:center;gap:6px}
.mega-promo em svg{width:13px;height:13px}
@media (min-width:1200px){.hdr .navbar-nav > .nav-item.dropdown{position:relative !important}}
@media (max-width:1199px){
  .mega{min-width:0;box-shadow:none;border:0;padding:8px 0 16px}
  .hdr .navbar-collapse{max-height:calc(100vh - 80px);overflow:auto;padding-bottom:16px}
  .mega-promo{display:none}
  .mega-grid{grid-template-columns:1fr !important}
  .mega.mega-sm{width:auto}
}

/* Hero */
.hero{padding:64px 0 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff 55%,var(--panel) 100%)}
.hero-trail{position:absolute;right:-30px;top:-70px;width:460px;height:auto;opacity:.5;pointer-events:none;z-index:0}
.dash-stage>.dash,.dash-stage>.note-demo{position:relative;z-index:1}
.hero-trail path{transform-box:fill-box;transform-origin:center;opacity:0;animation:tri .6s var(--d) forwards}
@keyframes tri{from{opacity:0;transform:translateY(10px) scale(.6)}to{opacity:var(--o,1);transform:none}}
.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:end}
.hero-grid .hero-sub{margin:0 0 26px;font-size:19px;max-width:none}
.hero-grid .hero-ctas,.hero-grid .hero-proof{justify-content:flex-start}
.hero-grid .hero-proof{margin-top:22px;gap:14px 20px}
@media (max-width:991px){.hero-grid{grid-template-columns:1fr;gap:8px}.hero-trail{width:300px;right:-90px;top:-50px;opacity:.35}}
.ticker{background:var(--forest);color:#cfe0d6;font-size:13.5px;font-weight:700;overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-flex;gap:56px;padding:9px 0;animation:mq 38s linear infinite}
.ticker a{color:#cfe0d6;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.ticker a:hover{color:#fff}
.ticker a i{width:0;height:0;border-left:7px solid var(--lime);border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.hero-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 8px;font-size:14px;font-weight:700;color:var(--ink-2);box-shadow:var(--shadow);text-decoration:none}
.hero-pill img{height:18px;width:auto}
.hero-pill b{background:var(--green-soft);color:var(--green-d);border-radius:999px;padding:3px 9px;font-size:12px}
.hero h1{margin:22px 0 0;font-size:clamp(42px,5.6vw,80px);line-height:.98;letter-spacing:-.04em}
.hero h1 .kw{display:block;font-size:clamp(15px,1.4vw,18px);letter-spacing:.06em;text-transform:uppercase;color:var(--green-d);margin-bottom:18px;font-weight:700}
.roller{display:inline-block;height:1.08em;overflow:hidden;vertical-align:bottom;position:relative;text-align:left;transition:width .7s cubic-bezier(.7,0,.2,1)}
.roller-track{display:flex;flex-direction:column;align-items:flex-start;transition:transform .7s cubic-bezier(.7,0,.2,1)}
.roller-track span{height:1.08em;line-height:1.04;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.hero-sub{font-size:20px;line-height:1.55;color:var(--ink-2);max-width:700px;margin:0 auto 30px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.hero-proof{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-items:center;margin-top:26px;font-size:14px;color:var(--ink-3)}
.hero-proof span{display:inline-flex;align-items:center;gap:8px}
.hero-proof img{height:22px;width:auto}
.hero-proof .stars{color:var(--amber);letter-spacing:1px}

/* Recognition (analysts and industry voices) */
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rec{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s;min-height:230px}
.rec:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2);color:var(--ink)}
.rec .src{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.rec .src img{height:24px;width:auto}
.rec .seal{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff6e6;flex:none}
.rec .seal svg{width:24px;height:24px;stroke:var(--orange-d);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rec p{font-size:17px;line-height:1.45;margin:0;font-weight:700}
.rec .score{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}
.rec .score small{font-size:16px;color:var(--ink-3);font-weight:700}
.rec em{font-style:normal;margin-top:auto;font-weight:700;font-size:14.5px;color:var(--green-d)}
.rec.pending{border-style:dashed;background:#fffdf9}
.rec.pending .flag{font-size:12px;font-weight:700;color:var(--orange-d);background:#fff1e3;border-radius:8px;padding:6px 10px;align-self:flex-start}
@media (max-width:991px){.rec-grid{grid-template-columns:1fr 1fr}}
@media (max-width:575px){.rec-grid{grid-template-columns:1fr}}

/* Suite circle */
.suite{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.wheel{position:relative;max-width:620px;margin:0 auto;width:100%}
.wheel svg{width:100%;height:auto;display:block;overflow:visible}
.wheel .seg{cursor:pointer;transition:opacity .3s}
.wheel .seg path.arc{transition:fill .3s,transform .4s cubic-bezier(.3,1.4,.5,1);transform-origin:300px 300px}
.wheel .seg.on path.arc{transform:scale(1.035)}
.wheel .seg text{font:700 14px Arial;fill:var(--ink);pointer-events:none}
.wheel .seg.on text.pn{fill:#fff}
.wheel .cap{font:700 11.5px Arial;fill:var(--ink-3);pointer-events:none;letter-spacing:.02em}
.wheel .seg.on .cap{fill:var(--ink)}
.wheel .ring-flow{fill:none;stroke:var(--amber);stroke-width:2.2;stroke-dasharray:6 10;animation:flow 1.6s linear infinite}
.wheel .core text{pointer-events:none}
.wheel .dim{opacity:.62}
.wheel .seg path.arc{stroke:#fff;stroke-width:2}
.suite-panel{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:30px;box-shadow:var(--shadow);min-height:330px}
.suite-panel .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green-d);background:var(--green-soft);border-radius:999px;padding:5px 10px}
.suite-panel h3{font-size:28px;margin:14px 0 8px}
.suite-panel .stage{font-size:15px;color:var(--ink-3);font-weight:700;margin:0 0 12px}
.suite-panel p{color:var(--ink-2);margin:0 0 16px}
.suite-panel ul{padding-left:18px;color:var(--ink-2);margin:0 0 18px}
.suite-panel ul li{margin-bottom:6px}
.suite-steps{display:flex;gap:6px;margin-top:18px}
.suite-steps button{flex:1;height:5px;border:0;border-radius:9px;background:var(--line);padding:0}
.suite-steps button.on{background:var(--green)}
.suite-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.suite-modes div{border:1px solid var(--line);border-radius:14px;padding:16px;font-size:14.5px;color:var(--ink-2);background:#fff}
.suite-modes b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
@media (max-width:991px){.suite{grid-template-columns:1fr}}

/* Ask Aavenir */
.ask{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.chips button{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:10px 16px;font:700 14.5px Arial;color:var(--ink-2);transition:all .2s;text-align:left}
.chips button:hover,.chips button.on{border-color:var(--green);color:var(--green-d);background:var(--green-soft)}
.chat{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}
.chat-h{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:700;font-size:14.5px}
.chat-h img{width:28px;height:28px;border-radius:50%;background:var(--green-soft)}
.chat-h small{margin-left:auto;font-size:12px;color:var(--ink-3);font-weight:700}
.chat-b{padding:20px 18px;min-height:380px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#fff,#fbfaf8)}
.msg-u{align-self:flex-end;max-width:82%;background:var(--forest);color:#fff;border-radius:16px 16px 4px 16px;padding:12px 16px;font-size:15px}
.msg-a{align-self:flex-start;max-width:92%;background:#fff;border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:14px 16px;font-size:15px;color:var(--ink-2)}
.msg-a .res{display:grid;gap:6px;margin:10px 0 4px}
.msg-a .res div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;opacity:0;transform:translateY(6px);transition:all .4s}
.msg-a .res div.in{opacity:1;transform:none}
.msg-a .res b{color:var(--ink)}
.msg-a .cite{font-size:12px;color:var(--green-d);font-weight:700}
.msg-a .act{display:inline-flex;margin-top:10px;font-size:12.5px;font-weight:700;background:var(--amber);color:var(--ink);border-radius:8px;padding:7px 12px}
.typing{display:inline-flex;gap:4px;padding:4px 0}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-3);animation:ty 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes ty{50%{opacity:.2;transform:translateY(-3px)}}
.chat-in{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 14px}
.chat-in .fake{flex:1;font-size:15px;color:var(--ink-3);min-height:22px}
.chat-in .fake .cur{display:inline-block;width:2px;height:17px;background:var(--ink);vertical-align:-3px;animation:blink 1s infinite}
.chat-in .send{width:36px;height:36px;border-radius:10px;background:var(--forest);display:grid;place-items:center}
.chat-in .send svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2}
@media (max-width:991px){.ask{grid-template-columns:1fr}}

/* ServiceNow band */
.sn{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}
.sn-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;position:relative;overflow:hidden}
.sn-card .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--green-soft);margin-bottom:18px}
.sn-card .ic img{height:24px;width:auto}
.sn-card .ic.logo{width:auto;padding:0 16px;background:#fff;border:1px solid var(--line)}
.sn-card .ic svg{width:26px;height:26px;stroke:var(--green-d);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sn-card h3{font-size:24px;margin:0 0 10px}
.sn-card p{color:var(--ink-2);margin:0 0 16px}
.sn-card ul{padding-left:0;list-style:none;margin:0 0 22px;display:grid;gap:9px}
.sn-card li{display:flex;gap:10px;font-size:15.5px;color:var(--ink-2)}
.sn-card li:before{content:"";flex:none;width:7px;height:7px;border-radius:2px;background:var(--green);margin-top:9px}
.sn-card.alt li:before{background:var(--amber)}
@media (max-width:767px){.sn{grid-template-columns:1fr}.sn-card{padding:24px}}

/* Case studies */
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cs{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.cs:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--ink)}
.cs-ph{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--mist)}
.cs-ph img{width:100%;height:100%;object-fit:cover}
.cs-ph .who{position:absolute;left:14px;top:14px;background:#fff;border-radius:10px;padding:6px 10px;font-size:12.5px;font-weight:700;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}
.cs-ph .who img{height:18px;width:auto}
.cs-b{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1}
.cs-b .mod{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green-d)}
.cs-b h3{font-size:19px;line-height:1.3;margin:0}
.cs-m{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.cs-m div{border-top:2px solid var(--green);padding-top:10px}
.cs-m b{font-size:30px;letter-spacing:-.03em;display:block;line-height:1}
.cs-m small{font-size:13px;color:var(--ink-3);line-height:1.35;display:block;margin-top:4px}
.quotes{margin-top:22px;display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
.qt{background:var(--forest);color:#dbe9e1;border-radius:var(--r-lg);padding:36px;position:relative;min-height:280px}
.qt blockquote{margin:0;font-size:22px;line-height:1.45;color:#fff;min-height:130px}
.qt .q-who{display:flex;align-items:center;gap:12px;margin-top:20px}
.qt .q-who img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#1e4536}
.qt .q-who b{display:block;color:#fff}
.qt .q-who small{color:#9db8aa}
.qt .q-slide{display:none}
.qt .q-slide.on{display:block;animation:fade .6s}
.qt .q-dots{position:absolute;right:28px;bottom:28px;display:flex;gap:6px}
.qt .q-dots button{width:26px;height:4px;border:0;border-radius:9px;background:#2f5a49;padding:0}
.qt .q-dots button.on{background:var(--lime)}
.vt{position:relative;border-radius:var(--r-lg);overflow:hidden;display:block;min-height:280px;background:#000}
.vt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .3s}
.vt:hover img{opacity:.9}
.vt .vt-t{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;z-index:2}
.vt .vt-t b{display:block;font-size:19px}
.vt .vt-t small{color:#dce9e2}
.vt .play{position:absolute;left:22px;top:22px;width:56px;height:56px;border-radius:50%;background:var(--amber);display:grid;place-items:center;z-index:2;border:0}
.vt .play svg{width:20px;height:20px;fill:var(--ink);margin-left:3px}
.vt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
@media (max-width:991px){.cs-grid{grid-template-columns:1fr 1fr}.quotes{grid-template-columns:1fr}}
@media (max-width:575px){.cs-grid{grid-template-columns:1fr}.qt{padding:26px}.qt blockquote{font-size:19px}}

/* Learn: webinars and podcasts */
.learn{display:grid;grid-template-columns:repeat(3,1fr) 1.05fr;gap:18px}
.wb{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:12px}
.wb .ph{aspect-ratio:16/10;border-radius:16px;overflow:hidden;position:relative;background:var(--mist)}
.wb .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.wb:hover .ph img{transform:scale(1.04)}
.wb .ph span{position:absolute;left:12px;bottom:12px;background:#fff;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700}
.wb b{font-size:17px;line-height:1.3}
.wb small{color:var(--ink-3);font-size:13.5px}
.pods{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
.pods h3{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px}
.pods a{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700;font-size:15px;line-height:1.3}
.pods a i{flex:none;width:34px;height:34px;border-radius:50%;background:#fff6e6;display:grid;place-items:center}
.pods a i svg{width:14px;height:14px;fill:var(--orange-d);margin-left:2px}
@media (max-width:991px){.learn{grid-template-columns:1fr 1fr}}
@media (max-width:575px){.learn{grid-template-columns:1fr}}

/* FAQ */
.faq{max-width:860px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font-size:19px;margin:0;line-height:1.35}
.faq summary:after{content:"";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M10 15h10M15 10v10' stroke='%230f1a14' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;transition:transform .3s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{color:var(--ink-2);margin:0 0 22px;max-width:760px}

/* CTA with demo form */
.cta{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.cta h2{font-size:clamp(32px,4vw,52px);line-height:1.04;margin:0 0 18px}
.cta-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}
.cta-list li{display:flex;gap:14px}
.cta-list li b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--green-soft);color:var(--green-d);display:grid;place-items:center;font-size:14px}
.cta-list li span{color:var(--ink-2)}
.cta-list li strong{display:block;color:var(--ink)}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow-lg);min-height:420px}
.form-card h3{font-size:21px;margin:0 0 4px}
.form-card .fc-sub{font-size:14px;color:var(--ink-3);margin:0 0 18px}
.form-card .hs-form-loading{color:var(--ink-3);font-size:14px}
.form-card .hs-form fieldset{max-width:none !important}
.form-card .hs-form label{font:700 14px Arial;color:var(--ink);margin-bottom:6px}
.form-card .hs-form input[type=text],.form-card .hs-form input[type=email],.form-card .hs-form input[type=tel],.form-card .hs-form select,.form-card .hs-form textarea{width:100% !important;border:1px solid var(--line-2);border-radius:10px;padding:11px 12px;font:15px Arial;margin-bottom:12px}
.form-card .hs-form input[type=submit]{background:var(--amber);color:var(--ink);border:0;border-radius:999px;padding:14px 26px;font:700 16px Arial;cursor:pointer}
.form-card .hs-error-msgs{list-style:none;padding:0;margin:-6px 0 10px;color:var(--red);font-size:13px}
@media (max-width:991px){.cta{grid-template-columns:1fr}}

/* Footer */
.ftr{background:#0a1f17;color:#9db8aa;padding:80px 0 34px;font-size:15px}
.ftr .f-top{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:28px}
.ftr img.logo{height:40px;width:auto;margin-bottom:18px}
.ftr p{color:#9db8aa;font-size:14.5px;max-width:300px}
.ftr h4{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 16px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.ftr a{color:#c7d8cf;text-decoration:none}
.ftr a:hover{color:#fff}
.ftr .f-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ftr .f-badges a{text-decoration:none}.ftr .f-badges a:hover{color:#fff;border-color:#F56200}
.ftr .f-badges span,.ftr .f-badges a{border:1px solid #24503f;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;color:#cfe0d6}
.ftr .f-bot{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;border-top:1px solid #1d3c30;margin-top:56px;padding-top:24px;font-size:13.5px}
.ftr .f-soc{display:flex;gap:10px}
.ftr .f-soc a{width:36px;height:36px;border-radius:50%;border:1px solid #24503f;display:grid;place-items:center}
.ftr .f-soc svg{width:16px;height:16px}
.hero-pill svg,.link-x svg,.rec em svg,.atlas-copy .tag svg{width:15px;height:15px;flex:none}
.rec em{display:inline-flex;align-items:center;gap:6px}
@media (max-width:991px){.ftr .f-top{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:575px){.ftr .f-top{grid-template-columns:1fr 1fr}.ftr .f-brand{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .rv{opacity:1;transform:none}.marquee-track{animation:none}
}

/* ===== Hero film (1312 x 620 design canvas, scaled by JS). Grammar from Ramp's hero. ===== */
.film-wrap{margin-top:52px}
.film{position:relative;width:100%;height:620px;overflow:hidden;border-radius:28px;border:1px solid #ebe8e2;
  background:radial-gradient(rgba(15,26,20,.13) 1px,transparent 1.3px) 0 0/14px 14px,#f5f4f0;}
.film:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 260px at 18% 30%,#f5f4f0 30%,transparent 70%),radial-gradient(380px 240px at 82% 72%,#f5f4f0 25%,transparent 70%),radial-gradient(500px 300px at 55% 0%,rgba(245,244,240,.9),transparent 70%);pointer-events:none}
.film-canvas{position:absolute;top:0;left:0;width:1312px;height:620px;transform:scale(var(--s,1));transform-origin:0 0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);transition:opacity .45s}
.film.fading .film-canvas{opacity:0}
.film.reset *,.film.reset{transition:none !important}
.film svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.act{position:absolute;inset:0;transform-origin:62% 50%;transition:transform 1.05s cubic-bezier(.7,0,.25,1),opacity .85s ease}
.act.gone{opacity:0;transform:perspective(1400px) translateX(-24%) rotateY(40deg) scale(.86)}

/* documents */
.doc{position:absolute;background:#fff;border:1px solid #e6e2dc;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 24px 48px -24px rgba(15,26,20,.35);padding:16px 16px 14px;font-size:7.4px;line-height:1.55;color:#55605a}
.doc-h{border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:9px}
.doc-h b{display:block;font-size:8.6px;letter-spacing:.09em;color:var(--ink)}
.doc-h span{font-size:7.4px;color:#8a948e}
.doc p{margin:0 0 6px}
.doc p b{color:var(--ink)}
.ls .ln,.mini .ln{display:block;height:4px;border-radius:2px;background:#ebe8e3;margin:4.5px 0}
.hl{font-style:normal;color:var(--ink);background:linear-gradient(rgba(65,185,60,.3),rgba(65,185,60,.3)) no-repeat 0 0/0 100%;transition:background-size .6s ease;border-radius:2px;padding:0 1px}
.hl.am{background-image:linear-gradient(rgba(249,167,38,.4),rgba(249,167,38,.4))}
.hl.on{background-size:100% 100%}
.sig{display:flex;gap:16px;margin-top:12px}
.sig span{flex:1;font-size:7px;color:#8a948e}
.sig i{display:block;height:12px;border-bottom:1px solid #cfcac2;margin-bottom:3px;background:linear-gradient(transparent 60%,transparent) }
.stamp{position:absolute;right:12px;bottom:8px;display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:var(--green-d);border:1.5px solid var(--green);border-radius:6px;padding:3px 7px;background:#fff;opacity:0;transform:rotate(-7deg) scale(1.5);transition:all .45s cubic-bezier(.3,1.5,.5,1)}
.stamp svg{width:10px;height:10px;stroke-width:2.4}
.stamp.on{opacity:1;transform:rotate(-7deg) scale(1)}
.slot{position:absolute;left:541px;top:118px;width:230px;height:334px;overflow:hidden}
.doc.msa{left:10px;top:24px;width:210px;height:300px;transform:translateY(330px);transition:transform 1.15s cubic-bezier(.2,.75,.15,1)}
.doc.msa.on{transform:none}
.tray{position:absolute;left:521px;top:430px;width:270px;height:118px;background:#fff;border:1px solid #e6e2dc;border-radius:14px;box-shadow:0 20px 40px -24px rgba(15,26,20,.4);display:flex;flex-direction:column;justify-content:flex-end;padding:16px 18px;opacity:0;transition:opacity .4s,transform .7s cubic-bezier(.6,0,.3,1)}
.tray:before{content:"";position:absolute;left:18px;right:18px;top:14px;height:6px;border-radius:4px;background:#efece7;box-shadow:inset 0 2px 3px rgba(0,0,0,.08)}
.tray b{font-size:13px}.tray span{font-size:11px;color:#8a948e}
.tray.on{opacity:1}
.tray.gone{opacity:0;transform:translateY(60px)}

/* working panels with selection handles */
.sat{position:absolute;background:#fff;border:1px solid #e7e3dd;border-radius:6px;padding:12px 14px;font-size:11.5px;box-shadow:0 18px 36px -26px rgba(15,26,20,.45);opacity:0;transform:translateY(12px) scale(.97);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.85,.2,1)}
.sat.on{opacity:1;transform:none}
.sat:before{content:"";position:absolute;inset:-6px;border:1px solid rgba(15,26,20,.16);pointer-events:none;
  background:linear-gradient(#1b2620,#1b2620) 0 0/5px 5px no-repeat,linear-gradient(#1b2620,#1b2620) 100% 0/5px 5px no-repeat,linear-gradient(#1b2620,#1b2620) 0 100%/5px 5px no-repeat,linear-gradient(#1b2620,#1b2620) 100% 100%/5px 5px no-repeat}
.sat.pill{border-radius:999px;padding:7px 14px 7px 7px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:12.5px;white-space:nowrap}
.sat.pill:before{border-radius:999px}
.sat-h{display:grid;align-items:center;font-size:9.8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6b776f;margin-bottom:9px}
.sat-h>*{grid-area:1/1;display:inline-flex;align-items:center;gap:6px}
.sat-h .swap{opacity:0;transition:opacity .35s}
.sat-h .swap.on{opacity:1}
.sat-h .ok{color:var(--green-d)}.sat-h .bad{color:var(--red)}
.sat-h svg{width:12px;height:12px;stroke-width:2.4}
.sat-h .av.s{grid-area:auto;width:20px;height:20px}
.sat-h:has(.av.s){display:flex;gap:8px}
.dots:after{content:"...";display:inline-block;width:0;overflow:hidden;vertical-align:bottom;animation:dotsx 1.2s steps(4) infinite}
@keyframes dotsx{to{width:1.3em}}
.rd{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(214,69,69,.18)}
.ri{opacity:0;transform:translateX(-8px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.ri.on{opacity:1;transform:none}
.sat .kv,.doc .kv{display:flex;justify-content:space-between;gap:10px;padding:5.5px 0;border-top:1px dashed #ece9e4}
.sat .kv span{color:#6b776f}
.doc .kv{font-size:8.6px}.doc .kv span{color:#8a948e}.doc .kv b{color:var(--ink)}
.cmp,.pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pair{grid-template-columns:1fr 34px 1fr;align-items:center}
.mini{border:1px solid #ece9e4;border-radius:5px;padding:8px 9px;background:#fcfbf9}
.mini small{display:block;font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a948e;margin-bottom:5px}
.mini .ln.g{background:#cfe8c9}
.mini .ln.flag{transition:background .4s}.mini .ln.flag.on{background:#f3b8b0}
.link{display:flex;justify-content:center;gap:4px}
.link i{width:5px;height:5px;border-radius:50%;background:#c9c4bc;animation:lk 1.2s infinite}
.link i:nth-child(2){animation-delay:.2s}.link i:nth-child(3){animation-delay:.4s}
@keyframes lk{50%{background:var(--green)}}
.note{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:11px;font-weight:700}
.note.am{color:#a46200}.note svg{width:13px;height:13px}
.pb{display:grid;grid-template-columns:1fr 64px 16px;gap:10px;align-items:center;padding:6px 0}
.pb>i{position:relative;height:5px;border-radius:3px;background:#eeebe6;overflow:hidden}
.pb>i:after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:var(--green);border-radius:3px;transition:width .9s ease}
.pb>i.am:after{background:var(--amber)}
.pb.on>i:after{width:var(--w)}
.pb b{opacity:0;transition:opacity .3s .9s;display:grid;place-items:center}
.pb.on b{opacity:1}
.pb b svg{width:13px;height:13px;stroke-width:2.4}
.pb b.g{color:var(--green-d)}.pb b.a{color:#c27700}
.big{display:flex;align-items:baseline;gap:8px}
.big b{font-size:36px;letter-spacing:-.03em}
.big span{font-size:11px;color:#6b776f}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.chips i{font-style:normal;font-size:10.5px;font-weight:700;background:#eef6eb;color:var(--green-d);border-radius:999px;padding:4px 9px}
.av{flex:none;width:28px;height:28px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700}
.av svg{width:14px;height:14px;stroke:#fff}
.tickc{width:20px;height:20px;border-radius:50%;background:var(--green-soft);color:var(--green-d);display:grid;place-items:center}
.tickc svg{width:12px;height:12px;stroke-width:2.6}
.ck{display:flex;align-items:center;gap:8px;padding:4.5px 0}
.ck svg{width:13px;height:13px;color:var(--green-d);stroke-width:2.4;flex:none}
.ck.x{color:var(--red);font-weight:700}.ck.x svg{color:var(--red)}
.rec-t{font-size:13px;font-weight:700;line-height:1.4;margin:0 0 10px;color:var(--ink)}
.btns{display:flex;gap:8px}
.btns span{font-size:11.5px;font-weight:700;border-radius:8px;padding:7px 12px}
.btns .b1{background:var(--amber)}.btns .b2{border:1px solid #ddd8d0}

/* act 2: drop zone, drag, certificate */
.drop{position:absolute;left:500px;top:150px;width:312px;height:250px;background:#fff;border:1px solid #e6e2dc;border-radius:12px;box-shadow:0 40px 70px -36px rgba(15,26,20,.5);padding:16px;opacity:0;transform:perspective(1000px) translateY(30px) rotateY(-26deg) rotateX(12deg);transition:opacity .5s,transform 1s cubic-bezier(.2,.8,.2,1)}
.drop.on{opacity:1;transform:perspective(1000px) rotateY(-16deg) rotateX(8deg)}
.drop.gone{opacity:0;transform:perspective(1000px) scale(.94);transition-duration:.35s}
.drop-h b{display:block;font-size:9.5px;letter-spacing:.09em;color:#6b776f}
.drop-h span{font-size:12px;font-weight:700}
.drop-z{margin-top:14px;height:160px;border:1.5px dashed #d3cec6;border-radius:9px;background:#faf9f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#6b776f}
.drop-z .mark{width:40px;height:40px;border-radius:10px;background:var(--green-soft);display:grid;place-items:center}
.drop-z .mark svg{width:22px;height:22px;stroke:var(--green-d)}
.drag{position:absolute;left:1180px;top:640px;opacity:0;transition:left 1.25s cubic-bezier(.45,0,.15,1),top 1.25s cubic-bezier(.45,0,.15,1),opacity .3s}
.drag.on{left:610px;top:300px;opacity:1}
.drag.gone{opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s}
.file{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dcd7cf;border-radius:10px;padding:6px 12px 6px 6px;font-size:11.5px;font-weight:700;box-shadow:0 10px 24px -12px rgba(15,26,20,.45);white-space:nowrap}
.file b{font-size:9px;background:#fde7e3;color:#c43b2e;border-radius:6px;padding:5px 6px}
.file.f2{margin:6px 0 0 18px}
.cur{position:absolute;left:-16px;top:-16px;width:22px;height:22px;fill:#111 !important;stroke:#fff !important;stroke-width:1.4 !important}
.doc.coi{left:516px;top:138px;width:280px;height:330px;opacity:0;transform:scale(.96);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1)}
.doc.coi.on{opacity:1;transform:none}

/* act 3: workspace */
.win{position:absolute;left:146px;top:58px;width:868px;height:528px;background:#fff;border:1px solid #e3dfd8;border-radius:14px;box-shadow:0 2px 6px rgba(0,0,0,.04),0 50px 90px -50px rgba(15,26,20,.55);overflow:hidden;opacity:0;transform:perspective(1500px) translateY(90px) rotateX(16deg);transition:opacity .7s,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.win.on{opacity:1;transform:none}
.win-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #eeebe6;background:#fbfaf8}
.win-bar i{width:9px;height:9px;border-radius:50%;background:#e2ddd5}
.win-bar span{margin:0 auto;font-size:11px;color:#8a948e}
.win-side{position:absolute;left:0;top:34px;bottom:0;width:56px;border-right:1px solid #eeebe6;background:#fcfbf9;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:14px}
.win-side img{margin-bottom:8px}
.win-side i{width:26px;height:26px;border-radius:8px;background:#f0ede8}
.win-side i.on{background:var(--green-soft);box-shadow:inset 0 0 0 1px #cfe8c9}
.scr{position:absolute;left:56px;right:0;top:34px;bottom:0;padding:20px 26px;opacity:0;transition:opacity .45s}
.scr.on{opacity:1}
.scr-h{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.scr-h b{font-size:24px;letter-spacing:-.02em;margin-right:auto}
.bt{font-size:11.5px;font-weight:700;border:1px solid #e0dbd3;border-radius:8px;padding:7px 12px}
.bt.am{background:var(--amber);border-color:var(--amber)}
.tabs{display:flex;gap:20px;border-bottom:1px solid #eeebe6;font-size:12px;color:#8a948e;margin-bottom:14px}
.tabs i{font-style:normal;padding:0 0 9px}
.tabs i.on{color:var(--ink);font-weight:700;box-shadow:inset 0 -2px var(--ink)}
.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.kp div{border:1px solid #eeebe6;border-radius:9px;padding:9px 12px}
.kp small{display:block;font-size:10px;color:#8a948e}
.kp b{font-size:19px;letter-spacing:-.02em}
.chart{position:relative;border:1px solid #eeebe6;border-radius:10px;padding:10px 14px}
.chart small{font-size:10.5px;color:#8a948e}
.chart svg{display:block;width:100%;height:220px}
.chart .reveal{clip-path:inset(0 100% 0 0);transition:clip-path 1.5s cubic-bezier(.4,0,.2,1) .2s}
.scr.on .chart .reveal{clip-path:inset(0 0 0 0)}
.chart .cross{stroke:#1b2620;stroke-width:1;stroke-dasharray:3 3;opacity:0;transition:opacity .3s 1.6s}
.scr.on .chart .cross{opacity:1}
.tip{position:absolute;left:73%;top:30px;width:176px;background:#fff;border:1px solid #e3dfd8;border-radius:9px;box-shadow:0 14px 30px -16px rgba(15,26,20,.4);padding:9px 11px;font-size:10.5px;opacity:0;transform:translateY(6px);transition:all .4s 1.75s}
.scr.on .tip{opacity:1;transform:none}
.tip b{display:block;font-size:11px;margin-bottom:4px}
.tip span{display:flex;align-items:center;gap:6px;padding:2px 0;color:#55605a}
.tip span i{width:8px;height:8px;border-radius:2px}
.tip em{font-style:normal;font-weight:700;color:var(--ink);margin-left:auto}
.tb .tr{display:grid;grid-template-columns:1.5fr 1.3fr .6fr .9fr;gap:10px;align-items:center;padding:11px 2px;border-bottom:1px solid #f0ede8;font-size:12.5px}
.tb .tr.hd{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8a948e;padding:6px 2px}
.scr .tb .tr:not(.hd){opacity:0;transform:translateY(6px);transition:all .4s}
.scr.on .tb .tr:not(.hd){opacity:1;transform:none}
.scr.on .tb .tr:nth-child(3){transition-delay:.08s}.scr.on .tb .tr:nth-child(4){transition-delay:.16s}.scr.on .tb .tr:nth-child(5){transition-delay:.24s}.scr.on .tb .tr:nth-child(6){transition-delay:.32s}
.pl{font-style:normal;font-size:10.5px;font-weight:700;border-radius:999px;padding:4px 9px;background:#f1efeb;color:#55605a}
.pl.g{background:var(--green-soft);color:var(--green-d)}.pl.r{background:var(--red-soft);color:var(--red)}.pl.o{background:#fff3df;color:#a46200}
.ask-bar{border:1.5px solid var(--green);border-radius:12px;padding:15px 16px;font-size:15px;font-weight:700;min-height:52px;margin:8px 0 14px;box-shadow:0 0 0 5px rgba(65,185,60,.1)}
.q:after{content:"";display:inline-block;width:2px;height:17px;background:var(--ink);vertical-align:-3px;margin-left:2px;animation:blink 1s infinite}
.res{display:grid;grid-template-columns:1fr 1.7fr auto;gap:14px;align-items:center;padding:13px 4px;border-bottom:1px solid #f0ede8;font-size:13px}
.res span{color:#55605a}.res em{font-style:normal;font-weight:700;font-size:11.5px;color:var(--green-d);background:var(--green-soft);border-radius:6px;padding:4px 8px}
.phone{position:absolute;left:992px;top:104px;width:236px;height:488px;background:#fff;border:1px solid #e3dfd8;border-radius:32px;box-shadow:0 50px 80px -44px rgba(15,26,20,.55);padding:22px 14px;opacity:0;transform:translateX(70px);transition:opacity .6s,transform 1s cubic-bezier(.2,.8,.2,1)}
.phone.on{opacity:1;transform:none}
.phone:before{content:"";position:absolute;left:50%;top:9px;width:64px;height:6px;border-radius:4px;background:#ebe8e3;transform:translateX(-50%)}
.ph-h{display:flex;align-items:center;justify-content:space-between;margin:6px 4px 4px}
.ph-h b{font-size:18px}
.ph-h span{font-size:11px;font-weight:700;background:var(--amber);border-radius:999px;padding:2px 8px}
.ph-card{border:1px solid #eeebe6;border-radius:14px;padding:12px;margin-top:12px;font-size:11.5px}
.ph-card small{display:block;font-size:9.5px;font-weight:700;letter-spacing:.07em;color:var(--green-d)}
.ph-card small.r{color:var(--red)}
.ph-card b{display:block;font-size:13.5px;margin:4px 0 6px}
.ph-card span{display:block;color:#6b776f;padding:2px 0}
.ph-card i{display:block;font-style:normal;text-align:center;font-weight:700;border-radius:9px;padding:8px;margin-top:8px}
.ph-card .pa{background:var(--forest);color:#fff}.ph-card .pb2{border:1px solid #e0dbd3}
.doc.corner{left:36px;top:392px;width:196px;height:256px;opacity:0;transform:translateX(-120px) rotate(-6deg);transition:opacity .6s,transform 1s cubic-bezier(.2,.8,.2,1)}
.doc.corner.on{opacity:1;transform:rotate(-6deg)}
.doc.corner .stamp{bottom:16px}
.chart svg path{stroke:none}
.sat .mini small{white-space:nowrap}
.res-sum{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:14px 16px;border-radius:12px;background:#f3f8f0;font-size:13px;color:#3d4a43}
.res-sum b{color:var(--ink)}
.res-sum i{font-style:normal;font-weight:700;font-size:12px;background:var(--amber);border-radius:8px;padding:8px 12px;white-space:nowrap}

/* ===== Home v5: shared keyframes and helpers ===== */
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes flow{to{stroke-dashoffset:-16}}
@keyframes blink{50%{opacity:0}}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
.av.s{width:22px;height:22px;font-size:8.5px}
.av.s svg{width:12px;height:12px}
.ln{display:block;height:5px;border-radius:3px;background:#ebe8e3;margin:6px 0}
.ln.s{width:62%}
.pin{position:relative;height:330vh}
.pin-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.pin-stage>.container-x{width:100%}

/* 2. Client wall (Ramp) */
.cw-band{padding-top:96px}
.cw-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:36px}
.cw-head .h2{max-width:760px;margin:0}
.cw{display:grid;grid-template-columns:1fr 310px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff}
.cw-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.cw-cell{position:relative;display:grid;place-items:center;height:150px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;transition:background .25s}
.cw-cell:nth-child(n+5){border-bottom:0}.cw-cell:nth-child(4n){border-right:0}
.cw-more{gap:8px;font-weight:700;font-size:15px;color:#0F1E33;text-decoration:none;display:flex !important;align-items:center;justify-content:center;background:#F7F9FC}.cw-more svg{width:16px;height:16px;color:#F56200}.cw-more:hover{background:#FFF1E6}
.cw-grid .cw-more{grid-column:span 2;border-right:0}
.cw-cell img{width:auto;max-width:80%;filter:grayscale(1);opacity:.62;transition:filter .3s,opacity .3s}
.cw-cell:hover{background:var(--mist)}
.cw-cell:hover img,.cw-cell.lit img{filter:none;opacity:1}
.cw-ar{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink-2);background:#fff}
.cw-ar svg{width:12px;height:12px}
.cw-story{position:relative;min-height:300px;background:var(--forest);overflow:hidden}
.cw-s{position:absolute;inset:0;color:#fff;text-decoration:none;opacity:0;transition:opacity .6s}
.cw-s.on{opacity:1;z-index:1}
.cw-s img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 6s linear}
.cw-s.on img{transform:scale(1)}
.cw-s:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,12,.15) 30%,rgba(6,18,12,.88))}
.cw-mod{position:absolute;left:16px;top:16px;z-index:2;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.92);color:var(--ink);border-radius:999px;padding:5px 10px}
.cw-txt{position:absolute;left:20px;right:20px;bottom:40px;z-index:2;display:flex;flex-direction:column}
.cw-txt small{font-size:13px;font-weight:700;opacity:.85}
.cw-txt b{font-size:62px;letter-spacing:-.04em;line-height:1.02}
.cw-txt span{font-size:16px;font-weight:700}
.cw-dots{position:absolute;left:20px;bottom:18px;z-index:3;display:flex;gap:5px}
.cw-dots button{width:18px;height:3px;border:0;padding:0;border-radius:3px;background:rgba(255,255,255,.35)}
.cw-dots button.on{background:#fff}
@media (max-width:991px){.cw{grid-template-columns:1fr}.cw-grid{grid-template-columns:repeat(4,1fr)}.cw-cell{height:110px}.cw-story{min-height:320px}}
@media (max-width:575px){.cw-grid{grid-template-columns:repeat(2,1fr)}.cw-cell:nth-child(4n){border-right:1px solid var(--line)}.cw-cell:nth-child(2n){border-right:0}.cw-cell:nth-child(n+5){border-bottom:1px solid var(--line)}.cw-cell:nth-child(n+7){border-bottom:0}}

/* 3. Recognition additions */
.rec .score.sm{font-size:28px}
.rec.award{background:linear-gradient(160deg,#fffaf0,#fff 60%);border-color:#f3dcb0}
.rec.award .pend{opacity:.55}
.rec.award .flag{font-size:11.5px;font-weight:700;color:var(--orange-d);background:#fff1e3;border-radius:8px;padding:5px 9px;align-self:flex-start}

/* 4. One platform bento (Ramp) */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bc{display:flex;flex-direction:column;background:#f5f4f0;border-radius:var(--r-lg);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .3s,box-shadow .3s}
.bc:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--ink)}
.bc-h{display:flex;justify-content:space-between;gap:16px;padding:26px 26px 0}
.bc-h h3{font-size:22px;line-height:1.2;margin:0;letter-spacing:-.02em}
.bc-h h3 span{color:var(--ink-3)}
.bc-ar{flex:none;width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.bc-ar svg{width:14px;height:14px}
.bc-v{position:relative;height:290px;margin-top:22px;overflow:hidden;font-size:13px}
.bc-v *{animation-play-state:paused !important}
.bc.in .bc-v *{animation-play-state:running !important}
.bc-v svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* contractflow */
.cf-doc{position:absolute;left:26px;right:40px;top:6px;background:#fff;border-radius:12px;padding:18px;box-shadow:0 18px 40px -26px rgba(15,26,20,.4)}
.cf-doc b{font-size:13px}
.cf-doc p{margin:8px 0 6px;font-size:13px;color:var(--ink-2)}
.cf-doc s{color:var(--red)}
.cf-doc u{text-decoration:none;border-radius:4px;padding:0 3px;animation:cfU 9s infinite}
@keyframes cfU{0%,30%{background:#fde3df;color:#c43b2e}36%,100%{background:#e3f3df;color:var(--green-d)}}
.cft{position:absolute;left:44px;right:26px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:11px 14px;font-weight:700;font-size:13px;box-shadow:0 14px 30px -18px rgba(15,26,20,.5);opacity:0}
.cft.t1{top:148px;animation:cfT1 9s infinite}.cft.t2{top:196px;animation:cfT2 9s infinite}.cft.t3{top:244px;animation:cfT3 9s infinite}
@keyframes cfT1{0%,8%{opacity:0;transform:translateY(14px)}13%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes cfT2{0%,30%{opacity:0;transform:translateY(14px)}35%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes cfT3{0%,52%{opacity:0;transform:translateY(14px)}57%,92%{opacity:1;transform:none}100%{opacity:0}}
.tg{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f1efeb}
.tg.r{background:var(--red-soft);color:var(--red)}.tg.g{background:var(--green-soft);color:var(--green-d)}
/* obligationflow */
.v-of{padding:0 22px}
.of-r{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:9px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.of-r b{display:block;font-size:13.5px}.of-r small{font-size:11.5px;color:var(--ink-3)}
.v-of .pl,.v-if .pl{font-style:normal}
.pl.fl1,.pl.fl2{display:inline-grid;padding:0;background:none}
.pl.fl1 em,.pl.fl2 em{grid-area:1/1;font-style:normal;padding:4px 9px;border-radius:999px;background:#f1efeb;color:#55605a;opacity:0}
.pl em.g{background:var(--green-soft);color:var(--green-d)}.pl em.r{background:var(--red-soft);color:var(--red)}.pl em.o{background:#fff3df;color:#a46200}
.fl1 em:nth-child(1){animation:flA 9s infinite}.fl1 em:nth-child(2){animation:flB 9s infinite}.fl1 em:nth-child(3){animation:flC 9s infinite}
.fl2 em:nth-child(1){animation:fl2A 9s infinite}.fl2 em:nth-child(2){animation:fl2B 9s infinite}
@keyframes flA{0%,28%{opacity:1}31%,100%{opacity:0}}
@keyframes flB{0%,28%{opacity:0}31%,58%{opacity:1}61%,100%{opacity:0}}
@keyframes flC{0%,58%{opacity:0}61%,97%{opacity:1}100%{opacity:0}}
@keyframes fl2A{0%,44%{opacity:1}47%,100%{opacity:0}}
@keyframes fl2B{0%,44%{opacity:0}47%,97%{opacity:1}100%{opacity:0}}
/* rfpflow */
.v-rf{padding:4px 26px}
.rf-r{display:grid;grid-template-columns:72px 1fr 28px;gap:12px;align-items:center;padding:9px 0;font-weight:700;font-size:13px}
.rf-r i{height:10px;border-radius:6px;background:#e9e6e0;overflow:hidden}
.rf-r em{display:block;height:100%;border-radius:6px;background:#b9c4bd;width:0;animation:rfW 9s var(--d) infinite}
.rf-r.top em{background:var(--green)}
.rf-r b{text-align:right;color:var(--ink-2)}
@keyframes rfW{0%{width:0}14%,92%{width:var(--w)}100%{width:0}}
.rf-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--forest);color:#fff;font-weight:700;border-radius:10px;padding:10px 14px;opacity:0;animation:rfB 9s infinite}
@keyframes rfB{0%,24%{opacity:0;transform:translateY(8px)}29%,92%{opacity:1;transform:none}100%{opacity:0}}
/* onboardingflow */
.ob-card{position:absolute;left:26px;right:26px;top:4px;background:#fff;border-radius:14px;padding:16px;box-shadow:0 18px 40px -26px rgba(15,26,20,.4)}
.ob-h{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.ob-h .av.s{width:34px;height:34px;font-size:11px}
.ob-h b{display:block;font-size:14px}.ob-h small{font-size:11.5px;color:var(--ink-3)}
.ob-c{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px dashed #ece9e4;font-weight:700;font-size:13px;color:var(--ink-3)}
.ob-c .tickc{opacity:.15;animation:obC 9s var(--d) infinite}
@keyframes obC{0%{opacity:.15}6%,88%{opacity:1}100%{opacity:.15}}
.ob-st{position:absolute;right:16px;bottom:14px;font-size:11.5px;font-weight:700;color:var(--green-d);border:1.5px solid var(--green);border-radius:7px;padding:4px 8px;transform:rotate(-6deg);opacity:0;animation:obS 9s infinite}
@keyframes obS{0%,40%{opacity:0;transform:rotate(-6deg) scale(1.5)}44%,92%{opacity:1;transform:rotate(-6deg) scale(1)}100%{opacity:0}}
/* invoiceflow */
.v-if{padding:0 22px}
.if-t{display:grid;grid-template-columns:1.6fr repeat(3,.7fr);gap:0;background:#fff;border-radius:12px;padding:6px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.if-t>*{padding:10px 0;border-bottom:1px solid #f0ede8;font-size:13px;font-weight:700;display:flex;align-items:center}
.if-t>*:nth-last-child(-n+4){border-bottom:0}
.if-t .h{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.if-t i{justify-content:center;color:var(--green-d);opacity:0;animation:obC 9s var(--d) infinite}
.if-t i.x{color:var(--red)}
.if-hold{margin-top:12px;background:var(--red-soft);color:#8f2a22;border-radius:12px;padding:12px 14px;font-size:13px;opacity:0;animation:ifH 9s infinite}
.if-hold b{display:block;color:var(--red)}
@keyframes ifH{0%,22%{opacity:0;transform:translateY(8px)}27%,92%{opacity:1;transform:none}100%{opacity:0}}
/* integrations */
.v-in{display:flex;flex-direction:column;justify-content:center;gap:12px;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.in-row{display:flex;gap:12px;width:max-content;animation:mq 30s linear infinite !important;animation-play-state:running !important}
.in-row.rev{animation-direction:reverse !important}
.in-row span{display:grid;place-items:center;width:150px;height:66px;background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.in-row img{max-height:24px;width:auto;max-width:110px}
@media (max-width:1100px){.bento{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bento{grid-template-columns:1fr}}

/* 5. Systems that never spoke (scroll film) */
.sx-pin{height:270vh;background:#fff}
.sx-heads{display:grid;text-align:center;margin-bottom:10px}
.sx-hd{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.sx-hd.on{opacity:1;transform:none}
.sx-hd .h2{margin-bottom:8px}
.sx-hd .lead-x{margin:0 auto;font-size:17px}
.film.sx{border:0;border-radius:0;background:transparent;overflow:visible}
.film.sx:before{display:none}
.sx .film-canvas{overflow:visible}
.sx-art{position:absolute;background:#fff;border:1px solid #e6e2db;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.03),0 24px 46px -28px rgba(15,26,20,.45);overflow:hidden;font-size:11.5px;opacity:0;transform:translateY(24px) scale(.95);transition:opacity .45s,transform .7s cubic-bezier(.2,.8,.2,1),filter .5s}
.sx-art.on{opacity:1;transform:none}
.sx-chaos.on .sx-art.on{filter:grayscale(1);opacity:.42}
.sx-chaos.gone .sx-art.on{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.12);transition:opacity .8s .1s,transform .9s cubic-bezier(.6,0,.3,1)}
.sx-chaos.gone .sx-bub{opacity:0}
.sx-bar{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:#f7f6f3;border-bottom:1px solid #eee}
.sx-bar i{width:7px;height:7px;border-radius:50%;background:#ddd8d0}
.sx-bar span{margin-left:8px;font-size:10px;color:#8a948e;font-weight:700}
.sx-pad{padding:12px 14px}
.sx-from{display:flex;gap:9px;align-items:flex-start}
.sx-from b{display:block;font-size:11.5px;line-height:1.3}.sx-from small{font-size:10px;color:#8a948e}
.sx-ln{margin:8px 0 0;font-size:10.5px;color:#6b776f;line-height:1.4}
.sx-att{display:inline-flex;align-items:center;gap:7px;margin-top:10px;border:1px solid #e6e2db;border-radius:8px;padding:5px 9px 5px 5px;font-size:10.5px;font-weight:700}
.sx-att b,.sx-f b{font-size:8.5px;background:#e3ecfb;color:#2b5fb4;border-radius:5px;padding:3px 5px}
.sx-f b.pdf{background:#fde7e3;color:#c43b2e}.sx-f b.xl{background:#e3f3df;color:#23762a}
.sx-kh{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sx-kh b{font-size:11px;letter-spacing:.04em}
.sx-kh .pl{font-size:9.5px;padding:3px 8px}
.sx-t{margin:8px 0 0;font-size:13px;font-weight:700;color:var(--ink)}
.sx-sig{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:10.5px;color:#6b776f}
.sx-sig i{width:16px;height:16px;border-radius:50%;border:1.5px dashed #cfc9c0}
.sx-sig i.ok{border:0;background:var(--green)}
.sx-sig span{margin-left:6px}
.sx-doc{padding:16px 18px;font-size:10px;color:#55605a;line-height:1.5}
.sx-doc b{font-size:9px;letter-spacing:.1em;color:var(--ink)}
.sx-doc p{margin:6px 0}
.sx-doc s{color:#c43b2e}.sx-doc u{color:#2b5fb4;text-decoration-color:#2b5fb4}
.sx-cm{position:absolute;right:10px;bottom:12px;max-width:170px;font-style:normal;font-size:10px;font-weight:700;background:#fff5cf;border:1px solid #f0dd8f;border-radius:8px;padding:7px 9px;color:#5b4a00}
.sx-xbar{height:26px;display:flex;align-items:center;padding:0 12px;background:#e9f3ec;border-bottom:1px solid #d7e8dc;font-size:10.5px;font-weight:700;color:#2e5c3e}
.sx-xbar.g{background:#eef1f6;border-color:#dde3ec;color:#3a4a66}
.sx-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;font-size:10.5px}
.sx-grid span{padding:6px 8px;border-right:1px solid #eee;border-bottom:1px solid #eee;white-space:nowrap}
.sx-grid .h{background:#f7f6f3;font-weight:700;color:#6b776f}
.sx-grid .bad,.sx-po .bad{background:#fde3df;color:#c43b2e;font-weight:700}
.sx-path{margin:0 0 6px;font-size:10px;color:#8a948e;font-weight:700}
.sx-f{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid #f2efea;font-size:10.5px;font-weight:700}
.sx-po{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin-top:10px;font-size:11px}
.sx-po span{color:#8a948e}.sx-po b{justify-self:start;padding:0 4px;border-radius:4px}
.sx-in{display:block;margin-top:7px;border:1px solid #e3dfd8;border-radius:7px;padding:6px 9px;font-size:10.5px;color:#55605a}
.sx-err{margin:9px 0 0;font-size:10.5px;font-weight:700;color:#c43b2e}
.sx-badge{background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:2px 7px}
.sx-bub{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6e2db;border-radius:14px;padding:7px 12px 7px 7px;font-size:12.5px;font-weight:700;box-shadow:0 14px 30px -16px rgba(15,26,20,.45);white-space:nowrap;opacity:0;transform:scale(.8) translateY(8px);transform-origin:0 100%;transition:opacity .3s,transform .45s cubic-bezier(.3,1.5,.5,1)}
.sx-bub.on{opacity:1;transform:none}
.sx-bub small{display:block;font-size:10px;color:#8a948e}
.sx-wires{position:absolute;inset:0;width:1312px;height:620px;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s ease,opacity .4s}
.sx-wires.on{clip-path:inset(0 0 0 0)}
.sx-wires.gone{opacity:0}
.sx-wires path{fill:none;stroke:#c3bdb3;stroke-width:1.4;stroke-dasharray:4 6}
.sx-one{position:absolute;left:150px;top:40px;width:1012px;height:520px;background:#fff;border:1px solid #e3dfd8;border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,.04),0 60px 100px -60px rgba(15,26,20,.6);overflow:hidden;opacity:0;transform:scale(.2);transition:opacity .5s,transform .9s cubic-bezier(.2,.9,.2,1)}
.sx-one.on{opacity:1;transform:none}
.sx-rec{display:grid;grid-template-columns:350px 1fr;height:calc(100% - 34px)}
.sx-l{padding:22px 24px;border-right:1px solid #eeebe6;background:#fcfbf9}
.sx-k{display:block;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8a948e}
.sx-k.mt{margin-top:18px;margin-bottom:8px}
.sx-n{display:block;font-size:21px;letter-spacing:-.02em;margin:4px 0 10px}
.sx-l .kv{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px dashed #e8e4de;font-size:12.5px}
.sx-l .kv span{color:#6b776f}
.sx-src{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sx-src i{display:flex;align-items:center;gap:6px;font-style:normal;font-size:11.5px;font-weight:700;background:#fff;border:1px solid #ebe7e1;border-radius:8px;padding:5px 8px}
.sx-src svg{width:11px;height:11px;stroke:var(--green-d);stroke-width:2.6}
.sx-avy{padding:24px 28px}
.sx-avy .sat-h{font-size:12px;margin-bottom:14px}
.sx-sub{font-weight:700;color:#8a948e;letter-spacing:0;text-transform:none;margin-left:4px}
.sx-step{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #f1eee9;font-size:15px;font-weight:700}
.sx-step .tickc{flex:none}
.sx-done{margin-top:18px;border-radius:12px;background:#f1f8ee;padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.sx-done b{font-size:17px}.sx-done span{font-size:13px;color:#55605a}
.film.sx.static{height:auto}
@media (max-width:767px){.sx-pin{height:240vh}.sx-hd .lead-x{font-size:15px}}

/* 6. Suite key */
.wheel-key{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.wheel-key li{font-size:13px;color:var(--ink-2);border-left:3px solid var(--green);padding:2px 0 2px 10px}
.wheel-key li:nth-child(2){border-color:var(--teal)}.wheel-key li:nth-child(3){border-color:var(--amber)}
.wheel-key b{display:block;color:var(--ink);font-size:14px}
.wheel .cap-arc{stroke:#fff;stroke-width:2;transition:fill .3s}
@media (max-width:575px){.wheel-key{grid-template-columns:1fr}}

/* 7. How it works (Freehand freight) */
.how-band{background:linear-gradient(180deg,#f7f6f2,#fff)}
.how-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;margin-bottom:46px}
.how-tabs button{position:relative;display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:8px 2px 12px;font:700 15px Arial;color:var(--ink-3)}
.how-tabs button svg{width:18px;height:18px;color:var(--ink-3)}
.how-tabs button.on{color:var(--ink)}
.how-tabs button.on svg{color:var(--amber-h)}
.how-tabs button i{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line)}
.how-tabs button i:after{content:"";position:absolute;inset:0 100% 0 0;background:var(--ink)}
.how-tabs button.on i:after{animation:howP 7s linear forwards}
@keyframes howP{to{right:0}}
.how-p{display:none;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.how-p.on{display:grid;animation:fade .5s}
.how-l h3{font-size:clamp(28px,3vw,40px);margin:0 0 14px}
.how-l p{font-size:17px;color:var(--ink-2);margin:0 0 20px}
.how-chips{margin-top:30px;display:flex;flex-direction:column;gap:10px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.how-chips div{display:flex;gap:10px;width:max-content;animation:mq 22s linear infinite}
.how-chips div.rev{animation-direction:reverse}
.how-chips span{border:1px solid var(--ink-2);border-radius:6px;padding:8px 13px;font-size:14px;font-weight:700;white-space:nowrap;background:#fff}
.how-r{position:relative;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.how-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(249,167,38,.22),rgba(249,167,38,0) 68%)}
.hc{position:relative;width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -36px rgba(15,26,20,.45);padding:18px}
.hc-h{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #f0ede8}
.hc-ic{width:40px;height:40px;border-radius:10px;background:var(--forest);display:grid;place-items:center;flex:none}
.hc-ic svg{width:20px;height:20px;stroke:#fff}
.hc-h b{display:block;font-size:16px}.hc-h small{font-size:13px;color:var(--ink-3)}
.hc-k{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 0}
.hc-k small{display:block;font-size:11.5px;color:var(--ink-3)}
.hc-k b{font-size:17px}
.hc-b{display:flex;gap:10px}
.hc-b span{flex:1;text-align:center;font-weight:700;font-size:13.5px;border-radius:9px;padding:10px}
.hc-b .b1{background:var(--amber)}.hc-b .b2{border:1px solid var(--line-2)}
.hc-cur{position:absolute;width:24px;height:24px;left:85%;top:120%;fill:#111;stroke:#fff;stroke-width:1.4}
.how-p.on .hc-cur{animation:hcCur 7s both}
.how-p.on .hc-b .b1{animation:hcClick 7s both}
@keyframes hcCur{0%,12%{left:88%;top:125%;opacity:0}16%{opacity:1}34%,40%{left:24%;top:84%;opacity:1;transform:none}37%{transform:scale(.82)}48%,100%{left:24%;top:84%;opacity:0}}
@keyframes hcClick{0%,35%{box-shadow:none}37%{box-shadow:0 0 0 6px rgba(249,167,38,.3)}42%,100%{box-shadow:none}}
.hc-done{position:relative;margin-top:16px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-weight:700;font-size:14px;box-shadow:var(--shadow);opacity:0}
.how-p.on .hc-done{animation:hcDone 7s both}
@keyframes hcDone{0%,42%{opacity:0;transform:translateY(10px)}48%,100%{opacity:1;transform:none}}
@media (max-width:991px){.how-p{grid-template-columns:1fr;gap:30px}.how-tabs{gap:4px 18px}}

/* 9. Why contract value leaks (Freehand) */
.leak-band{background:#0d1712;color:#d9e4dd;padding-bottom:40px}
.leak{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.leak-top{padding-bottom:30px}
.leak-top h2{font-size:clamp(40px,5vw,68px);line-height:1;color:#fff;margin:0 0 22px;letter-spacing:-.03em}
.leak-band .eyebrow{color:var(--amber)}.leak-band .eyebrow i{border-left-color:var(--amber)}
.leak-stat{font-size:16px;color:#a9bbb0;max-width:440px}
.leak-stat b{color:#fff}.leak-stat a{color:var(--amber)}
.leak-i{min-height:42vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .5s}
.leak-i.on{opacity:1}
.leak-i .n{font-size:13px;font-weight:700;color:var(--amber);letter-spacing:.1em}
.leak-i h3{color:#fff;font-size:26px;margin:8px 0 10px}
.leak-i p{font-size:17px;color:#a9bbb0;max-width:440px;margin:0}
.leak-stick{position:sticky;top:16vh;height:68vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.leak-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(249,167,38,.2),rgba(249,167,38,0) 65%)}
.leak-v{position:absolute;width:min(100%,400px);opacity:0;transform:translateY(20px) scale(.97);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.leak-v.on{opacity:1;transform:none}
.leak-stick .note-demo{position:absolute;bottom:0;color:#6f8679}
.lk-doc{background:#fff;color:var(--ink);border-radius:14px;padding:20px 20px 10px 54px;box-shadow:0 40px 80px -40px rgba(0,0,0,.8);position:relative}
.lk-doc:before{content:"";position:absolute;left:30px;top:76px;bottom:28px;width:1px;background:#f0c9c3}
.lk-h{margin:0 0 12px -34px;padding-bottom:12px;border-bottom:1px solid #eee}
.lk-h b{display:block;font-size:12px;letter-spacing:.08em}.lk-h span{font-size:12px;color:var(--ink-3)}
.lk-r{position:relative;display:flex;align-items:center;gap:12px;padding:9px 0}
.lk-r .x{position:absolute;left:-34px;width:20px;height:20px;border-radius:50%;background:var(--red);display:grid;place-items:center}
.lk-r .x svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}
.lk-r>span:last-child{flex:1;border:1px solid #f1d2cc;background:#fff8f7;border-radius:9px;padding:9px 12px}
.lk-r b{display:block;font-size:14px}.lk-r small{font-size:12.5px;color:#9a4a40}
.leak-v.on .lk-r{animation:fade .5s both}
.leak-v.on .lk-r:nth-child(3){animation-delay:.12s}.leak-v.on .lk-r:nth-child(4){animation-delay:.24s}.leak-v.on .lk-r:nth-child(5){animation-delay:.36s}
.lk-cal{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:0 0 8px -34px}
.lk-cal span{text-align:center;font-size:11.5px;font-weight:700;padding:8px 0;border-radius:7px;background:#f4f2ee;color:var(--ink-3)}
.lk-cal .nw{background:#fde3df;color:var(--red)}.lk-cal .rn{background:var(--forest);color:#fff}
.lk-sheet{display:grid;grid-template-columns:1.5fr 1fr .8fr;margin:0 0 6px -34px;font-size:12px;border:1px solid #eee;border-radius:8px;overflow:hidden}
.lk-sheet span{padding:8px 9px;border-bottom:1px solid #eee}
.lk-sheet .h{background:#f6f5f2;font-weight:700;color:var(--ink-3);font-size:11px}
.lk-sheet .bad{color:var(--red);font-weight:700;background:#fff5f4}
.lk-meter{margin:0 0 8px -34px;display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12.5px}
.lk-meter b{font-size:22px}
.lk-meter i{grid-column:1/-1;position:relative;height:10px;border-radius:6px;background:#f1efeb}
.lk-meter em{position:absolute;inset:0 auto 0 0;background:var(--amber);border-radius:6px}
.lk-meter s{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}
.lk-meter small{grid-column:1/-1;text-align:right;color:var(--ink-3)}
.lk-files{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:0 0 8px -34px}
.lk-files i{aspect-ratio:3/4;border-radius:3px;background:#efece7;border:1px solid #e3dfd8}
.lk-files i.r{background:#fde3df;border-color:#f3b8b0}
@media (max-width:991px){.leak{grid-template-columns:1fr;gap:0}.leak-r{display:none}.leak-i{min-height:auto;opacity:1;padding:22px 0;border-top:1px solid #20342a}}

/* 10. Atlas curtain raiser (Origin) */
.at-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(249,167,38,.4);border-radius:999px;padding:7px 14px}
.at-tag svg{width:16px;height:16px}
.at-band{background:#07100b;color:#d9e4dd;padding-top:40px}
.at-band .h2{color:#fff}.at-band .h2 span{color:#8fa597}.at-band .lead-x{color:#a9bbb0}
.at-band .eyebrow{color:var(--amber)}.at-band .eyebrow i{border-left-color:var(--amber)}
.at-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:44px}
.at-qs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.at-qs div{border:1px solid #1f3a2c;border-radius:14px;padding:16px;font-size:14px;color:#a9bbb0;background:rgba(255,255,255,.02)}
.at-qs b{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.at-finds{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.at-f{border:1px solid #1f3a2c;border-radius:var(--r-lg);padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));display:flex;flex-direction:column;gap:12px}
.at-n{font-size:34px;font-weight:700;letter-spacing:-.03em;color:var(--amber)}
.at-f h3{color:#fff;font-size:21px;margin:0}
.at-f p{color:#a9bbb0;font-size:15.5px;margin:0}
.at-c{margin-top:auto;font-size:12.5px;font-weight:700;color:#cfe0d6;border-top:1px solid #1f3a2c;padding-top:12px}
.at-tri{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:22px;border:1px solid #1f3a2c;border-radius:14px;padding:16px 20px;font-size:14px;color:#a9bbb0}
.at-tri b{color:#fff;font-size:20px;margin-right:4px}
.at-tri .link-x{margin-left:auto;color:#fff;border-color:#3d6656}
.offer{margin-top:64px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;background:#fff;color:var(--ink);border-radius:28px;padding:44px;position:relative;overflow:hidden}
.offer:before{content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(249,167,38,.28),rgba(249,167,38,0) 65%)}
.offer>*{position:relative}
.offer .eyebrow{color:var(--orange-d)}.offer .eyebrow i{border-left-color:var(--amber)}
.offer h3{font-size:clamp(28px,3vw,40px);line-height:1.08;margin:0 0 14px}
.offer h3 span{color:var(--ink-3)}
.offer-l p{color:var(--ink-2);margin:0 0 24px;max-width:480px}
.offer-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.offer-steps li{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff}
.offer-steps li>b{font-size:13px;color:var(--orange-d);padding-top:2px}
.offer-steps span{font-weight:700;font-size:15.5px}
.offer-steps small{display:block;font-weight:400;font-size:13.5px;color:var(--ink-3)}
.offer-seats{grid-column:1/-1;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:20px}
.offer-seats i{width:28px;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--amber),#ffcf7a)}
.offer-seats small{margin-left:8px;font-weight:700;color:var(--ink-3)}
@media (max-width:991px){.at-row,.offer{grid-template-columns:1fr}.at-finds{grid-template-columns:1fr}.offer{padding:28px}}

/* 11. Solutions by role, industry and use case */
.sol-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px}
.sol-head .h2{margin:0;max-width:640px}
.sol-tabs{display:inline-flex;background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:4px}
.sol-tabs button{border:0;background:none;border-radius:999px;padding:10px 18px;font:700 15px Arial;color:var(--ink-3)}
.sol-tabs button.on{background:var(--forest);color:#fff}
.sol-p{display:none}
.sol-p.on{display:block;animation:fade .5s}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.role{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:var(--ink);background:#fff;transition:transform .25s,box-shadow .25s}
.role:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--ink)}
.role.wide{grid-column:span 2;flex-direction:row}
.role-ph{position:relative;aspect-ratio:16/10;overflow:hidden}
.role.wide .role-ph{aspect-ratio:auto;flex:1.1}
.role.wide .role-b{flex:1}
.role-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.role:hover .role-ph img{transform:scale(1.04)}
.role-ph span{position:absolute;left:14px;top:14px;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}
.role-b{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px}
.role-b h3{font-size:20px;line-height:1.25;margin:0}
.role-b p{font-size:15px;color:var(--ink-2);margin:0}
.role-b ul{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:6px}
.role-b li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.role-b li svg{width:14px;height:14px;fill:none;stroke:var(--green-d);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.role-b em,.use-b em,.indc em{font-style:normal;font-weight:700;font-size:14.5px;color:var(--green-d);display:inline-flex;align-items:center;gap:6px;margin-top:auto}
.role-b em svg,.use-b em svg,.indc em svg{width:14px;height:14px}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.indc{position:relative;aspect-ratio:3/4;border-radius:var(--r-lg);overflow:hidden;color:#fff;text-decoration:none;background:var(--forest)}
.indc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.indc:hover img{transform:scale(1.05)}
.indc:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,12,0) 35%,rgba(6,18,12,.9))}
.indc-t{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:flex;flex-direction:column;gap:8px}
.indc-t h3{color:#fff;font-size:22px;margin:0}
.indc-t p{font-size:14px;color:#dfe8e2;margin:0;max-height:0;overflow:hidden;transition:max-height .5s}
.indc:hover .indc-t p,.indc:focus .indc-t p{max-height:120px}
.indc em{color:var(--amber)}
.indc.all{background:linear-gradient(160deg,var(--forest),#163f2c)}
.indc.all:after{display:none}.indc.all .indc-t p{max-height:none}
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.use{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:var(--ink);background:#fff;transition:transform .25s,box-shadow .25s}
.use:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--ink)}
.use-ph{aspect-ratio:16/10;overflow:hidden}
.use-ph img{width:100%;height:100%;object-fit:cover}
.use-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.use-b small{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green-d)}
.use-b h3{font-size:18px;margin:0}
.use-b p{font-size:14.5px;color:var(--ink-2);margin:0 0 6px}
@media (max-width:991px){.role-grid,.ind-grid,.use-grid{grid-template-columns:1fr 1fr}.role.wide{grid-column:span 2}}
@media (max-width:575px){.role-grid,.ind-grid,.use-grid{grid-template-columns:1fr}.role.wide{grid-column:auto;flex-direction:column}.role.wide .role-ph{aspect-ratio:16/10}.indc{aspect-ratio:4/3}.indc-t p{max-height:none}}

/* 12. Scrolling text and big dashboard (Mysa) */
.mysa{padding:110px 0 104px;overflow:hidden;background:linear-gradient(180deg,#fff,var(--panel))}
.my-lines{margin-bottom:56px}
.my-line{white-space:nowrap;font-size:clamp(52px,8.4vw,138px);font-weight:700;letter-spacing:-.045em;line-height:1.02;transform:translateX(var(--x,0));will-change:transform}
.my-line.out{color:transparent;-webkit-text-stroke:1.5px var(--ink-3)}
.my-stage{perspective:1800px}
.bd{position:relative;width:100%;transform-origin:50% 0;transform:rotateX(var(--rx,0deg)) scale(var(--sc,1)) translateY(var(--ty,0px));will-change:transform}
.bd-canvas{position:absolute;left:0;top:0;width:1240px;height:700px;transform:scale(var(--s,1));transform-origin:0 0;background:#fff;border:1px solid #e3dfd8;border-radius:22px;box-shadow:0 2px 8px rgba(0,0,0,.04),0 80px 120px -70px rgba(15,26,20,.6);display:grid;grid-template-columns:150px 1fr;overflow:hidden;font-size:13px}
.bd-side{background:#fbfaf8;border-right:1px solid #eeebe6;padding:20px 14px;display:flex;flex-direction:column;gap:4px}
.bd-side img{margin:0 0 18px 6px}
.bd-side span{font-weight:700;color:var(--ink-3);border-radius:9px;padding:9px 10px}
.bd-side span.on{background:var(--green-soft);color:var(--green-d)}
.bd-main{padding:22px 26px;display:flex;flex-direction:column;gap:16px}
.bd-top{display:flex;align-items:center;gap:8px}
.bd-top b{font-size:24px;letter-spacing:-.02em;margin-right:auto}
.bd-f{border:1px solid #e3dfd8;border-radius:8px;padding:7px 11px;font-weight:700;font-size:12px;color:var(--ink-2)}
.bd-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.bd-kpi div{border:1px solid #eeebe6;border-radius:12px;padding:12px 14px}
.bd-kpi small{display:block;font-size:11.5px;color:var(--ink-3)}
.bd-kpi b{display:block;font-size:26px;letter-spacing:-.03em;margin:2px 0}
.bd-kpi em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--ink-3)}
.bd-kpi em.up{color:var(--green-d)}.bd-kpi em.am{color:#a46200}
.bd-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:14px;flex:1}
.bd-card{border:1px solid #eeebe6;border-radius:12px;padding:14px 16px;overflow:hidden}
.bd-ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bd-ch b{font-size:14px}.bd-ch>span{font-size:11.5px;color:var(--ink-3);display:flex;align-items:center;gap:6px}
.bd-ch i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-left:6px}
.bd-ch i.g,.bd-cols i.g{background:var(--green)}.bd-ch i.l,.bd-cols i.l{background:#cfe8c9}.bd-ch i.r,.bd-cols i.r{background:#f3b8b0}
.bd-cols{display:flex;align-items:flex-end;gap:10px;height:200px}
.bd-cols div{flex:1;display:flex;flex-direction:column-reverse;align-items:stretch;gap:2px;transform-origin:50% 100%;transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.8,.2,1) var(--d)}
.bd.in .bd-cols div{transform:none}
.bd-cols i{display:block;border-radius:3px}
.bd-cols small{text-align:center;font-size:10.5px;color:var(--ink-3);order:-1;padding-top:4px}
.bd-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #f2efea}
.bd-row b{display:block;font-size:13px}.bd-row small{font-size:11.5px;color:var(--ink-3)}
.bd-row .pl{font-style:normal}
.bd-hb{display:grid;grid-template-columns:170px 1fr 30px;gap:10px;align-items:center;padding:7px 0;font-size:12.5px}
.bd-hb i{height:9px;border-radius:5px;background:#f1efeb;overflow:hidden}
.bd-hb em{display:block;height:100%;width:0;background:var(--amber);border-radius:5px;transition:width 1.2s cubic-bezier(.2,.8,.2,1) .4s}
.bd.in .bd-hb em{width:var(--w)}
.bd-hb b{text-align:right}
.bd-feed .live{color:var(--green-d) !important;font-weight:700}
.bd-feed .live i{width:7px;height:7px;border-radius:50%;background:var(--green);margin:0;animation:lk 1.2s infinite}
.bd-fl{height:132px;overflow:hidden;position:relative}
.bd-fl>div{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #f2efea;animation:feedUp 12s linear infinite}
.bd-fl b{display:block;font-size:12.5px}.bd-fl small{font-size:11px;color:var(--ink-3)}
@keyframes feedUp{to{transform:translateY(-264px)}}
.bd-glass{position:absolute;right:30px;bottom:26px;width:330px;display:flex;align-items:flex-start;gap:10px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border:1px solid #e3dfd8;border-radius:14px;padding:14px;box-shadow:0 30px 50px -30px rgba(15,26,20,.55);font-size:13px;color:var(--ink-2);opacity:0;transform:translateY(16px);transition:all .6s 1.6s}
.bd.in .bd-glass{opacity:1;transform:none}
.bd-glass b{color:var(--ink)}
.bd-glass i{flex:none;align-self:flex-end;font-style:normal;font-weight:700;font-size:12px;background:var(--amber);color:var(--ink);border-radius:8px;padding:7px 10px}
.pin.static{height:auto}
.pin.static .pin-stage{position:relative;height:auto;padding:96px 0}
.pin.static .sx-hd{opacity:1;transform:none}.pin.static .sx-hd:first-child{display:none}
.how-l,.how-r{min-width:0}

/* 3. Recognition (ABBYY): logo, line, link; columns divided by rules, no boxes */
.rec-band{padding:88px 0}
.rec-band .h2{margin-bottom:44px;max-width:none}
.recl{display:grid;grid-template-columns:repeat(3,1fr)}
.rl{display:flex;flex-direction:column;gap:16px;padding:4px 32px;border-left:1px solid var(--line-2)}
.rl:first-child{padding-left:0;border-left:0}
.rl-logo{height:56px;display:flex;align-items:center}
.rl-logo img{max-height:30px;width:auto}.rl-logo img[height="52"]{max-height:56px}
.rl-word{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.rl-word b{color:var(--green-d);margin-left:2px}
.rl p{font-size:16.5px;line-height:1.5;color:var(--ink-2);margin:0}
.rl a,.rl-pend{margin-top:auto;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border-bottom:1.5px solid var(--green);padding-bottom:2px}
.rl a svg,.rl-pend svg{width:14px;height:14px}
.rl-pend{flex-wrap:wrap;color:var(--ink-3);border-color:var(--line-2)}
.rl-pend small{flex-basis:100%;font-size:11.5px;font-weight:700;color:var(--orange-d)}
@media (max-width:991px){.rl{padding:4px 20px}.rl:first-child{padding-left:0;border-left:0}}
@media (max-width:575px){.recl{grid-template-columns:1fr;row-gap:28px}.rl,.rl:first-child{padding:0 0 24px;border-left:0;border-bottom:1px solid var(--line)}.rl:last-child{border-bottom:0}}
@media (max-width:575px){.recl{grid-template-columns:1fr}.rl{padding:0 0 28px;border-left:0;border-bottom:1px solid var(--line)}.rl:last-child{border-bottom:0}}

/* 8. Atlas band */
.at-band{background:#120f0c;padding-top:104px}
.at-band .at-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(249,167,38,.4);border-radius:999px;padding:7px 14px}
.at-band .at-tag svg{width:16px;height:16px}
.at-qs div,.at-f,.at-tri{border-color:#2e2620 !important}
.at-f{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.at-c{border-color:#2e2620}

@media (max-width:575px){.cw-cell{height:84px}.cw-cell img{transform:scale(.78)}}
.offer>*{min-width:0}
.offer-seats{flex-wrap:wrap}
.how-r{overflow:hidden}
@media (max-width:575px){.offer-seats i{width:20px}.how-glow{width:300px;height:300px}.or-months{gap:8px}.or-months i{width:12px;height:12px}.or-months span{gap:3px}}

/* ===== Inner pages (src/inner.mjs). Mobile first: one column, then grids from 768 and 992. ===== */
.ip-hero{padding:40px 0 48px;background:linear-gradient(180deg,#fff,var(--panel))}
.ip-grid{display:grid;gap:32px;align-items:center}
.ip-copy h1{font-size:clamp(34px,7vw,64px);line-height:1.02;letter-spacing:-.035em;margin:10px 0 0}
.ip-copy h1 span{color:var(--ink-3)}
.ip-copy.center{text-align:center;max-width:860px;margin:0 auto}
.ip-copy.center .hero-ctas,.ip-copy.center .ip-chips{justify-content:center}
.ip-sub{font-size:18px;line-height:1.55;color:var(--ink-2);margin:18px 0 24px;max-width:620px}
.ip-copy.center .ip-sub{margin-left:auto;margin-right:auto}
.ip-copy .hero-ctas{justify-content:flex-start}
.ip-chips{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;font-weight:700;color:var(--ink-2)}
.ip-chips li{display:inline-flex;align-items:center;gap:6px}
.ip-chips svg,.ip-ticks svg,.ip-take svg,.ip-cards li svg,.ip-new svg,.ip-step li svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--green-d);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--ink-3);margin-bottom:18px}
.crumbs a{color:var(--ink-3);text-decoration:none}.crumbs a:hover{color:var(--green-d)}
.crumbs i{font-style:normal;opacity:.5}
.ip-vis{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.ip-vis .how-glow{width:340px;height:340px}
.ip-card .hc-cur{display:none}
.ip-vis.in .hc-cur{display:block;animation:hcCur 7s 1 both}
.ip-vis.in .hc-b .b1{animation:hcClick 7s 1 both}
.ip-vis .hc-done,.ip-cardwrap .hc-done{opacity:0}
.ip-vis.in .hc-done,.ip-step.in .hc-done{animation:hcDone 7s 1 both}
.ip-ph{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3}
.ip-ph img{width:100%;height:100%;object-fit:cover}
.ip-darkhero{background:var(--forest);color:#dbe7e0;padding:64px 0}
.ip-darkhero h1{color:#fff}.ip-darkhero h1 span{color:#9fb8ab}.ip-darkhero .ip-sub{color:#b9cdc2}.ip-darkhero .eyebrow{color:var(--lime)}
.ip-darkhero .crumbs,.ip-darkhero .crumbs a{color:#9fb8ab}
.ip-darkhero .btn-gh{color:#fff;border-color:#3d6656}
@media (min-width:992px){.ip-hero{padding:56px 0 72px}.ip-split .ip-grid,.ip-photo .ip-grid{grid-template-columns:1.05fr .95fr;gap:56px}}

.ip-logos{padding:28px 0;border-bottom:1px solid var(--line)}
.ip-logos p{font-size:13px;font-weight:700;color:var(--ink-3);text-align:center;margin:0 0 16px}
.ip-logo-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 34px}
.ip-logo-row img{width:auto;filter:grayscale(1);opacity:.6}

.ip-def{display:grid;gap:28px}
.ip-def p{font-size:17px;color:var(--ink-2)}
.ip-take{border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;background:#fff}
.ip-take>b{display:block;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--green-d);margin-bottom:12px}
.ip-take ul,.ip-ticks,.ip-cards ul,.ip-step ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.ip-take li,.ip-ticks li,.ip-cards li,.ip-step li{display:flex;gap:10px;font-size:15.5px;color:var(--ink-2)}
@media (min-width:992px){.ip-def{grid-template-columns:1.2fr .8fr;gap:56px}}

.ip-cards{display:grid;gap:16px}
.ip-card-x{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s}
a.ip-card-x:hover{transform:translateY(-3px);box-shadow:var(--shadow);color:var(--ink)}
.ip-card-x h3{font-size:19px;line-height:1.3;margin:0}
.ip-card-x p{font-size:15.5px;color:var(--ink-2);margin:0}
.ip-card-x em{font-style:normal;font-weight:700;font-size:14.5px;color:var(--green-d);display:inline-flex;align-items:center;gap:6px;margin-top:auto}
.ip-card-x em svg{width:14px;height:14px}
.ip-ic{width:42px;height:42px;border-radius:11px;background:var(--green-soft);display:grid;place-items:center;flex:none}
.ip-ic svg{width:22px;height:22px;color:var(--green-d)}
.ip-k{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green-d)}
.ip-lg{height:28px;width:auto;align-self:flex-start}
.ip-dark{background:var(--forest);color:#dbe7e0}.ip-dark .h2{color:#fff}.ip-dark .h2 span{color:#9fb8ab}.ip-dark .lead-x{color:#b9cdc2}.ip-dark .eyebrow{color:var(--lime)}
.ip-dark .ip-card-x{background:rgba(255,255,255,.04);border-color:#22493a;color:#dbe7e0}.ip-dark .ip-card-x h3{color:#fff}.ip-dark .ip-card-x p,.ip-dark .ip-card-x li{color:#b9cdc2}
@media (min-width:768px){.ip-cards.c2,.ip-cards.c3,.ip-cards.c4{grid-template-columns:1fr 1fr}}
@media (min-width:992px){.ip-cards.c3{grid-template-columns:repeat(3,1fr)}.ip-cards.c4{grid-template-columns:repeat(4,1fr)}}

.ip-steps{display:grid;gap:20px}
.ip-step{display:grid;gap:20px;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;background:#fff}
.ip-step .n{font-size:13px;font-weight:700;color:var(--orange-d);letter-spacing:.08em}
.ip-step h3{font-size:22px;margin:6px 0 10px}
.ip-step p{color:var(--ink-2);font-size:16px}
.ip-step-v{min-width:0}
.ip-cardwrap{display:flex;flex-direction:column;align-items:center}
.ip-cardwrap .hc-cur{display:none}
@media (min-width:992px){.ip-step{grid-template-columns:1fr 1fr;gap:40px;padding:36px;align-items:center}.ip-step:nth-child(even) .ip-step-v{order:-1}}
.ip-panel{background:#f7f6f2;border-radius:16px;padding:18px}
.ip-panel-h{display:flex;flex-direction:column;margin-bottom:10px}
.ip-panel-h b{font-size:15px}.ip-panel-h small{font-size:12.5px;color:var(--ink-3)}
.ip-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;background:#fff;border-radius:10px;padding:10px 12px;margin-top:8px;font-size:14px;opacity:0;transform:translateY(8px);transition:opacity .45s var(--d),transform .5s var(--d)}
.ip-step.in .ip-row{opacity:1;transform:none}
.ip-row .v{grid-column:1;color:var(--ink-3);font-size:13px}
.ip-row span:first-child{font-weight:700}
.ip-row .pl{grid-row:1/span 2;grid-column:2;font-style:normal}
.ip-note{font-size:12.5px;color:var(--ink-3);margin:10px 2px 0}

.ip-table{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;-webkit-overflow-scrolling:touch}
.ip-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.ip-table th,.ip-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ip-table thead th{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);background:var(--mist)}
.ip-table thead th.us{color:var(--green-d)}
.ip-table td{color:var(--ink-2)}
.ip-table td.us{background:#f6fbf4;color:var(--ink)}
.ip-table tbody th{font-weight:700;color:var(--ink);min-width:160px}
.ip-table tr:last-child>*{border-bottom:0}

.ip-on{display:grid;gap:16px}
.ip-old,.ip-new{border-radius:var(--r-lg);padding:26px}
.ip-old{background:#fff;border:1px solid var(--line)}
.ip-new{background:var(--forest);color:#dbe7e0}
.ip-old b,.ip-new b{display:block;font-size:18px;margin-bottom:14px}
.ip-new b{color:#fff}
.ip-on ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ip-on li{display:flex;gap:10px;font-size:15.5px}
.ip-old li{color:var(--ink-2)}
.ip-old .x{color:var(--red);font-weight:700;width:15px;flex:none}
.ip-new svg{stroke:var(--lime) !important}
@media (min-width:768px){.ip-on{grid-template-columns:1fr 1fr}}

.ip-pb{display:grid;gap:28px;align-items:center}
.ip-pb-ph{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/11}
.ip-pb-ph img{width:100%;height:100%;object-fit:cover}
@media (min-width:992px){.ip-pb{grid-template-columns:1fr 1fr;gap:56px}.ip-pb.flip .ip-pb-ph{order:2}}

.ip-stats{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
.ip-stats div{display:flex;flex-direction:column;gap:4px;border-top:2px solid var(--green);padding-top:14px}
.ip-stats b{font-size:clamp(34px,5vw,52px);letter-spacing:-.03em;line-height:1}
.ip-stats span{font-size:15px;color:var(--ink-2)}
.ip-stats a{font-size:12.5px;color:var(--ink-3)}
@media (min-width:992px){.ip-stats{grid-template-columns:repeat(4,1fr)}}

.ip-quote{max-width:880px;margin:0 auto;text-align:center}
.ip-quote blockquote{font-size:clamp(22px,2.6vw,32px);line-height:1.35;letter-spacing:-.01em;margin:0 0 22px}
.ip-quote figcaption{display:inline-flex;align-items:center;gap:12px;text-align:left}
.ip-quote img{border-radius:50%}
.ip-quote b{display:block}.ip-quote small{color:var(--ink-3)}

.ip-int{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ip-int div{display:grid;place-items:center;height:76px;border:1px solid var(--line);border-radius:14px;background:#fff}
.ip-int img{max-height:26px;width:auto;max-width:120px}
@media (min-width:768px){.ip-int{grid-template-columns:repeat(5,1fr)}}

.ip-links{display:grid;gap:12px}
.ip-links a{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.ip-links a:hover{border-color:var(--green);transform:translateY(-2px);color:var(--ink)}
.ip-links a>span:not(.ip-ic){flex:1;display:flex;flex-direction:column}
.ip-links small{color:var(--ink-3);font-size:14px}
.ip-links a>svg{width:16px;height:16px;flex:none}
@media (min-width:768px){.ip-links{grid-template-columns:1fr 1fr}}
@media (min-width:992px){.ip-links{grid-template-columns:repeat(3,1fr)}}

.ip-people{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}
.ip-people>div{display:flex;flex-direction:column;gap:4px}
.ip-people img,.ip-init{width:100%;aspect-ratio:1;border-radius:18px;object-fit:cover;background:var(--panel-2);margin-bottom:10px}
.ip-init{display:grid;place-items:center;font-size:42px;font-weight:700;color:var(--green-d)}
.ip-people b{font-size:17px}.ip-people small{color:var(--ink-3);font-size:14px}
.ip-people p{font-size:14.5px;color:var(--ink-2);margin:6px 0 0}
.ip-people a{font-size:14px;font-weight:700;color:var(--green-d);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.ip-people a svg{width:13px;height:13px}
@media (min-width:768px){.ip-people{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.ip-people{grid-template-columns:repeat(5,1fr)}}

.ip-prose{max-width:820px}
.ip-prose h3{font-size:21px;margin:30px 0 10px}
.ip-prose p,.ip-prose li{color:var(--ink-2);font-size:16.5px}
.ip-prose ul{padding-left:20px}

.ip-tl{list-style:none;padding:0;margin:0;border-left:2px solid var(--line);display:grid;gap:22px}
.ip-tl li{position:relative;padding-left:24px;display:flex;flex-direction:column;gap:4px}
.ip-tl li:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--green)}
.ip-tl b{font-size:14px;color:var(--green-d)}
.ip-tl strong{display:block;font-size:17px;color:var(--ink)}
.ip-tl span{color:var(--ink-2)}

.ip-list{display:grid;gap:16px}
.ip-list a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s}
.ip-list a:hover{transform:translateY(-3px);box-shadow:var(--shadow);color:var(--ink)}
.ip-list-ph{aspect-ratio:16/9;overflow:hidden;background:var(--mist)}
.ip-list-ph img{width:100%;height:100%;object-fit:cover}
.ip-list-b{padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.ip-list-b small{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green-d)}
.ip-list-b b{font-size:18px;line-height:1.3}
.ip-list-b span{font-size:15px;color:var(--ink-2)}
@media (min-width:768px){.ip-list{grid-template-columns:1fr 1fr}}
@media (min-width:992px){.ip-list{grid-template-columns:repeat(3,1fr)}}

.ip-ctab{display:flex;flex-direction:column;gap:20px;background:var(--forest);color:#dbe7e0;border-radius:28px;padding:32px}
.ip-ctab .h2{color:#fff;margin-bottom:8px}.ip-ctab .h2 span{color:#9fb8ab}
.ip-ctab p{color:#b9cdc2;margin:0}
.ip-ctab .hero-ctas{justify-content:flex-start}
.ip-ctab .btn-gh{color:#fff;border-color:#3d6656}
@media (min-width:992px){.ip-ctab{flex-direction:row;align-items:center;justify-content:space-between;padding:44px 48px}}

/* phones: tighter bands and full width buttons in heroes */
@media (max-width:575px){
  .ip .band{padding:60px 0}
  .ip-hero .hero-ctas .btn-x{flex:1 1 auto;justify-content:center}
  .ip-step{padding:20px}
  .ip-card-x{padding:20px}
  .cs-grid{grid-template-columns:1fr}
}

/* Mobile menu: a full height panel under the header, with clear rows and a full width demo button */
@media (max-width:1199px){
  .hdr .navbar{padding-top:10px;padding-bottom:10px}
  .hdr .brand img{height:32px}
  .hdr .navbar-toggler{padding:8px;margin-right:-8px}
  .hdr .navbar-toggler:focus{box-shadow:none}
  .hdr .navbar-collapse{position:fixed;left:0;right:0;top:var(--hdr-h,60px);bottom:0;max-height:none;background:#fff;overflow-y:auto;padding:8px 16px 40px;border-top:1px solid var(--line);-webkit-overflow-scrolling:touch}
  .hdr .navbar-collapse.collapsing{transition:none;height:auto !important}
  .hdr .navbar-nav>.nav-item{border-bottom:1px solid var(--line)}
  .hdr .navbar-nav .nav-link{padding:16px 4px !important;font-size:17px;border-radius:0;display:flex;justify-content:space-between;align-items:center}
  .hdr .navbar-nav .nav-link:hover,.hdr .navbar-nav .nav-link.show{background:none}
  .hdr .mega .mega-col{margin-bottom:8px}
  .hdr .mega-promo{display:none}
  .hdr .navbar-collapse .btn-x{width:100%;justify-content:center;margin-top:20px}
  body.nav-open{overflow:hidden}
}
@media (max-width:1199px){.hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}}
.hdr .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230f1a14' stroke-linecap='round' stroke-width='2' d='M8 8l14 14M22 8L8 22'/%3e%3c/svg%3e")}
/* Compare tables stack into one card per row on phones, each value labelled with its column */
@media (max-width:640px){
  .ip-table{border:0;background:none;overflow:visible}
  .ip-table table{min-width:0}
  .ip-table thead{display:none}
  .ip-table tr{display:block;border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:12px;overflow:hidden}
  .ip-table tbody th{display:block;min-width:0;padding:14px 16px 6px;border:0;font-size:16px}
  .ip-table td{display:block;border:0;padding:8px 16px 12px}
  .ip-table td:before{content:attr(data-label);display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
  .ip-table td.us{background:#f6fbf4}
  .ip-table td.us:before{color:var(--green-d)}
  .ip-table tr:last-child>*{border-bottom:0}
}

/* ===== Flexport style inner pages (main.style-fx). Editorial heads, photography, one product screenshot. ===== */
.style-fx{--fx-line:#e4e2dd;--fx-mute:#6b6b6b}
.fx-hero{position:relative;min-height:min(88vh,760px);display:flex;align-items:center;overflow:hidden;background:#1d2a24}
.fx-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fx-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,14,.55),rgba(8,20,14,.15) 60%,rgba(8,20,14,0))}
.fx-hero .container-x{position:relative;z-index:1;width:100%}
.fx-hero-panel{max-width:600px;background:rgba(14,24,19,.46);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:34px 34px 30px;color:#fff}
.fx-hero-panel h1{color:#fff;font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.05;letter-spacing:-.03em;margin:8px 0 0}
.fx-hero-panel h1 span{color:rgba(255,255,255,.72)}
.fx-hero-panel .ip-sub{color:rgba(255,255,255,.86);font-size:17px;margin:18px 0 24px}
.fx-hero-panel .eyebrow{color:#cfe8c9}.fx-hero-panel .eyebrow i{border-left-color:var(--lime)}
.fx-hero-panel .crumbs,.fx-hero-panel .crumbs a{color:rgba(255,255,255,.7)}
.fx-hero-panel .btn-gh{color:#fff;border-color:rgba(255,255,255,.5)}
.fx-hero-panel .ip-chips{color:rgba(255,255,255,.88)}.fx-hero-panel .ip-chips svg{stroke:var(--lime)}
.fx-hero-panel .hero-ctas{justify-content:flex-start}
.fx-hero-wide .fx-hero-panel{max-width:880px}.fx-hero-wide .fx-hero-panel .ip-sub{max-width:none}.fx-hero-wide .fx-hero-panel h1 span{display:block}
.fx-sec{padding:88px 0 0}
.fx-sec>.container-x{border-top:1px solid var(--fx-line);padding-top:22px}
.fx-sec.fx-tight{padding-top:72px}
.fx-sec.fx-tight>.container-x{border-top:0;padding-top:0}
.fx-grid{display:grid;gap:10px 40px}
.fx-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-mute);margin:0 0 6px}
.fx-h2{font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.025em;margin:0 0 18px;color:var(--ink)}
.fx-h2 span{color:var(--fx-mute)}
.fx-p{font-size:17px;line-height:1.6;color:#3b3b3b;max-width:720px}
.fx-take{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.fx-take li{display:flex;gap:10px;font-size:16px;color:#3b3b3b}
.fx-take svg{width:16px;height:16px;flex:none;margin-top:3px;fill:none;stroke:var(--green-d);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:992px){.fx-grid{grid-template-columns:1fr 2fr}.fx-main{grid-column:2}}

/* feature tabs: big media left, accordion right */
.fx-tabs{display:grid;gap:28px;margin-top:40px}
.fx-media{display:none;position:relative;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#f2f1ee}
.fx-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease,transform 6s ease;transform:scale(1.04)}
.fx-media img.on{opacity:1;transform:scale(1)}
.fx-media img.shot{object-fit:contain;object-position:left center;background:#fff;padding:18px}
.fx-list{list-style:none;padding:0;margin:0}
.fx-list li{border-bottom:1px solid var(--fx-line)}
.fx-list button{position:relative;width:100%;text-align:left;background:none;border:0;padding:18px 0;font:400 19px Arial,Helvetica,sans-serif;color:var(--fx-mute);cursor:pointer}
.fx-list li.on button{color:var(--ink)}
.fx-bar{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--green)}
.fx-list li.on .fx-bar{animation:fxbar 6s linear forwards}
.fx-tabs.paused .fx-list li.on .fx-bar{animation:none;width:100%}
@keyframes fxbar{to{width:100%}}
.fx-body{display:none;padding:0 0 20px}
.fx-list li.on .fx-body{display:block;animation:fade .4s}
.fx-body p{font-size:16px;line-height:1.6;color:#3b3b3b;margin:0 0 10px}
.fx-body a{font-weight:700;font-size:14.5px;color:var(--green-d);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.fx-body a svg{width:14px;height:14px}
.fx-m{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;margin-top:14px}
@media (min-width:992px){.fx-tabs{grid-template-columns:1fr 1fr;gap:56px;align-items:start}.fx-media{display:block;position:sticky;top:110px}.fx-m{display:none}}

.fx-cols{display:grid;gap:30px}
.fx-cols h3,.fx-four h3{font-weight:400;font-size:22px;letter-spacing:-.01em;margin:14px 0 8px}
.fx-cols p,.fx-four p{font-size:15.5px;line-height:1.6;color:#3b3b3b;margin:0 0 10px}
.fx-ic{width:34px;height:34px;border-radius:6px;background:#eef3ec;display:grid;place-items:center}
.fx-ic svg{width:18px;height:18px;color:var(--green-d)}
.fx-four a{font-weight:700;font-size:14px;color:var(--green-d);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.fx-four a svg{width:13px;height:13px}
@media (min-width:768px){.fx-cols{grid-template-columns:repeat(3,1fr)}}
@media (min-width:992px){.fx-cols{padding-left:calc(33.33% + 13px)}}

.fx-stats{display:grid;gap:30px;margin-top:36px}
.fx-stats div{display:flex;flex-direction:column;gap:8px}
.fx-stats b{font-weight:400;font-size:clamp(56px,7vw,96px);line-height:1;letter-spacing:-.04em}
.fx-stats span{font-size:15px;color:#3b3b3b;max-width:260px}
.fx-stats a{font-size:12.5px;color:var(--fx-mute)}
@media (min-width:768px){.fx-stats{grid-template-columns:repeat(3,1fr)}}
@media (min-width:992px){.fx-stats{padding-left:calc(33.33% + 13px)}}

.fx-logos{overflow:hidden;margin-top:40px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.fx-logo-track{display:flex;align-items:center;gap:72px;width:max-content;animation:mq 40s linear infinite}
.fx-logo-track img{width:auto;filter:grayscale(1);opacity:.75}

.fx-shot-wrap{display:grid;gap:28px;align-items:center}
.fx-shot{border-radius:6px;overflow:hidden;border:1px solid var(--fx-line);box-shadow:0 40px 80px -50px rgba(15,26,20,.45);background:#fff}
.fx-shot img{display:block;width:100%;height:auto}
@media (min-width:992px){.fx-shot-wrap{grid-template-columns:1.55fr 1fr;gap:48px}}

.fx-four{display:grid;gap:30px;margin-top:36px}
@media (min-width:768px){.fx-four{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.fx-four{grid-template-columns:repeat(4,1fr)}}

.fx-testi{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
.fx-testi figure{margin:0}
.fx-qm{display:block;font-size:64px;line-height:.6;color:var(--ink);font-family:Georgia,serif}
.fx-testi blockquote{font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.25;letter-spacing:-.015em;margin:12px 0 24px}
.fx-testi figcaption{border-top:1px solid var(--fx-line);padding-top:14px}
.fx-testi figcaption b{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.fx-testi figcaption small{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--fx-mute)}
.fx-video{position:relative;display:block;width:100%;min-width:0;border-radius:6px;overflow:hidden;aspect-ratio:16/10;background:#000}
.fx-video img{width:100%;height:100%;object-fit:cover}
.fx-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fx-video .play{position:absolute;left:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center}
.fx-video .play svg{width:20px;height:20px;fill:var(--ink);margin-left:3px}
@media (min-width:992px){.fx-testi{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}

.fx-dark{margin-top:96px;background:#0d1d16;color:#d7e3dc;padding:84px 0}
.fx-dark .fx-label{color:#9fb8ab}
.fx-dark h2{color:#fff;font-weight:400;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.02em;margin:6px 0 12px}
.fx-dark p{color:#b9cdc2;margin:0 auto 26px;max-width:560px}
.fx-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.6);color:#fff;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:13px 20px;border-radius:4px;transition:background .2s,color .2s}
.fx-btn:hover{background:#fff;color:var(--ink)}
.fx-btn svg{width:14px;height:14px}

.fx-rel{display:grid;gap:26px}
.fx-rel a{display:flex;flex-direction:column;gap:8px;color:var(--ink);text-decoration:none}
.fx-rel-ph{aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#f2f1ee;margin-bottom:6px}
.fx-rel-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.fx-rel a:hover .fx-rel-ph img{transform:scale(1.04)}
.fx-rel b{font-weight:400;font-size:21px;letter-spacing:-.01em}
.fx-rel span{font-size:15px;color:#3b3b3b}
.fx-rel em{font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;margin-top:4px}
.fx-rel em svg{width:13px;height:13px}
.fx-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fx-mute)}
@media (min-width:640px){.fx-rel{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.fx-rel{grid-template-columns:repeat(4,1fr)}}
.style-fx .faq,.style-fx #book{margin-top:96px}
@media (max-width:575px){.fx-hero{min-height:auto;padding:120px 0 40px}.fx-hero-panel{padding:24px}.fx-sec{padding-top:64px}.fx-dark{margin-top:64px;padding:64px 0}}
.style-fx .h2,.style-fx .faq h2{font-weight:400;letter-spacing:-.025em}
.style-fx .faq .eyebrow,.style-fx #book .eyebrow{color:#6b6b6b;font-size:12px;letter-spacing:.14em}
.style-fx .faq .eyebrow i,.style-fx #book .eyebrow i{display:none}

/* Feature tab slides: photo plus an optional product animation (src/fxscenes.mjs) */
.fx-media{display:block;position:relative;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#f2f1ee}
.fx-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.fx-slide.on{opacity:1}
.fx-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 6s ease}
.fx-slide.on>img{transform:scale(1)}
.fx-slide.has-scene>img{filter:saturate(.9)}
.fx-slide.has-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(10,22,16,0) 30%,rgba(10,22,16,.45))}
.fx-slide.shot>img{object-fit:contain;background:#fff;padding:18px;transform:none}
.fx-m{display:none !important}
@media (max-width:991px){.fx-media{margin-bottom:6px}}
@media (min-width:992px){.fx-media{position:sticky;top:110px}}

.fxs{position:absolute;z-index:2;right:5%;bottom:6%;width:min(82%,430px);background:#fff;border-radius:10px;box-shadow:0 30px 60px -24px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.04);overflow:hidden;font-size:12.5px;color:var(--ink);opacity:0;transform:translateY(24px) scale(.97)}
.fx-slide.on .fxs{animation:fxsIn .7s cubic-bezier(.2,.8,.2,1) .15s forwards}
@keyframes fxsIn{to{opacity:1;transform:none}}
.fxs-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:3px solid var(--green-d);background:#fff}
.fxs-bar b{font-size:13px;letter-spacing:-.01em}.fxs-bar b span{font-weight:400}
.fxs-bar em{font-style:normal;font-size:11px;color:#6b776f;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fxs-body{padding:14px}
/* items that appear in sequence: every direct child with --d */
.fxs [style*="--d"]{opacity:0;transform:translateY(8px)}
.fx-slide.on .fxs [style*="--d"]{animation:fxsUp .45s ease var(--d) forwards}
@keyframes fxsUp{to{opacity:1;transform:none}}
.fxs-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.fxs-pill{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-weight:700;font-size:11px;border-radius:999px;padding:5px 10px;background:#f1efeb;color:#3d4a43}
.fxs-pill.g{background:var(--green-soft);color:var(--green-d)}
.fxs svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.fxs-btn{font-style:normal;font-weight:700;font-size:11px;background:var(--amber);border-radius:7px;padding:6px 10px;white-space:nowrap}
/* request form */
.fxs-f{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}
.fxs-f small{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a948e}
.fxs-f .ty{display:block;border:1px solid #e3dfd8;border-radius:7px;padding:7px 9px;font-weight:700;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0)}
.fx-slide.on .fxs-f .ty{animation:fxsType .6s steps(18) calc(var(--d) + .15s) forwards}
@keyframes fxsType{to{clip-path:inset(0 0 0 0)}}
/* draft clauses */
.fxs-chip{display:inline-block;font-weight:700;font-size:11px;background:#eef3ec;color:var(--green-d);border-radius:6px;padding:5px 9px;margin-bottom:10px}
.fxs-cl{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;border:1px solid #ece9e4;border-radius:8px;padding:8px 10px;margin-bottom:7px}
.fxs-cl>b{font-size:11px;color:#8a948e}
.fxs-cl span{display:flex;flex-direction:column;gap:4px;font-weight:700}
.fxs-cl span i{display:block;height:4px;border-radius:2px;background:#eeebe6}.fxs-cl span i.s{width:60%}
.fxs-cl em{font-style:normal;font-size:10px;font-weight:700;color:var(--green-d);background:var(--green-soft);border-radius:999px;padding:3px 7px}
/* negotiate */
.fxs-doc{font-size:12.5px;line-height:1.55;color:#3d4a43;margin:0 0 10px}
.fxs-doc s{text-decoration:none;background:linear-gradient(#c43b2e,#c43b2e) no-repeat 0 55%/0 1.5px;color:inherit}
.fx-slide.on .fxs-doc s{animation:fxsStrike .5s ease var(--d) forwards}
@keyframes fxsStrike{to{background-size:100% 1.5px;color:#c43b2e}}
.fxs-doc u{text-decoration:none;opacity:0;color:#2b5fb4;background:#e8f0fd;border-radius:3px;padding:0 2px}
.fx-slide.on .fxs-doc u{animation:fxsUp .4s ease var(--d) forwards}
.fxs-ln{display:block;height:5px;border-radius:3px;background:#eeebe6;margin:6px 0}.fxs-ln.s{width:62%}
.fxs-cm{margin-top:10px;background:#fff8dc;border:1px solid #f0dd8f;border-radius:8px;padding:8px 10px;font-size:11.5px;color:#5b4a00}
.fxs-cm b{display:block;font-size:10.5px}
/* review scores */
.fxs-sc{display:grid;grid-template-columns:1fr 90px;gap:10px;align-items:center;padding:6px 0;font-weight:700;font-size:12px}
.fxs-sc i{height:6px;border-radius:4px;background:#eeebe6;overflow:hidden}
.fxs-sc b{display:block;height:100%;width:0;border-radius:4px;background:var(--green)}
.fxs-sc.r b{background:var(--red)}
.fx-slide.on .fxs-sc b{animation:fxsBar .8s ease calc(var(--d) + .2s) forwards}
@keyframes fxsBar{to{width:var(--w)}}
.fxs-flag{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;background:var(--red-soft);border-radius:8px;padding:9px 10px}
.fxs-flag span{font-size:11px;color:#8f2a22}.fxs-flag b{display:block;font-size:12px;color:var(--red)}
.fx-slide.on .fxs-flag .fxs-btn{animation:fxsPress 4.5s ease forwards}
@keyframes fxsPress{0%,62%{transform:none;box-shadow:none}66%{transform:scale(.92);box-shadow:0 0 0 5px rgba(249,167,38,.35)}72%,100%{transform:none;box-shadow:none}}
/* approve chain */
.fxs-note{font-size:11.5px;color:#6b776f;margin:0 0 12px}
.fxs-chain{display:flex;align-items:flex-start}
.fxs-chain>div{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:31%}
.fxs-chain b{font-size:12px}.fxs-chain small{font-size:10.5px;color:var(--green-d);font-weight:700}
.fxs-dot{width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}
.fxs-dot svg{width:15px;height:15px}
.fxs-link{flex:1;height:2px;background:#e3dfd8;margin-top:17px}
/* signature */
.fxs-sig{border:1px dashed #d8d3cb;border-radius:8px;padding:10px 12px 8px}
.fxs-sig small{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a948e}
.fxs-sig svg{display:block;width:100%;height:64px;stroke:#1b2a52;stroke-width:2.4;stroke-dasharray:900;stroke-dashoffset:900}
.fx-slide.on .fxs-sig svg{animation:fxsDraw 1.8s ease .6s forwards}
@keyframes fxsDraw{to{stroke-dashoffset:0}}
.fxs-stamp{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-weight:700;font-size:11.5px;color:var(--green-d);border:1.5px solid var(--green);border-radius:6px;padding:3px 8px;transform:rotate(-6deg)}
/* store: the real dashboard */
.fxs-shot{width:min(90%,520px);padding:0;border-radius:8px}
.fxs-shot img{display:block;width:100%;height:auto;transform-origin:20% 30%}
.fx-slide.on .fxs-shot img{animation:fxsPan 6s ease .6s forwards}
@keyframes fxsPan{to{transform:scale(1.45) translate(-6%,-6%)}}
.fxs-ring{position:absolute;left:58%;top:26%;width:30%;height:22%;border:2px solid var(--amber);border-radius:8px;opacity:0}
.fx-slide.on .fxs-ring{animation:fxsUp .4s ease 3.6s forwards}
/* track renewals */
.fxs-tl{position:relative;height:56px;margin-bottom:8px}
.fxs-months{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;color:#8a948e;border-bottom:1px solid #e3dfd8;padding-bottom:6px}
.fxs-win{position:absolute;left:44%;width:24%;top:26px;height:12px;border-radius:4px;background:repeating-linear-gradient(45deg,#fde3c3,#fde3c3 4px,#fff1e0 4px,#fff1e0 8px);opacity:0}
.fx-slide.on .fxs-win{animation:fxsUp .5s ease 1.2s forwards}
.fxs-now{position:absolute;left:4%;top:20px;width:2px;height:26px;background:var(--ink)}
.fx-slide.on .fxs-now{animation:fxsNow 1.4s cubic-bezier(.4,0,.2,1) .5s forwards}
@keyframes fxsNow{to{left:40%}}
.fxs-toast{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #ece9e4;border-radius:8px;padding:9px 10px;box-shadow:0 10px 24px -14px rgba(15,26,20,.35)}
.fxs-toast span{font-size:11px;color:#6b776f}.fxs-toast b{display:block;font-size:12px;color:var(--ink)}
/* person card in testimonials */
.fx-person{display:flex;flex-direction:column;gap:22px;justify-content:center;background:#f5f4f0;border-radius:6px;padding:40px;min-height:300px}
.fx-person-logo{height:40px;width:auto;align-self:flex-start}
.fx-person-who{display:flex;align-items:center;gap:16px}
.fx-person-who img{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #fff}
.fx-person-who b{display:block;font-size:17px}.fx-person-who small{font-size:14px;color:#6b6b6b}
.fx-person a{font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.fx-person a svg{width:13px;height:13px}
@media (max-width:575px){.fxs{width:90%;right:5%;font-size:11.5px}.fx-person{padding:26px;min-height:0}}
@media (prefers-reduced-motion:reduce){.fxs,.fxs [style*="--d"],.fxs-f .ty,.fxs-doc u,.fxs-win,.fxs-ring{opacity:1 !important;transform:none !important;clip-path:none !important}.fxs-sc b{width:var(--w) !important}.fxs-sig svg{stroke-dashoffset:0 !important}}
.fx-media .fx-slide>img{opacity:1}
.fx-media .fxs-shot img{position:static;inset:auto;opacity:1;width:100%;height:auto;object-fit:initial;transition:none}
.fxs .fxs-doc s[style]{opacity:1;transform:none}
.fx-slide.on .fxs .fxs-doc s[style]{animation:fxsStrike .5s ease var(--d) forwards}
@keyframes fxsPan{to{transform:scale(1.1) translate(-2%,-1%)}}
.fxs-ring{left:36%;top:40%;width:31%;height:50%}
.fxs-shot{right:4%;bottom:auto;top:50%;width:min(92%,540px);transform:translateY(-40%) scale(.97)}
.fx-slide.on .fxs-shot{animation:fxsInShot .7s cubic-bezier(.2,.8,.2,1) .15s forwards}
@keyframes fxsInShot{to{opacity:1;transform:translateY(-50%)}}
.fx-ph{border-radius:6px;overflow:hidden;aspect-ratio:16/11}
.fx-ph img{width:100%;height:100%;object-fit:cover}
@media (min-width:992px){.fx-shot-wrap.flip .fx-ph,.fx-shot-wrap.flip .fx-shot{order:2}}
.fx-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;margin-top:6px}
.fx-more svg{width:13px;height:13px}
.fx-int{display:grid;grid-template-columns:repeat(2,1fr);margin-top:36px;border-top:1px solid var(--fx-line);border-left:1px solid var(--fx-line)}
.fx-int div{display:grid;place-items:center;height:96px;border-right:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line)}
.fx-int img{max-height:28px;width:auto;max-width:120px}
@media (min-width:768px){.fx-int{grid-template-columns:repeat(5,1fr)}}
.fx-cs{margin-top:36px}
.style-fx .cs{border-radius:6px;border-color:var(--fx-line)}
.style-fx .cs-b h3{font-weight:400;font-size:20px}
@media (max-width:767px){.fx-media{aspect-ratio:4/5}.fxs{font-size:11.5px;bottom:4%}.fxs-shot{top:50%}}
@media (max-width:767px){.fxs-ring{display:none}}

/* ===== Theme "navy" (Mac, 3 Nov 2026): Navy #0F1E33, Orange #F56200, Charcoal #33475B, Peach #EFF3F8,
   white and a near-black footer. Applied per page with "theme": "navy" (Contractflow and Obligationflow first). ===== */
body.theme-navy{--ink:#0F1E33;--ink-2:#33475B;--ink-3:#5d6f82;--line:#e6e1dc;--line-2:#d6cfc8;
  --green:#F56200;--green-d:#C24E00;--green-soft:#EFF3F8;--lime:#F56200;--teal:#F56200;
  --amber:#F56200;--amber-h:#DD5800;--orange-d:#C24E00;--forest:#0F1E33;--forest-2:#16294A;--forest-line:#25395a;
  --panel:#EFF3F8;--panel-2:#E2E9F2;--mist:#EFF3F8;--grad:linear-gradient(120deg,#F56200,#FF9A4D);--fx-mute:#5d6f82;
  color:#33475B}
.theme-navy h1,.theme-navy h2,.theme-navy h3,.theme-navy h4{color:#0F1E33}
.theme-navy a{color:#0F1E33}
.theme-navy .btn-or,.theme-navy .btn-or:hover{color:#fff}
.theme-navy .hdr .btn-or{color:#fff}
.theme-navy .ticker{background:#0F1E33;color:#d9e1ec}.theme-navy .ticker a{color:#d9e1ec}.theme-navy .ticker a i{border-left-color:#F56200}
.theme-navy .eyebrow{color:#C24E00}.theme-navy .eyebrow i{border-left-color:#F56200}
.theme-navy .ftr{background:#0B0D10;color:#9aa3ad}.theme-navy .ftr p{color:#9aa3ad}.theme-navy .ftr a{color:#c9cfd6}.theme-navy .ftr a:hover{color:#fff}
/* Flexport style blocks */
.theme-navy .fx-hero{background:#0F1E33}
.theme-navy .fx-hero:after{background:linear-gradient(90deg,rgba(15,30,51,.62),rgba(15,30,51,.18) 60%,rgba(15,30,51,0))}
.theme-navy .fx-hero-panel{background:rgba(15,30,51,.55)}
.theme-navy .fx-hero-panel h1,.theme-navy .fx-hero-panel h1 span{color:#fff}.theme-navy .fx-hero-panel h1 span{color:rgba(255,255,255,.74)}
.theme-navy .fx-hero-panel .eyebrow{color:#F56200}.theme-navy .fx-hero-panel .eyebrow i{border-left-color:#F56200}
.theme-navy .fx-hero-panel .crumbs a,.theme-navy .fx-hero-panel .crumbs{color:rgba(255,255,255,.72)}
.theme-navy .fx-hero-panel .btn-gh{color:#fff}
.theme-navy .fx-p,.theme-navy .fx-cols p,.theme-navy .fx-four p,.theme-navy .fx-body p,.theme-navy .fx-take li,.theme-navy .fx-rel span,.theme-navy .fx-stats span{color:#33475B}
.theme-navy .fx-ic{background:#EFF3F8}.theme-navy .fx-ic svg{color:#F56200}
.theme-navy .fx-take svg{stroke:#F56200}
.theme-navy .fx-bar{background:#F56200}
.theme-navy .fx-list li.on button{color:#0F1E33}
.theme-navy .fx-body a,.theme-navy .fx-four a{color:#C24E00}
.theme-navy .fx-dark{background:#0F1E33;color:#d9e1ec}.theme-navy .fx-dark h2{color:#fff}.theme-navy .fx-dark p{color:#b8c4d3}.theme-navy .fx-dark .fx-label{color:#F56200}
.theme-navy .fx-btn{background:#F56200;border-color:#F56200;color:#fff}.theme-navy .fx-btn:hover{background:#DD5800;border-color:#DD5800;color:#fff}
.theme-navy .fx-person{background:#EFF3F8}
.theme-navy .fx-stats b{color:#0F1E33}
.theme-navy .fx-stats div{border-top:2px solid #F56200;padding-top:16px}
.theme-navy .fx-sec>.container-x{border-top-color:#E3E8EF}
.theme-navy .fx-label{color:#C24E00}
.theme-navy .fx-dark .fx-label{color:#F56200}
.theme-navy .cs-b .mod{color:#C24E00}
.theme-navy .faq,.theme-navy #book{background:#EFF3F8}
.theme-navy .faq{background:#fff}
.theme-navy .form-card{border-color:#E3E8EF}
.theme-navy .cta-list b{background:#F56200;color:#fff}
/* product scenes keep semantic green for success, take navy and orange elsewhere */
.theme-navy .fxs-bar{border-bottom-color:#F56200}
.theme-navy .fxs-btn{background:#F56200;color:#fff}
.theme-navy .fxs-chip,.theme-navy .fxs-cl em{background:#EFF3F8;color:#C24E00}
.theme-navy .fxs-pill.g{background:#e9f6e6;color:#23762a}
.theme-navy .fxs-ring{border-color:#F56200}
.theme-navy .fxs-win{background:repeating-linear-gradient(45deg,#cfd9e6,#cfd9e6 4px,#EFF3F8 4px,#EFF3F8 8px)}
/* Obligationflow scenes */
.fxs-ob{display:grid;grid-template-columns:84px 1fr auto;gap:8px;align-items:center;border:1px solid #ece9e4;border-radius:8px;padding:8px 10px;margin-bottom:7px;font-weight:700}
.fxs-ob em{font-style:normal;font-size:10.5px;color:#C24E00;background:#EFF3F8;border-radius:999px;padding:3px 8px;text-align:center}
.fxs-ob small{font-size:10.5px;color:#8a948e}
.fxs-rule{display:grid;grid-template-columns:1fr 18px 1fr;gap:6px;align-items:center;border:1px solid #ece9e4;border-radius:8px;padding:8px 10px;margin-bottom:7px}
.fxs-rule span{color:#5d6f82}.fxs-rule i{font-style:normal;color:#F56200;font-weight:700}.fxs-rule b{font-size:12px}
.fxs-cal{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:10px}
.fxs-cal i{height:20px;border-radius:4px;background:#EFF3F8;border:1px solid #cfd9e6;opacity:0}
.fx-slide.on .fxs-cal i{animation:fxsUp .3s ease calc(2.3s + var(--k) * .08s) forwards}
.fxs-cal small{grid-column:1/-1;font-size:10.5px;color:#5d6f82;margin-top:4px}
.fxs-mail{border:1px solid #ece9e4;border-radius:8px;padding:9px 11px;margin-bottom:8px}
.fxs-mail small{display:block;font-size:10px;color:#8a948e;font-weight:700}
.fxs-mail b{display:block;font-size:12px;margin:2px 0 4px}
.fxs-mail.re{margin-left:18px;background:#fbfaf8}
.fxs-att{display:inline-block;font-size:10.5px;font-weight:700;background:#fde7e3;color:#c43b2e;border-radius:6px;padding:3px 7px}
.fxs-ck{display:flex;align-items:center;gap:8px;padding:6px 0;font-weight:700;font-size:12px;border-bottom:1px dashed #ece9e4}
.fxs-ck.x{color:#c43b2e}
.fxs-dot2{width:18px;height:18px;border-radius:50%;background:#e9f6e6;color:#23762a;display:grid;place-items:center;flex:none;font-size:13px}
.fxs-ck.x .fxs-dot2{background:#fde3df;color:#c43b2e}
.fxs-od{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #ece9e4;border-radius:8px;padding:8px 10px;margin-bottom:7px}
.fxs-od span{font-size:11px;color:#5d6f82}.fxs-od b{display:block;font-size:12px;color:#0F1E33}
.fxs-pill.r{background:#fde3df;color:#c43b2e}
.fxs-esc{display:flex;align-items:center;gap:10px;font-size:11px;color:#5d6f82;margin-top:6px}
.fx-slide.on .fxs-esc .fxs-btn{animation:fxsPress 4.5s ease forwards}
.fxs-ring.ob{left:45%;top:22%;width:53%;height:72%}
.fx-on{display:grid;gap:28px;margin-top:32px}
.fx-on h3{font-weight:400;font-size:22px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--fx-line,#e4e2dd)}
.fx-on ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.fx-on li{display:flex;gap:10px;font-size:16px;color:var(--ink-2)}
.fx-on .x{color:#c43b2e;font-weight:700;width:16px;flex:none}
.fx-on svg{width:16px;height:16px;flex:none;margin-top:3px;fill:none;stroke:var(--green);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.fx-on .new h3{border-bottom:2px solid var(--green)}
@media (min-width:992px){.fx-on{grid-template-columns:1fr 1fr;gap:56px;padding-left:calc(33.33% + 13px)}}

/* Theme navy typography: Arial (Mac reverted from Poppins, 3 Nov 2026) */
.theme-navy .fx-hero-panel h1{font-weight:400}

.theme-navy .ftr h4,.theme-navy .ftr h5,.theme-navy .ftr h6{color:#fff}
.theme-navy .fx-hero-panel h1{font-size:clamp(30px,3.6vw,48px);line-height:1.1}
/* generic scene key values and video cards */
.fxs-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.fxs-kv div{border:1px solid #ece9e4;border-radius:8px;padding:8px}
.fxs-kv small{display:block;font-size:10px;color:#8a948e}.fxs-kv b{font-size:13px}
.fx-vids{display:grid;gap:22px;margin-top:36px}
.fx-vid{display:flex;flex-direction:column;gap:10px;color:var(--ink);text-decoration:none;position:relative}
.fx-vid-ph{position:relative;display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000}
.fx-vid-ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.fx-vid:hover .fx-vid-ph img{transform:scale(1.03)}
.fx-vid .play{position:absolute;left:16px;bottom:16px;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center}
.fx-vid .play svg{width:20px;height:20px;fill:var(--ink);margin-left:3px}
.fx-vid-ph em{position:absolute;right:12px;bottom:12px;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.65);border-radius:4px;padding:3px 7px}
.fx-vid-t small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-d)}
.fx-vid-t b{display:block;font-weight:400;font-size:19px;line-height:1.3;margin-top:4px}
.fx-vid-t span{display:block;font-size:14px;color:var(--ink-3);margin-top:2px}
.fx-vid iframe{position:absolute;left:0;top:0;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:6px}
.fx-vid.big .fx-vid-ph{aspect-ratio:21/9}
.fx-vid.big iframe{aspect-ratio:21/9}
@media (min-width:768px){.fx-vids.n2,.fx-vids.n4{grid-template-columns:1fr 1fr}.fx-vids.n3{grid-template-columns:repeat(3,1fr)}}
@media (min-width:992px){.fx-vids.n1{padding-left:calc(33.33% + 13px)}.fx-vids.n4{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767px){.fx-vid.big .fx-vid-ph,.fx-vid.big iframe{aspect-ratio:16/9}}
.fx-stats{grid-auto-flow:row}
@media (min-width:768px){.fx-stats:has(> :nth-child(4)){grid-template-columns:repeat(4,1fr)}}
.fx-vid.vt{min-height:0;background:none;border-radius:0;overflow:visible}
.fx-vid.vt .fx-vid-ph img{position:absolute;inset:0;opacity:1}
.fx-vid.vt .play{left:16px;top:auto;bottom:16px;background:rgba(255,255,255,.94)}
.theme-navy .fx-vid.vt .play{background:#F56200}.theme-navy .fx-vid.vt .play svg{fill:#fff}
.fx-vid.vt iframe{inset:auto;left:0;top:0;width:100%;aspect-ratio:16/9;height:auto;border-radius:6px}
.fx-vid.big.vt iframe{aspect-ratio:21/9}
.fx-vid-ph{width:100%;flex:none}

/* ===== Blog articles (src/article.mjs), layout after facilio.com/blog posts ===== */
.ar{padding-top:28px}
.ar-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:26px}
.ar-crumbs a{color:var(--ink-3);text-decoration:none}.ar-crumbs i{font-style:normal;opacity:.5}
.ar-head{display:grid;gap:28px;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--line)}
@media (min-width:992px){.ar-head{grid-template-columns:1fr 1fr;gap:48px}}
.ar-cat{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#EFF3F8;color:#C24E00;border-radius:4px;padding:5px 10px}
.ar-head h1{font-weight:400;font-size:clamp(30px,3.6vw,46px);line-height:1.12;letter-spacing:-.025em;margin:14px 0 12px}
.ar-dek{font-size:17px;color:var(--ink-2);margin:0 0 18px}
.ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px;font-size:14px}
.ar-av{width:38px;height:38px;border-radius:50%;background:#0F1E33;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.ar-meta b{display:block}.ar-meta small{color:var(--ink-3)}
.ar-date{margin-left:auto;color:var(--ink-3)}
/* cover */
.ar-cover{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:center;aspect-ratio:16/9;border-radius:8px;overflow:hidden;padding:26px;background:radial-gradient(120% 140% at 0% 0%,#1d355a 0,#0F1E33 55%,#0a1424 100%);color:#fff}
.ar-cover:after{content:"";position:absolute;right:-60px;bottom:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(245,98,0,.35),rgba(245,98,0,0) 70%)}
.ar-cover-l{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}
.ar-brand img{height:20px;width:auto;opacity:.95}
.ar-cover-l small{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F56200}
.ar-cover-l b{font-size:clamp(20px,2.2vw,30px);line-height:1.12;font-weight:700;letter-spacing:-.02em}
.ar-cover-l b em{font-style:normal;color:#F56200}
.ar-cover-l span{font-size:12.5px;color:#b8c4d3}
.ar-cover-ui{position:relative;z-index:1;background:#fff;color:var(--ink);border-radius:8px;padding:12px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);font-size:11.5px}
.ar-ui-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ar-ui-h b{font-size:12px}.ar-ui-h i{font-style:normal;font-size:9.5px;font-weight:700;background:#EFF3F8;color:#C24E00;border-radius:999px;padding:2px 7px}
.ar-ui-r{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-top:1px dashed #e6e9ee}
.ar-ui-r b{display:block;font-size:11.5px}.ar-ui-r small{display:block;font-size:10px;color:#6b776f}
.ar-ui-r .tickc{width:16px;height:16px;flex:none}.ar-ui-r .tickc svg{width:10px;height:10px}
.ar-cover.sm{aspect-ratio:16/9;padding:16px;grid-template-columns:1fr}
.ar-cover.sm .ar-cover-l b{font-size:18px}.ar-cover.sm .ar-cover-ui{display:none}
@media (max-width:575px){.ar-cover{grid-template-columns:1fr;aspect-ratio:auto;min-height:220px}.ar-cover-ui{display:none}}
/* body */
.ar-body{display:grid;gap:40px;padding-top:34px}
@media (min-width:992px){.ar-body{grid-template-columns:minmax(0,1fr) 320px;gap:56px}}
.ar-main{min-width:0;font-size:17px;line-height:1.7;color:#33475B}
.ar-main p{margin:0 0 18px}
.ar-main h2{font-weight:500;font-size:clamp(25px,2.4vw,32px);line-height:1.22;letter-spacing:-.02em;margin:54px 0 16px;scroll-margin-top:110px}
.ar-main h3{font-weight:700;font-size:19px;margin:30px 0 10px;scroll-margin-top:110px}
.ar-main ul,.ar-main ol{padding-left:22px;margin:0 0 20px}.ar-main li{margin-bottom:8px}
.ar-main a{color:#C24E00;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(194,78,0,.35)}
.ar-lead{font-size:18.5px;color:#0F1E33}
.ar-take{border:1px solid var(--line);border-radius:8px;padding:20px 22px;margin:22px 0 10px;background:#fff;box-shadow:0 10px 30px -24px rgba(15,30,51,.4)}
.ar-take>small{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0F1E33;margin-bottom:12px}
.ar-take>small i{width:18px;height:18px;border-radius:50%;background:#0F1E33;display:grid;place-items:center}
.ar-take>small i svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:3}
.ar-take ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ar-take li{display:flex;gap:10px;font-size:15.5px;margin:0}
.ar-take li svg{width:18px;height:18px;flex:none;padding:3px;border-radius:4px;background:#e9f6e6;stroke:#23762a;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.ar-table{overflow-x:auto;border-radius:8px;border:1px solid var(--line);margin:8px 0 8px}
.ar-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.ar-table th,.ar-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.ar-table thead th{background:#0F1E33;color:#fff;font-weight:700;font-size:13.5px}
.ar-table tbody th{font-weight:700;color:#0F1E33;min-width:140px}
.ar-table tr.hi>*{background:#EFF3F8}
.ar-cap{font-size:13.5px;color:var(--ink-3);text-align:center;margin:8px 0 22px !important}
.ar-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:#0B0D10;color:#fff;border-radius:8px;padding:20px 22px;margin:26px 0}
.ar-cta b{display:block;font-size:17px}.ar-cta span{font-size:14px;color:#b8c4d3}
.ar-main .ar-cta a{border:0;background:#fff;color:#0F1E33;border-radius:999px;padding:10px 16px;font-size:14px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ar-cta a svg{width:14px;height:14px}
.ar-fig{margin:26px 0}
.ar-fig figcaption{font-size:13.5px;font-weight:700;color:#0F1E33;text-align:center;margin-top:10px}
.ar-steps,.ar-split{border-radius:8px;padding:24px;background:radial-gradient(120% 140% at 0% 0%,#1d355a 0,#0F1E33 55%,#0a1424 100%);color:#fff;position:relative;overflow:hidden}
.ar-steps>small,.ar-split>small{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.1);border-radius:4px;padding:4px 8px}
.ar-steps>b,.ar-split>b{display:block;font-size:22px;line-height:1.2;margin:12px 0 4px;color:#fff}
.ar-steps>b em,.ar-split>b em{font-style:normal;color:#F56200}
.ar-steps>span{display:block;font-size:13px;color:#b8c4d3}
.ar-steps ol{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.ar-steps li{background:#fff;color:#0F1E33;border-radius:8px;padding:12px;margin:0;font-size:12.5px;line-height:1.45}
.ar-steps li.last{background:#F56200;color:#fff}
.ar-steps li small{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C24E00}
.ar-steps li.last small{color:#fff}
.ar-steps li b{display:block;font-size:14px;margin:4px 0}
.ar-steps li span{color:#5d6f82}.ar-steps li.last span{color:#fff}
.ar-steps-f{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-style:normal;font-size:11px;color:#b8c4d3}
@media (min-width:768px){.ar-steps ol{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}
.ar-split-g{display:grid;gap:12px;margin-top:16px}
.ar-split-g>div{background:#fff;color:#0F1E33;border-radius:8px;padding:14px}
.ar-split-g small{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C24E00}
.ar-split-g b{display:block;font-size:16px;margin:4px 0 8px}
.ar-split-g ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ar-split-g li{display:flex;gap:8px;font-size:13px;line-height:1.45;margin:0;color:#33475B}
.ar-split-g li svg{width:16px;height:16px;flex:none;padding:2px;border-radius:4px;background:#e9f6e6;stroke:#23762a;fill:none;stroke-width:3;margin-top:1px}
@media (min-width:768px){.ar-split-g{grid-template-columns:1fr 1fr}}
.ar-cmp{display:grid;gap:14px;margin:20px 0}
.ar-cmp>div{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}
.ar-cmp>div>b{display:block;font-size:16px;color:#0F1E33}
.ar-cmp small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:8px}
.ar-cmp p{font-size:14.5px;margin:4px 0 10px !important}
.ar-cmp-new{display:flex;gap:10px;background:#EFF3F8;border-radius:6px;padding:10px;font-size:14px;color:#0F1E33}
.ar-cmp-new small{margin-top:0;color:#C24E00}
@media (min-width:768px){.ar-cmp{grid-template-columns:1fr 1fr}}
.ar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--line);border-radius:8px;margin:18px 0 6px}
.ar-stats div{padding:16px;border-right:1px solid var(--line)}.ar-stats div:last-child{border-right:0}
.ar-stats b{display:block;font-size:34px;font-weight:500;color:#0F1E33;letter-spacing:-.02em}
.ar-stats span{font-size:13.5px}
.ar-quote{border-left:3px solid #F56200;margin:24px 0;padding:4px 0 4px 18px}
.ar-quote p{font-size:19px;color:#0F1E33;margin:0 0 6px !important}
.ar-quote cite{font-style:normal;font-size:13.5px;color:var(--ink-3)}
.ar-video{display:block;position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin:20px 0 6px;min-height:0;border:0 !important}
.ar-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
/* sidebar */
.ar-side{display:flex;flex-direction:column;gap:16px}
@media (min-width:992px){.ar-side{position:sticky;top:96px;align-self:start}}
.ar-toc{border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:#fff}
.ar-toc summary{font-weight:700;font-size:14px;cursor:pointer;color:#0F1E33}
.ar-toc ol{padding-left:18px;margin:10px 0 2px;font-size:13.5px;line-height:1.5}
.ar-toc li{margin-bottom:6px}.ar-toc a{color:#33475B;text-decoration:none}.ar-toc a:hover{color:#C24E00}
.ar-side-cta{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:8px}
.ar-side-cta>b{font-size:17px;color:#0F1E33;margin-top:4px}.ar-side-cta>span{font-size:14px;color:#5d6f82}
.ar-side-cta .btn-x{justify-content:center;margin-top:6px}
.ar-share{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#0F1E33}
.ar-share span{margin-right:auto}
.ar-share a{width:32px;height:32px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;text-decoration:none;color:#0F1E33;font-weight:700;font-size:13px}
.ar-rel-ph{aspect-ratio:16/9;display:block}.ar-rel-ph .ar-cover{height:100%;border-radius:6px}
.ar-steps-f img{height:14px !important;width:auto !important;max-width:none}.ar-brand img{height:20px !important;width:auto !important}
.ar-body{grid-template-columns:minmax(0,1fr)}
@media (min-width:992px){.ar-body{grid-template-columns:minmax(0,1fr) 320px}}
.ar-head{grid-template-columns:minmax(0,1fr)}
@media (min-width:992px){.ar-head{grid-template-columns:1fr 1fr}}
.fx-rel-ph img[src*="/og/"]{object-fit:contain;background:#0F1E33}
.fx-rel>a{min-width:0}.ar-cover{min-width:0}.ar-cover-l{min-width:0}.ar-cover.sm .ar-cover-l b{overflow-wrap:anywhere}
.ar-cover{width:100%;max-width:100%}.ar-side{min-width:0}

/* Home page on the navy palette (theme-navy). Dark bands keep white headings; warm and green tints move to navy and cool grey. */
.theme-navy .band.forest{background:#0F1E33;color:#dbe3ee}
.theme-navy .forest .h2 span{color:#9fb0c6}.theme-navy .forest .lead-x{color:#b8c4d3}.theme-navy .forest .note-demo{color:#8fa0b5}
.theme-navy .forest .eyebrow,.theme-navy .leak-band .eyebrow,.theme-navy .at-band .eyebrow{color:#F56200}
.theme-navy .forest .btn-gh,.theme-navy .forest .link-x,.theme-navy .at-tri .link-x{border-color:#3a5275}
.theme-navy .band.forest h2,.theme-navy .band.forest h3,.theme-navy .leak-band h2,.theme-navy .leak-band h3,.theme-navy .at-band h2,.theme-navy .at-band h3,.theme-navy .at-band .h2,
.theme-navy .cw-s h3,.theme-navy .cw-s h2,.theme-navy .indc-t h3,.theme-navy .indc h3{color:#fff}
.theme-navy .film{border-color:#e2e8f0;background:radial-gradient(rgba(15,30,51,.12) 1px,transparent 1.3px) 0 0/14px 14px,#F3F6FA}
.theme-navy .film:before{background:radial-gradient(420px 260px at 18% 30%,#F3F6FA 30%,transparent 70%),radial-gradient(380px 240px at 82% 72%,#F3F6FA 25%,transparent 70%),radial-gradient(500px 300px at 55% 0%,rgba(243,246,250,.9),transparent 70%)}
.theme-navy .film.sx{background:transparent}.theme-navy .film.sx:before{display:none}
.theme-navy .cw-s:after{background:linear-gradient(180deg,rgba(10,20,36,.15) 30%,rgba(10,20,36,.88))}
.theme-navy .indc:after{background:linear-gradient(180deg,rgba(10,20,36,0) 35%,rgba(10,20,36,.9))}
.theme-navy .indc-t p{color:#dbe3ee}.theme-navy .indc.all{background:linear-gradient(160deg,#0F1E33,#1d355a)}
.theme-navy .how-glow{background:radial-gradient(circle,rgba(245,98,0,.18),rgba(245,98,0,0) 68%)}
.theme-navy .leak-band{background:#0F1E33;color:#dbe3ee}
.theme-navy .leak-stat,.theme-navy .leak-i p{color:#b8c4d3}.theme-navy .leak-stick .note-demo{color:#8fa0b5}
.theme-navy .leak-glow{background:radial-gradient(circle,rgba(245,98,0,.2),rgba(245,98,0,0) 65%)}
.theme-navy .at-band{background:#0a1424;color:#dbe3ee}
.theme-navy .at-band .h2 span{color:#9fb0c6}.theme-navy .at-band .lead-x,.theme-navy .at-qs div,.theme-navy .at-f p,.theme-navy .at-tri{color:#b8c4d3}
.theme-navy .at-qs div,.theme-navy .at-f,.theme-navy .at-tri{border-color:#25395a !important}
.theme-navy .at-c{color:#dbe3ee;border-color:#25395a}
.theme-navy .at-band .at-tag{color:#F56200;border-color:rgba(245,98,0,.45)}
.theme-navy .offer:before{background:radial-gradient(circle,rgba(245,98,0,.2),rgba(245,98,0,0) 65%)}
.theme-navy .offer-seats i{background:linear-gradient(90deg,#F56200,#FF9A4D)}
.theme-navy .how-band{background:linear-gradient(180deg,#EFF3F8,#fff)}
.theme-navy .how-chips span{border-color:#33475B}
.theme-navy .lk-sheet span,.theme-navy .lk-files i,.theme-navy .lk-cal span,.theme-navy .lk-meter i{background-color:#EFF3F8}
.theme-navy .at-band .offer h3,.theme-navy .at-band .offer h2{color:#0F1E33}
.theme-navy .offer:before{background:radial-gradient(circle,rgba(245,98,0,.1),rgba(245,98,0,0) 65%)}
/* Team and office photo mosaic */
.fx-gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;grid-auto-flow:dense;gap:14px;margin-top:8px}
.fx-gal figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#E2E9F2}
.fx-gal figure.w{grid-column:span 2}.fx-gal figure.t{grid-row:span 2}.fx-gal figure.b{grid-column:span 2;grid-row:span 2}
.fx-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}
.fx-gal figure:hover img{transform:scale(1.04)}
.fx-gal figcaption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);background:rgba(15,30,51,.78);color:#fff;font-size:13px;font-weight:700;padding:6px 11px;border-radius:999px;backdrop-filter:blur(4px)}
.fx-gstrip{margin-top:26px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.fx-gstrip>div{display:flex;gap:14px;width:max-content;animation:mq 60s linear infinite}
.fx-gstrip img{height:180px;width:240px;object-fit:cover;border-radius:14px}
@media (max-width:991px){.fx-gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}}
@media (max-width:575px){.fx-gal{grid-auto-rows:150px;gap:10px}.fx-gal figure.b{grid-column:span 2;grid-row:span 1}.fx-gal figure.t{grid-row:span 1}.fx-gal figcaption{font-size:11.5px;left:8px;bottom:8px}.fx-gstrip img{height:120px;width:160px}}
@media (prefers-reduced-motion:reduce){.fx-gstrip>div{animation:none}}
.theme-navy .ip-table td.us{background:#F3F6FA}
#insights .fx-rel-ph{aspect-ratio:1200/630;height:auto;background:#0F1E33}#insights .fx-rel-ph img{object-fit:cover;width:100%;height:100%}

/* Aavenir Atlas films (src/atlasfilms.mjs) */
.ip-filmhero{background:radial-gradient(120% 90% at 85% 0%,#1d355a 0,#0F1E33 55%,#0a1424 100%);color:#dbe3ee;padding:56px 0 64px;overflow:hidden}
.ip-fh-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px 56px;align-items:end}
.ip-filmhero h1{font-size:clamp(34px,4.4vw,60px);line-height:1.05;font-weight:400;letter-spacing:-.02em;margin:0}
.ip-filmhero .ip-sub{color:#b8c4d3;font-size:18px}.ip-filmhero .crumbs,.ip-filmhero .crumbs a{color:rgba(255,255,255,.7)}
.ip-filmhero .eyebrow{color:#F56200}.ip-filmhero .btn-gh{color:#fff;border-color:#3a5275}.ip-filmhero .note-demo{color:#8fa0b5;margin-top:14px}
.ip-filmhero h1,.ip-filmhero h1 span{color:#fff}.ip-filmhero h1 span{color:rgba(255,255,255,.7)}
.ip-filmhero .af-wrap{margin-top:44px}
.af{border:0 !important;border-radius:0;background:transparent !important;overflow:visible}
.af:before{display:none !important}
.af .film-canvas{font-family:Arial,Helvetica,sans-serif}
.af [data-t]{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.af [data-t].on{opacity:1;transform:none}
.af [data-t].gone{opacity:0;transform:translateY(-8px)}
.af svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.af-pulse{width:12px;height:12px;border-radius:50%;background:#F56200;box-shadow:0 0 0 0 rgba(245,98,0,.6);animation:afp 1.6s infinite;flex:none}
.af-pulse.r{background:#c43b2e;box-shadow:0 0 0 0 rgba(196,59,46,.5)}
@keyframes afp{70%{box-shadow:0 0 0 14px rgba(245,98,0,0)}100%{box-shadow:0 0 0 0 rgba(245,98,0,0)}}
.af-ic{width:38px;height:38px;border-radius:10px;background:#FFF0E5;color:#F56200;display:grid;place-items:center;flex:none}.af-ic svg{width:22px;height:22px}
.af-type{opacity:1 !important;transform:none !important}
.af-type.on:after{content:"";display:inline-block;width:2px;height:1em;background:#F56200;margin-left:3px;vertical-align:-2px;animation:blink 1s steps(2) infinite}
.af-pill{font-style:normal;font-size:14px;font-weight:700;border-radius:999px;padding:5px 12px;background:#EFF3F8;color:#33475B;white-space:nowrap}
.af-pill.r{background:#fde7e3;color:#a3302a}.af-pill.g{background:#e3f3df;color:#23762a}

/* hero film */
.af-port{position:absolute;left:0;top:0;width:560px;height:620px;background:#16294A;border:1px solid #25395a;border-radius:20px;padding:26px;overflow:hidden}
.af-port-h b{display:block;color:#fff;font-size:20px}.af-port-h span{color:#9fb0c6;font-size:15px}
.af-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;margin-top:22px}
.af-grid i{height:52px;border-radius:6px;background:#1f3657;border:1px solid #2a4468;opacity:1 !important;transform:none !important;transition:background .4s,box-shadow .4s,border-color .4s}
.af-grid i.hit.on{background:#F56200;border-color:#FF8A3D;box-shadow:0 0 18px rgba(245,98,0,.55)}
.af-beam{position:absolute;top:88px;height:440px;left:20px;width:90px;background:linear-gradient(90deg,rgba(245,98,0,0),rgba(245,98,0,.35),rgba(245,98,0,0));transform:none !important;pointer-events:none}
.af-beam.on{animation:afbeam 2.6s cubic-bezier(.45,0,.55,1) forwards}
@keyframes afbeam{from{left:10px}to{left:470px}}
.af-port-f{position:absolute;left:26px;bottom:24px;color:#b8c4d3;font-size:18px}.af-port-f b{color:#F56200;font-size:34px;margin-right:6px;vertical-align:-4px}
.af-event{position:absolute;left:600px;top:0;width:712px;height:74px;border-radius:16px;border:1px solid rgba(245,98,0,.55);background:rgba(245,98,0,.1);display:flex;align-items:center;gap:16px;padding:0 22px}
.af-event small{display:block;color:#F56200;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.af-event b{color:#fff;font-size:20px}
.af-ask{position:absolute;left:600px;top:92px;width:712px;height:66px;border-radius:14px;background:#fff;display:flex;align-items:center;gap:14px;padding:0 16px;color:#0F1E33;font-size:20px;font-weight:700}
.af-res{position:absolute;left:600px;top:176px;width:712px;height:444px;border-radius:18px;background:#fff;padding:22px 24px;color:#0F1E33;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.af-res-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #E3E8EF;padding-bottom:12px}.af-res-h b{font-size:19px}.af-res-h span{font-size:15px;color:#c24e00;font-weight:700}
.af-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:8px 0;border-bottom:1px solid #EFF3F8}
.af-row b{display:block;font-size:17px}.af-row small{font-size:13.5px;color:#5d6f82}.af-row em{font-style:normal;font-weight:700;font-size:16px;color:#33475B}
.af-next{position:absolute;left:24px;right:24px;bottom:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.af-next small{width:100%;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5d6f82}
.af-next span{border:1px solid #F56200;color:#C24E00;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700}
.af-stamp{position:absolute;left:26px;top:500px;width:508px;display:flex;gap:14px;align-items:center;background:#0F1E33;color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 24px 50px -20px rgba(0,0,0,.7)}
.af-stamp.on{animation:afstamp .5s cubic-bezier(.3,1.5,.5,1)}
@keyframes afstamp{from{transform:scale(.85)}to{transform:none}}
.af-stamp b{display:block;font-size:17px}.af-stamp small{color:#b8c4d3;font-size:14px}
.af-dot{width:34px;height:34px;border-radius:50%;background:#F56200;display:grid;place-items:center;flex:none}.af-dot svg{width:18px;height:18px;color:#fff}

/* life of a service credit */
.af-life .film-canvas{color:#0F1E33}
.af-act{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:10px 18px}
.af-act.a{background:#fde7e3;color:#a3302a}.af-act.b{background:#FFF0E5;color:#C24E00}
.af-led{width:10px;height:10px;border-radius:50%;background:currentColor}
.af-doc{position:absolute;left:0;top:64px;width:470px;height:396px;background:#fff;border:1px solid #E3E8EF;border-radius:16px;padding:24px 26px;box-shadow:0 24px 50px -30px rgba(15,30,51,.35)}
.af-doc-h{border-bottom:1px solid #EFF3F8;padding-bottom:12px;margin-bottom:14px}.af-doc-h b{display:block;font-size:18px}.af-doc-h span{font-size:14px;color:#5d6f82}
.af-doc .ln{display:block;height:7px;border-radius:4px;background:#EFF3F8;margin:10px 0}.af-doc .ln.s{width:62%}
.af-cl{position:relative;z-index:1;font-size:17px;line-height:1.5;color:#33475B;margin:16px 0}.af-cl b{color:#0F1E33}
.af-hl{position:absolute;left:14px;right:14px;top:150px;height:140px;border-radius:10px;transform:none !important}
.af-hl.a{background:rgba(196,59,46,.08);border:2px dashed rgba(196,59,46,.45)}
.af-hl.b{background:rgba(245,98,0,.1);border:2px solid #F56200}
.af-out{position:absolute;left:0;top:484px;width:470px;height:84px;display:flex;align-items:center;gap:16px;padding:0 22px;background:#fff;border:1px solid #f1d2cc;border-radius:16px}
.af-out small{display:block;font-size:13px;font-weight:700;color:#a3302a;letter-spacing:.06em;text-transform:uppercase}.af-out b{font-size:19px}
.af-ask2{position:absolute;left:520px;top:0;width:792px;height:56px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#fff;border:1px solid #E3E8EF;border-radius:14px;font-size:18px;font-weight:700}
.af-stages{position:absolute;left:520px;top:76px;width:792px;list-style:none;margin:0;padding:0;display:grid;gap:10px}
.af-stages li{position:relative;height:92px;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #E3E8EF;border-radius:14px;padding:0 20px}
.af-n{width:34px;height:34px;border-radius:50%;background:#0F1E33;color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none}
.af-stages b{width:120px;font-size:19px;flex:none}
.af-st{position:absolute;left:204px;right:18px;top:50%;margin-top:-14px;display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.3}
.af-st i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none}.af-st i svg{width:16px;height:16px}
.af-st.bad{color:#a3302a}.af-st.bad i{background:#fde7e3}
.af-st.good{color:#0F1E33}.af-st.good i{background:#e3f3df;color:#23762a}
.af-st.soon{color:#5d6f82}.af-st.soon i{background:#EFF3F8;color:#5d6f82}
.af-sum{position:absolute;left:520px;top:494px;width:792px;height:86px;border-radius:16px;padding:16px 22px}
.af-sum b{display:block;font-size:21px}.af-sum span{font-size:16px}
.af-sum.bad{background:#fde7e3;color:#a3302a}.af-sum.good{background:#0F1E33;color:#fff}.af-sum.good span{color:#b8c4d3}
.film-sec .af-wrap{margin-top:32px}

/* phones: re-lay both films inside the centered crop window */
@media (max-width:819px){
  .ip-filmhero{padding:36px 0 40px}
  .ip-fh-grid{grid-template-columns:1fr}
  .af-hero .af-port{left:266px;width:780px;opacity:.22}
  .af-hero .af-port-h,.af-hero .af-port-f{display:none}
  .af-hero .af-event,.af-hero .af-ask,.af-hero .af-res{left:266px;width:780px}
  .af-hero .af-event b,.af-hero .af-ask{font-size:24px}
  .af-hero .af-row{padding:5px 0}.af-hero .af-row b{font-size:21px}.af-hero .af-row small{font-size:15px}.af-hero .af-res-h{padding-bottom:8px}.af-hero .af-next small{display:none}.af-hero .af-row em{display:none}
  .af-hero .af-next span{font-size:18px}
  .af-hero .af-stamp b{font-size:21px}.af-hero .af-stamp small{font-size:17px}
  .af-life .af-doc{display:none}
  .af-life .af-act{left:246px}
  .af-life .af-out,.af-life .af-ask2{left:246px;top:58px;width:820px;height:64px}
  .af-life .af-ask2{font-size:21px}
  .af-life .af-stages{left:246px;top:136px;width:820px;gap:8px}
  .af-life .af-stages li{height:82px}
  .af-life .af-stages b{width:128px}.af-life .af-st{font-size:20px;left:206px}
  .af-life .af-sum{left:246px;width:820px;top:500px;height:110px}.af-life .af-sum b{font-size:24px}.af-life .af-sum span{font-size:19px}
}
.af-read{position:absolute;left:600px;top:176px;width:712px;height:200px;border-radius:18px;border:1px dashed #3a5275;padding:26px;color:#dbe3ee}
.af-read small{display:block;color:#F56200;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.af-read b{display:block;font-size:20px;margin:8px 0 18px;color:#fff}
.af-read i{display:block;height:8px;border-radius:4px;background:#1f3657;overflow:hidden}.af-read i span{display:block;height:100%;width:0;background:linear-gradient(90deg,#F56200,#FF9A4D)}
.af-read.on i span{animation:afbar 2.8s linear forwards}@keyframes afbar{to{width:100%}}
.af-read em{display:block;font-style:normal;color:#9fb0c6;font-size:15px;margin-top:14px}
@media (max-width:819px){.af-hero .af-read{left:266px;width:780px}.af-hero .af-read b{font-size:24px}.af-hero .af-stamp{left:336px;top:420px;width:640px}}
.theme-navy .cw-s,.theme-navy .indc,.theme-navy a.indc{color:#fff}
.theme-navy .leak-stat a,.theme-navy .leak-band a:not(.btn-x),.theme-navy .at-band .note-demo a{color:#F56200}.theme-navy .fx-dark a:not(.btn-x),.theme-navy .band.forest a:not(.btn-x){color:#fff}

/* Home: enterprise contract intelligence */
.ci-band{background:linear-gradient(180deg,#fff,#F3F6FA)}
.ci-head{max-width:900px;margin-bottom:44px}
.ci-head .lead-x{max-width:820px}
.ci-steps{list-style:none;margin:0;padding:0;display:grid;gap:26px}
.ci-steps li{display:flex;gap:20px;align-items:flex-start;border-top:1px solid var(--line);padding-top:22px}
.ci-steps li:first-child{border-top:0;padding-top:0}
.ci-n{font-size:14px;font-weight:700;color:#C24E00;letter-spacing:.06em;padding-top:5px}
.ci-steps h3{font-size:24px;margin:0 0 8px}.ci-steps p{color:var(--ink-2);margin:0 0 10px;font-size:16.5px}
.ci-vs{margin-top:56px;border:1px solid #E3E8EF;border-radius:20px;overflow:hidden;background:#fff}
.ci-vs-r{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.15fr;border-top:1px solid #EFF3F8}
.ci-vs-r:first-child{border-top:0}
.ci-vs-r>span{padding:15px 18px;font-size:15px;color:var(--ink-2);display:flex;align-items:center;gap:9px}
.ci-vs-r>span:first-child{font-weight:700;color:var(--ink)}
.ci-vs-r.h>span{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5d6f82;background:#F7F9FC}
.ci-vs-r>span.us{background:#FFF7F1;color:var(--ink);font-weight:700}
.ci-vs-r.h>span.us{background:#0F1E33;color:#fff}
.ci-vs i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none}
.ci-vs i.y{background:#F56200;color:#fff}.ci-vs i.y svg{width:13px;height:13px;stroke-width:2.6}
.ci-vs i.p{border:2px solid #9fb0c6;background:linear-gradient(90deg,#9fb0c6 50%,transparent 50%)}
.ci-vs i.n{border:2px solid #d6dde6}
.ci-band .note-demo{margin-top:12px}
@media (max-width:767px){
  .ci-vs{border:0;background:none;display:grid;gap:12px}
  .ci-vs-r.h{display:none}
  .ci-vs-r{grid-template-columns:1fr;border:1px solid #E3E8EF;border-radius:14px;background:#fff;overflow:hidden}
  .ci-vs-r>span{padding:9px 14px}
  .ci-vs-r>span[role=cell]:before{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5d6f82;min-width:118px}
  .ci-vs-r>span[role=cell]:nth-child(2):before{content:"Repository"}
  .ci-vs-r>span[role=cell]:nth-child(3):before{content:"Lifecycle management"}
  .ci-vs-r>span[role=cell]:nth-child(4):before{content:"Intelligence";color:#C24E00}
  .ci-steps h3{font-size:21px}
}
/* Footer certification badges (Aavenir's own ISO 27001 and AICPA SOC marks) */
.ftr .f-certs{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:20px}
.ftr .f-certs a{display:block;height:68px;transition:transform .2s}
.ftr .f-certs a:hover{transform:translateY(-2px)}
.ftr .f-certs img{height:68px;width:auto;display:block}
.ftr .f-certs span{flex-basis:100%;font-size:12.5px;line-height:1.5;color:#9fb0c6}.ftr .f-certs b{color:#fff}
.ftr .f-certs br{display:none}.ftr .f-certs span b+b{margin-left:0}
.ftr .f-badges span,.ftr .f-badges a{border-color:#2c3e57;color:#cfd8e3}
.ftr .f-bot{border-top-color:#22324a}.ftr .f-soc a{border-color:#2c3e57}
/* Footer: Ask AI about Aavenir */
.ftr .f-ai{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:52px;padding:22px 24px;border:1px solid #22324a;border-radius:18px;background:linear-gradient(120deg,#111a28,#0d1420)}
.ftr .f-ai-t b{display:block;color:#fff;font-size:17px;margin-bottom:4px}.ftr .f-ai-t span{font-size:13.5px;color:#9fb0c6;max-width:460px;display:block}
.ftr .f-ai-l{display:flex;flex-wrap:wrap;gap:10px}
.ftr .f-ai-b{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;border:1px solid #2c3e57;background:#151f30;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}
.ftr .f-ai-b:hover{border-color:#F56200;background:#1a2638;transform:translateY(-1px);color:#fff}
.ftr .f-ai-b svg{width:18px;height:18px;fill:currentColor;flex:none}
.ftr .f-ai-b.chatgpt svg{color:#fff}.ftr .f-ai-b.claude svg{color:#D97757}.ftr .f-ai-b.perplexity svg{color:#20B8CD}.ftr .f-ai-b.google svg{color:#fff}
.ftr .f-ai+.f-bot{margin-top:28px}
@media (max-width:575px){.ftr .f-ai{padding:18px}.ftr .f-ai-l{width:100%}.ftr .f-ai-b{flex:1 1 calc(50% - 10px);justify-content:center;padding:10px 12px;font-size:13px}}
.ftr .f-ai-b em{font-style:normal}
@media (max-width:575px){.ftr .f-ai-b em{display:none}.ftr .f-ai-b{white-space:nowrap}}

/* Compact mega menu on the navy theme */
.theme-navy .mega-promo{background:#0F1E33}
.theme-navy .mega-promo > span:not(.mp-top){color:#C9D3E0}
.theme-navy .mega-promo b,.theme-navy .mega-promo q{color:#fff}
.theme-navy .mega-promo em{color:#FF8A3D}
.theme-navy .mega-promo .mic{background:rgba(255,255,255,.1)}
.theme-navy .mega-promo .mic svg{stroke:#FF8A3D}
.theme-navy .mega-promo .new-tag{background:#F56200;color:#fff}
.hdr .navbar-nav > .nav-item:nth-last-child(-n+2) .mega{left:auto;right:0}
#book,#intelligence,#how{scroll-margin-top:84px}
/* ServiceNow band */
.fx-sn{background:#0F1E33;color:#C9D3E0;padding:88px 0}
.fx-sn-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.fx-sn .fx-label{display:inline-flex;align-items:center;gap:8px;color:#FF8A3D}
.fx-sn .fx-label img{filter:brightness(0) invert(1);opacity:.9}
.fx-sn h2,.fx-sn h2 span{color:#fff}
.fx-sn .fx-p{color:#C9D3E0}
.fx-sn .fx-take li{color:#E3E9F1}
.fx-sn .hero-ctas{margin-top:26px}
.fx-sn .btn-gh{color:#fff;border-color:rgba(255,255,255,.45)}.fx-sn .btn-gh:hover{color:#fff;border-color:#fff}
.fx-sn-stack{background:#16294A;border:1px solid #25395a;border-radius:16px;padding:22px}
.fx-sn-stack > p{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#8FA3BF;margin:0 0 10px}
.sn-apps,.sn-base{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.sn-apps span{background:#fff;color:#0F1E33;border-radius:9px;padding:10px 12px;font-weight:700;font-size:14px}
.sn-apps span.on{background:#F56200;color:#fff}
.sn-avy{border:1px dashed #3B5378;border-radius:10px;padding:12px 14px;margin:0 0 18px}
.sn-avy b{display:block;color:#fff;font-size:14px}.sn-avy span{font-size:13px;line-height:1.5}
.sn-base span{background:rgba(255,255,255,.06);border:1px solid #2C4266;color:#E3E9F1;border-radius:9px;padding:10px 12px;font-size:13.5px}
@media (max-width:991px){.fx-sn{padding:64px 0}.fx-sn-grid{grid-template-columns:1fr;gap:32px}}
/* Home: contract intelligence film (src/cifilm.mjs). Dark stage, light cards, one contract read, asked, acted on. */
.ix.film{background:#0B1729;border-color:#0B1729;border-radius:24px}
.ix.film:before{background:radial-gradient(520px 320px at 85% 0%,rgba(245,98,0,.16),transparent 70%),radial-gradient(600px 360px at 0% 100%,rgba(64,110,180,.18),transparent 70%)}
.ix .film-canvas{color:#E3E9F1}
.ix-rail{position:absolute;left:160px;top:24px;width:990px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:0;padding:0}
.ix-rail li span{display:flex;align-items:baseline;gap:10px;font-size:17px;font-weight:700;color:#5E7393;transition:color .4s}
.ix-rail li b{font-size:13px;letter-spacing:.08em;color:inherit}
.ix-rail li em{font-style:normal;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-weight:700}
.ix-rail li i{display:block;height:3px;border-radius:2px;background:#1E3253;margin-top:10px;position:relative;overflow:hidden}
.ix-rail li i:after{content:"";position:absolute;inset:0;width:0;background:#F56200}
.ix-rail li.on span{color:#fff}.ix-rail li.on em{color:#FF8A3D}
.ix-rail li.on i:after{width:100%;transition:width var(--d) linear}
.ix-rail li.gone span{color:#8FA3BF}.ix-rail li.gone i:after{width:100%;background:#8FA3BF}
/* act 1 */
.ix-doc,.ix-rec,.ix-port,.ix-ans{position:absolute;top:96px;width:470px;height:490px;border-radius:18px}
.ix-doc{left:160px;width:430px;background:#F7F9FC;color:#0F1E33;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);transform-origin:0 0;transition:transform .9s cubic-bezier(.7,0,.25,1),opacity .5s .5s,border-radius .9s}
.ix-doc-h{padding:20px 24px;border-bottom:1px solid #E3E8EF}
.ix-doc-h b{display:block;font-size:19px}.ix-doc-h span{font-size:14px;color:#5d6f82}
.ix-cl{position:absolute;left:18px;right:18px;height:62px;margin:0;padding:8px 12px 8px 14px;font-size:14.5px;line-height:1.5;color:#33475B;border-radius:10px;border-left:3px solid transparent;transition:background .35s,border-color .35s,color .35s}
.ix-cl b{color:#0F1E33}
.ix-cl.on{background:#FFF1E6;border-left-color:#F56200;color:#0F1E33}
.ix-scan{position:absolute;left:0;right:0;top:70px;height:44px;background:linear-gradient(180deg,transparent,rgba(245,98,0,.22),transparent);opacity:0;pointer-events:none}
.ix-scan.on{opacity:1;animation:ixscan 4.3s linear forwards}
@keyframes ixscan{from{top:70px}to{top:450px}}
.ix-fly{position:absolute;left:520px;height:28px;padding:0 10px;border-radius:999px;background:#F56200;color:#fff;font-size:13.5px;font-weight:700;line-height:28px;opacity:0;pointer-events:none}
.ix-fly.on{animation:ixfly .62s cubic-bezier(.5,0,.2,1) forwards}
@keyframes ixfly{0%{opacity:0;transform:translate(0,0) scale(.7)}15%{opacity:1;transform:translate(40px,-14px) scale(1)}85%{opacity:1;transform:translate(520px,-6px)}100%{opacity:0;transform:translate(560px,0) scale(.8)}}
.ix-rec{left:630px;width:520px;background:#13243F;border:1px solid #25395A;transition:opacity .5s,transform .7s}
.ix-rec-h{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #25395A}
.ix-rec-h > b{font-size:19px;color:#fff}
.ix-av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(245,98,0,.16);color:#FF8A3D;flex:none}.ix-av svg{width:19px;height:19px}
.ix-cnt{margin-left:auto;font-size:13.5px;color:#9FB0C6;opacity:0;transition:opacity .4s}.ix-cnt.on{opacity:1}.ix-cnt b{color:#FF8A3D;font-size:16px}
.ix-row{position:absolute;left:18px;right:18px;height:62px;display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:12px;padding:0 14px;border-radius:10px;background:#0F1E33;border:1px solid #1E3253;opacity:0;transform:translateX(-10px);transition:opacity .35s,transform .35s,border-color .6s}
.ix-row.on{opacity:1;transform:none;border-color:#F56200;animation:ixrow 1.2s .2s forwards}
@keyframes ixrow{to{border-color:#1E3253}}
.ix-row small{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#8FA3BF}
.ix-v{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden}
.ix-row em{font-style:normal;font-size:12.5px;font-weight:700;color:#FF8A3D;border:1px solid rgba(245,98,0,.45);border-radius:999px;padding:3px 9px}
.ix-a1.gone .ix-doc{transform:translate(22px,148px) scale(.066);opacity:0;border-radius:120px}
.ix-a1.gone .ix-rec{opacity:0;transform:translateX(60px)}
.ix-a1.gone .ix-fly,.ix-a1.gone .ix-scan{display:none}
/* act 2 */
.ix-a2{position:absolute;inset:0;transition:opacity .5s,transform .6s}
.ix-a2:not(.on){opacity:0;pointer-events:none}
.ix-a2.gone{opacity:0;transform:translateY(-24px)}
.ix-ask{position:absolute;left:160px;top:96px;width:990px;height:64px;display:flex;align-items:center;gap:14px;padding:0 18px;border-radius:14px;background:#F7F9FC;color:#0F1E33;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}
.ix-ask.on{opacity:1;transform:none}
.ix-q{font-size:20px;font-weight:700}
.ix-q.on:after{content:"";display:inline-block;width:2px;height:1em;background:#F56200;margin-left:3px;vertical-align:-2px;animation:blink 1s steps(2) infinite}
.ix-port{left:160px;top:184px;height:400px;background:#13243F;border:1px solid #25395A;overflow:hidden;opacity:0;transition:opacity .4s}
.ix-port.on{opacity:1}
.ix-port-h{display:flex;align-items:baseline;justify-content:space-between;padding:18px 22px}
.ix-port-h b{font-size:18px;color:#fff}.ix-port-h span{font-size:13.5px;color:#9FB0C6}
.ix-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;padding:4px 22px}
.ix-grid i{aspect-ratio:3/4;border-radius:5px;background:#1E3253;transition:background .3s,box-shadow .3s,transform .3s}
.ix-grid i.me{background:#F7F9FC;box-shadow:0 0 0 2px #F56200}
.ix-grid i.hit.on{background:#F56200;transform:scale(1.06)}
.ix-a2.on .ix-grid i.me{animation:ixme 1.2s .3s both}
@keyframes ixme{from{background:#F7F9FC}to{background:#F56200}}
.ix-beam{position:absolute;left:0;right:0;top:56px;height:60px;background:linear-gradient(180deg,transparent,rgba(255,138,61,.28),transparent);opacity:0}
.ix-beam.on{opacity:1;animation:ixbeam 1.7s linear forwards}
@keyframes ixbeam{from{top:56px}to{top:360px}}
.ix-ans{left:680px;top:184px;height:400px;background:#F7F9FC;color:#0F1E33;padding:20px 20px 0;opacity:0;transform:translateX(24px);transition:opacity .45s,transform .45s}
.ix-ans.on{opacity:1;transform:none}
.ix-ans-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.ix-ans-h b{font-size:20px}.ix-ans-h span{font-size:14px;font-weight:700;color:#C24E00}
.ix-ar{display:grid;grid-template-columns:1fr auto 70px;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;background:#fff;border:1px solid #E3E8EF;margin-bottom:9px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.ix-ar.on{opacity:1;transform:none}
.ix-ar b{display:block;font-size:16px}.ix-ar small{font-size:13px;color:#5d6f82}
.ix-ar em{font-style:normal;font-weight:700;font-size:14px;color:#C24E00;background:#FFF1E6;border-radius:999px;padding:4px 10px}
.ix-d{font-size:14px;font-weight:700;text-align:right;color:#33475B}
.ix-ar.more{background:none;border-style:dashed}
/* act 3 */
.ix-a3{position:absolute;inset:0}
.ix-a3:not(.on){opacity:0}
.ix-act{position:absolute;top:112px;width:310px;height:320px;padding:22px;border-radius:18px;background:#F7F9FC;color:#0F1E33;opacity:0;transform:translateY(30px) scale(.97);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.ix-act:nth-of-type(1){left:160px}.ix-act:nth-of-type(2){left:500px}.ix-act:nth-of-type(3){left:840px}
.ix-act.on{opacity:1;transform:none}
.ix-mod{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:#0F1E33;border-radius:999px;padding:5px 11px}
.ix-act b{display:block;font-size:22px;line-height:1.25;margin:18px 0 10px}
.ix-act p{font-size:15.5px;line-height:1.5;color:#33475B;margin:0}
.ix-cite{position:absolute;left:22px;bottom:78px;font-size:13px;font-weight:700;color:#C24E00}
.ix-st{position:absolute;left:22px;right:22px;bottom:20px;height:42px;display:flex;align-items:center;gap:9px;padding:0 14px;border-radius:10px;font-size:14.5px;font-weight:700;opacity:0;transition:opacity .3s}
.ix-st.on{opacity:1}
.ix-st.wait{background:#EFF3F8;color:#5d6f82}
.ix-st.wait.on:before{content:"";width:9px;height:9px;border-radius:50%;background:#9FB0C6;animation:blink 1s steps(2) infinite}
.ix-st.ok{background:#0F1E33;color:#fff}
.ix-st.ok i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#F56200}.ix-st.ok i svg{width:13px;height:13px;stroke-width:2.6}
.ix-st.ok.on{animation:ixstamp .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes ixstamp{from{transform:scale(.9)}to{transform:none}}
.ix-foot{position:absolute;left:160px;width:990px;top:470px;text-align:center;font-size:19px;color:#C9D3E0;opacity:0;transition:opacity .5s}
.ix-foot.on{opacity:1}
/* layout around the film */
.ci-film{margin:0 0 40px}
.ci-steps.cols{grid-template-columns:repeat(3,1fr);gap:32px}
.ci-steps.cols li{display:block;border-top:1px solid var(--line);padding-top:20px}
.ci-steps.cols li:first-child{border-top:1px solid var(--line);padding-top:20px}
.ci-steps.cols .ci-n{display:block;padding:0 0 8px}
@media (max-width:991px){.ci-steps.cols{grid-template-columns:1fr;gap:22px}}
/* Contract intelligence film, portrait canvas for phones (480 x 900, set by data-mw / data-mh) */
.ix.portrait .ix-rail{left:20px;top:18px;width:440px;gap:12px}
.ix.portrait .ix-rail li span{font-size:15px;gap:6px}.ix.portrait .ix-rail li em{display:none}
.ix.portrait .ix-doc,.ix.portrait .ix-rec,.ix.portrait .ix-port,.ix.portrait .ix-ans{left:20px;width:440px}
.ix.portrait .ix-doc{top:66px;height:400px}
.ix.portrait .ix-doc-h{padding:14px 18px}
.ix.portrait .ix-cl{top:var(--pt) !important;height:56px;font-size:13.5px;line-height:1.45;padding:6px 10px 6px 12px;left:12px;right:12px}
.ix.portrait .ix-scan{top:60px}
.ix.portrait .ix-scan.on{animation-name:ixscanp}
@keyframes ixscanp{from{top:60px}to{top:370px}}
.ix.portrait .ix-fly{left:384px;top:var(--pt) !important}
.ix.portrait .ix-fly.on{animation-name:ixflyp}
@keyframes ixflyp{0%{opacity:0;transform:translate(0,0) scale(.7)}15%{opacity:1;transform:translate(10px,30px) scale(1)}85%{opacity:1;transform:translate(10px,var(--pd))}100%{opacity:0;transform:translate(10px,calc(var(--pd) + 20px)) scale(.8)}}
.ix.portrait .ix-rec{top:484px;height:384px}
.ix.portrait .ix-rec-h{padding:14px 16px}.ix.portrait .ix-cnt{font-size:12px}
.ix.portrait .ix-row{top:var(--pt) !important;height:52px;left:12px;right:12px;grid-template-columns:92px 1fr auto;gap:8px;padding:0 10px}
.ix.portrait .ix-row small{font-size:11px}.ix.portrait .ix-v{font-size:14.5px}
.ix.portrait .ix-a1.gone .ix-doc{transform:translate(22px,158px) scale(.062)}
.ix.portrait .ix-a1.gone .ix-rec{transform:translateY(40px)}
.ix.portrait .ix-ask{left:20px;width:440px;top:66px;height:84px;align-items:center}
.ix.portrait .ix-q{font-size:17px;line-height:1.35}
.ix.portrait .ix-port{top:166px;height:300px}
.ix.portrait .ix-ans{top:484px;height:400px;padding:16px 14px 0}
.ix.portrait .ix-ans-h b{font-size:18px}.ix.portrait .ix-ans-h span{font-size:13px}
.ix.portrait .ix-ar{grid-template-columns:1fr auto 56px;gap:8px;padding:11px 12px}
.ix.portrait .ix-ar b{font-size:15px}
.ix.portrait .ix-act{left:20px !important;width:440px;height:244px;padding:16px 18px}
.ix.portrait .ix-act:nth-of-type(1){top:64px}.ix.portrait .ix-act:nth-of-type(2){top:322px}.ix.portrait .ix-act:nth-of-type(3){top:580px}
.ix.portrait .ix-act b{font-size:19px;margin:12px 0 6px}.ix.portrait .ix-act p{font-size:14.5px}
.ix.portrait .ix-cite{bottom:62px;left:18px}.ix.portrait .ix-st{left:18px;right:18px;bottom:12px;height:40px}
.ix.portrait .ix-foot{left:20px;width:440px;top:838px;font-size:15px}
.ix.portrait.film{border-radius:18px}
/* Pinned scroll scenes play on the clock on phones */
.sx-pin.unpinned{height:auto;padding:64px 0}
.sx-pin.unpinned .pin-stage{position:relative;height:auto}
/* Phones: tighter section rhythm, compact comparison table */
@media (max-width:575px){
  .band,.rec-band{padding:56px 0}.cw-band{padding-top:56px}.at-band{padding-top:56px}
  .ci-head{margin-bottom:28px}.ci-film{margin-bottom:28px}
  .ci-vs-r{grid-template-columns:repeat(3,1fr)}
  .ci-vs-r>span[role=rowheader]{grid-column:1/-1;padding:12px 14px 4px}
  .ci-vs-r>span[role=cell]{flex-direction:column;align-items:flex-start;gap:6px;padding:6px 14px 12px;font-size:13.5px}
  .ci-vs-r>span[role=cell]:before{min-width:0;font-size:10.5px}
  .ci-vs-r>span.us{background:#FFF7F1}
}
.ix.portrait .ix-grid i{aspect-ratio:1}
/* Phones: films whose canvas is wider than the screen stay inside it; nothing scrolls the page sideways */
/* clip, not hidden: hidden on body makes it a scroll container once html is not visible, and that stops sticky scenes */
body{overflow-x:clip}
@media (max-width:819px){.af,.film.sx{overflow:hidden}}
/* Phones: article tables become one card per row, each value labelled with its column */
@media (max-width:575px){
  .ar-table{overflow:visible;border:0}
  .ar-table table{min-width:0}
  .ar-table thead{display:none}
  .ar-table tr{display:block;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
  .ar-table tbody th{display:block;min-width:0;background:#EFF3F8;border-bottom:1px solid var(--line)}
  .ar-table td{display:grid;grid-template-columns:38% 1fr;gap:10px;border-bottom:1px solid #EFF3F8}
  .ar-table tr > :last-child{border-bottom:0}
  .ar-table td:before{content:attr(data-label);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5d6f82}
  .ar-table tr.hi>*{background:#FFF7F1}.ar-table tr.hi th{background:#FFE9D9}
}
/* Home hero film, portrait canvas for phones (480 x 856): the document on top, the working panels stacked under it */
.hf.portrait .slot{left:125px;top:14px}
.hf.portrait .tray{left:105px;top:300px}
.hf.portrait .sat{font-size:14px;padding:14px 16px}
.hf.portrait .sat-h{font-size:11px}
.hf.portrait .sat.pill{font-size:14px;padding:8px 16px 8px 8px}
.hf.portrait .p-pb,.hf.portrait .p-ob,.hf.portrait .p-match,.hf.portrait .doc.corner{display:none}
.hf.portrait .p-ext,.hf.portrait .p-crit{left:20px !important;top:372px !important;width:440px !important}
.hf.portrait .p-cr{left:20px !important;top:622px !important;width:440px !important}
.hf.portrait .p-rec{left:20px !important;top:630px !important;width:440px !important}
.hf.portrait .p-pill,.hf.portrait .p-own{left:20px !important;top:802px !important}
.hf.portrait .drop{left:84px;top:40px}
.hf.portrait .drag{left:420px;top:900px}.hf.portrait .drag.on{left:150px;top:200px}
.hf.portrait .doc.coi{left:100px;top:14px}
.hf.portrait .win{left:20px;top:14px;transform-origin:0 0;transform:scale(.46) translateY(40px)}
.hf.portrait .win.on{transform:scale(.507)}
.hf.portrait .phone{left:122px;top:306px}

/* Atlas hero film, portrait canvas for phones (480 x 860) */
.af-hero.portrait .af-event{left:20px;top:14px;width:440px;height:76px;padding:0 16px;gap:12px}
.af-hero.portrait .af-event b{font-size:17px}.af-hero.portrait .af-event small{font-size:11.5px}
.af-hero.portrait .af-ask{left:20px;top:102px;width:440px;height:84px;font-size:17px;line-height:1.35}
.af-hero.portrait .af-port{left:20px;top:200px;width:440px;height:272px;padding:18px;opacity:1}
.af-hero.portrait .af-port-h,.af-hero.portrait .af-port-f{display:block}
.af-hero.portrait .af-port-h b{font-size:16px}.af-hero.portrait .af-port-h span{font-size:12.5px}
.af-hero.portrait .af-grid{grid-template-columns:repeat(14,1fr);gap:5px;margin-top:14px}
.af-hero.portrait .af-grid i{height:24px;border-radius:4px}
.af-hero.portrait .af-beam{top:62px;height:150px;width:70px}
.af-hero.portrait .af-beam.on{animation-name:afbeamp}
@keyframes afbeamp{from{left:10px}to{left:370px}}
.af-hero.portrait .af-port-f{left:18px;bottom:12px;font-size:14px}.af-hero.portrait .af-port-f b{font-size:24px}
.af-hero.portrait .af-read{left:20px;top:488px;width:440px;height:170px;padding:18px}
.af-hero.portrait .af-read b{font-size:16px;margin:6px 0 14px}.af-hero.portrait .af-read em{font-size:13px}
.af-hero.portrait .af-res{left:20px;top:488px;width:440px;height:360px;padding:16px}
.af-hero.portrait .af-res-h b{font-size:16px}.af-hero.portrait .af-res-h span{font-size:12.5px}
.af-hero.portrait .af-row{gap:10px;padding:7px 0}
.af-hero.portrait .af-row b{font-size:15px}.af-hero.portrait .af-row small{font-size:12px}
.af-hero.portrait .af-row em{display:block;font-size:13px}
.af-hero.portrait .af-row .af-pill{font-size:12px;padding:4px 9px}
.af-hero.portrait .af-next{left:16px;right:16px;bottom:12px;gap:6px}
.af-hero.portrait .af-next small,.af-hero.portrait .af-next span:nth-of-type(2){display:none}.af-hero.portrait .af-next span{font-size:12.5px;padding:6px 10px}
.af-hero.portrait .af-stamp{left:32px;top:388px;width:416px;padding:12px 14px}
.af-hero.portrait .af-stamp b{font-size:15px}.af-hero.portrait .af-stamp small{font-size:12.5px}

/* Atlas service credit film, portrait canvas for phones (480 x 918) */
.af-life.portrait .af-act{left:20px;top:14px;font-size:13px;padding:8px 14px}
.af-life.portrait .af-doc{display:block;left:20px;top:62px;width:440px;height:192px;padding:16px 18px}
.af-life.portrait .af-doc .ln{display:none}
.af-life.portrait .af-doc-h{padding-bottom:10px;margin-bottom:8px}
.af-life.portrait .af-doc-h b{font-size:16px}.af-life.portrait .af-doc-h span{font-size:12.5px}
.af-life.portrait .af-cl{font-size:14.5px;margin:10px 0}
.af-life.portrait .af-hl{top:68px;height:92px;left:10px;right:10px}
.af-life.portrait .af-out{left:20px;top:268px;width:440px;height:68px;padding:0 16px}
.af-life.portrait .af-out b{font-size:16px}.af-life.portrait .af-out small{font-size:11.5px}
.af-life.portrait .af-ask2{left:20px;top:268px;width:440px;height:76px;font-size:15px;line-height:1.35;padding:0 12px}
.af-life.portrait .af-stages{left:20px;top:358px;width:440px;gap:8px}
.af-life.portrait .af-stages li{height:100px;align-items:flex-start;padding:14px 16px;gap:12px}
.af-life.portrait .af-n{width:28px;height:28px;font-size:13px}
.af-life.portrait .af-stages b{width:auto;font-size:16px;line-height:28px}
.af-life.portrait .af-st{left:16px;right:16px;top:auto;bottom:12px;margin-top:0;font-size:14px}
.af-life.portrait .af-st i{width:24px;height:24px}
.af-life.portrait .af-sum{left:20px;top:804px;width:440px;height:100px;padding:14px 16px}
.af-life.portrait .af-sum b{font-size:18px}.af-life.portrait .af-sum span{font-size:13.5px}
/* Home: integrations */
.int-band{background:#fff}
.int-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.int-copy .lead-x{margin-bottom:26px}
.int-vid{display:block;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;border:1px solid #E3E8EF;background:#fff;margin-bottom:22px;position:relative}
.int-ph{position:relative;display:block;aspect-ratio:16/9;background:#0F1E33}
.int-ph img{width:100%;height:100%;object-fit:cover;display:block}
.int-ph .play{position:absolute;left:auto;right:16px;top:auto;bottom:16px;background:#F56200}.int-ph .play svg{fill:#fff}
.int-ph em{position:absolute;right:12px;top:12px;bottom:auto;font-style:normal;font-size:12.5px;font-weight:700;color:#fff;background:rgba(15,30,51,.85);border-radius:6px;padding:3px 7px}
.int-vt{display:block;padding:14px 18px}
.int-vt small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C24E00}
.int-vt b{font-size:16.5px;color:#0F1E33}
.int-ph.vt{min-height:0;border-radius:0;background:#0F1E33}.int-ph.vt img{opacity:1}
.int-ph iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.int-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.int-tiles li{display:flex;flex-direction:column;gap:12px;border:1px solid #E3E8EF;border-radius:14px;padding:18px;background:#fff;transition:border-color .2s,box-shadow .2s}
.int-tiles li:hover{border-color:#F56200;box-shadow:0 16px 34px -24px rgba(15,30,51,.45)}
.int-tiles img{height:26px;width:auto;max-width:130px;object-fit:contain;object-position:left center}
.int-tiles b{display:block;font-size:15px;color:#0F1E33;margin-bottom:3px}
.int-tiles span{font-size:14px;line-height:1.45;color:#33475B}
@media (max-width:991px){.int-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:575px){.int-tiles{grid-template-columns:1fr;gap:8px}.int-tiles li{flex-direction:row;align-items:center;gap:14px;padding:14px}.int-tiles img{width:84px;flex:none}}
@media (max-width:575px){.int-ph .play{width:42px;height:42px;right:10px;bottom:10px}.int-ph .play svg{width:15px;height:15px}.int-ph em{top:8px;right:8px}}
/* Customer stories hub */
.csh{background:linear-gradient(180deg,#fff,#F3F6FA 40%,#fff)}
.csh-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #E3E8EF;border-radius:20px;background:#fff;overflow:hidden;margin-bottom:56px}
.csh-n{display:block;padding:26px 28px;text-decoration:none;border-left:1px solid #E3E8EF;transition:background .2s}
.csh-n:first-child{border-left:0}.csh-n:hover{background:#FFF7F1}
.csh-n b{display:block;font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-.03em;color:#F56200}
.csh-n span{display:block;font-size:16px;font-weight:700;color:#0F1E33;margin-top:10px}
.csh-n small{display:block;font-size:13.5px;color:#5d6f82;margin-top:4px}
.csh-feat{display:grid;grid-template-columns:1.05fr 1fr;border-radius:24px;overflow:hidden;background:#0F1E33;color:#C9D3E0;box-shadow:0 40px 80px -50px rgba(15,30,51,.7);margin-bottom:72px}
.csh-fph{position:relative;display:block;min-height:440px}
.csh-fph > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.csh-feat:hover .csh-fph > img{transform:scale(1.04)}
.csh-chip{position:absolute;left:18px;top:18px;background:#fff;border-radius:999px;padding:7px 14px;font-style:normal;font-size:13px;font-weight:700;color:#0F1E33;display:flex;align-items:center;min-height:36px;z-index:1}
.csh-chip img{display:block;width:auto}
.csh-fb{padding:44px 46px;display:flex;flex-direction:column;align-items:flex-start}
.csh-tag{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8FA3BF;margin:0 0 14px;display:block;line-height:1.5}
.csh-tag span{display:inline-block;background:#F56200;color:#fff;border-radius:999px;padding:3px 10px;margin-right:10px;letter-spacing:.06em}
.csh-fb h2{font-size:clamp(26px,2.4vw,34px);line-height:1.18;letter-spacing:-.02em;margin:0 0 16px}
.csh-fb h2 a{color:#fff;text-decoration:none}
.csh-before{font-size:16px;line-height:1.5;margin:0 0 22px}
.csh-before em,.csh-ba em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-right:8px;color:#FF8A3D}
.csh-fm{display:flex;gap:40px;padding:18px 0;border-top:1px solid #25395A;border-bottom:1px solid #25395A;margin-bottom:22px;width:100%}
.csh-fm b{display:block;font-size:46px;line-height:1;color:#fff;letter-spacing:-.03em}
.csh-fm span{display:block;font-size:14px;color:#9FB0C6;margin-top:6px;max-width:170px}
.csh-fq{font-size:16px;line-height:1.55;color:#E3E9F1;margin:0 0 26px;font-style:italic}
.csh-fq cite{display:flex;align-items:center;gap:12px;font-style:normal;margin-top:14px;font-size:13.5px;color:#9FB0C6}
.csh-fq cite img{border-radius:50%;object-fit:cover}.csh-fq cite b{display:block;color:#fff;font-size:14.5px}
.csh-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.csh-bar .fx-h2{margin:0}
.csh-chips{display:flex;flex-wrap:wrap;gap:8px}
.csh-chips button{display:inline-flex;align-items:center;gap:8px;border:1px solid #D6DEE8;background:#fff;color:#33475B;border-radius:999px;padding:9px 16px;font:700 14.5px Arial;cursor:pointer;transition:all .2s}
.csh-chips button i{font-style:normal;font-size:12px;background:#EFF3F8;color:#5d6f82;border-radius:999px;padding:1px 8px}
.csh-chips button:hover{border-color:#0F1E33}
.csh-chips button.on{background:#0F1E33;border-color:#0F1E33;color:#fff}.csh-chips button.on i{background:#F56200;color:#fff}
.csh-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.csh-card{grid-column:span 2;display:flex;flex-direction:column;border:1px solid #E3E8EF;border-radius:20px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s,border-color .3s}
/* mixed layout: wide, narrow / narrow, wide / half, half */
.csh-grid:not(.filtered) .csh-card:nth-child(1),.csh-grid:not(.filtered) .csh-card:nth-child(4){grid-column:span 4;flex-direction:row}
.csh-grid:not(.filtered) .csh-card:nth-child(5),.csh-grid:not(.filtered) .csh-card:nth-child(6){grid-column:span 3}
.csh-grid:not(.filtered) .csh-card:nth-child(1) .csh-ph,.csh-grid:not(.filtered) .csh-card:nth-child(4) .csh-ph{aspect-ratio:auto;width:52%;flex:none;min-height:330px}
.csh-grid:not(.filtered) .csh-card:nth-child(1) .csh-big b,.csh-grid:not(.filtered) .csh-card:nth-child(4) .csh-big b{font-size:56px}
.csh-card[hidden]{display:none}
.csh-card:hover{transform:translateY(-4px);border-color:#F56200;box-shadow:0 30px 60px -36px rgba(15,30,51,.55)}
.csh-ph{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0F1E33}
.csh-ph > img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
.csh-card:hover .csh-ph > img{transform:scale(1.05)}
.csh-ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,30,51,0) 40%,rgba(15,30,51,.85))}
.csh-big{position:absolute;left:20px;bottom:16px;z-index:1;color:#fff}
.csh-big b{display:block;font-size:44px;line-height:1;letter-spacing:-.03em;color:#fff}
.csh-big span{display:block;font-size:14px;font-weight:700;margin-top:4px;color:#E3E9F1}
.csh-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.csh-body .csh-tag{color:#C24E00;margin-bottom:8px;font-size:11.5px}
.csh-h{display:block;font-size:19px;line-height:1.3;color:#0F1E33;margin-bottom:14px}
.csh-ba{display:grid;gap:8px;font-size:14.5px;line-height:1.45;color:#33475B;margin-bottom:16px}
.csh-ba > span{padding:10px 12px;border-radius:10px;background:#F7F9FC}
.csh-ba > span:last-child{background:#FFF7F1}
.csh-ba strong{color:#C24E00}
.csh-ba em{color:#5d6f82}.csh-ba > span:last-child em{color:#C24E00}
.csh-more{margin-top:auto;font-size:14px;font-weight:700;color:#0F1E33;display:inline-flex;align-items:center;gap:6px}
.csh-more svg{width:14px;height:14px;transition:transform .2s}.csh-card:hover .csh-more svg{transform:translateX(4px)}
.csh-qs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:64px}
.csh-q{position:relative;margin:0;padding:32px 32px 26px;border-radius:20px;background:#0F1E33;color:#E3E9F1}
.csh-qm{position:absolute;right:26px;top:6px;font-size:96px;line-height:1;color:#F56200;font-family:Georgia,serif;opacity:.9}
.csh-q blockquote{font-size:17px;line-height:1.55;margin:0 0 22px;max-width:92%}
.csh-q figcaption{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #25395A;padding-top:16px}
.csh-q figcaption img,.csh-q figcaption i{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.csh-q figcaption i{display:grid;place-items:center;background:#F56200;color:#fff;font-style:normal;font-weight:700}
.csh-q figcaption b{display:block;color:#fff;font-size:15px}.csh-q figcaption small{color:#9FB0C6;font-size:13px}
.csh-q figcaption a{margin-left:auto;color:#FF8A3D;font-weight:700;font-size:14px;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.csh-q figcaption a svg{width:13px;height:13px}
.csh .note-demo{margin-top:20px}
@media (max-width:991px){.csh-strip{grid-template-columns:1fr 1fr}.csh-n:nth-child(3){border-left:0}.csh-n:nth-child(n+3){border-top:1px solid #E3E8EF}.csh-feat{grid-template-columns:1fr}.csh-fph{min-height:300px}.csh-grid{grid-template-columns:1fr 1fr}.csh-grid .csh-card,.csh-grid:not(.filtered) .csh-card:nth-child(n){grid-column:auto;flex-direction:column}.csh-grid:not(.filtered) .csh-card:nth-child(n) .csh-ph{width:auto;aspect-ratio:16/9;min-height:0}.csh-qs{grid-template-columns:1fr}}
@media (max-width:575px){.csh-n{padding:18px}.csh-n span{font-size:14px}.csh-fb{padding:28px 22px}.csh-fm{gap:24px}.csh-fm b{font-size:38px}.csh-grid{grid-template-columns:1fr}.csh-fph{min-height:220px}.csh-q{padding:26px 22px 22px}.csh-q figcaption a{margin-left:0}}
/* Inter for text and Nunito Sans for headings, on every page (Mac, 4 Nov 2026). head({ font: 'inter' }) loads it and adds body.font-inter.
   The rest of the site stays on Arial. !important because several components set Arial directly (films, buttons). */
body.font-inter,body.font-inter *{font-family:'Inter',Arial,Helvetica,sans-serif !important}
/* Headings in Nunito Sans on home: section titles, hero, card and FAQ titles. Film canvases keep Inter so the demo UI reads as product. */
body.font-inter :is(h1,h2,h3,h4,.h1,.h2,.h3,.fx-h2):not(.film-canvas *),body.font-inter :is(h1,h2,h3,h4,.h1,.h2,.h3,.fx-h2):not(.film-canvas *) *{font-family:'Nunito Sans','Inter',Arial,sans-serif !important;letter-spacing:-.015em}
body.font-inter{letter-spacing:-.005em}
.int-tiles img.big{height:44px;max-width:150px}
/* Buy side and sell side */
.sides{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.side{border:1px solid #E3E8EF;border-radius:20px;padding:30px;background:#fff;display:flex;flex-direction:column}
.side:nth-child(2){background:#0F1E33;border-color:#0F1E33;color:#C9D3E0}
.side-tag{display:inline-block;align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#F56200;border-radius:999px;padding:5px 12px;margin:0 0 16px}
.side h3{font-size:26px;margin:0 0 10px}.side:nth-child(2) h3{color:#fff}
.side > p:not(.side-tag){font-size:16px;line-height:1.55;margin:0 0 20px}
.side-flow{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:s}
.side-flow li{counter-increment:s;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;border-radius:10px;padding:8px 12px;background:#F3F6FA;color:#0F1E33}
.side-flow li:before{content:counter(s);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;background:#0F1E33;color:#fff}
.side:nth-child(2) .side-flow li{background:#16294A;color:#fff}.side:nth-child(2) .side-flow li:before{background:#F56200}
.side-mods{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.side-mods span{font-size:12.5px;font-weight:700;color:#C24E00;border:1px solid rgba(245,98,0,.4);border-radius:999px;padding:3px 10px}
.side:nth-child(2) .side-mods span{color:#FF8A3D}
.side .fx-more{margin-top:auto}.side:nth-child(2) .fx-more{color:#fff}
/* Customers on more than one module */
.mm{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #E3E8EF;border-radius:22px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;margin-top:22px;transition:box-shadow .3s,border-color .3s,transform .3s}
.mm:hover{border-color:#F56200;box-shadow:0 30px 60px -36px rgba(15,30,51,.5);transform:translateY(-3px)}
.mm-ph{position:relative;display:block;min-height:320px;overflow:hidden}
.mm-ph > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.mm:hover .mm-ph > img{transform:scale(1.04)}
.mm-b{display:flex;flex-direction:column;padding:28px 32px}
.mm-mods{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
.mm-mods b{font-size:13.5px;background:#0F1E33;color:#fff;border-radius:8px;padding:5px 10px}
.mm-mods i{font-style:normal;color:#F56200;font-weight:700}
.mm-mods em{font-style:normal;font-size:12.5px;font-weight:700;color:#5d6f82;margin-left:4px}
.mm-h{display:block;font-size:24px;line-height:1.25;color:#0F1E33;margin-bottom:12px}
.mm-before{font-size:15.5px;line-height:1.5;color:#33475B;margin-bottom:20px}
.mm-before em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C24E00;margin-right:8px}
.mm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.mm-stats span{display:block;border-radius:12px;background:#F7F9FC;padding:14px;font-size:13.5px;line-height:1.4;color:#33475B}
.mm-stats b{display:block;font-size:34px;line-height:1;color:#F56200;letter-spacing:-.03em;margin-bottom:6px}
.mm .csh-more{margin-top:auto}
.fx-multi .note-demo{margin-top:14px}
@media (max-width:991px){.sides{grid-template-columns:1fr}.mm{grid-template-columns:1fr}.mm-ph{min-height:220px}}
@media (max-width:575px){.side{padding:24px 20px}.mm-b{padding:22px 20px}.mm-stats{grid-template-columns:1fr}.mm-stats span{display:flex;align-items:baseline;gap:10px}.mm-stats b{font-size:28px;margin:0}}

/* Less space between the client wall and the contract intelligence section (Sunil, 4 Nov) */
.cw-band{padding-bottom:40px}.ci-band{padding-top:48px}
@media (max-width:575px){.cw-band{padding-bottom:28px}.ci-band{padding-top:32px}}

/* Centered hero (Sunil, 4 Nov): home, product and team pages. Headline first, the supporting line under it. */
.hero-center .container-x:first-child{text-align:center}
.hero-center .hero-grid{display:block;max-width:1040px;margin:0 auto}
.hero-center h1 .kw{margin-left:auto;margin-right:auto}
.hero-center .hero-sub,.hero-center .hero-grid .hero-sub{max-width:780px;margin:26px auto 26px;font-size:19px}
.hero-center .hero-ctas,.hero-center .hero-grid .hero-ctas{justify-content:center}
.fx-hero-center{justify-content:center}
.fx-hero-center:after{background:radial-gradient(ellipse at center,rgba(8,20,14,.55),rgba(8,20,14,.25) 70%)}
.fx-hero-center .fx-hero-panel{margin:0 auto;max-width:820px;text-align:center}
.fx-hero-center .fx-hero-panel .hero-ctas,.fx-hero-center .crumbs{justify-content:center}
.fx-hero-center .fx-hero-panel .ip-sub{max-width:680px;margin-left:auto;margin-right:auto}
.fx-hero-center .eyebrow{justify-content:center}

/* Demo and contact forms: a field skeleton holds the space while HubSpot loads, so nothing jumps and no bare text shows */
[data-hs-form]{min-height:440px}
.hs-skel{display:grid;gap:14px}
.hs-skel i{display:block;height:44px;border-radius:8px;background:linear-gradient(90deg,#EFF3F8 25%,#F7F9FC 50%,#EFF3F8 75%);background-size:200% 100%;animation:hsk 1.4s ease-in-out infinite}
.hs-skel i.w{height:96px}.hs-skel i.b{width:190px;height:48px;background:#F5D3BC;justify-self:center}
@keyframes hsk{from{background-position:200% 0}to{background-position:-200% 0}}
.hs-form-fallback{font-size:15px;color:var(--ink-2)}.hs-form-fallback a{color:#C24E00;font-weight:700}
@media (prefers-reduced-motion:reduce){.hs-skel i{animation:none}}

/* Download library */
.lib .csh-chips{margin:28px 0 22px}
.lib-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lib-card{display:flex;flex-direction:column;border:1px solid #E3E8EF;border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}
.lib-card[hidden]{display:none}
.lib-card:hover{transform:translateY(-3px);border-color:#F56200;box-shadow:0 24px 50px -32px rgba(15,30,51,.5)}
.lib-ph{display:block;aspect-ratio:4/3;overflow:hidden;background:#EFF3F8;border-bottom:1px solid #E3E8EF}
.lib-ph img{width:100%;height:auto;display:block;transition:transform .6s}.lib-card:hover .lib-ph img{transform:translateY(-6%)}
.lib-b{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.lib-b .csh-tag{color:#C24E00;margin-bottom:6px;font-size:11px}
.lib-b b{font-size:16.5px;line-height:1.3;color:#0F1E33;margin-bottom:8px}
.lib-b > span{font-size:14px;line-height:1.5;color:#33475B;margin-bottom:14px}
.lib-b em{margin-top:auto;font-style:normal;font-size:13px;font-weight:700;color:#0F1E33}
@media (max-width:1199px){.lib-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.lib-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.lib-grid{grid-template-columns:1fr}}

/* Home suite: ComplianceNext alongside the six modules */
.suite-plus{display:block;margin-top:14px;border-radius:16px;padding:18px 20px;background:#0F1E33;color:#C9D3E0;text-decoration:none;transition:transform .25s}
.suite-plus:hover{transform:translateY(-2px)}
.suite-plus .sp-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FF8A3D;margin-bottom:6px}
.suite-plus b{display:block;color:#fff;font-size:18px;margin-bottom:4px}
.suite-plus > span:not(.sp-tag){display:block;font-size:14.5px;line-height:1.5}
.suite-plus em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-weight:700;color:#fff;font-size:14px;margin-top:10px}.suite-plus em svg{width:14px;height:14px}
.theme-navy .suite-plus,.theme-navy .suite-plus > span:not(.sp-tag){color:#C9D3E0}.theme-navy .suite-plus b,.theme-navy .suite-plus em{color:#fff}.theme-navy .suite-plus .sp-tag{color:#FF8A3D}

/* Resource download pages: copy and cover on the left, the form card on the right */
.res-hero{background:#0F1E33;color:#fff;padding:120px 0 72px}
.res-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
.res-hero .crumbs,.res-hero .crumbs a{color:rgba(255,255,255,.7)}
.res-hero .eyebrow{color:#F9A726}
.res-hero h1{font-size:clamp(32px,4vw,50px);line-height:1.08;color:#fff;margin:10px 0 16px}
.res-hero .ip-sub{color:#C9D3E0;font-size:18px;max-width:600px}
.res-inside{display:flex;gap:26px;align-items:flex-start;margin-top:34px}
.res-inside img{width:170px;height:auto;border-radius:10px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);flex:none;background:#fff}
.res-inside b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#F9A726}
.res-hero .fx-take li{color:#E3E9F1;font-size:15.5px}.res-hero .fx-take svg{stroke:#F56200}
.res-card{background:#fff;color:#0F1E33;border-radius:20px;padding:30px 28px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6);min-height:420px}
.res-card h2{font-size:24px;margin:0 0 6px}.res-card > p{color:#33475B;font-size:15px;margin:0 0 18px}
.res-done{text-align:center;padding:30px 6px}
.res-done b{display:block;font-size:22px;margin:14px 0 6px}.res-done p{color:#33475B;margin-bottom:20px}
.res-ok{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#FFF1E6}
.res-ok svg{width:28px;height:28px;fill:none;stroke:#F56200;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lib-grid.lib-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:991px){.res-grid{grid-template-columns:1fr;gap:36px}.res-hero{padding:104px 0 56px}}
@media (max-width:767px){.lib-grid.lib-3{grid-template-columns:1fr}.res-inside img{width:120px}}
.lib-b em{display:inline-flex;align-items:center;gap:6px;color:#C24E00}
.lib-b em svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.lib-card:hover .lib-b em svg{transform:translateX(3px)}
.res-done .btn-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}

/* Webinar pages: the recording is locked until the form is sent, then plays in place */
.web-player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;margin-top:30px;background:#000;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.web-player img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.55)}
.web-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;text-align:center}
.web-lock svg{width:44px;height:44px;padding:12px;box-sizing:content-box;border-radius:50%;background:rgba(15,30,51,.7);fill:none;stroke:#F9A726;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.web-lock b{font-size:15px}
.web-player.open .web-lock{display:none}.web-player.open img{filter:none}
.web-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.web-card .lib-ph{aspect-ratio:16/9;position:relative}.web-card .lib-ph img{height:100%;object-fit:cover}
.web-card .play{position:absolute;left:14px;bottom:14px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center}
.web-card .play svg{width:16px;height:16px;fill:#0F1E33;margin-left:2px}
.web-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;margin:30px 0 22px;padding-top:24px;border-top:1px solid #E3E8EF}
.web-meta small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C24E00;margin-bottom:6px}
.web-meta p,.web-meta li{font-size:15px;color:#33475B;margin:0}.web-meta ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.res-card:has(.res-done:not([hidden])) > h2,.res-card:has(.res-done:not([hidden])) > p{display:none}

/* Auto hubs: glossary A to Z, news list, blog grid */
.gl-az{display:flex;flex-wrap:wrap;gap:6px;margin:26px 0 30px;position:sticky;top:72px;z-index:5;background:#fff;padding:10px 0}
.gl-az a{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid #E3E8EF;border-radius:8px;font-weight:700;color:#0F1E33;text-decoration:none}
.gl-az a:hover{border-color:#F56200;color:#C24E00}
.gl-group{scroll-margin-top:140px;padding:8px 0 22px;border-top:1px solid #E3E8EF}
.gl-group h3{font-size:28px;color:#F56200;margin:14px 0 10px}
.gl-group ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 26px}
.gl-group a{display:block;padding:10px 0;text-decoration:none;color:inherit}
.gl-group b{display:block;color:#0F1E33;font-size:16px}.gl-group span{display:block;font-size:13.5px;color:#5A6B7F;line-height:1.45;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gl-group a:hover b{color:#C24E00}
.news-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:0}
.news-list a{display:grid;grid-template-columns:220px 1fr;gap:4px 28px;padding:20px 0;border-top:1px solid #E3E8EF;text-decoration:none;color:inherit}
.news-list small{grid-row:span 2;font-size:13px;font-weight:700;color:#C24E00;text-transform:uppercase;letter-spacing:.06em}
.news-list b{font-size:18px;color:#0F1E33}.news-list span{color:#33475B;font-size:15px}
.news-list a:hover b{color:#C24E00}
.blog-grid .lib-ph{aspect-ratio:16/9}
@media (max-width:991px){.gl-group ul{grid-template-columns:1fr 1fr}.news-list a{grid-template-columns:1fr}.news-list small{grid-row:auto}}
@media (max-width:575px){.gl-group ul{grid-template-columns:1fr}}

/* Resource pages: question list written for a resource (Atlas datasheet) */
.res-qs{list-style:none;margin:22px 0 6px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.res-qs li{border:1px solid var(--line);border-radius:6px;padding:16px 18px;background:#fff}.res-qs small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F56200;margin-bottom:6px}.res-qs span{font-size:16px;line-height:1.45;color:var(--ink)}
@media (max-width:767px){.res-qs{grid-template-columns:1fr}}

/* Open resource and webinar cards (no form) */
.res-open{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.res-open h2,.res-open p{margin:0}
.res-alt{font-size:14px;font-weight:600;color:#33475B;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.res-alt svg{width:14px;height:14px}.res-alt:hover{color:#0F1E33}
a.web-player{display:block;cursor:pointer}a.web-player:hover img{filter:brightness(.7)}

/* Thank you page for downloads */
.ty-dl{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px;border:1px solid #E3E8EF;border-radius:8px;background:#EFF3F8;max-width:640px}.ty-name{font-size:22px;font-weight:700;color:#0F1E33;margin:0}.ty-note{margin:0;color:#33475B}.ty-back{font-size:14px;font-weight:600;color:#33475B}

/* Products menu: link to every AI capability */
.mega-all{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:700;color:#C24E00;text-decoration:none}.mega-all svg{width:13px;height:13px}.mega-all:hover{color:#0F1E33}

/* Live aavenir.com forms, ported (Contact Form 7 markup) */
.wpcf7-form{display:grid;gap:12px}
.wpcf7-form .lf-l{display:grid;gap:6px;font-size:14px;font-weight:600;color:#0F1E33}
.wpcf7-form input,.wpcf7-form select{font:inherit;font-weight:400;font-size:15px;padding:11px 12px;border:1px solid #D5DDE7;border-radius:6px;background:#fff;color:#0F1E33;width:100%}
.wpcf7-form input:focus,.wpcf7-form select:focus{outline:2px solid #F56200;outline-offset:1px;border-color:#F56200}
.wpcf7-form .lf-hide{display:none}
.wpcf7-form .lf-btn{justify-content:center;width:100%;margin-top:4px}
.wpcf7-form .lf-note{font-size:12px;color:#5D6F82;margin:0}
.wpcf7-form .lf-err{color:#B42318;font-size:13px;margin:0}
.cs-dl{display:grid;gap:32px;align-items:start}@media (min-width:992px){.cs-dl{grid-template-columns:1fr 440px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.f-news{margin-top:22px;max-width:320px}.f-news b{display:block;color:#fff;font-size:14px;margin-bottom:8px}
.f-news form{display:flex;gap:6px}.f-news input{flex:1;min-width:0;font:inherit;font-size:14px;padding:9px 11px;border-radius:6px;border:1px solid #2c3e57;background:#0F1E33;color:#fff}
.f-news button{font:inherit;font-weight:700;font-size:14px;padding:9px 14px;border-radius:6px;border:0;background:#F56200;color:#fff;cursor:pointer}
.f-news-ok{color:#cfd8e3;font-size:13px;margin:8px 0 0}

/* FAQ ends with a contact line (Seuli, 5 November 2026) */
.faq-cta{text-align:center;margin:28px 0 0;font-size:1.0625rem;color:var(--ink-2,#3d4a5c)}
.faq-cta a{font-weight:700;color:var(--orange-d);text-decoration:none;margin-left:6px}
.faq-cta a:hover{text-decoration:underline}

/* Hosted product videos play in the tile (7 November 2026) */
.vt video{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#000;object-fit:contain}
.fx-vid.vt .fx-vid-ph{position:relative}
.fx-vid.vt .fx-vid-ph video{border-radius:6px}

/* Comparison cards on narrow phones (from Vamsi's QA, 7 November 2026): three columns cut "Intelligence" under 400px,
   so each answer becomes one row, label on the left and the answer on the right */
@media (max-width:399.98px){
  .ci-vs-r{grid-template-columns:1fr}
  .ci-vs-r>span[role=cell]{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;font-size:14px;border-top:1px solid #EFF3F8}
  .ci-vs-r>span[role=cell]:before{flex:1;min-width:0;font-size:11px}
  .ci-vs-r>span[role=cell]:last-child{padding-bottom:12px}
}

/* Stat words such as "Centralized" overflowed three column stat rows at tablet widths (from Vamsi's QA, 7 November 2026) */
@media (min-width:768px) and (max-width:1199.98px){
  .fx-stats>div{min-width:0}
  .fx-stats b{font-size:clamp(28px,3.6vw,56px)}
}