/* Ruvano v2 skin (Kayhan's design file, 28 Oct 2026): white, ink #0A0A0A, blue #0B1F3A, Fraunces light, DM Sans, JetBrains Mono, chamfered corners, hairline grids. Restyles existing content only. */
:root{--bg:#FFFFFF;--paper:#FFFFFF;--tint:#F6F6F6;--tint2:#EFEFEF;--line:#E0E0E0;--ink:#0A0A0A;--ink-l:#0A0A0A;--muted:#6B6B6B;--accent:#0B1F3A;--accent-l:#0B1F3A;
--dk:#FFFFFF;--dk2:#F6F6F6;--dk3:#EFEFEF;--lnk:#0A0A0A;--dk-ink:#0A0A0A;--dk-soft:#3A3A3A;--dk-muted:#6B6B6B;--dk-faint:#6B6B6B;
--e1:#6B6B6B;--e1t:#0B1F3A;--e2:#0B1F3A;--ok:#0B1F3A;--btn:#0A0A0A;--btn-h:#0B1F3A;--on-btn:#FFFFFF;--btn-light:#0A0A0A;--btn-light-h:#0B1F3A;--on-btn-light:#FFFFFF;
--grad:linear-gradient(#0A0A0A,#0A0A0A);--grad-light:linear-gradient(#0A0A0A,#0A0A0A);--rule:#0A0A0A;--gold:#0B1F3A;--pick-border:linear-gradient(#0B1F3A,#0B1F3A);--waiver-bg:#F6F6F6;
--blue:#0B1F3A;--wash:#F6F6F6;--mute:#6B6B6B;
--display:"Fraunces",Georgia,serif;--sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
--ch:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
--ch16:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);color-scheme:light}
html,body,body.bx{background:#fff!important;color:#0A0A0A!important;font-family:var(--sans)!important;-webkit-font-smoothing:antialiased}
body *{text-shadow:none!important}
h1,h2,h3,.hero-h,.big{font-family:var(--display)!important;font-weight:300!important;letter-spacing:-.025em!important;color:#0A0A0A!important}
h1{font-size:clamp(44px,6.2vw,88px)!important;line-height:.98!important}
h1 em,h2 em,.big em{font-style:italic!important;font-weight:300!important;color:#0A0A0A!important}
h2{font-size:clamp(32px,4vw,52px)!important;line-height:1.06!important}
h3,h4{font-weight:400!important;letter-spacing:-.01em!important;color:#0A0A0A!important}
p,li,dd,dt,td,th,label,small,figcaption,summary{color:inherit}
.lede,.note,.sub,.bx-pdesc,.bx-fine,.team-lede,p.note{color:#6B6B6B!important}
.eyebrow,.tag,.demo-tag,.mode-label,.v2-mono,.num,.tc-n,.bx-setup,.bx-badge,.bx-soon,.pill{font-family:var(--mono)!important;font-weight:400!important;letter-spacing:.02em!important;text-transform:none!important;color:#6B6B6B!important;background:none!important;border-radius:0!important}
.eyebrow::before,.bx-live::before{display:none!important}
a{color:inherit}
.prose a,main p a{color:#0A0A0A;text-decoration:none;border-bottom:1px solid #0B1F3A}
:focus-visible{outline:2px solid #0B1F3A!important;outline-offset:3px}
/* every dark band becomes white with hairlines */
section,.bx-dark,section.alt,.team,.trust,.flow,.editorial,.bx-pricing,#approval,#ai,#faq,#contact,#how,#who,#industries,#see-it-work,#pilot{background:#fff!important;color:#0A0A0A!important;border-bottom:1px solid #E0E0E0}
.bx-dark *{color:inherit}
.bx-glow,.bx-shade,.bx-media::before,.bx-hero::after,.bx-photo::before{display:none!important}
.bx-grad{background:none!important;-webkit-text-fill-color:currentColor!important;color:#0A0A0A!important}
hr.rule{border:0!important;border-top:1px solid #0A0A0A!important;background:none!important;height:0!important;width:100%!important;opacity:1!important}
/* header (Kay's nav) */
header.site{position:sticky!important;top:0;z-index:50;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #E0E0E0!important;box-shadow:none!important;color:#0A0A0A!important}
header.site .wrap{min-height:72px}
header.site .wm-logo{height:26px!important;mix-blend-mode:multiply}
nav.main a{color:#6B6B6B!important;font:400 15px/1 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;background:none!important}
nav.main a:hover,nav.main a[aria-current]{color:#0A0A0A!important}
nav.main a.cta-link{background:#0A0A0A!important;color:#fff!important;padding:10px 16px!important;border-radius:0!important;clip-path:var(--ch)}
nav.main a.cta-link:hover{background:#0B1F3A!important}
.nav-toggle span{background:#0A0A0A!important}
@media(max-width:900px){header.site.nav-open nav.main,body.nav-open nav.main{background:#fff!important;border-top:1px solid #E0E0E0}nav.main a{color:#0A0A0A!important;border-bottom:1px solid #E0E0E0}}
/* buttons: chamfered */
.btn,button.btn,a.btn,.fp-btn,.tour-nav .btn,.demo-form button,form button[type=submit]{border-radius:0!important;clip-path:var(--ch);background:#0A0A0A!important;color:#fff!important;border:1px solid #0A0A0A!important;font:500 15px/1.2 var(--sans)!important;letter-spacing:.01em!important;text-transform:none!important;box-shadow:none!important;padding:14px 26px}
.btn:hover,.fp-btn:hover,.demo-form button:hover{background:#0B1F3A!important;border-color:#0B1F3A!important}
.btn.ghost,a.btn.ghost{background:transparent!important;color:#0A0A0A!important}
.btn.ghost:hover{background:#0A0A0A!important;color:#fff!important;border-color:#0A0A0A!important}
.ds-link,.arrow-link{color:#0A0A0A!important;border-bottom:1px solid #0B1F3A}
/* cards / tiles / packages: square, hairline, chamfer */
.card,.bx-tile,.team-card,.bx-price,.bx-addons,.bx-waiver,.bx-ad-list li,.trust-item,.fl-mock,.fp-scr,.demo,details,.bx-photo,.log{background:#fff!important;color:#0A0A0A!important;border:1px solid #E0E0E0!important;border-radius:0!important;box-shadow:none!important}
.card,.bx-price,.bx-addons,.bx-waiver,.fl-mock,.demo{clip-path:var(--ch16)}
.team-card:hover,.bx-tile:hover{background:#F6F6F6!important}
.bx-ic,.ti-ic,.bx-ic-wrap svg{color:#0B1F3A!important}
.bx-ic-wrap{background:none!important;border:1px solid #E0E0E0!important;border-radius:0!important}
.bx-price.bx-pick{background:#F6F6F6!important;box-shadow:inset 0 2px 0 0 #0B1F3A!important}
.price,.bx-price .price{font-family:var(--display)!important;font-weight:300!important;color:#0A0A0A!important;letter-spacing:-.02em}
.bx-waiver{background:#F6F6F6!important;border-top:2px solid #0A0A0A!important}
.bx-ad-v rect,.bx-ad-v path,.bx-ad-v circle{filter:grayscale(1)}
#how .card::before,.card.reveal{border-top:1px solid #E0E0E0}
#how .num{color:#0B1F3A!important}
/* industry photos: clean, caption below-style */
.bx-photo{clip-path:var(--ch16);background:#F6F6F6!important}
.bx-photo img{filter:none!important}
.bx-photo::after{background:linear-gradient(180deg,rgba(10,10,10,0) 55%,rgba(10,10,10,.72) 100%)!important}
.bx-photo figcaption,.bx-photo figcaption *{color:#fff!important;font-family:var(--display)!important;font-weight:400!important}
.bx-photo figcaption .bx-ic{color:#fff!important}
/* flow / demo mock screens */
.fl-bar,.fl-rail,.fl-track{background:#E0E0E0!important}
.fl-chip,.fi-row,.fp-l{background:#F6F6F6!important;color:#0A0A0A!important;border-color:#E0E0E0!important;border-radius:0!important}
.fi-row.on{box-shadow:inset 2px 0 0 #0B1F3A!important}
.pill.p-s{color:#0B1F3A!important}
/* forms */
input,select,textarea{background:#fff!important;color:#0A0A0A!important;border:1px solid #E0E0E0!important;border-radius:0!important;font-family:var(--sans)!important}
input:focus,select:focus,textarea:focus{border-color:#0A0A0A!important}
details summary{color:#0A0A0A!important}
/* footer (Kay's) */
footer.site,footer.site.bx-dark{background:#fff!important;color:#6B6B6B!important;border-top:1px solid #E0E0E0!important;font-size:13.5px}
footer.site .lockup{width:180px!important;height:auto!important;mix-blend-mode:multiply}
footer.site a,footer.site button{color:#0A0A0A!important}
footer.site .ao-legal{font-family:var(--mono)!important;font-size:12.5px!important;color:#0A0A0A!important}
footer.site .ao-soc{border-radius:0!important;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}
/* hero (Kay's layout: copy left, call panel right) */
.v2-hero{padding:104px 0 96px!important;border-bottom:1px solid #E0E0E0}
.v2-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:end}
.v2-hero .lede{margin-top:28px;font-size:19px;max-width:48ch}
.v2-hero .hero-ctas{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}
.v2-call{position:relative;min-height:500px;display:grid;place-items:center;align-content:center;padding:56px 28px 36px;border:1px solid #E0E0E0;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);overflow:hidden;isolation:isolate;color:#fff}
.v2-media{position:absolute;inset:0;z-index:-1;background:#0A0A0A}
.v2-media video{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.35) contrast(1.05)}
.v2-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.35),rgba(10,10,10,.78))}
.v2-stamp{position:absolute;top:20px;left:24px;margin:0;font:400 12px var(--mono);color:#fff;opacity:.9}
.v2-stamp i{display:inline-block;width:7px;height:7px;transform:rotate(45deg) scale(.8);background:#0B1F3A;margin-right:8px;vertical-align:1px}
.v2-ring{position:relative;width:176px;height:176px;display:grid;place-items:center;background:none;border:0;cursor:pointer;padding:0;transition:transform .25s}
.v2-ring::before,.v2-ring::after{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);opacity:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;animation:v2pulse 2.8s ease-out infinite}
.v2-ring::after{animation-delay:1.4s}
@keyframes v2pulse{0%{transform:scale(.72);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.v2-ring:hover{transform:scale(1.03)}
.v2-core{width:120px;height:120px;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);background:#fff;color:#0A0A0A;display:grid;place-items:center;transition:background .2s,color .2s;z-index:1}
.v2-ring:hover .v2-core{background:#0B1F3A;color:#fff}
.v2-core svg{width:36px;height:36px}
.v2-call-label{margin-top:26px;text-align:center}
.v2-call-label strong{display:block;font:400 26px/1.15 var(--display);letter-spacing:-.01em;color:#fff}
.v2-call-label span{display:block;margin-top:8px;font-size:14.5px;color:rgba(255,255,255,.82);max-width:30ch;margin-inline:auto}
.v2-type{margin-top:14px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.6);color:#fff;font:400 13px var(--mono);cursor:pointer;padding:2px 0}
@media(prefers-reduced-motion:reduce){.v2-ring::before,.v2-ring::after{animation:none}.v2-media video{display:none}.v2-media{background:#0A0A0A url(/assets/media/hero-office-bright-poster.webp) center/cover}}
@media(max-width:960px){.v2-hero{padding:56px 0 64px!important}.v2-hero-grid{grid-template-columns:1fr;gap:40px}.v2-call{min-height:420px}}
/* chat panel + floating button */
#ao-chat-btn{background:#0A0A0A!important;color:#fff!important;border:1px solid #0A0A0A!important;border-radius:0!important;clip-path:var(--ch);font:500 14px var(--sans)!important;box-shadow:none!important}
#ao-chat-btn:hover{background:#0B1F3A!important;border-color:#0B1F3A!important}
#ao-chat{background:#fff!important;color:#0A0A0A!important;border:1px solid #0A0A0A!important;border-radius:0!important;box-shadow:0 18px 50px rgba(10,10,10,.14)!important;font-family:var(--sans)!important;clip-path:var(--ch16)}
#ao-chat *{border-radius:0!important}
#ao-chat .hd{background:#fff!important;color:#0A0A0A!important;border-bottom:1px solid #E0E0E0!important;font-family:var(--display)!important}
#ao-chat .hd small{font-family:var(--mono)!important;color:#6B6B6B!important}
#ao-chat .hd button{color:#0A0A0A!important;background:none!important}
#ao-chat .msgs{background:#fff!important}
#ao-chat .m{border-radius:0!important;font-family:var(--sans)!important}
#ao-chat .m.bot{background:#F6F6F6!important;color:#0A0A0A!important;border:0!important}
#ao-chat .m.me{background:#0A0A0A!important;color:#fff!important}
#ao-chat form{background:#fff!important;border-top:1px solid #E0E0E0!important}
#ao-chat form .mic{border:1px solid #0A0A0A!important;background:#fff!important;color:#0A0A0A!important}
#ao-chat form .mic.on{background:#0B1F3A!important;border-color:#0B1F3A!important;color:#fff!important}
#ao-chat form .act{background:#0A0A0A!important;color:#fff!important}
#ao-chat .vnotice{background:#F6F6F6!important;border:1px solid #0A0A0A!important}
#ao-chat .vnotice button{background:#0A0A0A!important;border-color:#0A0A0A!important;color:#fff!important}
#ao-chat .vnotice .vno{background:#fff!important;color:#0A0A0A!important}
#ao-chat .demo-badge{font-family:var(--mono)!important;color:#0B1F3A!important;border-color:#0B1F3A!important}
/* cookie banner: top-of-screen strip on phones so it never covers the voice button; bottom-left card on desktop */
.ao-cc{background:#fff!important;color:#0A0A0A!important;border:1px solid #0A0A0A!important;border-radius:0!important;box-shadow:0 12px 36px rgba(10,10,10,.12)!important;font-family:var(--sans)!important;clip-path:var(--ch16)}
.ao-cc h2{font:400 18px var(--display)!important;letter-spacing:-.01em!important}
.ao-cc p{color:#6B6B6B!important}
.ao-cc a{color:#0A0A0A!important;border-bottom:1px solid #0B1F3A;text-decoration:none}
.ao-cc-btn{border-radius:0!important;clip-path:var(--ch);border:1px solid #0A0A0A!important;background:#fff!important;color:#0A0A0A!important;font:500 14px var(--sans)!important}
.ao-cc-btn:last-child{background:#0A0A0A!important;color:#fff!important}
@media(min-width:761px){.ao-cc{left:20px!important;right:auto!important;margin:0!important;max-width:440px!important}}
@media(max-width:760px){.ao-cc{top:auto!important;bottom:0!important;left:0!important;right:0!important;clip-path:none;border-width:1px 0 0!important;padding:12px 14px!important;font-size:.85rem!important}.ao-cc h2{font-size:15px!important}.ao-cc p{margin-bottom:8px!important}.ao-cc-btn{min-height:40px!important;flex:1 1 40%!important}
 body.ao-cc-open .v2-hero{padding-bottom:calc(var(--ao-cc-h,0px) + 24px)!important}}
/* misc leftovers */
.skip{background:#0A0A0A!important;color:#fff!important}
.status-note,.bx-ad-note{color:#6B6B6B!important}
.ao-backbar{background:#fff!important;color:#0A0A0A!important;border-bottom:1px solid #E0E0E0}
header.site nav.main a:not(.cta-link){color:#6B6B6B!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
header.site nav.main a:not(.cta-link):hover,header.site nav.main a[aria-current]:not(.cta-link){color:#0A0A0A!important}
header.site .nav-toggle{color:#0A0A0A!important}
header.site .wordmark .wm-logo{height:40px!important}
@media (max-width:860px){header.site nav.main{background:#fff!important}header.site nav.main a:not(.cta-link){color:#0A0A0A!important}header.site .wordmark .wm-logo{height:34px!important}}
@media(max-width:760px){.ao-cc{top:calc(64px + env(safe-area-inset-top,0px))!important;bottom:auto!important;border-width:0 0 1px!important;box-shadow:0 8px 24px rgba(10,10,10,.10)!important}
 body.ao-cc-open #ao-chat-btn{bottom:16px!important}body.ao-cc-open #ao-chat{bottom:72px!important;height:min(540px,calc(100vh - 140px))!important}body.ao-cc-open .v2-hero{padding-bottom:64px!important}}
.btn.ghost{clip-path:none}
.bx-price{clip-path:none!important;overflow:visible!important}
.bx-price .price{font-size:clamp(30px,2.6vw,40px)!important;line-height:1.05!important}
.bx-badge{background:#0B1F3A!important;color:#fff!important;padding:3px 8px!important}
.fl-track,.fl-rail{background:transparent!important}
.fl-rail{border-left:1px solid #E0E0E0}
section.flow,.flow{background:#fff!important}
footer.site p,footer.site p *{color:#6B6B6B!important;opacity:1!important}
footer.site a,footer.site .ao-cc-link,footer.site .ao-legal{color:#0A0A0A!important;opacity:1!important}
#ao-chat{z-index:10001!important}
#ao-chat.open ~ .ao-cc,body:has(#ao-chat.open) .ao-cc{display:none!important}
body:has(#ao-chat.open) #ao-chat-btn{opacity:0;pointer-events:none}
@media(max-width:760px){body:has(#ao-chat.open) #ao-chat{top:72px!important;bottom:12px!important;height:auto!important}}
#ao-chat form .act,#ao-chat form .act svg{color:#fff!important;stroke:#fff}#ao-chat form .act{clip-path:none!important;min-width:48px}
