:root{--ink:#162c43;--text:#4f6073;--muted:#607187;--blue:#5060c7;--blue-dark:#3e4daa;--paper:#f6f8fb;--surface:#fff;--line:#dce4ec;--v130-accent:#5060c7}
body{background:#fff}
.header,.sales-site .header{background:#fff;color:#162c43;border-color:#e7edf2;box-shadow:0 8px 28px -24px #26395e55}
.header .brand,.sales-site .header .brand{color:#162c43}.header .brand-symbol{background:#162c43;color:#fff}.header .brand-dot{color:#5060c7}
.header .nav a,.sales-site .header .nav a,.header .locale{color:#34465c}.header .nav a:hover{color:#3e4daa}.header .nav a[aria-current=page]{color:#3e4daa}
.sales-site .header .header-cta{background:#5060c7;border-color:#5060c7;color:#fff}.sales-site .header .header-cta:hover{background:#3e4daa;border-color:#3e4daa}
.header .menu-button{background:#fff;border-color:#aab9cb;color:#162c43}.header .nav{background:#fff}
.sales-site .sales-hero.v130-hero,.sales-site .service-hero.v130-hero{background:#fff;color:#162c43}
.sales-site .v130-hero h1{color:#162c43}.sales-site .v130-hero h1 span{color:#5060c7}.sales-site .v130-hero .eyebrow{color:#3e4daa}
.sales-site .v130-hero .hero-desc,.sales-site .v130-hero .service-lead{color:#4f6073}
.sales-site .v130-hero .button-primary{background:#5060c7;border-color:#5060c7;color:#fff}.sales-site .v130-hero .button-primary:hover{background:#3e4daa;border-color:#3e4daa}
.sales-site .v130-hero .text-link{color:#3e4daa;text-decoration-color:#a6afd8}.v130-hero-note{color:#4f6073!important}
.v130-hero-tags{color:#4f6073}.v130-hero-tags span{border-color:#c2c9eb}.sales-site .v130-hero .trust-strip{border-color:#dce4ec}.sales-site .v130-hero .trust-strip>div{color:#34465c}.v130-hero .trust-strip .icon{color:#5060c7}
.v130-hero-price{border-color:#dce4ec}.v130-hero-price>strong{color:#3e4daa}.v130-hero-price>p,.v130-hero-price>.v130-hero-exclusions{color:#4f6073}
.sales-site .v130-hero .breadcrumbs,.sales-site .v130-hero .breadcrumbs a,.sales-site .v130-hero .breadcrumbs span{color:#4f6073}
.v130-output-card{background:#fff;color:#162c43;border-color:#dce4ec}.v130-output-top{color:#4f6073}.v130-output-example{border-color:#dce4ec}.v130-output-example p,.v130-output-card li{color:#4f6073}.v130-output-example .v130-demo-label,.v130-output-example .text-link,.v130-output-card li .icon{color:#3e4daa}
.sales-site .v130-output-visual>h2{color:#162c43}
.sales-site .portfolio-hero,.sales-site .tasks-hero,.sales-site .info-hero{background:#f6f8fb;color:#162c43}
.sales-site .portfolio-hero h1,.sales-site .tasks-hero h1,.sales-site .info-hero h1{color:#162c43}
.sales-site .portfolio-hero .eyebrow,.sales-site .tasks-hero .eyebrow,.sales-site .info-hero .eyebrow{color:#3e4daa}
.sales-site .portfolio-lead,.sales-site .tasks-hero .info-lead,.sales-site .info-hero .info-lead,.sales-site .portfolio-hero-note{color:#4f6073}
.sales-site .portfolio-hero .text-link{color:#3e4daa}.sales-site .portfolio-hero .button-primary{color:#fff;background:#5060c7;border-color:#5060c7}.sales-site .portfolio-hero .button-primary:hover{background:#3e4daa;border-color:#3e4daa}
.sales-site.portfolio-page .portfolio-hero .portfolio-lead,.sales-site.portfolio-page .portfolio-hero .portfolio-hero-note,.sales-site.portfolio-page .portfolio-hero .portfolio-notice{color:#4f6073}
.sales-site .portfolio-overview{background:#f0f3fa;border-color:#d5ddeb;color:#34465c}.sales-site .portfolio-overview a,.sales-site .portfolio-overview strong{color:#162c43}
.sales-site .portfolio-overview small,.sales-site .overview-top,.sales-site .overview-foot,.sales-site .overview-index,.sales-site .portfolio-proof-strip li,.sales-site .portfolio-notice{color:#4f6073}
.sales-site.portfolio-page .portfolio-overview .overview-stack a:hover{background:#e9edff}
.sales-site .service-card-icon{color:#5060c7;background:#eef0fc;border-color:#d5daf5}.sales-site .service-card:hover{border-color:#aab3e6}
.sales-site .portfolio-filters button[aria-pressed=true],.sales-site .task-filters button[aria-pressed=true]{background:#5060c7;border-color:#5060c7;color:#fff;box-shadow:inset 0 -3px 0 #3e4daa}
.sales-site .portfolio-example-context{background:#f0f2ff;border-color:#c9d0f2}.sales-site .inquiry-section,.sales-site .v130-acceptance{background:#f1f4fa;border-color:#dce4ec}
.sales-footer,.sales-site .sales-footer{background:#fff;color:#162c43;border-color:#dce4ec}.sales-footer .brand{color:#162c43}.sales-footer .brand-dot{color:#5060c7}
.sales-footer p,.sales-site .sales-footer p,.sales-site .footer-main p.micro{color:#4f6073}
.sales-site .footer-links a,.sales-site .footer-contacts a,.sales-site .legal-links a,.sales-site .footer-bottom,.sales-site .footer-main .footer-links a,.sales-footer .site-version{color:#4f6073}
.sales-footer .footer-bottom,.sales-footer .footer-contacts{border-color:#dce4ec}.sales-footer a:hover{color:#3e4daa}
.sales-site .rd-featured{background:#f6f8fb;color:#162c43}.sales-site .rd-featured h2{color:#162c43}.sales-site .rd-featured .section-aside{color:#4f6073}.sales-site .rd-featured .eyebrow{color:#3e4daa}
.sales-site .rd-featured-link{background:#fff;border-color:#dce4ec;color:#162c43}.sales-site .rd-featured-link>span:not(.rd-featured-index){color:#4f6073}.sales-site .rd-featured-index,.sales-site .rd-featured-link>b{color:#3e4daa}.sales-site .rd-featured-link:hover{border-color:#5060c7}
.sales-site .rd-ai-anchor-note{color:#4f6073}.sales-site .rd-preview-open{background:#edf0fc;color:#3e4daa}.sales-site .rd-proof-preview .rd-preview-open{color:#3e4daa}.sales-site .rd-enhanced-playground[open]>summary{background:#edf0fc;color:#162c43;border-color:#b7c1eb}
.rd-standalone-footer{background:#f6f8fb;color:#4f6073}.rd-standalone-footer p{color:#4f6073}.rd-standalone-footer a{color:#3e4daa}
.header :focus-visible,.v130-hero :focus-visible,.portfolio-hero :focus-visible,.sales-footer :focus-visible,.rd-featured :focus-visible{outline-color:#5060c7}
@media(max-width:760px){.enhanced .sales-site .header .nav,.sales-site .header .nav{background:#fff;border-color:#dce4ec}.header .nav a:hover{background:#f0f2fc}}
@media(forced-colors:active){.header,.sales-site .v130-hero,.sales-site .portfolio-hero,.sales-footer,.sales-site .rd-featured{background:Canvas!important;color:CanvasText!important}.v130-hero-note{color:CanvasText!important}}

/* Keep the content width stable across short/long pages and deferred content. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}

/* Native same-origin document transitions; no click interception or page swap JS. */
@media(prefers-reduced-motion:no-preference) and (scripting:enabled){
  @view-transition{navigation:auto}
  .header{view-transition-name:site-header}
  ::view-transition{pointer-events:none}
  ::view-transition-group(root){animation-duration:500ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
  ::view-transition-old(root){animation:dp-page-out 320ms cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}
  ::view-transition-new(root){animation:dp-page-in 460ms cubic-bezier(.22,1,.36,1) 40ms both;mix-blend-mode:normal}
  ::view-transition-group(site-header){animation:none;z-index:1}
  ::view-transition-old(site-header){display:none}
  ::view-transition-new(site-header){animation:none;mix-blend-mode:normal}
}
@keyframes dp-page-out{from{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateX(-24px) scale(.99);filter:blur(1.5px)}}
@keyframes dp-page-in{from{opacity:0;transform:translateX(36px) scale(.99);filter:blur(2px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media print{html{scrollbar-gutter:auto}}

body.sales-site{isolation:isolate}
.code-background{position:absolute;inset:0 0 auto;height:100vh;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;color:#354b70}
.code-editor{--code-alpha:.28;position:absolute;top:calc(12vh + 84px);left:-35px;width:380px;border:1px solid #6470d2;border-radius:12px;background:linear-gradient(135deg,#fff,#eef0ff);box-shadow:0 12px 32px #3e4daa18;opacity:var(--code-alpha);font:13px/22px ui-monospace,Consolas,monospace;overflow:hidden;counter-reset:code}
.code-editor+.code-editor{top:auto;left:auto;right:-30px;bottom:10vh}
.code-editor-bar{display:flex;gap:20px;align-items:center;padding:9px 14px;border-bottom:1px solid #6470d2;background:#e6eafb;color:#3e4daa;font-size:12px}
.code-editor-bar:after{content:"</>";margin-left:auto}
.code-editor-bar i{font:8px ui-monospace,monospace;letter-spacing:3px}
.code-editor pre{margin:0;padding:14px 12px;min-height:204px;font:inherit;white-space:pre}
.code-line{display:block;width:100%;white-space:pre}
.code-line:before{counter-increment:code;content:counter(code);display:inline-block;width:22px;color:#607187}
.code-line b{color:#4654c6;font-weight:600}.code-line em{color:#34465c;font-style:normal}
.code-line:last-child:after{content:"▌";color:#5060c7}
.code-typing .code-line{animation:dp-type .48s steps(32,end) calc(var(--line)*.36s) 1 both paused}
.code-playing .code-line{animation-play-state:running}
@keyframes dp-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.sales-site :is(.sales-hero.v130-hero,.service-hero.v130-hero,.v130-trust){background:transparent}
.sales-site :is(.portfolio-hero,.tasks-hero,.info-hero,.rd-featured,.v130-proof-gallery,.sales-process,.faq,.advanced-section,.home-ai-offer,.support-offer,.service-stages,.rd-service-proof,.business-impact){background:#f6f8fb55}
.sales-site :is(.inquiry-section,.v130-acceptance){background:#f1f4fa66}
.sales-site main>.section>.container,.sales-site .v130-hero>.container,.sales-site .advanced-section>.container{background-image:linear-gradient(90deg,#ffffff66,#ffffffb8 14%,#ffffffb8 86%,#ffffff66)}
.sales-site :is(.hero-copy>p,.hero-copy>h1,.service-hero-copy,.section-head,.prose-content){background-image:linear-gradient(90deg,#fffffff0,#fffffff0 85%,transparent)}
#code-motion:focus-visible{width:auto;height:auto;min-height:44px;max-width:calc(100vw - 20px);margin:0;clip:auto;white-space:normal}
.sales-site .header{height:auto}.header-inner{height:84px}.code-welcome{display:flow-root;background:#fff}
.code-console{--row:19px;position:relative;height:148px;margin-bottom:12px;border:1px solid #5963a0;border-radius:12px;background:radial-gradient(ellipse at 85% 100%,#5144a955,transparent 65%),linear-gradient(110deg,#142239,#1d2e4b);box-shadow:0 8px 22px #303e7d1a;color:#dce5f4;font:14px/19px ui-monospace,Consolas,monospace;overflow:hidden;counter-reset:code}
.console-title{display:flex;align-items:center;gap:18px;height:28px;padding:0 14px;background:#c4ccff0a;border-bottom:1px solid #c4ccff20;color:#aebcf2;font-size:11px}.console-title i{font-style:normal;font-size:8px;letter-spacing:3px;color:#a79df7}.console-title b{align-self:stretch;display:flex;align-items:center;border-bottom:2px solid #a59cf7;padding:0 8px}.console-title small{margin-left:auto;color:#859ab9;font-size:10px}
.code-console pre{position:relative;margin:0;padding:8px 16px;width:56%;height:118px;border-right:1px solid #c4ccff20;font:inherit}.code-console .code-line{position:relative;width:max-content;max-width:100%}.code-console b{color:#bdc7ff}.code-console em{color:#85e1ca}.code-console .code-line:before{color:#8799ba}
.code-console pre:before{content:"";position:absolute;inset:8px 0 auto;height:var(--row);background:linear-gradient(90deg,#91a2ff25,transparent);border-left:2px solid #a59cf7;transform:translateY(calc(var(--row)*4))}
.console-preview{position:absolute;right:24px;top:40px;width:32%;height:92px;border:1px solid #9ba8cf;border-radius:7px;overflow:hidden;background:#f7f8ff;color:#20324b;box-shadow:0 8px 16px #0b142b33}
.console-preview>span{display:flex;gap:8px;height:18px;padding:0 8px;border-bottom:1px solid #dae0f0;font-size:8px;align-items:center;color:#8b96b0}.console-preview>span b{color:#66748d;font-size:8px;font-weight:400}.console-preview>span i{margin-left:auto;font-style:normal}
.console-preview>div{position:relative;height:72px;padding:9px 12px}.console-preview strong{display:block;font:700 11px/1.4 system-ui;color:#20324b}.console-preview div i,.console-preview div b{display:block;height:3px;width:70px;margin-top:5px;border-radius:3px;background:#cbd2e8}.console-preview div b{height:9px;width:37px;background:#6263cb}.console-preview s{position:absolute;right:12px;top:10px;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#b7b1f3 50%,#94d9cb 50%);text-decoration:none}
.code-console:is([data-scene=gallery],[data-scene=chart],[data-scene=theme]) .console-preview div>:is(i,b,s){position:absolute;top:auto;bottom:12px;width:24%;height:30px;margin:0;border-radius:5px}
.code-console:is([data-scene=gallery],[data-scene=chart],[data-scene=theme]) .console-preview div>i{left:12px}.code-console:is([data-scene=gallery],[data-scene=chart],[data-scene=theme]) .console-preview div>b{left:38%}
[data-scene=chart] .console-preview div>i{height:14px!important}[data-scene=chart] .console-preview div>b{height:28px!important}[data-scene=chart] .console-preview div>s{height:36px!important}
[data-scene=theme] .console-preview div>:is(i,b,s){width:30px!important;border-radius:50%!important}[data-scene=theme] .console-preview div>i{background:#8b7cf8}[data-scene=theme] .console-preview div>b{background:#94d9cb}[data-scene=theme] .console-preview div>s{background:#e5dcff}
[data-scene=form] .console-preview div>:is(i,b){width:70%;height:8px;background:#e3e7f3}[data-scene=form] .console-preview div>s{left:12px;right:auto;top:57px;width:37px;height:9px;border-radius:3px;background:#6263cb}
[data-scene=calendar] .console-preview div>i{width:78px;height:32px;background:repeating-linear-gradient(90deg,transparent 0 10px,#d3d8ef 10px 12px),repeating-linear-gradient(transparent 0 8px,#d3d8ef 8px 10px)}[data-scene=calendar] .console-preview div>b{position:absolute;left:26px;top:41px;width:10px;height:8px;margin:0}[data-scene=calendar] .console-preview div>s{display:grid;place-items:center;background:#d4f1e9;color:#408b75}[data-scene=calendar] .console-preview div>s:after{content:"08";font:700 16px system-ui}
.code-console.code-typing pre:before{animation:dp-row 1.8s steps(1,end) 1 both paused}
.code-typing .console-preview div>*{animation:dp-result .28s ease-out 1.4s 1 both paused}
.code-console.code-playing pre:before,.code-playing .console-preview div>*{animation-play-state:running}
@keyframes dp-row{0%{transform:translateY(0)}20%{transform:translateY(var(--row))}40%{transform:translateY(calc(var(--row)*2))}60%{transform:translateY(calc(var(--row)*3))}80%,100%{transform:translateY(calc(var(--row)*4))}}
@keyframes dp-result{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.header-inner{height:auto}.code-editor{--code-alpha:.22;top:auto;bottom:8vh;left:auto;right:-35px;width:290px;font-size:12px}.code-editor+.code-editor{display:none}.code-console{--row:17px;height:134px;font-size:11px;line-height:17px}.console-preview{display:none}.console-title{height:26px;gap:12px}.console-title small{font-size:9px}.code-console pre{padding:8px 12px;width:100%;height:106px;border:0}}
@media(prefers-reduced-motion:reduce){.code-editor,.code-line,.code-console pre:before,.console-preview div>*{animation:none!important;clip-path:none!important}}
@media print,(forced-colors:active){.code-background,.code-console,#code-motion{display:none!important}}