/* lassoreps.com site layer (2026-10-08). Loaded after home.css on every public page, homepage included.
   home.css holds the tokens, type, buttons, dialogs, dropdown and the homepage sections; this file holds the
   shared header with menus, the footer, subpage layouts and the content components in site/CONTENT-SPEC.md.
   Rules kept from the fleet checklist: no backdrop-filter on the header (it clips the menus), the menu button sits
   hard right on phones, footer is two columns on phones, nothing scrolls sideways. */

:root{--top:68px}
html,body{overflow-x:clip}

/* ---------- header ---------- */
.top{display:flex;flex-direction:column}
.top-in{position:relative;height:var(--top);flex:none}
.top .wordmark{margin-right:0}
.nav{display:none;margin-left:28px;margin-right:auto}
.nav-list{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0}
.nav-item{position:relative}
.nav-item.mega{position:static}
.nav-btn,.nav-link{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 12px;border:0;border-radius:6px;background:none;color:inherit;font:600 .93rem var(--body);text-decoration:none;cursor:pointer;opacity:.9}
.nav-btn .i{width:15px;height:15px;transition:transform .2s var(--ease)}
.nav-btn:hover,.nav-link:hover,.nav-item.open>.nav-btn{opacity:1;background:rgba(127,127,127,.12)}
.nav-item.open>.nav-btn .i{transform:rotate(180deg)}
.nav-link[aria-current=page]{opacity:1;box-shadow:inset 0 -2px 0 var(--hv)}
.menu{position:absolute;top:calc(100% + 8px);left:-8px;z-index:130;min-width:300px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -24px rgba(16,23,31,.45);padding:10px;display:none}
.nav-item.open>.menu{display:block}
.nav-item.mega>.menu{left:0;right:0;top:calc(100% - 6px);padding:22px;min-width:0}
.menu-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 260px;gap:22px}
.menu h5{margin:0 0 8px;padding:0 10px;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.menu a{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border-radius:8px;color:var(--ink);text-decoration:none}
.menu a:hover,.menu a:focus-visible{background:var(--canvas)}
.menu a .i{width:20px;height:20px;color:var(--hv-d);margin-top:2px}
.menu a b{display:block;font-weight:700;font-size:.93rem;line-height:1.25}
.menu a small{display:block;color:var(--mute);font-size:.8rem;line-height:1.35;margin-top:2px}
.menu .mini-links a{padding:6px 10px;font-weight:600;font-size:.9rem}
.menu-feature{background:var(--night);color:#fff;border-radius:12px;padding:18px;display:grid;gap:8px;align-content:start}
.menu-feature b{font-family:var(--disp);font-size:1.15rem;font-weight:800;letter-spacing:-.01em}
.menu-feature span{color:rgba(255,255,255,.78);font-size:.86rem;line-height:1.45}
.menu-feature .btn{justify-self:start;margin-top:6px;min-height:40px;font-size:.86rem}
.menu-feature a.btn:hover{background:var(--hv-d)}
.top-cta{display:flex;align-items:center;gap:8px;margin-left:auto}
.top .btn-top{display:none}
.top .btn-hv{display:inline-flex}
.burger{display:grid;place-items:center;width:44px;height:44px;margin-right:-6px;border:0;background:none;color:inherit;cursor:pointer;border-radius:8px}
.burger span,.burger span:before,.burger span:after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .25s var(--ease),opacity .2s}
.burger span:before,.burger span:after{content:"";position:absolute;left:0}
.burger span:before{top:-7px}.burger span:after{top:7px}
.top.menu-open .burger span{background:transparent}
.top.menu-open .burger span:before{transform:translateY(7px) rotate(45deg)}
.top.menu-open .burger span:after{transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;top:var(--top);left:0;right:0;bottom:0;overflow-y:auto;overscroll-behavior:contain;background:var(--canvas);color:var(--ink);border-top:1px solid var(--line);padding:8px 16px 32px}
.mnav details{border-bottom:1px solid var(--line)}
.mnav summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-family:var(--disp);font-weight:800;font-size:1.25rem;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary .i{width:18px;height:18px;transition:transform .2s}
.mnav details[open] summary .i{transform:rotate(180deg)}
.mnav .mgroup{display:grid;gap:2px;padding:0 0 14px}
.mnav .mgroup h5{margin:10px 4px 4px;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.mnav .mgroup a{display:block;padding:10px 4px;color:var(--ink);text-decoration:none;font-weight:600}
.mnav>a.mtop{display:block;padding:16px 4px;font-family:var(--disp);font-weight:800;font-size:1.25rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.mnav .mcta{display:grid;gap:10px;margin-top:22px}
.mnav .mcta .btn{width:100%}
.top .mnav .mcta .btn{display:flex;min-height:50px;padding:0 18px;font-size:1rem}
html.nav-open{overflow:hidden}
.top.menu-open{background:var(--canvas);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.top.menu-open .wordmark svg path:first-child{fill:var(--night)}
.top.is-solid .wordmark svg path:first-child{fill:var(--night)}
/* light pages: the bar is solid from the start */
.page-light .top{background:rgba(243,238,229,.96);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.page-light .top .wordmark svg path:first-child{fill:var(--night)}
.page-light .top:not(.is-solid) .btn-line{color:var(--night);border-color:var(--line);background:var(--card)}
@media (max-width:399px){.top .btn-hv{display:none}}
@media (min-width:1100px){
  .nav{display:block}
  .burger,.mnav{display:none!important}
  .top .btn-top{display:inline-flex}
  .top-cta{margin-left:0}
}

/* ---------- subpage hero and breadcrumbs ---------- */
.phero{background:var(--night);color:#fff;padding:calc(var(--top) + 44px) 0 64px;position:relative}
.phero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--hv),var(--amber))}
.phero .h1{font-size:clamp(2.2rem,6.4vw,3.7rem);max-width:17ch;text-wrap:balance}
.phero .lede{font-size:clamp(1.05rem,2.2vw,1.25rem);color:rgba(255,255,255,.82);max-width:62ch;margin:0 0 26px;line-height:1.5}
.phero .btns{margin:0}
.phero.light{background:var(--canvas-2);color:var(--ink)}
.phero.light:after{display:none}
.phero.light .h1{color:var(--night)}
.phero.light .lede{color:var(--ink-2)}
.phero .updated{font-size:.86rem;color:var(--mute);margin:-10px 0 0}
.crumbs{margin:0 0 18px;font-size:.84rem}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0}
.crumbs li{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6)}
.crumbs li+li:before{content:"/";opacity:.5}
.crumbs a{color:rgba(255,255,255,.85);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.phero.light .crumbs li{color:var(--mute)}.phero.light .crumbs a{color:var(--ink-2)}

/* ---------- sections ---------- */
.s{background:var(--canvas)}
.s-white{background:var(--card)}
.s-sand{background:var(--canvas-2)}
.s-dark{background:var(--night);color:#fff}
.s-dark .h2,.s-dark .h3,.s-dark h3{color:#fff}
.s-dark .sub,.s-dark p{color:rgba(255,255,255,.8)}
.s-dark .kicker{color:var(--amber-2)}
.sh{max-width:760px;margin-bottom:34px}
.sh .h2{margin-bottom:12px}
.sh .sub{margin:0}
.s .wrap>*:last-child{margin-bottom:0}
.h3{font-family:var(--disp);font-weight:800;font-size:clamp(1.35rem,3vw,1.7rem);letter-spacing:-.015em;line-height:1.1;color:var(--night);margin:0 0 12px}
.s p{max-width:72ch}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.fine{font-size:.82rem;color:var(--mute)}

/* grids and cards */
.grid{display:grid;gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 20px;display:grid;gap:10px;align-content:start}
.s-white .card{background:var(--canvas)}
.s-dark .card{background:var(--night-2);border-color:var(--line-d)}
.card h3{font-family:var(--disp);font-weight:800;font-size:1.2rem;line-height:1.2;letter-spacing:-.01em;margin:0;color:var(--night)}
.s-dark .card h3{color:#fff}
.card p{margin:0;color:var(--ink-2);font-size:.95rem}
.s-dark .card p{color:rgba(255,255,255,.78)}
.card ul{margin:0}
.card>.i,.lcard>.i{width:44px;height:44px;padding:11px;border-radius:11px;background:var(--hv-bg);color:var(--hv-d);box-sizing:border-box}
.s-dark .card>.i{background:rgba(242,107,29,.16);color:var(--hv-2)}
.card a{color:var(--hv-d);font-weight:700}
@media (min-width:640px){.g2,.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* text beside a visual */
.split{display:grid;gap:28px;align-items:center}
.split+.split{margin-top:64px}
.split>*{min-width:0}
@media (min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}.split.rev>:first-child{order:2}}

/* sample app panel */
.panel{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);font-size:.9rem;color:var(--ink)}
.s-white .panel{background:#fff}
.panel-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:800;font-size:1.02rem;letter-spacing:-.01em;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:4px;color:var(--night)}
.panel-h small{font-weight:600;color:var(--mute);font-size:.78rem}
.panel .row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.panel .row:first-of-type,.panel-h+.row{border-top:0}
.panel .row b{display:block;font-weight:700;color:var(--night)}
.panel .row small{display:block;color:var(--mute);font-size:.82rem;line-height:1.4}
.panel .row em{font-style:normal;font-family:var(--mono);font-size:.74rem;font-weight:700;color:var(--green);white-space:nowrap}
.panel .row em.muted{color:var(--mute)}
.panel .n{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--night);color:#fff;font:700 .74rem var(--mono)}
.panel .n.hv{background:var(--hv)}.panel .n.ok{background:var(--green)}
.panel-f,.panel figcaption{margin:8px 0 0;font-size:.76rem;color:var(--mute)}
.score{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;font:700 1rem var(--mono);font-variant-numeric:tabular-nums;background:#EEF0F2;color:#6C7681}
.score.strong{background:var(--green-bg);color:var(--green)}
.score.maybe{background:#FDF1DE;color:#A15C07}
.panel .row:has(>.score:first-child) em:empty{display:none}

/* lists */
.checks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.checks li{position:relative;padding-left:26px;color:var(--ink-2)}
.checks li:before{content:"";position:absolute;left:3px;top:.42em;width:11px;height:6px;border-left:2.2px solid var(--green);border-bottom:2.2px solid var(--green);transform:rotate(-45deg)}
.s-dark .checks li{color:rgba(255,255,255,.85)}.s-dark .checks li:before{border-color:var(--green-2)}
.signals{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.signals li{display:flex;gap:10px;align-items:baseline;color:var(--ink-2);font-size:.95rem}
.signals em{flex:none;font-style:normal;font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:4px;min-width:84px;text-align:center}
.signals em.m{background:var(--green-bg);color:var(--green)}
.signals em.s{background:#FDF1DE;color:#A15C07}
.signals em.d{background:#FBE3DF;color:var(--red)}
.signals b{color:var(--night)}
.s-dark .signals li{color:rgba(255,255,255,.85)}
.steps .step-n{min-width:28px}
.s .steps p{max-width:62ch}

/* status pills and lists */
.pill{display:inline-block;padding:4px 9px;border-radius:4px;font:700 .68rem var(--mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:var(--sand);color:var(--ink-2);text-align:center}
.pill.live{background:var(--green-bg);color:var(--green)}
.pill.soon{background:#FDF1DE;color:#A15C07}
.pill.test{background:#E3ECF6;color:#2C5A87}
.pill.next{background:var(--canvas-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.status-list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.status-list>li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.status-list .pill{justify-self:start;margin-top:3px}
.status-list b{display:block;font-weight:700;color:var(--night);font-size:1.02rem}
.status-list p{margin:4px 0 0;color:var(--ink-2);font-size:.94rem}
@media (max-width:520px){.status-list>li{grid-template-columns:1fr}}

/* tables */
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card);margin:8px 0 0}
.s-white .tbl{background:#fff}
.tbl table{border-collapse:collapse;width:100%;min-width:560px;font-size:.93rem}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.tbl thead th{font:700 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);background:var(--canvas);white-space:nowrap}
.tbl tbody th{color:var(--night);font-weight:700}
.tbl tbody th[colspan]{background:var(--canvas-2);font:700 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.tbl tr:last-child>*{border-bottom:0}
.tbl td:first-child{color:var(--night);font-weight:600}
.cmp td.yes{color:var(--night)}
.cmp td.yes:before{content:"";display:inline-block;width:10px;height:6px;margin:0 8px 3px 1px;border-left:2.2px solid var(--green);border-bottom:2.2px solid var(--green);transform:rotate(-45deg)}
.cmp td.no{color:var(--mute);font-style:italic}
.s-dark .tbl{background:var(--night-2);border-color:var(--line-d)}
.s-dark .tbl th,.s-dark .tbl td{border-color:var(--line-d);color:rgba(255,255,255,.82)}
.s-dark .tbl thead th{background:rgba(255,255,255,.04);color:rgba(255,255,255,.6)}

/* note, rule, link cards, faq, sources */
.note{margin:22px 0 0;padding:16px 18px;border-radius:12px;background:var(--hv-bg);color:var(--ink);font-size:.95rem;border:1px solid #F6CDB3;max-width:78ch}
.note b{color:var(--night)}
.s-dark .note{background:rgba(242,107,29,.12);border-color:rgba(242,107,29,.3);color:rgba(255,255,255,.9)}.s-dark .note b{color:#fff}
.rule{margin:22px 0 0;padding:18px 20px;border-left:4px solid var(--amber);background:var(--card);border-radius:0 12px 12px 0;font-size:1rem;color:var(--ink)}
.rule p{margin:0}
.s-dark .rule{background:var(--night-2);color:rgba(255,255,255,.9)}
.links{display:grid;gap:14px}
.lcard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.s-white .lcard{background:var(--canvas)}
.lcard>.i{grid-row:span 2;width:40px;height:40px;padding:10px}
.lcard b{font-weight:800;color:var(--night);font-size:1.02rem}
.lcard span{color:var(--ink-2);font-size:.9rem;line-height:1.45}
.lcard:not(:has(>.i)){grid-template-columns:1fr}
.lcard:hover{border-color:var(--night);box-shadow:var(--shadow);transform:translateY(-2px)}
.s-dark .lcard{background:var(--night-2);border-color:var(--line-d)}.s-dark .lcard b{color:#fff}.s-dark .lcard span{color:rgba(255,255,255,.75)}
@media (min-width:640px){.links.g2,.links.g3,.links.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.links.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.links.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.faq{margin:0;display:grid;gap:0;border-top:1px solid var(--line);max-width:860px}
.faq>div{padding:18px 0;border-bottom:1px solid var(--line)}
.faq dt{font-family:var(--disp);font-weight:800;font-size:1.12rem;letter-spacing:-.01em;color:var(--night);line-height:1.3}
.faq dd{margin:8px 0 0;color:var(--ink-2)}
.faq dd p{margin:0 0 8px}.faq dd p:last-child{margin:0}
.s-dark .faq,.s-dark .faq>div{border-color:var(--line-d)}.s-dark .faq dt{color:#fff}.s-dark .faq dd{color:rgba(255,255,255,.8)}
.sources{margin:16px 0 0;padding-left:20px;display:grid;gap:6px;font-size:.92rem}
.sources a{color:var(--ink-2)}

/* ---------- doc layout (guides, help, legal) ---------- */
.doc{display:grid;gap:32px}
.doc>*{min-width:0}
.toc{display:none}
@media (min-width:1000px){
  .doc{grid-template-columns:240px minmax(0,720px);justify-content:center;gap:56px;align-items:start}
  .toc{display:block;position:sticky;top:calc(var(--top) + 24px);font-size:.88rem;max-height:calc(100vh - var(--top) - 48px);overflow:auto}
}
.toc b{display:block;font:700 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:2px solid var(--line)}
.toc a{display:block;padding:5px 0 5px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none;line-height:1.35}
.toc a:hover{color:var(--night)}
.toc a.on{border-left-color:var(--hv);color:var(--night);font-weight:700}
.prose{font-size:1.04rem;line-height:1.7;color:var(--ink-2);max-width:720px}
.prose>*:first-child{margin-top:0}
.prose h2{font-family:var(--disp);font-weight:800;font-size:clamp(1.45rem,3vw,1.85rem);letter-spacing:-.015em;line-height:1.15;color:var(--night);margin:48px 0 14px;scroll-margin-top:calc(var(--top) + 20px)}
.prose h3{font-family:var(--disp);font-weight:800;font-size:1.2rem;color:var(--night);margin:30px 0 10px;line-height:1.25}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px;display:grid;gap:8px}
.prose li::marker{color:var(--hv-d);font-weight:700}
.prose strong,.prose b{color:var(--ink)}
.prose a{color:var(--hv-d);text-underline-offset:3px}
.prose .note,.prose .rule,.prose .tbl,.prose .panel{margin:22px 0}
.prose .btns{margin:22px 0 0}
.prose .panel{max-width:520px}
.prose code{background:var(--canvas-2);padding:2px 6px;border-radius:4px;font-size:.88em;word-break:break-word}

/* ---------- industry tilt cards (homepage and /industries/) ---------- */
.tswitch{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 32px;margin-bottom:28px}
.tswitch .sh{margin-bottom:0}
.bill{display:inline-flex;width:max-content;max-width:100%;background:var(--canvas-2);border:1px solid var(--line);border-radius:999px;padding:4px;flex:none}
.bill button{border:0;background:transparent;font:700 .88rem var(--body);color:var(--ink-2);padding:9px 16px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.bill button[aria-pressed=true]{background:var(--night);color:#fff}
.bill button span{font:700 .66rem var(--mono);letter-spacing:.03em;background:var(--amber-2);color:var(--night);padding:2px 6px;border-radius:4px}
.bill button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.tcards{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));perspective:1000px}
.tcards[hidden]{display:none}
.tcard{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:22px 20px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .4s var(--ease),border-color .3s;box-shadow:0 1px 2px rgba(16,23,31,.05);will-change:transform}
.tcard:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(380px circle at var(--gx) var(--gy),rgba(255,255,255,.7),transparent 60%)}
.tcard>*{position:relative;z-index:1}
.tcard.is-tilting{transition:transform .12s linear,box-shadow .4s var(--ease),border-color .3s}
.tcard:hover,.tcard:focus-visible{border-color:rgba(16,23,31,.28);box-shadow:0 2px 4px rgba(16,23,31,.05),0 28px 50px -24px rgba(16,23,31,.4)}
.tcard:hover:after{opacity:1}
.tcard:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.tc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.tc-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--canvas-2);color:var(--night)}
.tc-ico .i{width:24px;height:24px}
.tc-status{font:700 .6rem var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:4px;white-space:nowrap}
.tc-status.ok{background:var(--green-bg);color:var(--green)}
.tc-status.next{background:var(--canvas-2);color:var(--ink-2)}
.tc-name{font-family:var(--disp);font-weight:800;font-size:1.3rem;line-height:1.1;letter-spacing:-.015em;color:var(--night)}
.tc-calls{font-size:.9rem;color:var(--ink-2);line-height:1.45}
.tc-hear{display:flex;flex-wrap:wrap;gap:6px}
.tc-hear em{width:100%;font-style:normal;font:700 .62rem var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.tc-hear .chip{font-size:.78rem;font-weight:500;padding:3px 9px;border-radius:999px;background:var(--canvas);border:1px solid var(--line);color:var(--ink-2)}
.tc-go{margin-top:auto;padding-top:6px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--night)}
.tc-go .i{width:16px;height:16px;transition:transform .35s var(--ease)}
.tcard:hover .tc-go .i,.tcard:focus-visible .tc-go .i{transform:translateX(4px)}
.tc-all{margin-top:18px}
@media (hover:none){.tcard:after{display:none}}
@media (prefers-reduced-motion:reduce){.tcard,.tcard:hover{transform:none!important}.tcard:after{display:none}}
html.reduce .tcard{transform:none!important}

/* ---------- pricing cards and add-ons (shared partial) ---------- */
.pr-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 32px;margin-bottom:8px}
.pr-head .sh{margin-bottom:0}
.pr-grid{align-items:stretch!important}
.plan{display:flex!important;flex-direction:column;overflow:hidden}
.plan .btn{margin-top:auto}
.plan ul{margin-bottom:22px}
.plan-flag{position:absolute!important;top:16px!important;right:16px!important;left:auto!important}
.plan.tilt:after{border-radius:12px}
.plan-hv{margin-top:0!important}
.price b{font-family:var(--disp)!important;font-weight:900!important;letter-spacing:-.03em}
.price em{font-style:normal;display:block;font-size:.8rem;color:var(--mute);margin-top:4px}
.plan-hv .price em{color:rgba(255,255,255,.6)}
.extras{display:grid;gap:14px;margin-top:16px}
@media (min-width:900px){.extras{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) minmax(0,1fr)}}
.ex{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:grid;gap:12px;align-content:start}
.pricing .ex,.s-white .ex{background:var(--canvas)}
.ex-k{margin:0;font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.ex-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 18px;padding-top:14px;border-top:1px solid var(--line)}
.ex-k+.ex-row{border-top:0;padding-top:0}
.ex-row>div{min-width:0;display:grid;gap:4px}
.ex-row b{font-weight:700;color:var(--night);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ex-row span{font-size:.86rem;color:var(--ink-2);line-height:1.45}
.opt-tag{font-style:normal;font:700 .62rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:var(--green-bg);padding:2px 7px;border-radius:4px}
.ex-price{margin:0;display:grid;justify-items:end;text-align:right;gap:3px;line-height:1;white-space:nowrap}
.ex-price b{display:block;font-family:var(--disp);font-weight:800;font-size:1.45rem;letter-spacing:-.02em;color:var(--night);font-variant-numeric:tabular-nums}
.ex-price small{font:500 .76rem var(--body);color:var(--mute)}
/* all three plans read the same: one price size, one card face (2026-10-08) */
.plan-slim{background:var(--card)}
.plan .price b,.plan-slim .price b{font-size:clamp(2.7rem,6vw,3.2rem)}
.price b{white-space:nowrap}
.pr-fine{margin:18px 0 0;font-size:.86rem;color:var(--mute);max-width:none}

/* ---------- static sample map ---------- */
.mapm{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:var(--shadow);color:var(--ink)}
.mapm-svg{display:block;width:100%;height:auto}
.mapm-svg .pin text{font:700 12px var(--body);fill:#fff;text-anchor:middle}
.mapm-svg .pin.av text{font-size:11px;letter-spacing:.03em}
.mapm-svg .pin circle{stroke:#fff;stroke-width:3}
.mapm-svg .card rect{fill:#fff;stroke:#E2DACB;stroke-width:1}
.mapm-svg .card .t1{font:800 14px var(--disp);fill:#10171F}
.mapm-svg .card .t2{font:500 11.5px var(--body);fill:#6C7681}
.mapm-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mapm-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);font-size:.9rem}
.mapm-list li:first-child{border-top:0}
.mapm-list .n{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 .72rem var(--body);background:var(--night)}
.mapm-list .n.done{background:var(--green)}.mapm-list .n.nx{background:var(--hv)}
.mapm-list b{display:block;color:var(--night);font-weight:700}
.mapm-list small{display:block;color:var(--mute);font-size:.8rem}
.mapm-list em{font-style:normal;font:700 .74rem var(--mono);color:var(--ink-2);text-align:right}
.mapm-list em.ok{color:var(--green)}
.mapm figcaption{padding:8px 16px 10px;font-size:.74rem;color:var(--mute);border-top:1px solid var(--line)}

/* ---------- try it with your area, embedded on subpages ---------- */
.try.try-embed{background:transparent;padding:0;color:#fff}
.s-dark .try-form{background:var(--night-2)}

/* ---------- request a demo page: the form inline ---------- */
.demo-inline{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 20px;box-shadow:var(--shadow)}
.demo-inline form{display:grid;gap:14px}
.demo-inline h2{font-family:var(--disp);font-weight:800;font-size:1.6rem;margin:0 0 6px;color:var(--night)}

/* honeypot: display none, never off-screen (password managers fill off-screen fields; fleet rule 2026-09-14) */
.hp{display:none!important}

/* ---------- footer ---------- */
.foot{padding:56px 0 24px}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
.foot-brand{grid-column:1 / -1}
.foot-brand p{max-width:34ch;color:rgba(255,255,255,.7)}
.foot h4{margin:0 0 12px;font:700 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:.92rem}
.foot ul a,.foot ul .linklike{color:rgba(255,255,255,.86);text-decoration:none}
.foot ul a:hover,.foot ul .linklike:hover{color:#fff;text-decoration:underline}
.foot .linklike{text-decoration:none}
.foot-fine{justify-content:center;text-align:center}
@media (min-width:900px){
  .foot-grid{grid-template-columns:1.4fr repeat(4,1fr)}
  .foot-brand{grid-column:auto}
  .foot-fine{justify-content:space-between;text-align:left}
}

/* ---------- motion off ---------- */
@media (prefers-reduced-motion:reduce){.lcard:hover{transform:none}}

/* ---------- homepage pieces that moved to shared blocks (2026-10-08) ---------- */
@media (min-width:900px){.hero-in{grid-template-rows:auto 1fr}.hero-steps{align-self:start}}
.who .tswitch{margin-bottom:28px}
.route-map{min-width:0}
.live-map{min-width:0;align-self:start}
.mgr .mapm{border-color:var(--line-d);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.optin-link{margin:0!important;font-style:normal!important}
.optin-link a{color:var(--amber-2);font-weight:700}
.pr-more{margin:22px 0 0;font-size:.92rem;color:var(--ink-2);max-width:none}
.pr-more a{color:var(--hv-d);font-weight:700}
.try-band .try-embed .sh{margin-bottom:0}

/* =====================================================================================================
   Design layer v2 (2026-10-08 pm): richer heroes with a product visual, the proof strip, LASSO next to the
   usual way, numbers, the day timeline, pain and fix cards, people and steps, an accordion FAQ, a stronger
   request-a-demo band, and the Try it card in the Industries menu.
   ===================================================================================================== */

/* ---------- Industries menu: the Try it card ---------- */
.menu .menu-feature{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 100% 0,rgba(242,107,29,.38),transparent 60%),var(--night)}
.menu .menu-feature a.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:8px;color:#fff;background:var(--hv);font-weight:700}
.menu .menu-feature a.btn .i{width:16px;height:16px;color:#fff;margin:0}
.menu .menu-feature .mf-rows{display:grid;gap:6px;margin:4px 0 2px}
.menu .menu-feature .mf-rows span{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:6px 8px;font-size:.78rem;line-height:1.2;color:rgba(255,255,255,.88)}
.mf-rows i{font-style:normal;font:700 .72rem var(--mono);min-width:28px;height:22px;display:grid;place-items:center;border-radius:5px;background:rgba(79,191,124,.2);color:#8BE0AE}
.mf-rows i.mb{background:rgba(242,169,59,.2);color:var(--amber-2)}

/* ---------- subpage hero ---------- */
.phero{isolation:isolate;padding:calc(var(--top) + 34px) 0 0}
.phero>.wrap{position:relative;z-index:1}
.phero-in{display:grid;gap:40px;align-items:center;padding-bottom:60px}
.phero-in>*{min-width:0}
.phero-copy .btns{margin-top:4px}
.phero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(52% 62% at 86% 18%,rgba(242,107,29,.26),transparent 64%),radial-gradient(42% 55% at 2% 100%,rgba(62,106,148,.28),transparent 70%)}
.phero-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 85% at 78% 30%,#000,transparent 72%);mask-image:radial-gradient(70% 85% at 78% 30%,#000,transparent 72%)}
.phero.light .phero-bg{background:radial-gradient(48% 70% at 92% 0,rgba(242,107,29,.13),transparent 66%)}
.phero.light .phero-bg:after{background-image:linear-gradient(rgba(16,23,31,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,23,31,.055) 1px,transparent 1px)}
.phero.light .phero-in{padding-bottom:52px}
.phero .h1{max-width:18ch}
.phero.has-vis .h1{font-size:clamp(2.3rem,6vw,3.6rem)}
@media (min-width:1000px){
  .phero.has-vis .phero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;padding-bottom:72px}
  .phero.has-vis .lede{max-width:54ch}
}
.docmeta{display:flex;flex-wrap:wrap;gap:6px 0;margin:-6px 0 0;font:700 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.docmeta span+span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--hv);margin:0 12px 2px;vertical-align:middle}

/* the hero visual stage */
.hvis{position:relative;display:grid;justify-items:center;align-content:center;min-height:280px;padding:10px 0}
.hvis:before{content:"";position:absolute;width:min(520px,110%);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(242,107,29,.22),transparent);z-index:0;pointer-events:none}
.light .hvis:before{background:radial-gradient(closest-side,rgba(242,107,29,.14),transparent)}
.hvis>*{position:relative;z-index:1}
.hvis-note{margin:14px 0 0;font-size:.74rem;color:rgba(255,255,255,.5);text-align:center}
.hvis.wide .win{width:min(100%,470px)}
.hmap{width:min(100%,520px)}
.hmap .mapm{border-color:rgba(255,255,255,.08);box-shadow:0 50px 90px -30px rgba(0,0,0,.75)}

/* phone frame drawn in CSS, with an app screen in it */
.mph{width:min(296px,80vw);aspect-ratio:296/600;border-radius:46px;background:#090C10;padding:10px;box-shadow:0 0 0 1.5px #2C333D,0 0 0 5px #06080B,0 60px 100px -30px rgba(0,0,0,.8),0 30px 80px -40px rgba(242,107,29,.45)}
.mph-scr{height:100%;border-radius:37px;overflow:hidden;background:var(--canvas);color:var(--ink);display:flex;flex-direction:column;font-size:12px;line-height:1.35;text-align:left}
.mph-bar{display:flex;justify-content:space-between;align-items:center;padding:11px 22px 2px;font:700 11.5px var(--body);color:var(--night)}
.mph-bar i{width:82px;height:22px;border-radius:12px;background:#090C10}
.mph-bar .i{width:14px;height:14px}
.mph-head{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:10px 16px 10px}
.mph-head small{display:block;color:var(--mute);font-size:10.5px;font-weight:500}
.mph-head b{display:block;font:800 17px/1.15 var(--disp);color:var(--night);letter-spacing:-.01em}
.mph-av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--hv);color:#fff;display:grid;place-items:center;font:700 10.5px var(--body);font-style:normal}
.mph-body{flex:1;min-height:0;overflow:hidden;padding:0 10px 10px;display:grid;gap:8px;align-content:start}
.mph-tabs{display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px 15px;background:#fff;border-top:1px solid var(--line);font-size:8.5px;font-weight:600;color:var(--mute);text-align:center}
.mph-tabs span{display:grid;justify-items:center;gap:2px}
.mph-tabs .i{width:16px;height:16px}
.mph-tabs .on{color:var(--hv-d)}
.mc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 11px}
.mc-k{display:flex;justify-content:space-between;gap:6px;margin:0 0 5px;font:700 8.8px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--hv-d)}
.mc-k span{color:var(--mute);letter-spacing:.02em}
.mc>b{display:block;color:var(--night);font-weight:800;font-size:13.5px;line-height:1.2}
.mc>p:not(.mc-k){margin:3px 0 0;color:var(--ink-2);font-size:11px}
.mc.nba{border-left:3px solid var(--hv)}
.mc q{display:block;margin:2px 0 0;padding:7px 9px;background:var(--canvas);border-radius:8px;font-size:11px;color:var(--ink);quotes:none;font-style:italic}
.mtag{display:flex;align-items:center;gap:7px;margin:7px 0 0!important;font-size:10.5px!important}
.mtag em{font-style:normal;font:700 8.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--green-bg);color:var(--green)}
.mbtns{display:flex;gap:5px;margin-top:8px}
.mbtns.wrap{flex-wrap:wrap;margin-top:2px}
.mbtns span{flex:1 1 auto;text-align:center;padding:6px 7px;border-radius:7px;border:1px solid var(--line);font-weight:700;font-size:10px;color:var(--night);background:#fff;white-space:nowrap}
.mbtns span.on{background:var(--night);color:#fff;border-color:var(--night)}
.mtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mtiles span{background:#fff;border:1px solid var(--line);border-radius:11px;padding:7px 4px;text-align:center;font-size:9px;line-height:1.2;color:var(--mute)}
.mtiles b{display:block;font:800 17px/1.1 var(--disp);color:var(--night)}
.mr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}
.mr:first-child{border-top:0;padding-top:2px}
.mr:last-child{padding-bottom:2px}
.mr b{display:block;font-size:11.5px;font-weight:700;line-height:1.25;color:var(--night)}
.mr small{display:block;font-size:10px;line-height:1.3;color:var(--mute)}
.mr .n{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--night);color:#fff;font:700 10px var(--body)}
.mr .n.ok{background:var(--green)}.mr .n.hv{background:var(--hv)}
.mr em{font-style:normal;font:700 8.8px var(--mono);letter-spacing:.03em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.mr em.ok{color:var(--green)}.mr em.hv{color:var(--hv-d)}
.ring{--v:50;--c:var(--green);flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--v) * 1%),#E7E2D8 0);position:relative;font:700 10.5px var(--mono);color:var(--night)}
.ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}
.ring span{position:relative}
.ring.maybe{--c:#E39A2B}.ring.fine{--c:#A3ABB4}
.mchips{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 0!important}
.mchips span{font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--canvas);border:1px solid var(--line);color:var(--ink-2)}
.mtog{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mtog b{display:block;color:var(--night);font-size:12.5px}
.mtog small{display:block;color:var(--mute);font-size:10px}
.tog{flex:none;width:38px;height:22px;border-radius:999px;background:#D5CEC1;position:relative}
.tog:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.tog.on{background:var(--green)}.tog.on:after{left:19px}
.mbanner{display:flex;align-items:center;gap:7px;margin:0;padding:8px 10px;border-radius:10px;background:var(--night);color:#fff;font-size:10.5px;font-weight:700}
.mbanner .i{width:14px;height:14px;color:var(--hv-2)}
.mc.mic{border-color:#F6CDB3;background:#FFF8F3}

/* floating notes around a hero visual */
.fchip{position:absolute!important;z-index:2!important;display:flex;gap:10px;align-items:flex-start;width:max-content;max-width:206px;padding:10px 12px;border-radius:14px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 22px 44px -20px rgba(0,0,0,.6),0 0 0 1px rgba(16,23,31,.06);font-size:.78rem;line-height:1.35;animation:fchip 7s ease-in-out infinite}
.fchip>.i{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:var(--hv-bg);color:var(--hv-d);box-sizing:border-box}
.fchip b{display:block;color:var(--night);font-size:.82rem;font-weight:800}
.fchip small{display:block;color:var(--mute);font-size:.74rem;margin-top:1px}
.fchip.tl{left:-8px;top:34%}.fchip.tr{right:-8px;top:7%;animation-delay:-2s}.fchip.bl{left:-8px;bottom:20%;animation-delay:-4s}.fchip.br{right:-8px;bottom:13%;animation-delay:-5.5s}
.ftags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.ftags i{font-style:normal;font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--canvas-2);color:var(--ink-2)}
@keyframes fchip{50%{transform:translateY(-7px)}}
@media (max-width:620px){.fchip{display:none}}
@media (min-width:1000px) and (max-width:1180px){.fchip{max-width:190px}}
@media (prefers-reduced-motion:reduce){.fchip{animation:none}}
html.reduce .fchip{animation:none}

/* app window: connections, compare, pricing example, about numbers, roadmap */
.win{width:min(100%,460px);background:#fff;color:var(--ink);border-radius:18px;overflow:hidden;text-align:left;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 60px 100px -40px rgba(0,0,0,.75),0 30px 70px -40px rgba(242,107,29,.4)}
.light .win{box-shadow:0 0 0 1px var(--line),0 40px 80px -40px rgba(16,23,31,.35)}
.win-h{display:flex;align-items:center;gap:12px;padding:13px 18px;background:var(--canvas);border-bottom:1px solid var(--line);font:800 .95rem var(--disp);color:var(--night)}
.win-h:before{content:"";flex:none;width:44px;height:10px;background:radial-gradient(circle at 5px 5px,#F26B1D 4px,transparent 4.6px),radial-gradient(circle at 22px 5px,#F2A93B 4px,transparent 4.6px),radial-gradient(circle at 39px 5px,#4FBF7C 4px,transparent 4.6px)}
.win-h small{margin-left:auto;font:600 .74rem var(--body);color:var(--mute);text-align:right}
.win-b{padding:4px 18px 8px}
.win-f{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;padding:12px 18px;background:var(--night);color:rgba(255,255,255,.75);font-size:.84rem}
.win-f b{font:800 1.35rem var(--disp);color:#fff;letter-spacing:-.01em}
.wrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.wrow:first-child{border-top:0}
.wrow>.i{width:34px;height:34px;padding:8px;border-radius:10px;background:var(--canvas-2);color:var(--night);box-sizing:border-box}
.wrow b{display:block;color:var(--night);font-size:.9rem;line-height:1.25}
.wrow small{display:block;color:var(--mute);font-size:.78rem;line-height:1.35}
.wrow .pill{font-size:.6rem}
.wcheck{width:24px;height:24px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin:0 5px}
.wcheck:after{content:"";width:9px;height:5px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.wamt{font:800 1.05rem var(--disp)!important;color:var(--night);font-variant-numeric:tabular-nums;white-space:nowrap}
.wamt.sm{font:700 .72rem var(--mono)!important;text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}
.wstats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:4px -18px -8px}
.wstats span{background:#fff;padding:18px;color:var(--mute);font-size:.8rem;line-height:1.3}
.wstats b{display:block;font:900 2.1rem/1 var(--disp);letter-spacing:-.03em;color:var(--night);margin-bottom:6px}
.mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,460px)}
.mosaic span{display:grid;justify-items:start;gap:10px;padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.88);font-size:.8rem;line-height:1.2}
.mosaic span .i{width:22px;height:22px;color:var(--amber-2)}
.mosaic span b{font-weight:700}
.mosaic span.on{background:#fff;border-color:#fff;color:var(--night);box-shadow:0 20px 40px -24px rgba(242,107,29,.6)}
.mosaic span.on .i{color:var(--hv-d)}
@media (min-width:1000px){.mosaic span:nth-child(3n+2){transform:translateY(14px)}}

/* proof strip under the hero */
.proof{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18)}
.proof ul{list-style:none;margin:0;padding:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
@media (min-width:980px){.proof ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
.proof li{display:flex;gap:12px;align-items:flex-start;min-width:0}
.proof .i{flex:none;width:36px;height:36px;padding:8px;border-radius:10px;background:rgba(242,107,29,.15);color:var(--hv-2);box-sizing:border-box}
.proof b{display:block;color:#fff;font-weight:700;font-size:.92rem;line-height:1.25}
.proof small{display:block;color:rgba(255,255,255,.6);font-size:.8rem;line-height:1.35;margin-top:2px}

/* ---------- sections: a little more rhythm ---------- */
.sh-c{margin-inline:auto;text-align:center;max-width:820px}
.sh-c .kicker{justify-content:center}
.sh-c .sub{margin-inline:auto}
.s-dark{background:radial-gradient(60% 80% at 100% 0,rgba(62,106,148,.22),transparent 70%),var(--night)}
.card{transition:box-shadow .3s var(--ease),border-color .3s,transform .3s var(--ease)}
.card:hover{box-shadow:0 26px 44px -30px rgba(16,23,31,.45);border-color:rgba(16,23,31,.22)}
.s-dark .card:hover{border-color:rgba(255,255,255,.22)}
.card>.i{background:linear-gradient(135deg,#FDEADF,#FAD3BB)}

/* sample panels read as app windows on a soft stage */
.split{isolation:isolate}
.split>.panel,.split>.mapm{position:relative}
@media (min-width:900px){.split:has(>.panel){align-items:start}.split>.panel{position:sticky;top:calc(var(--top) + 32px)}}
.split:has(>.panel:last-child),.split:has(>.mapm:last-child){background:radial-gradient(38% 62% at 78% 45%,rgba(242,107,29,.13),transparent 72%)}
.split.rev:has(>.panel:last-child){background:radial-gradient(38% 62% at 22% 45%,rgba(242,107,29,.13),transparent 72%)}
.panel{border-radius:16px;padding:0 0 12px;overflow:hidden;box-shadow:0 1px 2px rgba(16,23,31,.06),0 40px 70px -40px rgba(16,23,31,.45)}
.panel-h{margin:0 0 4px;padding:12px 16px;background:var(--canvas);border-bottom:1px solid var(--line);gap:12px;justify-content:flex-start}
.panel-h:before{content:"";flex:none;width:40px;height:10px;background:radial-gradient(circle at 5px 5px,#F26B1D 4px,transparent 4.6px),radial-gradient(circle at 20px 5px,#F2A93B 4px,transparent 4.6px),radial-gradient(circle at 35px 5px,#4FBF7C 4px,transparent 4.6px)}
.panel-h small{margin-left:auto}
.panel .row{padding:11px 16px}
.panel-f,.panel figcaption{padding:0 16px}
.s-white .panel{background:#fff}

/* signals: tagged rows */
.signals{gap:0;border-top:1px solid var(--line);margin-top:20px}
.signals li{padding:12px 0;border-bottom:1px solid var(--line);gap:14px}
.s-dark .signals,.s-dark .signals li{border-color:var(--line-d)}

/* pain and fix */
.pfs{display:grid;gap:16px}
@media (min-width:980px){.pfs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pf{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px 0;background:var(--canvas);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.pf-n{font:900 2.6rem/1 var(--disp);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(16,23,31,.25)}
.pf h3{margin:0;font:800 1.22rem/1.2 var(--disp);letter-spacing:-.01em;color:var(--night)}
.pf>p{margin:0;color:var(--ink-2);font-size:.95rem}
.pf-fix{display:flex;gap:12px;align-items:flex-start;margin:auto -22px 0!important;padding:16px 22px 18px;background:var(--night);color:rgba(255,255,255,.86)!important;font-size:.92rem;max-width:none!important}
.pf-fix>p{margin:0}
.pf>p.pf-fix{margin-top:auto}
.pf-fix i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin-top:1px}
.pf-fix i:after{content:"";width:9px;height:5px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.pf-fix b{display:block;font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber-2);margin-bottom:3px}
.pf>p:nth-last-child(2){margin-bottom:18px}

/* buildings you call on */
.bcards{display:grid;gap:14px}
@media (min-width:700px){.bcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.bcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bcard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;transition:box-shadow .3s,border-color .3s}
.bcard:hover{box-shadow:0 26px 44px -30px rgba(16,23,31,.45);border-color:rgba(16,23,31,.22)}
.bcard>.i{width:46px;height:46px;padding:11px;border-radius:12px;background:var(--night);color:var(--amber-2);box-sizing:border-box}
.bcard h3{margin:2px 0 6px;font:800 1.15rem/1.2 var(--disp);color:var(--night)}
.bcard h3 a{color:var(--night);text-decoration:none;background:linear-gradient(var(--hv),var(--hv)) 0 100%/0 2px no-repeat;transition:background-size .3s var(--ease)}
.bcard h3 a:hover{background-size:100% 2px}
.bcard p{margin:0 0 6px;color:var(--ink-2);font-size:.92rem}
.bc-who{font-size:.86rem!important;color:var(--ink)!important}

/* who decides: people in order */
.people{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:pp}
@media (min-width:760px){.people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.people:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.people:has(>li:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}
.people li{position:relative;display:grid;gap:8px;align-content:start;padding:22px 20px;background:var(--canvas);border:1px solid var(--line);border-radius:16px}
.people .i{width:42px;height:42px;padding:10px;border-radius:50%;background:var(--night);color:#fff;box-sizing:border-box}
.pp-n{position:absolute;top:18px;right:18px;font:700 .7rem var(--mono);letter-spacing:.06em;color:var(--hv-d);background:var(--hv-bg);padding:3px 8px;border-radius:999px}
.pp-n:before{content:"Ask #"}
.people h3{margin:4px 0 0;font:800 1.15rem/1.2 var(--disp);color:var(--night)}
.people p{margin:0;color:var(--ink-2);font-size:.92rem}

/* three numbered steps (dark) */
.steps3{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:980px){.steps3{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
.steps3 li{position:relative;display:grid;gap:10px;align-content:start;padding:24px 22px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)}
.steps3 .st-n{position:absolute;top:18px;right:20px;font:900 2.4rem/1 var(--disp);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22)}
.steps3 .i{width:44px;height:44px;padding:11px;border-radius:12px;background:rgba(242,107,29,.16);color:var(--hv-2);box-sizing:border-box}
.steps3 h3{margin:4px 0 0;font:800 1.2rem/1.2 var(--disp);color:#fff}
.steps3 p{margin:0;color:rgba(255,255,255,.78);font-size:.94rem}

/* a day in the field: timeline */
.tline{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.tline li{position:relative;display:grid;gap:6px;align-content:start;padding:0 0 30px 34px}
.tline li:before{content:"";position:absolute;left:6px;top:8px;bottom:-8px;width:2px;background:linear-gradient(rgba(242,107,29,.7),rgba(255,255,255,.12))}
.tline li:last-child:before{display:none}
.tline li:after{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:var(--night);border:3px solid var(--hv);box-sizing:border-box}
.tline time{font:700 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber-2)}
.tline h3{margin:0;font:800 1.25rem/1.2 var(--disp);color:#fff}
.tline p{margin:0;color:rgba(255,255,255,.78);font-size:.95rem;max-width:62ch}
@media (min-width:980px){
  .tline{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
  .tline li{padding:34px 0 0}
  .tline li:before{left:0;right:-28px;top:6px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,rgba(242,107,29,.8),rgba(255,255,255,.12))}
  .tline li:last-child:before{display:block;right:0;background:linear-gradient(90deg,rgba(242,107,29,.8),transparent)}
  .tline li:after{top:0}
}

/* LASSO next to the usual way */
.vs{display:grid;gap:12px;max-width:1080px;margin:0 auto}
.vs-row{display:grid;gap:8px;padding:16px;border-radius:16px;background:var(--canvas);border:1px solid var(--line)}
.s .vs-row{background:var(--card)}
.vs-head{display:none}
.vs-k{font:700 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.vs-row p{margin:0;display:flex;gap:10px;align-items:flex-start;font-size:.95rem;max-width:none}
.vs-row p i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-top:1px}
.vs-old{color:var(--mute)}
.vs-old i{background:#ECE7DE}
.vs-old i:before{content:"";width:10px;height:2px;background:#A3ABB4;border-radius:1px}
.vs-new{color:var(--night);font-weight:600}
.vs-new i{background:var(--green)}
.vs-new i:after{content:"";width:9px;height:5px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
@media (min-width:860px){
  .vs{gap:0;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
  .s-white .vs,.s .vs{background:var(--card)}
  .vs-row{grid-template-columns:200px minmax(0,1fr) minmax(0,1.25fr);gap:0;padding:0;border:0;border-radius:0;background:transparent!important;border-top:1px solid var(--line)}
  .vs-row>*{padding:20px 24px}
  .vs-head{display:grid;border-top:0}
  .vs-head b{font:800 1.05rem var(--disp);padding-top:22px;padding-bottom:22px;display:flex;align-items:center;gap:10px}
  .vs-head .vs-old{color:var(--ink-2)}
  .vs-k{display:flex;align-items:center;font-size:.72rem;color:var(--ink-2)}
  .vs-row .vs-new{background:var(--night);color:#fff;font-weight:500}
  .vs-row:not(.vs-head) .vs-new{border-top:1px solid rgba(255,255,255,.08)}
  .vs-head .vs-new{color:#fff;background:linear-gradient(90deg,var(--hv-d),var(--hv))}
  .vs-head .vs-new .mark path:first-child{fill:#fff}
  .vs-head .vs-new .mark path:last-child{fill:var(--night)}
  .vs-row:not(.vs-head) .vs-old{border-right:1px solid var(--line)}
}
.vs-head .mark{width:22px;height:22px}

/* numbers */
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
@media (min-width:900px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stats li{background:var(--card);padding:24px 22px;display:grid;gap:8px;align-content:start}
.stats b{font:900 clamp(2.2rem,5vw,3rem)/1 var(--disp);letter-spacing:-.04em;color:var(--night)}
.stats b:after{content:"";display:block;width:28px;height:3px;background:var(--hv);margin-top:12px}
.stats span{color:var(--ink-2);font-size:.9rem;line-height:1.4}
.s-dark .stats{background:var(--line-d);border-color:var(--line-d)}
.s-dark .stats li{background:var(--night-2)}.s-dark .stats b{color:#fff}.s-dark .stats span{color:rgba(255,255,255,.75)}

/* FAQ as an accordion */
.faq-wrap{display:grid;gap:26px}
@media (min-width:980px){.faq-wrap{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:56px;align-items:start}.faq-wrap>.sh{position:sticky;top:calc(var(--top) + 30px)}}
.faq-wrap .sub a{color:var(--hv-d);font-weight:700}
.faqs{display:grid;gap:10px;max-width:880px}
.faqs details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 20px;transition:border-color .2s,box-shadow .2s}
.s-white .faqs details{background:var(--canvas)}
.faqs details[open]{border-color:rgba(16,23,31,.25);box-shadow:0 20px 40px -30px rgba(16,23,31,.4)}
.faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font:800 1.05rem/1.3 var(--disp);letter-spacing:-.005em;color:var(--night)}
.faqs summary::-webkit-details-marker{display:none}
.faqs summary:after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(var(--night),var(--night)) center/12px 2px no-repeat,linear-gradient(var(--night),var(--night)) center/2px 12px no-repeat,var(--canvas-2);transition:transform .25s var(--ease),background-color .2s}
.faqs details[open] summary:after{transform:rotate(45deg);background:linear-gradient(#fff,#fff) center/12px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 12px no-repeat,var(--hv)}
.faqs summary:focus-visible{outline:3px solid var(--amber);outline-offset:4px;border-radius:6px}
.faq-a{padding:0 0 18px;color:var(--ink-2);max-width:70ch}
.faq-a p{margin:0 0 8px}.faq-a p:last-child{margin:0}
.s-dark .faqs details{background:var(--night-2);border-color:var(--line-d)}.s-dark .faqs summary{color:#fff}.s-dark .faq-a{color:rgba(255,255,255,.8)}

/* link cards: an arrow, and a warmer hover */
.lcard{position:relative;padding:20px 48px 20px 20px}
.lcard:after{content:"";position:absolute;right:18px;top:22px;width:18px;height:18px;background:var(--mute);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease),background .2s}
.lcard:hover{border-color:var(--hv)}
.lcard:hover:after{transform:translateX(4px);background:var(--hv-d)}
.lcard>.i{background:linear-gradient(135deg,#FDEADF,#FAD3BB)}

/* phones: card rows scroll sideways instead of stacking forever */
@media (max-width:639px){
  .tcards,.links.g3,.links.g4{display:grid;grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:-16px;padding:4px 16px 14px;scroll-padding-inline:16px;scrollbar-width:none}
  .tcards::-webkit-scrollbar,.links.g3::-webkit-scrollbar,.links.g4::-webkit-scrollbar{display:none}
  .tcards[hidden]{display:none}
  .tcards>li,.links>a{scroll-snap-align:start}
  .tcard{height:100%}
}

/* ---------- reading pages ---------- */
.doc-side{display:none}
@media (min-width:1000px){.doc-side{display:grid;gap:22px;position:sticky;top:calc(var(--top) + 24px);align-self:start}.doc-side .toc{position:static;max-height:none}}
.toc-cta{display:grid;gap:8px;padding:18px;border-radius:14px;background:var(--night);color:#fff;background-image:radial-gradient(120% 90% at 100% 0,rgba(242,107,29,.35),transparent 60%)}
.toc-cta b{font:800 1.05rem/1.2 var(--disp)}
.toc-cta span{color:rgba(255,255,255,.75);font-size:.84rem;line-height:1.4}
.toc-cta .btn{justify-self:start;min-height:40px;padding:0 14px;font-size:.86rem;margin-top:4px}
.prose h2{padding-top:6px;border-top:1px solid var(--line);padding-top:30px;margin-top:42px}
.prose>h2:first-child{border-top:0;padding-top:0}
.prose .note{position:relative;padding-left:52px}
.prose .note:before{content:"i";position:absolute;left:16px;top:16px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--hv);color:#fff;font:700 .8rem var(--mono)}
.prose blockquote{margin:22px 0;padding:16px 20px;border-left:4px solid var(--hv);background:var(--canvas);border-radius:0 12px 12px 0;color:var(--ink)}

/* compare tables: the LASSO column stands out */
.cmp thead th:nth-child(2){color:var(--hv-d)}
.cmp tbody td:nth-child(2){background:rgba(242,107,29,.045)}

/* ---------- request-a-demo band ---------- */
.cta2{background:var(--night);color:#fff;overflow:clip}
.cta2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(50% 80% at 100% 100%,rgba(242,107,29,.35),transparent 65%),radial-gradient(40% 60% at 0 0,rgba(62,106,148,.3),transparent 70%)}
.cta2>.wrap{position:relative;z-index:1}
.cta2-in{display:grid;gap:32px;align-items:center}
@media (min-width:980px){.cta2-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px}}
.cta2 .h2{color:#fff;max-width:16ch}
.cta2 p{color:rgba(255,255,255,.8);max-width:56ch}
.cta2 .btns{margin-top:22px}
.cta2-fine{margin:16px 0 0;font-size:.9rem}
.cta2-list{list-style:none;margin:0;padding:8px;display:grid;gap:4px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cta2-list li{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px}
.cta2-list li:hover{background:rgba(255,255,255,.04)}
.cta2-list .i{flex:none;width:40px;height:40px;padding:10px;border-radius:12px;background:var(--hv);color:#fff;box-sizing:border-box}
.cta2-list b{display:block;color:#fff;font-weight:700}
.cta2-list small{display:block;color:rgba(255,255,255,.62);font-size:.85rem}

/* ---------- pricing page tweaks that ride along ---------- */
.pricing-block .plan{border-radius:18px}
.pricing-block .ex{border-radius:16px}

/* ---------- forms and pop-ups (2026-10-08 pm) ---------- */
.f2{align-items:start}
@media (min-width:600px){.f2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dlg{border-radius:20px}
.dlg::backdrop{background:rgba(10,14,19,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.dlg[open]{animation:dlgin .32s var(--ease)}
@keyframes dlgin{from{opacity:0;transform:translateY(14px) scale(.985)}}
@media (prefers-reduced-motion:reduce){.dlg[open]{animation:none}}
.dlg .fld input,.dlg .fld textarea,.dlg .dd-btn,.demo-inline .fld input,.demo-inline .fld textarea,.demo-inline .dd-btn{background:#FBF9F5;border-color:#E3DBCD;border-radius:10px;transition:border-color .2s,box-shadow .2s,background .2s}
.dlg .fld input:hover,.dlg .fld textarea:hover,.dlg .dd-btn:hover,.demo-inline .fld input:hover,.demo-inline .fld textarea:hover,.demo-inline .dd-btn:hover{border-color:#CFC4B2}
.dlg .fld input:focus,.dlg .fld textarea:focus,.demo-inline .fld input:focus,.demo-inline .fld textarea:focus{background:#fff}
.dlg .fld label,.dlg .fld .lbl,.demo-inline .fld label,.demo-inline .fld .lbl{font-size:.84rem;letter-spacing:.005em;color:var(--night)}
.fld.err input,.fld.err textarea,.fld.err .dd-btn{background:#FFF7F5}
.fld-err{font-size:.78rem}

/* the styled dropdown */
.dd-btn{border-radius:10px}
.dd-btn .i{width:28px;height:28px;padding:6px;border-radius:50%;background:var(--canvas-2);color:var(--night);box-sizing:border-box;flex:none}
.dd.is-open .dd-btn{box-shadow:0 0 0 3px rgba(242,107,29,.22)}
.dd.is-open .dd-btn .i{background:var(--hv);color:#fff}
.dd-list{border-radius:14px;padding:6px;border-color:#E3DBCD;background:#fff;box-shadow:0 34px 70px -24px rgba(16,23,31,.55),0 0 0 1px rgba(16,23,31,.03);animation:ddin .18s var(--ease)}
@keyframes ddin{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.dd-list{animation:none}}
.dd-list li{border-radius:9px;padding:11px 12px;font-size:.94rem;color:var(--ink)}
.dd-list li+li{margin-top:2px}
.dd-list li.is-active,.dd-list li:focus{background:var(--canvas)}
.dd-list li[aria-selected=true]{background:var(--hv-bg);color:var(--night)}
.dd-list li[aria-selected=true]:after{border-color:var(--hv-d)}
.dd-list::-webkit-scrollbar{width:8px}.dd-list::-webkit-scrollbar-thumb{background:#E3DBCD;border-radius:8px;border:2px solid #fff}
.try .dd-btn{border-radius:10px}
.try .dd-btn .i{background:rgba(255,255,255,.1);color:#fff}

/* request a demo: two panels */
.dlg-split{width:min(1000px,calc(100% - 32px));padding:0;background:#fff;overflow:hidden}
.dlg-split[open]{display:grid}
@media (min-width:880px){.dlg-split[open]{grid-template-columns:340px minmax(0,1fr)}}
.dlg-side{display:none;position:relative;padding:34px 30px;background:radial-gradient(90% 60% at 100% 0,rgba(242,107,29,.4),transparent 60%),radial-gradient(70% 50% at 0 100%,rgba(62,106,148,.35),transparent 70%),var(--night);color:#fff;align-content:start;gap:22px}
@media (min-width:880px){.dlg-side{display:grid}}
.dlg-brand{display:flex;align-items:center;gap:10px;margin:0;font:800 1.05rem var(--disp);letter-spacing:.14em}
.dlg-brand .mark{width:26px;height:26px}
.dlg-side-h{margin:0;font:800 1.7rem/1.08 var(--disp);letter-spacing:-.02em;color:#fff}
.dlg-points{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.dlg-points li{display:flex;gap:12px;align-items:flex-start;font-size:.85rem;line-height:1.4;color:rgba(255,255,255,.66)}
.dlg-points .i{flex:none;width:36px;height:36px;padding:9px;border-radius:10px;background:rgba(255,255,255,.08);color:var(--amber-2);box-sizing:border-box}
.dlg-points b{display:block;color:#fff;font-size:.92rem}
.dlg-side-f{margin:6px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:.84rem;line-height:1.55;color:rgba(255,255,255,.7)}
.dlg-side-f a{color:var(--amber-2);font-weight:700}
.dlg-main{position:relative;padding:34px 34px 28px;overflow:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
.dlg-main .kicker{margin-bottom:10px}
.dlg-main h2{font-size:clamp(1.7rem,4vw,2.2rem)}
.dlg-split .dlg-x{right:12px;top:12px}
.dlg-split .dlg-x button{background:var(--canvas)}
.dlg-split .dlg-actions{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-top:4px}
.dlg-go{padding:0 28px}
.dlg-go:after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s var(--ease)}
.dlg-go:hover:after{transform:translateX(3px)}
.dlg-go:disabled{opacity:.7;cursor:progress}
.dlg-thanks{padding:40px 0 20px}
.dlg-thanks h2{font-size:2.2rem}
@media (max-width:640px){
  .dlg{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}
  .dlg-main{padding:28px 20px 22px;max-height:calc(100dvh - 16px)}
  .dlg-split .dlg-actions{grid-template-columns:1fr}
  .dlg-split .dlg-go{width:100%}
}

/* sign in */
.dlg-signin{width:min(500px,calc(100% - 32px));padding:34px 30px 28px;background:#fff}
.dlg-badge{display:grid;place-items:center;width:52px;height:52px;margin:0 0 16px;border-radius:14px;background:var(--night);box-shadow:0 14px 30px -14px rgba(16,23,31,.6)}
.dlg-badge .mark{width:28px;height:28px}
.dlg-signin .si-row input{background:#FBF9F5;border-color:#E3DBCD;border-radius:10px}
@media (min-width:520px){.si-row{grid-template-columns:minmax(0,1fr) auto}}

/* the inline form on /request-demo/ */
.demo-inline{border-radius:20px;padding:30px 28px;background:#fff;box-shadow:0 1px 2px rgba(16,23,31,.05),0 50px 90px -50px rgba(16,23,31,.45)}
.demo-inline .dlg-actions{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}
@media (max-width:640px){.demo-inline{padding:24px 18px}.demo-inline .dlg-actions{grid-template-columns:1fr}.demo-inline .dlg-go{width:100%}}
.menu .mini-links a{align-items:center;gap:10px}
.menu .mini-links a .i{width:17px;height:17px;margin:0;color:var(--hv-d);opacity:.85}
.win-links .wrow{color:inherit;text-decoration:none;border-radius:10px;margin:0 -10px;padding:11px 10px;transition:background .2s}
.win-links .wrow+.wrow{border-top:1px solid var(--line)}
.win-links .wrow:hover{background:var(--canvas)}
.win-links .wrow>.i:last-child{width:18px;height:18px;padding:0;background:none;color:var(--mute);transition:transform .25s var(--ease)}
.win-links .wrow:hover>.i:last-child{transform:translateX(3px);color:var(--hv-d)}

@media (max-width:1199px){.split .links.g2{grid-template-columns:1fr}}
@media (max-width:560px){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic span:nth-child(n+7){display:none}}
@media (max-width:759px){.try-row>.try-tag{grid-column:2;justify-self:start;margin-top:2px}}