/* Management's homepage stylesheet (artifact of 2026-11-02), unchanged. Additions live in motion.css. */
/* Layout: single long column of full-width bands, 1200px measure, whisper-light serif display over a quiet sans. */
:root{
  --bg:#fbfaf7; --surface:#f2f0ea; --raised:#ffffff; --line:rgba(20,22,30,.10);
  --fg:#14161e; --muted:#5d5f68; --faint:#85868d;
  --night:#121620; --night-fg:#f4f2ec; --night-muted:#a9a6a0; --night-line:rgba(255,255,255,.12);
  --accent:#d98a1f; --accent-ink:#9a5a06;
  --f-display:"Inter Tight","Inter","GT America",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-sans:"Inter","GT America",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  --r-card:16px; --maxw:1200px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0f0e0d; --surface:#171615; --raised:#1e1d1c; --line:rgba(255,255,255,.09);
  --fg:#f4f2ec; --muted:#a3a19c; --faint:#77756f;
  --night:#060606; --accent:#f0a33a; --accent-ink:#f0a33a; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f0e0d; --surface:#171615; --raised:#1e1d1c; --line:rgba(255,255,255,.09);
  --fg:#f4f2ec; --muted:#a3a19c; --faint:#77756f;
  --night:#060606; --accent:#f0a33a; --accent-ink:#f0a33a; color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.55 var(--f-sans);font-feature-settings:"liga","kern";-webkit-font-smoothing:antialiased;padding-inline:20px}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
img{max-width:100%}
.wrap{max-width:var(--maxw);margin-inline:auto}
.bleed{margin-inline:-20px;padding-inline:20px}
h1,h2,h3,h4{margin:0;text-wrap:balance;font-weight:300}
p{margin:0}
.display{font-family:var(--f-display);font-weight:400;letter-spacing:-.02em;line-height:1.04}
.display em{font-style:normal;color:var(--accent-ink)}
.eyebrow{font:500 13px/1.4 var(--f-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:8px;font:500 16px/1 var(--f-sans);padding:12px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease;white-space:nowrap}
.btn-dark{background:var(--fg);color:var(--bg)}
.btn-dark:hover{transform:translateY(-1px)}
.btn-ghost{border-color:var(--line);color:var(--fg);background:transparent}
.btn-ghost:hover{background:var(--surface)}
.arrow{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:2px}
.arrow:hover{border-color:var(--accent)}
.ph{display:inline-block;font:500 10.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:999px;border:1px dashed var(--accent);color:var(--accent-ink);vertical-align:middle}

/* announcement + nav */
.announce{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-block:10px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);text-align:center}
.announce a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent)}
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);box-shadow:0 1px 3px rgba(48,46,45,.04)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;position:relative}
.logo{display:flex;align-items:center;gap:10px;font:500 18px/1 var(--f-sans);letter-spacing:-.01em;z-index:1}
.logo svg{width:28px;height:28px;flex:none}
.menu{position:absolute;left:50%;top:0;height:100%;transform:translateX(-50%);display:flex;align-items:center;gap:2px}
.nv{height:100%;display:flex;align-items:center}
.nl{display:block;padding:6px 12px;border-radius:999px;font:400 14px/20px var(--f-sans);color:var(--muted);transition:color .15s ease,background .15s ease}
.nv:hover .nl,.nv:focus-within .nl,.nl[aria-current="page"]{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 16%,transparent)}
.mega{position:absolute;top:100%;left:50%;width:min(735px,calc(100vw - 40px));padding-top:6px;transform:translate(-50%,6px);opacity:0;visibility:hidden;transition:opacity .24s ease,transform .24s ease,visibility .24s;z-index:25}
.mega.wide{width:min(962px,calc(100vw - 40px))}
.nv.has:hover .mega,.nv.has:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-in{background:var(--raised);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:16px;padding:20px 24px 24px;box-shadow:0 16px 40px -24px rgba(20,22,30,.28)}
.mh{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.mh-t{font:400 20px/28px var(--f-sans);color:var(--fg)}
.mh-t:hover{color:var(--accent-ink)}
.mh-d{font:400 12px/16px var(--f-sans);color:var(--muted);margin-top:2px}
.mh-b{display:inline-flex;align-items:center;gap:6px;flex:none;font:400 14px/20px var(--f-sans);padding:8px 14px;border-radius:999px;background:var(--surface);color:var(--fg);transition:background .15s ease}
.mh-b:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}
.chev{width:14px;height:14px;flex:none}
.mcols{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:8px 24px}
.grp{display:grid;gap:4px;align-content:start;min-width:0}
.gl{font:400 12px/16px var(--f-sans);color:var(--muted);margin-bottom:8px}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 24px}
.mi{display:grid;gap:2px;padding:8px 0;min-width:0}
.mt{font:400 16px/24px var(--f-sans);color:var(--fg);transition:color .15s ease}
.md{font:400 12px/16px var(--f-sans);color:var(--muted)}
.mi:hover .mt{color:var(--accent-ink)}
.nav-cta{display:flex;align-items:center;gap:18px;font-size:14px;z-index:1}
.signin{color:var(--muted)}
.signin:hover{color:var(--fg)}
.nav-cta .btn{font-size:14px;padding:10px 18px}
.burger{display:none;width:40px;height:40px;border:0;background:none;cursor:pointer;position:relative;color:var(--fg)}
.burger i{position:absolute;left:10px;right:10px;height:1.5px;background:currentColor;transition:transform .2s ease,top .2s ease}
.burger i:first-child{top:15px}.burger i:last-child{top:24px}
.burger.x i:first-child{top:19.5px;transform:rotate(45deg)}.burger.x i:last-child{top:19.5px;transform:rotate(-45deg)}
.sheet{position:fixed;left:0;right:0;bottom:0;top:64px;z-index:30;background:var(--bg);padding:8px 24px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;overflow-y:auto}
.sheet[hidden]{display:none!important}
.lvl,.sub{display:grid;align-content:start}
.row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;background:none;border:0;font:400 20px/28px var(--f-sans);color:var(--fg);text-align:left;cursor:pointer}
.row .chev{width:18px;height:18px;color:var(--muted)}
.back{justify-self:start;background:none;border:0;padding:12px 0;font:400 14px/20px var(--f-sans);color:var(--muted);cursor:pointer}
.sub-t{font:400 20px/28px var(--f-sans);padding:4px 0 8px;border-bottom:1px solid var(--line);margin-bottom:4px}
.sub-all{padding:12px 0;font:400 16px/24px var(--f-sans);color:var(--accent-ink)}
.srow{display:grid;gap:2px;padding:12px 0}
.srow span{font:400 17px/24px var(--f-sans)}
.srow small{font:400 13px/18px var(--f-sans);color:var(--muted)}
.sheet-signin{margin-top:auto;display:block;text-align:center;padding:16px;border-radius:999px;background:var(--surface);font:400 16px/24px var(--f-sans)}
@media (max-width:1024px){.menu,.signin{display:none}.burger{display:block}}
@media (max-width:420px){.nav-cta .btn{padding:9px 14px}}

/* hero */
.hero{padding-block:clamp(56px,9vw,112px) 32px;display:grid;gap:24px;justify-items:start}
.hero h1{font-size:clamp(44px,6.4vw,80px);line-height:1.02;max-width:15ch}
.hero.sub h1{font-size:clamp(40px,5.2vw,65px);line-height:1.05;letter-spacing:-.018em;max-width:18ch}
.hero .lede{font-size:18px;line-height:1.55;color:var(--muted);max-width:56ch}
.crumbs{display:flex;gap:8px;font:500 12px/1.4 var(--f-sans);color:var(--faint);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap}
.crumbs a:hover{color:var(--fg)}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* sections */
section.band{padding-block:clamp(64px,8vw,112px)}
section.band.tight{padding-top:0}
.night + section.band.tight{padding-top:clamp(64px,8vw,112px)}
.sec-head{display:grid;gap:16px;max-width:780px;margin-bottom:44px}
.sec-head h2{font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.015em}
.sec-head p{color:var(--muted);font-size:18px;line-height:1.55;max-width:58ch}
.sec-head.row{max-width:none;grid-template-columns:1fr auto;align-items:end}
@media (max-width:700px){.sec-head.row{grid-template-columns:1fr}}

/* media pair under hero */
.media{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;padding-block:24px}
.media.single{grid-template-columns:1fr}
@media (max-width:900px){.media{grid-template-columns:1fr}}
.panel{border-radius:var(--r-card);min-width:0;overflow:hidden}
.dark{background:var(--night);color:var(--night-fg);padding:26px;display:grid;gap:18px;position:relative;align-content:start}
.dark.glow::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 260px at 85% -10%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 70%);pointer-events:none}
.dark > *{position:relative}
.light{background:var(--surface);padding:26px;display:grid;gap:18px;align-content:start}
.light h3{font:500 20px/1.3 var(--f-sans)}
.note{font-size:13px;color:var(--muted)}
.dark .note{color:var(--night-muted)}
.dark .eyebrow{color:var(--night-muted)}

/* viz: call */
.call-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.live{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#cfccc4}
.live i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.chip{font:400 11px/1 var(--f-mono);padding:6px 10px;border-radius:999px;border:1px solid var(--night-line);color:#cfccc4;white-space:nowrap}
.wave{display:flex;align-items:center;gap:3px;height:34px}
.wave span{flex:1;background:rgba(244,242,236,.5);border-radius:2px;animation:wv 1.4s ease-in-out infinite}
@keyframes wv{50%{transform:scaleY(.35)}}
.turns{display:grid;gap:12px;font-size:14.5px}
.turn{display:grid;grid-template-columns:76px 1fr;gap:12px}
.turn b{font:500 11px/1.9 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:#8f8c86}
.turn.ai b{color:var(--accent)}
.turn p{color:#e9e6df}
.tool{font:400 12px/1.5 var(--f-mono);color:var(--night-muted);border-left:1px solid var(--night-line);padding-left:12px;margin-left:88px;overflow-wrap:anywhere}
@media (max-width:520px){.turn{grid-template-columns:1fr;gap:2px}.tool{margin-left:0}}

/* viz: outcomes list */
.outcomes{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.outcomes li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;background:var(--raised);border:1px solid var(--line);font-size:14px}
.outcomes li.hit{border-color:var(--accent)}
.outcomes .tag{font:400 11px/1 var(--f-mono);color:var(--faint);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.outcomes li.hit .tag{color:var(--accent-ink)}

/* viz: code */
pre.code{margin:0;font:400 13px/1.7 var(--f-mono);color:#d8d5ce;overflow-x:auto;white-space:pre}
.code .c{color:#7c7a74}.code .k{color:var(--accent)}.code .s{color:#c9d3b0}
/* viz: grid tiles */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tiles div{border:1px solid var(--night-line);border-radius:12px;padding:16px;display:grid;gap:6px;min-width:0}
.tiles b{font:500 15px/1.25 var(--f-sans)}
.tiles span{font:400 11px/1.4 var(--f-mono);color:#8f8c86;text-transform:uppercase;letter-spacing:.05em}
.tiles .on span{color:var(--accent)}
@media (max-width:520px){.tiles{grid-template-columns:1fr}}
/* viz: timeline */
.timeline{display:grid;font-size:14px}
.timeline div{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--night-line)}
.timeline div:last-child{border-bottom:0}
.timeline span{font:400 11px/1.75 var(--f-mono);color:#8f8c86;text-transform:uppercase;letter-spacing:.05em}
.timeline div.done p{color:var(--accent)}
@media (max-width:520px){.timeline div{grid-template-columns:1fr;gap:2px}}
/* viz: flow */
.flow{display:grid;gap:0;counter-reset:f}
.flow div{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding-bottom:16px;position:relative}
.flow div::before{counter-increment:f;content:counter(f);width:24px;height:24px;border-radius:50%;border:1px solid var(--night-line);display:grid;place-items:center;font:500 11px/1 var(--f-mono);color:var(--accent)}
.flow div:not(:last-child)::after{content:"";position:absolute;left:12px;top:26px;bottom:2px;width:1px;background:var(--night-line)}
.flow b{font:500 15px/1.4 var(--f-sans);display:block}
.flow p{color:var(--night-muted);font-size:13.5px}
/* viz: bars */
.bars{display:grid;gap:12px}
.bars div{display:grid;grid-template-columns:120px 1fr 44px;gap:12px;align-items:center;font-size:13px}
.bars span{color:var(--night-muted)}
.bars i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff))}
.bars em{font:400 12px var(--f-mono);font-style:normal;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:520px){.bars div{grid-template-columns:90px 1fr 40px}}
/* viz: kv */
.kv{display:grid;font-size:14px}
.kv div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--night-line)}
.kv div:last-child{border-bottom:0}
.kv span{font:400 11px/1.7 var(--f-mono);color:#8f8c86;text-transform:uppercase;letter-spacing:.05em}
.kv b{font-weight:500;text-align:right}

/* feature rows */
.rows{display:grid;gap:16px}
.frow{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}
.frow.flip .fcopy{order:2}
@media (max-width:900px){.frow{grid-template-columns:1fr}.frow.flip .fcopy{order:0}}
.fcopy{background:var(--surface);border-radius:var(--r-card);padding:32px;display:grid;gap:18px;align-content:start;min-width:0}
.fcopy h3{font:500 clamp(26px,2.6vw,32px)/1.2 var(--f-display);letter-spacing:-.01em}
.fcopy > p{color:var(--muted)}
.feats{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.feats li{padding:14px 0;border-bottom:1px solid var(--line);display:grid;gap:4px}
.feats strong{font-weight:500;font-size:15px}
.feats span{color:var(--muted);font-size:14px}

/* columns of values */
.values{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.values.three{grid-template-columns:repeat(3,1fr)}
.values article{padding:28px 24px 8px 0;display:grid;gap:12px;align-content:start;min-width:0}
.values article + article{padding-left:24px;border-left:1px solid var(--line)}
.values h3{font:500 20px/1.3 var(--f-sans);letter-spacing:-.01em}
.values p{color:var(--muted);font-size:15px}
.values .k{font:400 48px/1.05 var(--f-display);color:var(--accent-ink);letter-spacing:-.02em}
@media (max-width:960px){.values,.values.three{grid-template-columns:1fr 1fr}.values article:nth-child(odd){padding-left:0;border-left:0}.values article:nth-child(n+3){border-top:1px solid var(--line);margin-top:20px}}
@media (max-width:560px){.values,.values.three{grid-template-columns:1fr}.values article,.values article + article{padding-left:0;border-left:0}.values article + article{border-top:1px solid var(--line);margin-top:12px}}

/* card grid */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cards.two{grid-template-columns:repeat(2,1fr)}
.cards.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.cards,.cards.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cards,.cards.two,.cards.four{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:var(--r-card);padding:24px;display:grid;gap:12px;align-content:start;min-width:0;background:var(--bg);transition:border-color .15s ease,transform .15s ease}
a.card:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));transform:translateY(-2px)}
.card h3{font:500 20px/1.3 var(--f-sans)}
.card p{color:var(--muted);font-size:14.5px}
.card .go{font-size:13px;color:var(--accent-ink);margin-top:4px}
.card.fill{background:var(--surface);border-color:transparent}
.card .thumb{height:140px;border-radius:10px;background:var(--night);margin-bottom:6px;position:relative;overflow:hidden}
.card .thumb::after{content:"";position:absolute;inset:0;background:radial-gradient(240px 120px at 80% 0%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%)}

/* logos */
.logos{padding-block:48px;display:grid;gap:24px;border-top:1px solid var(--line);margin-top:32px}
.logos-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.logos-head p{font-size:15px;color:var(--muted)}
.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.logo-grid div{background:var(--bg);height:84px;display:grid;place-items:center;text-align:center;padding:8px;font:500 17px/1.2 var(--f-display);color:var(--muted);letter-spacing:-.01em}
@media (max-width:860px){.logo-grid{grid-template-columns:repeat(2,1fr)}}

/* night band */
.night{background:var(--night);color:var(--night-fg)}
.night .eyebrow{color:#9a978f}
.quote{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.quote blockquote{margin:0;font:400 clamp(28px,3.6vw,48px)/1.1 var(--f-display);letter-spacing:-.015em}
.quote blockquote::before{content:"\201C";color:var(--accent)}
.quote blockquote.nq::before{content:none}
.logo-grid div.partner{font:500 13px/1.4 var(--f-sans);color:var(--faint)}
.quote-side{display:grid;gap:20px}
.quote-side p{color:#b9b6ae;font-size:16px;max-width:46ch}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:16px;border-top:1px solid var(--night-line);padding-top:20px}
.stats div{display:grid;gap:6px;min-width:0}
.stats strong{font:400 clamp(26px,2.6vw,36px)/1.05 var(--f-display);overflow-wrap:anywhere;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stats span{font:400 11px/1.4 var(--f-mono);color:#8f8c86;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:860px){.quote{grid-template-columns:1fr}}

/* tabs */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.tab{font:500 15px/1 var(--f-sans);padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}
.tab[aria-selected="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}

/* list rows (careers, resources, blog) */
.list{display:grid;border-top:1px solid var(--line)}
.list a,.list div.li{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.list a:hover h3{color:var(--accent-ink)}
.list h3{font:500 18px/1.35 var(--f-sans)}
.list p{color:var(--muted);font-size:14px;margin-top:4px}
.list span{font:400 12px/1 var(--f-mono);color:var(--faint);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
@media (max-width:640px){.list a,.list div.li{grid-template-columns:1fr;gap:8px}}

/* faq */
details{border-bottom:1px solid var(--line);padding:18px 0}
details:first-of-type{border-top:1px solid var(--line)}
summary{cursor:pointer;font:500 17px/1.4 var(--f-sans);list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::after{content:"+";color:var(--accent-ink);font-weight:400}
details[open] summary::after{content:"\2212"}
details p{color:var(--muted);margin-top:10px;max-width:70ch}

/* prose (legal) */
.prose{max-width:720px;display:grid;gap:18px;font-size:16.5px;line-height:1.65}
.prose h2{font:500 32px/1.2 var(--f-display);letter-spacing:-.01em;margin-top:24px}
.prose p,.prose li{color:var(--muted)}
.callout{border:1px dashed var(--accent);border-radius:12px;padding:16px 18px;font-size:14px;color:var(--fg);background:color-mix(in srgb,var(--accent) 7%,transparent)}

/* closing + form */
.closing{display:grid;gap:26px;justify-items:start;border-top:1px solid var(--line)}
.closing h2{font-size:clamp(40px,5.2vw,65px);line-height:1.05;max-width:16ch}
.demo{display:flex;gap:8px;flex-wrap:wrap;width:min(560px,100%)}
.demo input,.form input,.form select,.form textarea{flex:1 1 220px;min-width:0;font:400 15px var(--f-sans);padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:var(--raised);color:var(--fg)}
.form textarea{border-radius:16px;min-height:110px;resize:vertical}
.demo input:focus,.form :is(input,select,textarea):focus{outline:2px solid var(--accent);outline-offset:1px}
.msg{font-size:14px;color:var(--muted);min-height:1.5em}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--surface);padding:28px;border-radius:var(--r-card)}
.form label{display:grid;gap:8px;font-size:13px;color:var(--muted)}
.form .full{grid-column:1/-1}
@media (max-width:600px){.form{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr}}

/* footer */
footer{background:var(--night);color:var(--night-fg);padding-block:64px 32px}
.foot{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px}
.foot h4{margin:0 0 14px;font:500 13px/1.4 var(--f-sans);text-transform:uppercase;letter-spacing:.06em;color:#8f8c86}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px;color:#cfccc4}
.foot ul a:hover{color:#fff}
.foot .logo{color:var(--night-fg)}
.foot-tag{margin-top:16px;color:#9a978f;font-size:14px;max-width:30ch}
.foot-bottom{margin-top:56px;padding-top:20px;border-top:1px solid var(--night-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#8f8c86}
.foot-bottom div{display:flex;gap:20px;flex-wrap:wrap}
.foot-bottom a:hover{color:#fff}
@media (max-width:900px){.foot{grid-template-columns:repeat(2,1fr)}.foot > :first-child{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== Sierra-pattern layer (layout only; VoiceOwl content) ===== */
:root{
  --bg:#ffffff; --surface:#f7f5f1; --raised:#ffffff; --line:#e7e3dd;
  --fg:#2e2c2b; --muted:#6f6c68; --faint:#9b9790;
  --accent:#c97a12; --accent-ink:#9a5a06;
  --tint-a:#fbf2e4; --tint-b:#f1ece4; --tint-c:#eef2f6; --tint-d:#f3efe9;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#121110; --surface:#1b1a18; --raised:#211f1d; --line:rgba(255,255,255,.1);
  --fg:#f2efe9; --muted:#a6a29b; --faint:#7b7770; --accent:#f0a33a; --accent-ink:#f0b45c;
  --tint-a:#2a2116; --tint-b:#1f1d1a; --tint-c:#1a1e23; --tint-d:#1e1c19; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#121110; --surface:#1b1a18; --raised:#211f1d; --line:rgba(255,255,255,.1);
  --fg:#f2efe9; --muted:#a6a29b; --faint:#7b7770; --accent:#f0a33a; --accent-ink:#f0b45c;
  --tint-a:#2a2116; --tint-b:#1f1d1a; --tint-c:#1a1e23; --tint-d:#1e1c19; color-scheme:dark}
.display em{color:var(--accent-ink)}
.btn-dark{background:var(--fg);color:var(--bg)}
.btn-accent{background:var(--accent-ink);color:#fff}
.btn-accent:hover{transform:translateY(-1px)}
.btn-cream{background:var(--surface);color:var(--fg)}
.btn-glass{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(8px)}

/* sections */
.s{padding-block:80px}
.s.cream{background:var(--surface)}
.s.cream.bleed{margin-inline:-20px;padding-inline:20px}
.ch{display:grid;gap:14px;justify-items:center;text-align:center;max-width:760px;margin:0 auto 48px}
.ch h2{font:400 clamp(32px,3.6vw,44px)/1.1 var(--f-display);letter-spacing:-.015em}
.ch h2.sm{font-size:clamp(28px,3vw,38px)}
.ch p{color:var(--muted);font-size:16px;max-width:52ch}
.lh{display:grid;gap:14px;max-width:640px;margin-bottom:40px}
.lh h2{font:400 clamp(32px,3.6vw,44px)/1.1 var(--f-display);letter-spacing:-.015em}
.lh p{color:var(--muted)}
.lh-row{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.lh-row .lh{margin-bottom:0}
.tag{display:inline-flex;align-items:center;gap:6px;font:400 13px/1 var(--f-sans);padding:7px 12px;border-radius:999px;border:1px solid var(--line);color:var(--fg);background:var(--bg)}
.tag i{width:7px;height:7px;border-radius:50%;background:var(--accent)}

/* full-bleed hero */
.hero-x{position:relative;margin-inline:-20px;min-height:min(700px,82vh);display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#2b1d10}
.hero-x .art{position:absolute;inset:0;background:
  radial-gradient(900px 520px at 78% 18%,rgba(255,196,120,.55),transparent 60%),
  radial-gradient(700px 500px at 15% 85%,rgba(120,72,30,.75),transparent 65%),
  radial-gradient(600px 400px at 55% 60%,rgba(230,140,50,.35),transparent 70%),
  linear-gradient(160deg,#4a2e14 0%,#2a1a0c 55%,#160e07 100%)}
.hero-x .art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.45))}
.hero-x .rings{position:absolute;right:8%;top:14%;width:min(420px,40vw);aspect-ratio:1;border-radius:50%;opacity:.5;background:repeating-radial-gradient(circle,rgba(255,235,205,.22) 0 1px,transparent 1px 26px);animation:breathe 7s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.05);opacity:.65}}
.hero-x .in{position:relative;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px 64px;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.hero-x h1{font:400 clamp(44px,5.6vw,80px)/1.02 var(--f-display);letter-spacing:-.02em;max-width:12ch}
.hero-x .lede{margin-top:16px;max-width:46ch;color:rgba(255,255,255,.85);font-size:18px}
.hero-x .actions{margin-top:28px}
.glass{width:min(320px,100%);padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);display:grid;gap:10px;font-size:15px;line-height:1.45}
.glass .who{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.75)}
.glass .who b{width:22px;height:22px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font:500 10px/1 var(--f-sans);color:#fff}

/* product/industry hero */
.ph-hero{padding-block:72px 40px}
.ph-hero h1{font:400 clamp(36px,3.6vw,44px)/1.12 var(--f-display);letter-spacing:-.015em}
.ph-hero h1 span{display:block;color:var(--muted)}
.ph-hero.center{text-align:center}
.ph-hero.center h1{font-size:clamp(44px,5.2vw,65px);line-height:1.05}
.ph-hero .actions{margin-top:28px}
.ph-hero.center .actions{justify-content:center}
.wide-media{margin-inline:-20px;padding-inline:20px}
.wide-media .frame{max-width:1400px;margin:0 auto;border-radius:24px;padding:clamp(24px,6vw,96px) clamp(16px,6vw,120px);background:linear-gradient(170deg,var(--tint-a),var(--tint-b));display:grid;place-items:center;min-width:0}
.wide-media .frame > *{width:min(760px,100%)}

/* logo wall */
.lw{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.lw div{height:88px;display:grid;place-items:center;font:500 17px/1.2 var(--f-display);color:var(--muted);letter-spacing:-.01em;text-align:center;padding:8px}
@media (max-width:860px){.lw{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.lw{grid-template-columns:repeat(2,1fr)}}

/* value feature */
.feat-big{border-radius:24px;min-height:440px;padding:28px;display:grid;grid-template-rows:auto 1fr auto;gap:20px;background:linear-gradient(160deg,#d99a4a,#b06a1c 55%,#7a4410);color:#fff;overflow:hidden;position:relative}
.feat-big h3{font:400 20px/1.3 var(--f-sans)}
.feat-big .mid{display:grid;place-items:center}
.feat-big .foot-l{font-size:14px;color:rgba(255,255,255,.85)}
.feat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.feat-row div{border-radius:20px;padding:24px;min-height:180px;display:grid;align-content:space-between;gap:24px;color:#fff}
.feat-row div:nth-child(1){background:linear-gradient(160deg,#4f6f8f,#2f4b68)}
.feat-row div:nth-child(2){background:linear-gradient(160deg,#9a6a8a,#6a3e5e)}
.feat-row div:nth-child(3){background:linear-gradient(160deg,#c2683f,#8e4321)}
.feat-row h3{font:400 20px/1.3 var(--f-sans)}
.feat-row p{font-size:14px;color:rgba(255,255,255,.85)}
@media (max-width:860px){.feat-row{grid-template-columns:1fr}.feat-big{min-height:360px}}

/* glass chat inside panels */
.chat{display:grid;gap:10px;width:min(420px,100%)}
.bub{padding:12px 16px;border-radius:14px;font-size:14.5px;line-height:1.45;max-width:85%}
.bub small{display:block;font-size:11.5px;opacity:.75;margin-bottom:3px}
.bub.ai{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);color:#fff}
.bub.me{justify-self:end;background:rgba(0,0,0,.22);color:#fff}
.panel-ui .bub.ai{background:var(--raised);border:1px solid var(--line);color:var(--fg);backdrop-filter:none}
.panel-ui .bub.me{background:color-mix(in srgb,var(--accent) 18%,var(--raised));color:var(--fg)}
.toolline{font:400 12px/1.5 var(--f-mono);color:var(--muted);padding-left:10px;border-left:2px solid var(--accent)}

/* stats card overlapping */
.lift{position:relative;z-index:2;background:var(--bg);border-radius:0 0 32px 32px;box-shadow:0 30px 60px -40px rgba(40,30,20,.25);margin-inline:-20px;padding-inline:20px}
.stat4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.stat4 div{display:grid;gap:10px;align-content:start}
.stat4 strong{font:400 48px/1 var(--f-display);letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums}
.stat4 b{font:500 15px/1.4 var(--f-sans)}
.stat4 p{color:var(--muted);font-size:14px}
@media (max-width:860px){.stat4{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.stat4{grid-template-columns:1fr}}

/* console showcase */
.showcase{margin-inline:-20px;padding:120px 20px 80px;margin-top:-40px;background:linear-gradient(180deg,var(--tint-c),var(--bg) 85%)}
.console{max-width:1040px;margin:0 auto;border-radius:20px;background:var(--raised);border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(30,40,60,.3);display:grid;grid-template-columns:200px 1fr;overflow:hidden;min-width:0}
.console aside{border-right:1px solid var(--line);padding:18px 14px;display:grid;gap:4px;align-content:start;font-size:13.5px;color:var(--muted)}
.console aside .lg{display:flex;align-items:center;gap:8px;font:500 14px var(--f-sans);color:var(--fg);margin-bottom:12px}
.console aside .lg svg{width:20px;height:20px}
.console aside small{font-size:11px;color:var(--faint);margin:10px 0 4px}
.console aside span{padding:6px 8px;border-radius:8px}
.console aside span.on{background:var(--surface);color:var(--fg)}
.console .body{padding:20px;display:grid;gap:14px;min-width:0}
.console .q{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--muted)}
.console .two{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.console .box{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:10px;min-width:0}
.console .box h4{font:400 12px/1 var(--f-sans);color:var(--muted)}
.console .big{font:400 40px/1 var(--f-mono);letter-spacing:-.02em}
.console .big small{font-size:12px;color:#3c8a5a;margin-left:8px;letter-spacing:0}
.console svg.spark{width:100%;height:110px}
.console table{width:100%;border-collapse:collapse;font-size:13px}
.console td{padding:7px 0;border-top:1px solid var(--line)}
.console td:last-child{text-align:right;font-family:var(--f-mono);color:var(--muted)}
@media (max-width:860px){.console{grid-template-columns:1fr}.console aside{display:none}.console .two{grid-template-columns:1fr}}

/* tile grids (product areas) */
.tiles2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tiles4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:960px){.tiles4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.tiles2,.tiles4{grid-template-columns:1fr}}
.tile{display:grid;gap:14px;align-content:start;min-width:0}
.tile .pic{border-radius:18px;background:var(--tint-c);padding:22px;min-height:260px;display:grid;place-items:center;overflow:hidden}
.tiles2 .tile .pic{min-height:360px}
.tile .pic > *{width:100%}
.tile b{font:500 15px/1.4 var(--f-sans)}
.tile p{color:var(--muted);font-size:14px;margin-top:-8px}
.mini{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:8px;font-size:13px;box-shadow:0 10px 30px -22px rgba(30,40,60,.35)}
.mini .r{display:flex;justify-content:space-between;gap:10px;align-items:center}
.mini .r span{color:var(--muted)}
.mini .ok{color:#3c8a5a}
.mini .pill{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--surface);color:var(--muted)}
.mini .bar{height:6px;border-radius:999px;background:var(--surface);overflow:hidden}
.mini .bar i{display:block;height:100%;background:var(--accent)}
.mini h5{margin:0;font:500 13px var(--f-sans)}

/* badges */
.badges{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.badge{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--fg);color:var(--bg);font:500 12px/1.15 var(--f-sans);padding:8px;border:3px solid color-mix(in srgb,var(--accent) 60%,var(--fg))}

/* closing centered */
.close-c{display:grid;justify-items:center;text-align:center;gap:16px;padding-block:96px}
.close-c h2{font:400 clamp(32px,3.6vw,44px)/1.1 var(--f-display);letter-spacing:-.015em}
.close-c p{color:var(--muted);max-width:46ch}
.close-c .actions{margin-top:12px;justify-content:center}

/* product feature section (list + media) */
.pf{display:grid;grid-template-columns:4fr 8fr;gap:48px;align-items:start}
.pf ul{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.pf li{display:grid;grid-template-columns:20px 1fr;gap:4px 10px}
.pf li svg{width:18px;height:18px;color:var(--accent-ink);margin-top:2px}
.pf li b{font:500 15px/1.4 var(--f-sans)}
.pf li p{grid-column:2;color:var(--muted);font-size:14px}
.pf .media-p{border-radius:20px;background:linear-gradient(170deg,var(--tint-c),var(--tint-d));padding:clamp(20px,4vw,48px);min-height:440px;display:grid;place-items:center;min-width:0}
.pf .media-p > *{width:min(560px,100%)}
@media (max-width:900px){.pf{grid-template-columns:1fr}.pf .media-p{min-height:320px}}

/* story card (cream band) */
.story{max-width:760px;margin:0 auto;background:var(--raised);border-radius:20px;padding:32px;display:grid;gap:20px;box-shadow:0 20px 40px -32px rgba(40,30,20,.3)}
.story .brand{font:500 17px/1 var(--f-display);letter-spacing:-.01em}
.story .sq{margin:0;font:400 clamp(20px,2vw,24px)/1.4 var(--f-sans)}
.story .met{display:flex;gap:28px;flex-wrap:wrap}
.story .met div{display:grid;gap:4px}
.story .met strong{font:400 32px/1 var(--f-display)}
.story .met span{font-size:13px;color:var(--muted)}
.story .by{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}

/* image story cards */
.scards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.scard{position:relative;border-radius:18px;aspect-ratio:1/1;max-width:100%;overflow:hidden;display:grid;place-items:center;color:#fff;font:500 26px/1.1 var(--f-display);letter-spacing:-.01em;text-align:center;padding:20px}
.scard.a{background:linear-gradient(160deg,#a0612a,#5a3112)}
.scard.b{background:linear-gradient(160deg,#4f6f8f,#22374d)}
.scard.c{background:linear-gradient(160deg,#7d6a58,#3c3128)}
.scard small{position:absolute;left:18px;bottom:16px;font:400 13px var(--f-sans);opacity:.85;text-align:left}
.scard.ph{background:var(--surface);color:var(--faint);font-size:15px;border:1px dashed var(--line)}
@media (max-width:860px){.scards{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.scards{grid-template-columns:1fr}}

/* two-col intro (about) */
.intro2{display:grid;grid-template-columns:5fr 7fr;gap:48px}
.intro2 h2{font:400 clamp(28px,3vw,38px)/1.15 var(--f-display);letter-spacing:-.01em}
.intro2 p{color:var(--muted);font-size:18px;line-height:1.6}
@media (max-width:860px){.intro2{grid-template-columns:1fr;gap:16px}}
.darkband{margin-inline:-20px;padding:88px 20px;background:#222;color:#f2efe9;text-align:center}
.darkband h2{font:400 clamp(32px,3.6vw,44px)/1.15 var(--f-display);max-width:22ch;margin:0 auto}
.darkband p{color:#b5b1aa;margin-top:14px}
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.person{display:grid;gap:10px}
.person .ph-img{aspect-ratio:4/5;max-width:100%;border-radius:16px;background:linear-gradient(170deg,var(--tint-a),var(--tint-b));display:grid;place-items:center;font:400 44px/1 var(--f-display);color:var(--accent-ink)}
.person b{font:500 16px var(--f-sans)}
.person span{color:var(--muted);font-size:14px}
@media (max-width:760px){.people{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.people{grid-template-columns:1fr}}

/* light footer */
footer{background:var(--surface);color:var(--fg)}
.foot h4{color:var(--muted)}
.foot ul{color:var(--fg)}
.foot ul a:hover{color:var(--accent-ink)}
.foot .logo{color:var(--fg)}
.foot-tag{color:var(--muted)}
.foot-bottom{border-top-color:var(--line);color:var(--muted)}
.foot-bottom a:hover{color:var(--fg)}

/* light UI cards inside media frames */
.dark{background:var(--raised);color:var(--fg);border:1px solid var(--line);box-shadow:0 18px 40px -28px rgba(30,40,60,.35)}
.dark.glow::before{display:none}
.dark .eyebrow,.dark .note{color:var(--muted)}
.dark .live{color:var(--muted)} .dark .chip{color:var(--muted);border-color:var(--line)}
.dark .wave span{background:color-mix(in srgb,var(--accent) 55%,var(--line))}
.dark .turn b{color:var(--faint)} .dark .turn.ai b{color:var(--accent-ink)} .dark .turn p{color:var(--fg)}
.dark .tool{color:var(--muted);border-color:var(--accent)}
.dark .tiles div{border-color:var(--line)} .dark .tiles span{color:var(--faint)} .dark .tiles .on span{color:var(--accent-ink)}
.dark .timeline div{border-color:var(--line)} .dark .timeline span{color:var(--faint)} .dark .timeline div.done p{color:var(--accent-ink)}
.dark .flow div::before{border-color:var(--line);color:var(--accent-ink)} .dark .flow div:not(:last-child)::after{background:var(--line)} .dark .flow p{color:var(--muted)}
.dark .bars span{color:var(--muted)} .dark .kv div{border-color:var(--line)} .dark .kv span{color:var(--faint)}
pre.code{color:var(--fg)} .code .c{color:var(--faint)} .code .k{color:var(--accent-ink)} .code .s{color:#4b7a3a}
.wide-media .frame .light,.media-p .light{background:var(--raised);border:1px solid var(--line)}

/* ===== v7: Sierra geometry (1112px content column) + media placeholders ===== */
:root{--cw:1112px;--ph1:#f1eee9;--ph2:#ebe7e1;--ph-line:#d9d3cb}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ph1:#211f1c;--ph2:#1c1a18;--ph-line:#3a3631}}
:root[data-theme="dark"]{--ph1:#211f1c;--ph2:#1c1a18;--ph-line:#3a3631}
.c{max-width:var(--cw);margin-inline:auto}
.phm{position:relative;width:100%;border-radius:16px;background:repeating-linear-gradient(135deg,var(--ph1) 0 14px,var(--ph2) 14px 28px);border:1px dashed var(--ph-line);display:grid;place-items:center;overflow:hidden;max-width:100%}
.phm > .lbl{font:400 12.5px/1 var(--f-mono);color:var(--muted);background:var(--bg);padding:7px 11px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
.phm.dk{background:repeating-linear-gradient(135deg,#3d3a36 0 14px,#36332f 14px 28px);border-color:#55504a}
.phm.dk > .lbl{background:rgba(0,0,0,.45);color:#e9e5de;border-color:rgba(255,255,255,.2)}
.phm.tl > .lbl{position:absolute;top:16px;right:16px}
.bleed24{margin-inline:-20px;padding-inline:clamp(0px,1.67vw,24px)}
.bleed0{margin-inline:-20px}
.sec{padding-block:80px}
.sec.cr{background:var(--surface);margin-inline:-20px;padding-inline:20px}
.sec.dkb{background:#222;color:#f2efe9;margin-inline:-20px;padding-inline:20px}
.h65{font:400 clamp(40px,4.6vw,65px)/1.05 var(--f-display);letter-spacing:-.018em}
.h44{font:400 clamp(30px,3.1vw,44px)/1.12 var(--f-display);letter-spacing:-.015em}
.h38{font:400 clamp(28px,2.7vw,38px)/1.15 var(--f-display);letter-spacing:-.01em}
.h24{font:400 24px/1.25 var(--f-sans)}
.h20{font:400 20px/1.3 var(--f-sans)}
.h16{font:400 16px/1.5 var(--f-sans)}
.grey{color:var(--muted)}
.cen{text-align:center;margin-inline:auto}
.w736{max-width:736px}.w576{max-width:576px}.w560{max-width:560px}.w830{max-width:830px}.w642{max-width:642px}.w360{max-width:360px}.w688{max-width:688px}
.stack{display:grid;gap:16px}
.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mt48{margin-top:48px}.mt64{margin-top:64px}
.pill-btn{display:inline-flex;align-items:center;gap:6px;font:400 14px/20px var(--f-sans);padding:10px 18px;border-radius:999px;background:var(--accent-ink);color:#fff}
.pill-btn.cream{background:var(--surface);color:var(--fg)}
.pill-btn.light{background:#fff;color:#2e2c2b}
/* hero (home) */
.hhero{position:relative}
.hhero .phm{border-radius:0;border:0;height:700px;aspect-ratio:auto}
.hhero .ov{position:absolute;inset:0;display:flex;align-items:flex-end}
.hhero .ov .c{width:100%;padding:0 20px 72px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.hhero h1{color:#fff;max-width:800px}
.glass2{width:320px;max-width:100%;min-height:48px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px);color:#fff;font-size:14px;line-height:1.45}
@media (max-width:700px){.hhero .phm{height:560px}}
/* logo grid */
.lg5{display:grid;grid-template-columns:repeat(5,1fr);row-gap:8px}
.lg5 div{height:104px;display:grid;place-items:center;font:500 17px/1.2 var(--f-display);color:var(--muted);text-align:center;padding:8px}
.lg5 div.ph{font:400 12px var(--f-mono);color:var(--faint)}
@media (max-width:860px){.lg5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.lg5{grid-template-columns:repeat(2,1fr)}}
/* overlay cards */
.ocard{position:relative}
.ocard .txt{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.ocard .txt .h24{color:var(--fg)}
.ocard .txt p{font-size:14px;color:var(--muted);max-width:44ch}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (max-width:960px){.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.g3,.g2{grid-template-columns:1fr}}
@media (max-width:520px){.g4{grid-template-columns:1fr}}
.cap b{display:block;font:400 16px/1.5 var(--f-sans);margin-top:16px}
.cap p{color:var(--muted);font-size:16px;line-height:1.5}
/* results 4-col */
.r4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.r4 strong{display:block;font:400 44px/1 var(--f-display);letter-spacing:-.015em}
.r4 b{display:block;font:400 14px/1.4 var(--f-sans);margin-top:16px}
.r4 p{color:var(--muted);font-size:14px;margin-top:6px}
@media (max-width:860px){.r4{grid-template-columns:1fr 1fr}}
/* badges */
.bdg{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.bdg span{width:64px;height:80px;border-radius:12px;display:grid;place-items:center;text-align:center;font:500 10.5px/1.15 var(--f-sans);color:var(--muted);background:repeating-linear-gradient(135deg,var(--ph1) 0 8px,var(--ph2) 8px 16px);border:1px dashed var(--ph-line);padding:4px}
/* product feature rows */
.frow2{display:grid;grid-template-columns:360px 1fr;gap:110px;align-items:start}
.frow2.rev{grid-template-columns:1fr 360px}
.frow2.rev .list{order:2}
.frow2 .list{display:grid;gap:56px;padding-top:24px}
.frow2 .list b{display:block;font:400 16px/1.5 var(--f-sans)}
.frow2 .list p{color:var(--muted);font-size:16px;line-height:1.5;margin-top:4px}
.frow2 .phm{max-width:642px;justify-self:end}
.frow2.rev .phm{justify-self:start}
@media (max-width:960px){.frow2,.frow2.rev{grid-template-columns:1fr;gap:32px}.frow2.rev .list{order:0}.frow2 .phm{justify-self:stretch}}
/* quote card */
.qcard{max-width:920px;margin:0 auto;background:var(--raised);border-radius:32px;padding:40px 48px;min-height:296px;display:grid;gap:24px;align-content:space-between}
.qcard .brand{font:500 18px/1 var(--f-display)}
.qcard .q{font:400 clamp(18px,1.7vw,22px)/1.45 var(--f-sans)}
.qcard .by{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.qcard .who{display:flex;gap:12px;align-items:center}
.qcard .who .av{width:40px;height:40px;border-radius:10px}
.qcard .who p{font-size:14px;line-height:1.4}
.qcard .met{display:flex;gap:32px;flex-wrap:wrap}
.qcard .met strong{font:400 30px/1 var(--f-display)}
.qcard .met span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
@media (max-width:600px){.qcard{padding:28px 24px;border-radius:24px}}
/* related slide */
.slide{background:#3a2410;color:#fff;border-radius:24px;min-height:398px;padding:24px;display:grid;grid-template-columns:350px 1fr;gap:48px;align-items:center}
.slide .h38{color:#fff}
.slide p{color:rgba(255,255,255,.8);font-size:18px;margin-top:12px;max-width:52ch}
.slide-nav{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}
.slide-nav a{font-size:14px;padding:8px 14px;border-radius:999px;background:var(--surface)}
@media (max-width:860px){.slide{grid-template-columns:1fr}}
/* tabs bar */
.tbar{display:flex;gap:4px;padding:8px;border-radius:999px;background:var(--surface);width:max-content;max-width:100%;margin:0 auto;overflow-x:auto}
.tbar button{font:400 14px/20px var(--f-sans);padding:10px 18px;border-radius:999px;border:0;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}
.tbar button[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-ink)}
/* story squares */
.sq{position:relative}
.sq .lab{position:absolute;left:20px;bottom:20px;font:500 20px/1.2 var(--f-display);color:var(--fg);background:var(--bg);padding:8px 12px;border-radius:10px}
/* customers featured */
.feat-x{position:relative}
.feat-x .phm{border-radius:0;border:0;height:768px;aspect-ratio:auto}
.feat-x .ov{position:absolute;inset:0;display:flex;align-items:center}
.feat-x .ov .c{width:100%;padding:80px 20px;display:flex;justify-content:space-between;gap:32px;align-items:flex-start;flex-wrap:wrap}
.feat-x .txt{max-width:576px;color:#fff;display:grid;gap:20px}
.feat-x .txt .h44{color:#fff}
@media (max-width:860px){.feat-x .phm{height:900px}}
.wide{grid-column:span 2}
@media (max-width:760px){.wide{grid-column:auto}}
/* about */
.ab-intro{display:grid;grid-template-columns:642px 360px;justify-content:space-between;gap:48px}
.ab-intro p{font-size:18px;line-height:1.6;color:var(--muted)}
.ab-state{display:grid;grid-template-columns:360px 642px;justify-content:space-between;gap:48px}
.ab-state p{font:400 clamp(24px,2.6vw,38px)/1.25 var(--f-display);letter-spacing:-.01em}
.ab-text{max-width:688px;margin-left:auto;margin-right:auto;display:grid;gap:24px;font-size:16px;line-height:1.6;color:var(--muted)}
.ab-media{display:grid;grid-template-columns:360px 736px;justify-content:space-between;gap:16px;align-items:start}
@media (max-width:1100px){.ab-intro,.ab-state,.ab-media{grid-template-columns:1fr}}
.team3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.team3 b{display:block;margin-top:14px;font:400 16px var(--f-sans)}
.team3 span{color:var(--muted);font-size:14px}
@media (max-width:760px){.team3{grid-template-columns:1fr}}
.v4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.v4 div{border:1px solid var(--line);border-radius:16px;padding:20px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.v4 p{font-size:14px;color:var(--muted)}
@media (max-width:960px){.v4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.v4{grid-template-columns:1fr}}
#vrow{max-width:100%}
@media (max-width:1240px){#vrow{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:700px){#vrow{grid-template-columns:1fr!important}}
.hhero .ov,.feat-x .ov{padding-inline:20px}
.hhero .ov .c{padding:0 0 72px}
.feat-x .ov .c{padding:80px 0}
.lg5 div.lph{font:400 12px var(--f-mono);color:var(--faint)}
.hhero .ov .c > div:first-child{flex:1 1 520px;max-width:800px}

/* VoiceOwl brand accent */
:root{--accent:#0a73c0;--accent-ink:#004480;--tint-c:#eaf3f9}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--accent:#4da3e0;--accent-ink:#7cbcec}}
:root[data-theme="dark"]{--accent:#4da3e0;--accent-ink:#7cbcec}
.logo img{filter:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo img{background:#fff;padding:4px 8px;border-radius:8px;box-sizing:content-box}}
:root[data-theme="dark"] .logo img{background:#fff;padding:4px 8px;border-radius:8px;box-sizing:content-box}
.slide{background:#0b2f55}

.clogo{max-width:180px;max-height:64px;width:auto;height:auto;object-fit:contain}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .clogo{filter:invert(1) hue-rotate(180deg) brightness(1.1)}}
:root[data-theme="dark"] .clogo{filter:invert(1) hue-rotate(180deg) brightness(1.1)}
.clogo{filter:grayscale(1) contrast(1.1) opacity(.72);max-height:56px}
.lg5 div:hover .clogo{filter:none}

.bdg4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:880px;margin-left:auto;margin-right:auto}
.b4{display:grid;justify-items:center;text-align:center;gap:8px}
.b4 svg{width:96px;height:112px;margin-bottom:6px}
.b4 b{font:500 16px/1.3 var(--f-sans)}
.b4 span{font-size:13px;color:var(--muted);max-width:22ch}
@media (max-width:700px){.bdg4{grid-template-columns:1fr 1fr;row-gap:32px}}

/* Sierra-pattern footer */
.sfoot{background:var(--surface);color:var(--fg);padding-block:56px 40px}
.sf-top{display:grid;grid-template-columns:repeat(12,1fr);column-gap:16px;row-gap:48px}
.sf-logo{grid-column:1 / 5;align-self:start;margin-top:4px}
.sf-cols{grid-column:5 / 13;display:grid;grid-template-columns:repeat(4,1fr);column-gap:16px;row-gap:48px}
.fcol h3{font:400 14px/20px var(--f-sans);color:var(--fg);margin:0 0 28px}
.fcol ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.fcol a{font:400 14px/18px var(--f-sans);color:var(--muted);transition:color .15s ease}
.fcol a:hover{color:var(--fg)}
.sf-bottom{margin-top:80px;display:grid;gap:40px}
.sf-lang select{appearance:none;-webkit-appearance:none;font:500 15px/24px var(--f-sans);color:var(--fg);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236f6c68' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center;border:0;border-radius:8px;padding:12px 44px 12px 16px;cursor:pointer;min-width:240px}
.sf-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.sf-legal{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.sf-legal a:hover{color:var(--fg)}
.sf-social{display:flex;gap:14px;color:var(--muted)}
.sf-social a{display:grid;place-items:center;width:24px;height:24px}
.sf-social a:hover{color:var(--fg)}
@media (max-width:960px){.sf-logo,.sf-cols{grid-column:1 / -1}.sf-cols{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.sf-cols{grid-template-columns:1fr}}
.fcol li{line-height:18px;font-size:14px}
.fcol h3{margin-bottom:26px}

/* full-bleed hero stages */
:root{--hero-h:700px}
@media (max-width:700px){:root{--hero-h:560px}}
.stage.cover{max-width:none}
.hhero .stage{border-radius:0}
@media (max-width:860px){.feat-x .stage.cover{height:900px!important}}

.hhero h1{max-width:640px}
.hhero .ov .c > div:first-child{max-width:660px}

@media (max-width:760px){.hhero .stage .scn > :not(:first-child){opacity:.28}}

/* mobile submenu: Sierra-style centred list */
.sheet .sub{align-content:start}
.sub-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;height:56px;margin-bottom:56px}
.sub-head .back{width:40px;height:40px;display:grid;place-items:center;padding:0;margin:0;color:var(--fg);background:none;border:0;cursor:pointer}
.sub-head .sub-t{font:400 16px/24px var(--f-sans);color:var(--muted);text-align:center;padding:0;border:0;margin:0}
.sub-list{display:grid;justify-items:center;gap:0}
.sub-list .srow{display:block;padding:18px 0;font:400 20px/28px var(--f-sans);color:var(--muted);text-align:center}
.sub-list .srow.first,.sub-list .srow:hover{color:var(--fg)}
.sheet.in-sub .sheet-signin{display:none}

/* product carousel */
.cs-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}
.cs-track::-webkit-scrollbar{display:none}
.cs-item{scroll-snap-align:start}
.cs-ctl{display:flex;gap:8px}
.cs-btn{width:44px;height:44px;border-radius:999px;border:0;background:var(--surface);color:var(--fg);font-size:18px;cursor:pointer}
.cs-btn:hover{background:color-mix(in srgb,var(--accent) 14%,var(--surface))}

/* remaining page types */
.callout2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:928px;margin-inline:auto}
.callout2 > .stage{justify-self:end}
.callout2 .cx{max-width:360px}
@media (max-width:760px){.callout2{grid-template-columns:1fr}.callout2 > .stage{justify-self:stretch}}
.icard{display:block}
.icard .go2,.pcard .go2{display:inline-block;margin-top:12px;font-size:14px;color:var(--accent-ink)}
.icard:hover h3,.pcard:hover h3{color:var(--accent-ink)}
.feature-post{display:grid;grid-template-columns:536px 1fr;gap:40px;align-items:center}
@media (max-width:960px){.feature-post{grid-template-columns:1fr}}
.pcard{display:block}
.dept{border-top:1px solid var(--line);padding-block:32px;display:grid;gap:8px}
.dept h3{margin-bottom:8px}
.role{display:grid;grid-template-columns:1.4fr 1.4fr 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.role b{font:400 18px/1.4 var(--f-sans)}
.role span{color:var(--muted);font-size:14px}
@media (max-width:760px){.role{grid-template-columns:1fr}}
.pgrid4,.pgrid5{display:grid;gap:12px}
.pgrid4{grid-template-columns:repeat(4,1fr)}
.pgrid5{grid-template-columns:repeat(5,1fr)}
@media (max-width:860px){.pgrid4,.pgrid5{grid-template-columns:repeat(2,1fr)}}
.pcell{height:112px;border-radius:16px;background:var(--surface);display:grid;place-items:center;font:500 18px/1.2 var(--f-display);color:var(--muted);text-align:center;padding:8px}
.pcell.lph{font:400 12px var(--f-mono);color:var(--faint)}
.formsplit{display:grid;grid-template-columns:470px 1fr;gap:96px;align-items:start}
@media (max-width:960px){.formsplit{grid-template-columns:1fr;gap:40px}}
.fcard{background:var(--raised);border:1px solid var(--line);border-radius:24px;padding:32px;display:grid;gap:24px;max-width:460px;width:100%;justify-self:end;box-shadow:0 20px 50px -36px rgba(20,30,50,.35)}
@media (max-width:960px){.fcard{justify-self:stretch;max-width:none}}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ff{grid-column:1/-1;display:grid;gap:6px}
.ff.half{grid-column:auto}
.ff span{font-size:12px;color:var(--muted)}
.ff input,.ff select,.ff textarea{font:400 15px var(--f-sans);height:56px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);width:100%;min-width:0}
.ff textarea{height:auto;padding:14px 16px;resize:vertical}
.ff :is(input,select,textarea):focus{outline:2px solid var(--accent);outline-offset:1px}
@media (max-width:480px){.fgrid{grid-template-columns:1fr}.ff.half{grid-column:1/-1}}

.stage.cover > .scn{background:transparent}
.stage{position:relative;width:100%;overflow:hidden;max-width:100%;container-type:inline-size}
.scn{position:absolute;left:0;top:0;transform-origin:0 0;font-family:var(--f-sans);color:#1d2430;-webkit-font-smoothing:antialiased}
.scn *{box-sizing:border-box}
.bgA{background:radial-gradient(900px 500px at 80% 10%,#d6ecf6,transparent 60%),radial-gradient(700px 500px at 10% 90%,#fdf1c7,transparent 60%),linear-gradient(160deg,#eef6fb,#f7f3ea)}
.bgB{background:radial-gradient(700px 420px at 15% 15%,#ffe9a8,transparent 60%),radial-gradient(800px 500px at 90% 90%,#bfe1f0,transparent 60%),linear-gradient(170deg,#fbf7ee,#eaf3f8)}
.bgC{background:linear-gradient(160deg,#0a3a6b,#004480 45%,#0a73c0)}
.bgD{background:radial-gradient(600px 400px at 70% 20%,rgba(249,207,0,.35),transparent 60%),radial-gradient(700px 500px at 20% 90%,rgba(66,180,158,.35),transparent 60%),linear-gradient(160deg,#0b2f55,#06213d)}
.bgE{background:linear-gradient(170deg,#f3f7fa,#e8eff5)}
.bgF{background:radial-gradient(500px 400px at 85% 15%,rgba(229,25,71,.18),transparent 60%),linear-gradient(160deg,#fff6e3,#fde9c8)}
.win{position:absolute;background:#fff;border-radius:18px;box-shadow:0 30px 70px -30px rgba(10,40,80,.35),0 0 0 1px rgba(10,40,80,.06);overflow:hidden}
.win .bar{height:44px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid #eef1f5;font-size:15px;color:#5b6575}
.win .bar i{width:11px;height:11px;border-radius:50%;background:#e7eaef}
.win .bar b{margin-left:10px;color:#1d2430;font-weight:500}
.card{position:absolute;background:#fff;border-radius:16px;box-shadow:0 18px 40px -20px rgba(10,40,80,.35),0 0 0 1px rgba(10,40,80,.05);padding:18px 20px}
.lbl2{font-size:13px;color:#6b7686;letter-spacing:.02em}
.big2{font-size:44px;font-weight:400;letter-spacing:-.02em;color:#0b2440}
.up{color:#1f8a5b;font-size:15px;margin-left:8px}
.row2{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eef1f5;font-size:15px}
.row2:first-of-type{border-top:0}
.row2 span{color:#6b7686}
.chip2{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:5px 11px;border-radius:999px;background:#eef4fa;color:#004480;white-space:nowrap}
.chip2.ok{background:#e4f5ee;color:#1f7a52}.chip2.warn{background:#fff4cc;color:#8a6a00}.chip2.red{background:#fde6ea;color:#b3123a}
.bub2{max-width:78%;padding:14px 18px;border-radius:18px;font-size:17px;line-height:1.45;margin-bottom:12px}
.bub2 small{display:block;font-size:12px;color:#6b7686;margin-bottom:4px}
.bub2.ai{background:#eef4fa;color:#0b2440;border-bottom-left-radius:6px}
.bub2.me{background:#004480;color:#fff;margin-left:auto;border-bottom-right-radius:6px}
.bub2.me small{color:rgba(255,255,255,.7)}
.tool2{font:400 13px/1.5 var(--f-mono);color:#4b5668;background:#f6f8fb;border-left:3px solid #f9cf00;padding:8px 12px;border-radius:6px;margin:4px 0 14px}
.phone{position:absolute;width:340px;height:640px;border-radius:44px;background:#0b1626;padding:12px;box-shadow:0 40px 80px -30px rgba(0,20,50,.55)}
.phone .scr{width:100%;height:100%;border-radius:34px;background:#fff;overflow:hidden;padding:56px 18px 18px;position:relative}
.phone .scr .top{position:absolute;top:16px;left:0;right:0;text-align:center;font-size:13px;color:#6b7686}
.phone .bub2{font-size:15px;max-width:86%}
.wave2{display:flex;align-items:center;gap:4px;height:56px}
.wave2 span{flex:1;border-radius:3px;background:#0a73c0;opacity:.75}
.bars2 div{display:grid;grid-template-columns:150px 1fr 48px;gap:12px;align-items:center;font-size:14px;margin:10px 0}
.bars2 i{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#004480,#0a73c0)}
.bars2 em{font-style:normal;font-family:var(--f-mono);font-size:13px;text-align:right;color:#4b5668}
.side2{position:absolute;left:0;top:44px;bottom:0;width:210px;border-right:1px solid #eef1f5;padding:18px 14px;font-size:14px;color:#5b6575;display:grid;align-content:start;gap:4px}
.side2 .h{font-size:11.5px;color:#9aa3b0;margin:12px 0 4px;letter-spacing:.06em;text-transform:uppercase}
.side2 span{padding:8px 10px;border-radius:9px}
.side2 span.on{background:#eef4fa;color:#004480}
.step2{display:flex;gap:14px;align-items:flex-start;padding:12px 0}
.step2 .n{width:30px;height:30px;border-radius:50%;background:#eef4fa;color:#004480;display:grid;place-items:center;font-size:13px;flex:none}
.step2.done .n{background:#004480;color:#fff}
.step2 b{display:block;font-weight:500;font-size:16px}
.step2 p{font-size:14px;color:#6b7686;margin:2px 0 0}
.code2{font:400 15px/1.75 var(--f-mono);color:#1d2430;white-space:pre}
.code2 .k{color:#0a73c0}.code2 .s{color:#1f7a52}.code2 .c{color:#9aa3b0}
.glyph{position:absolute;border-radius:28px;display:grid;place-items:center}
.dot3{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}