/* Sage Intacct page, "Blueprint" (2026-09-29). Ported from the approved concept (concepts/sage-options, Option B) with the
   other options removed. Black, burgundy, ivory and champagne; light and dark; static and complete under reduced motion. */
.sx-page{--sx-text:#1f1a1b;--sx-muted:#5a5153;--sx-ivory:#fbf9f6;--sx-stone:#f3efe9;--sx-white:#fff;--sx-wine:#72253a;--sx-wine2:#4a0f1a;--sx-champ:#e9cfaa;
 --sx-ink:#0b0709;--sx-line:#1f1a1b1a;--sx-accent:#72253a;--sx-ease:cubic-bezier(.2,.7,.2,1);--sx-edge:clamp(24px,5.6vw,80px)}
html[data-theme=dark] .sx-page{--sx-text:#f7ecdf;--sx-muted:#d6c8c1;--sx-ivory:#0f0b0d;--sx-stone:#151013;--sx-white:#1a1316;--sx-line:#f7ecdf1f;--sx-accent:#e9cfaa}
.sx-page main>:not(.p2-header) :is(p,h1,h2,h3,dl,dd,figure){margin:0}
.sx-wrap{max-width:1280px;margin:0 auto;padding:0 var(--sx-edge);box-sizing:content-box;position:relative}
.sx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sx-kicker{font-size:12.5px!important;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sx-accent);margin:0 0 18px!important}
.sx-page main>:not(.p2-header) h2{font-size:clamp(36px,4.4vw,68px);line-height:.98;letter-spacing:-.05em;font-weight:800;color:var(--sx-text);text-wrap:balance}
.sx-page main>:not(.p2-header) h2 span{color:var(--sx-accent)}
.sx-lead{margin-top:20px!important;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--sx-muted);max-width:560px}
.sx-fine{margin-top:26px!important;font-size:13px;line-height:1.5;color:var(--sx-muted)}

.sx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:34px}
.sx-btn,.sx-link{display:inline-flex;align-items:center;gap:14px;min-height:54px;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.3;border:0;
 transition:background .3s,transform .3s var(--sx-ease),box-shadow .3s,color .3s}
.sx-btn{padding:0 28px;border-radius:999px;background:var(--sx-champ);color:#151511}
.sx-btn:hover{background:#f0d9b8;box-shadow:0 14px 34px -18px #e9cfaa;transform:translateY(-2px)}
.sx-btn--ghost{background:none;box-shadow:inset 0 0 0 1.5px var(--sx-accent);color:var(--sx-accent);margin-top:26px}
.sx-btn--ghost:hover{background:var(--sx-accent);color:var(--sx-ivory)}
.sx-link{min-height:44px;padding:0;background:none;color:var(--sx-accent)}
.sx-btn svg,.sx-link svg{flex:none;width:20px;height:20px;transition:transform .3s var(--sx-ease)}
.sx-btn:hover svg,.sx-link:hover svg{transform:translateX(4px)}
.sx-page :is(a,button,input,label):focus-visible{outline:2px solid var(--sx-accent);outline-offset:3px}
.sx-dark{--sx-text:#fbf6ee;--sx-muted:#e4d8cc;--sx-accent:#e9cfaa;--sx-line:#e9cfaa2e;color:#fbf6ee}
.sx-shot{position:relative;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 50px 90px -60px #1a0a10aa,0 0 0 1px #1f1a1b14}
.sx-shot img{display:block;width:100%;height:auto}
.sx-shot figcaption{padding:10px 14px;font-size:12px;color:#5a5153;background:#fbf9f6;border-top:1px solid #1f1a1b12}
/* official video: a designed poster; the YouTube player loads only when chosen */
.sx-video{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:radial-gradient(70% 90% at 80% 20%,#8a3148,#2a0a12 70%);box-shadow:0 60px 100px -60px #1a0a10cc}
.sx-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sx-video-btn{appearance:none;position:absolute;inset:0;border:0;padding:0;background:none;cursor:pointer;color:#fbf6ee;text-align:left;font:inherit}
.sx-video-btn:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,#e9cfaa08 0 2px,transparent 2px 22px)}
.sx-video-play{position:absolute;left:50%;top:44%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:#e9cfaa;box-shadow:0 0 0 14px #e9cfaa2e,0 0 60px 10px #e9cfaa55;transition:transform .4s var(--sx-ease)}
.sx-video-play:after{content:'';position:absolute;left:38px;top:30px;border-style:solid;border-width:18px 0 18px 28px;border-color:transparent transparent transparent #2a0a12}
.sx-video-btn:hover .sx-video-play{transform:scale(1.08)}
.sx-video-meta{position:absolute;left:28px;right:28px;bottom:24px;display:grid;gap:6px}
.sx-video-meta em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#e9cfaa}
.sx-video-meta strong{font-size:clamp(18px,1.6vw,24px);line-height:1.2;letter-spacing:-.02em}

.sx-official{background:var(--sx-ivory);padding:120px 0}
.sx-official-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}

/* AI: Ask, Detect, Automate, Import, Act */
.sx-ai{position:relative;overflow:hidden;padding:130px 0;background:var(--sx-stone)}
.sx-ai.sx-dark{background:radial-gradient(50% 60% at 85% 10%,#72253a66,transparent 70%),radial-gradient(40% 50% at 0% 100%,#e9cfaa14,transparent 70%),var(--sx-ink)}
.sx-ai-head h2{max-width:14ch}
.sx-ai-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;margin-top:56px;align-items:start}
.sx-ai-line{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sx-ai-stop{appearance:none;width:100%;display:flex;align-items:baseline;gap:18px;padding:14px 0;border:0;border-bottom:1px solid var(--sx-line);background:none;color:var(--sx-muted);font:inherit;
 font-size:clamp(24px,2.4vw,36px);font-weight:800;letter-spacing:-.04em;text-align:left;cursor:pointer;transition:color .35s,padding .5s var(--sx-ease)}
.sx-ai-stop span{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--sx-accent)}
.sx-ai-stop[aria-current=true]{color:var(--sx-text);padding-left:14px;box-shadow:inset 3px 0 0 var(--sx-accent)}
.sx-ai-panes{display:grid}
.sx-ai-pane{grid-area:1/1;padding:38px;border-radius:26px;background:var(--sx-white);box-shadow:0 50px 90px -60px #1a0a1066,inset 0 0 0 1px var(--sx-line);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s,transform .6s var(--sx-ease),visibility 0s .5s}
.sx-dark .sx-ai-pane{background:#ffffff0d}
.sx-ai-pane.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .5s,transform .6s var(--sx-ease)}
.sx-ai-cap{font-size:clamp(24px,2.2vw,34px);font-weight:800;letter-spacing:-.035em;line-height:1.1;color:var(--sx-text)}
.sx-page main>:not(.p2-header) .sx-ai-pane dl{display:grid;gap:18px;margin-top:24px}
.sx-page main>:not(.p2-header) .sx-ai-pane dd{margin-top:6px}
.sx-ai-pane dt{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-muted)}
.sx-ai-pane dd{margin-top:6px;font-size:17px;line-height:1.55;color:var(--sx-text)}
.sx-ai-ctl{padding-left:16px;border-left:3px solid var(--sx-accent)}
.sx-ai-status{margin-top:22px!important;display:inline-block;padding:8px 14px;border-radius:999px;font-size:13px;color:var(--sx-muted);box-shadow:inset 0 0 0 1px var(--sx-line)}

/* industry lens */
.sx-ind{background:var(--sx-ivory);padding:120px 0}
.sx-ind-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;margin-top:48px;align-items:start}
.sx-ind-tabs{list-style:none;margin:0;padding:0;display:grid}
.sx-ind-tabs button{appearance:none;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--sx-line);background:none;color:var(--sx-muted);font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer;min-height:44px;transition:color .3s,padding .4s var(--sx-ease)}
.sx-ind-tabs button[aria-current=true]{color:var(--sx-text);padding-left:12px;box-shadow:inset 3px 0 0 var(--sx-accent)}
.sx-ind-panes{display:grid}
.sx-ind-pane{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
.sx-ind-pane.is-on{opacity:1;visibility:visible;transition:opacity .45s}
.sx-ind-photo{border-radius:22px;overflow:hidden;aspect-ratio:4/5}
.sx-ind-photo img{width:100%;height:100%;object-fit:cover}
.sx-ind-name{font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sx-accent)}
.sx-ind-req{margin-top:12px!important;font-size:clamp(24px,2.2vw,34px);line-height:1.1;letter-spacing:-.035em;font-weight:800;color:var(--sx-text)}
.sx-page main>:not(.p2-header) .sx-ind-copy dl{display:grid;gap:14px;margin-top:22px}
.sx-page main>:not(.p2-header) .sx-ind-copy dd{margin-top:4px}
.sx-ind-copy dt{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sx-muted)}
.sx-ind-copy dd{margin-top:4px;font-size:16px;line-height:1.5;color:var(--sx-text)}
.sx-ind-copy .sx-link{margin-top:16px}
/* Biviti and close */

.sx-close{position:relative;isolation:isolate;overflow:hidden;padding:140px 0;background:var(--sx-ink);--sx-text:#fbf6ee;--sx-muted:#e4d8cc;--sx-accent:#e9cfaa;text-align:center}
.sx-close-glow{position:absolute;inset:-30%;z-index:-1;background:conic-gradient(from 200deg at 50% 50%,#72253a00,#72253a88,#e9cfaa2e,#72253a00 70%);filter:blur(70px)}
@media (prefers-reduced-motion:no-preference){.sx-close-glow{animation:sx-sweep 20s linear infinite}@keyframes sx-sweep{to{transform:rotate(360deg)}}}
.sx-close h2{max-width:18ch;margin:0 auto!important;color:#fbf6ee!important}
.sx-close .sx-actions{justify-content:center}
.sx-close .p2-action,.sx-close .text-action{color:#e9cfaa}

/* ============ A  The Life of a Number ============ */

/* ============ B  Blueprint ============ */
.sb-page{--sb-grid:#72253a14}
html[data-theme=dark] .sb-page{--sb-grid:#e9cfaa12}
.sb-hero{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:center;background:radial-gradient(50% 60% at 75% 50%,#72253a55,transparent 70%),var(--sx-ink);--sb-grid:#e9cfaa1a;--sx-text:#fbf6ee;--sx-muted:#e4d8cc;--sx-accent:#e9cfaa}
.sb-grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--sb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sb-grid) 1px,transparent 1px),linear-gradient(var(--sb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sb-grid) 1px,transparent 1px);
 background-size:120px 120px,120px 120px,24px 24px,24px 24px;-webkit-mask:radial-gradient(90% 80% at 70% 50%,#000,transparent);mask:radial-gradient(90% 80% at 70% 50%,#000,transparent)}
.sb-hero-in{width:100%;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:40px;align-items:center;padding-top:110px;padding-bottom:70px}
.sb-hero h1{font-size:clamp(70px,10vw,170px);line-height:.86;letter-spacing:-.065em;font-weight:800;color:var(--sx-text)}
.sb-hero-line{margin-top:22px!important;font-size:clamp(28px,3.2vw,50px);line-height:1.05;letter-spacing:-.045em;font-weight:800;color:var(--sx-text)}
.sb-hero-line span{color:var(--sx-accent)}
.sb-hero-lead{margin-top:20px!important;font-size:18px;line-height:1.6;color:var(--sx-muted);max-width:520px}
.sb-hero-art svg{width:100%;height:auto;overflow:visible}
.sb-draw *{fill:none;stroke:var(--sx-accent);stroke-width:1.6;stroke-dasharray:600;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){.sb-draw *{stroke-dashoffset:600;animation:sb-draw 2.6s var(--sx-ease) forwards}.sb-draw *:nth-child(n+3){animation-delay:.5s}.sb-draw *:nth-child(n+5){animation-delay:1s}@keyframes sb-draw{to{stroke-dashoffset:0}}}
.sb-studio{background:var(--sx-stone);padding:110px 0}
.sb-studio-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.sb-controls h2{font-size:clamp(30px,2.8vw,44px)!important}
.sb-controls fieldset{border:0;margin:26px 0 0;padding:0 0 22px;border-bottom:1px solid var(--sx-line);min-width:0}
.sb-controls legend{display:flex;align-items:baseline;gap:12px;padding:0;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--sx-text)}
.sb-controls legend span{font-size:12px;letter-spacing:.14em;color:var(--sx-accent)}
.sb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sb-chip{position:relative;cursor:pointer}
.sb-chip input{position:absolute;z-index:1;inset:0;opacity:0;margin:0;cursor:pointer}
.sb-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:999px;background:var(--sx-white);box-shadow:inset 0 0 0 1px var(--sx-line);font-size:14px;font-weight:600;color:var(--sx-text);transition:background .3s,color .3s,transform .3s var(--sx-ease)}
.sb-chip:hover span{transform:translateY(-2px)}
.sb-chip input:checked+span{background:var(--sx-wine);color:#fbf6ee;box-shadow:none}
html[data-theme=dark] .sb-chip input:checked+span{background:var(--sx-champ);color:#1f1a1b}
.sb-chip input:focus-visible+span{outline:2px solid var(--sx-accent);outline-offset:3px}
.sb-stepper{display:flex;align-items:center;gap:14px;margin-top:14px}
.sb-stepper button{appearance:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--sx-white);box-shadow:inset 0 0 0 1px var(--sx-line);font:inherit;font-size:22px;color:var(--sx-text);cursor:pointer}
.sb-stepper output{font-size:40px;font-weight:800;letter-spacing:-.04em;min-width:1.4em;text-align:center;color:var(--sx-text)}
.sb-stepper span{font-size:14.5px;color:var(--sx-muted)}
.sb-canvas-wrap{position:sticky;top:96px}
.sb-canvas{position:relative;padding:30px;border-radius:26px;background:var(--sx-ivory);box-shadow:0 60px 100px -60px #1a0a1088,inset 0 0 0 1px var(--sx-line);
 background-image:linear-gradient(var(--sb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sb-grid) 1px,transparent 1px);background-size:24px 24px;overflow:hidden}
.sb-canvas-head p:first-child{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sx-accent)}
.sb-canvas-head h3{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.04em;line-height:1;color:var(--sx-text);margin-top:6px!important}
.sb-req{margin-top:10px!important;font-size:15.5px;line-height:1.5;color:var(--sx-muted);max-width:520px}
.sb-roof{margin:22px auto 0;width:78%;height:46px;display:grid;place-items:end center;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,#72253a33,#72253a14);transition:opacity .5s,transform .6s var(--sx-ease)}
.sb-roof span{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-accent);padding-bottom:4px}
.sb-roof.is-off{opacity:0;transform:translateY(10px)}
.sb-floors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:78%;margin:8px auto 0}
.sb-floors span{display:grid;place-items:center;min-height:44px;border:1.5px dashed var(--sx-accent);border-radius:10px;font-size:12.5px;font-weight:700;color:var(--sx-text);background:var(--sx-white);animation:sb-in .5s var(--sx-ease) both}
@keyframes sb-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sb-label{margin-top:22px!important;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sx-muted)}
.sb-rails div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sb-rails div span{padding:7px 12px;border-radius:8px;background:var(--sx-wine);color:#fbf6ee;font-size:12.5px;font-weight:700;animation:sb-in .45s var(--sx-ease) both}
html[data-theme=dark] .sb-rails div span{background:var(--sx-champ);color:#1f1a1b}
.sb-txn{margin-top:12px!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--sx-text)}
.sb-txn span{color:var(--sx-muted)}
.sb-windows ul,.sb-rooms ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.sb-windows li,.sb-rooms li{padding:12px 14px;border-radius:14px;background:var(--sx-white);box-shadow:inset 0 0 0 1px var(--sx-line);font-size:13.5px;line-height:1.45;color:var(--sx-muted);animation:sb-in .45s var(--sx-ease) both}
.sb-windows li strong,.sb-rooms li strong{display:block;font-size:14.5px;color:var(--sx-text);margin-bottom:2px}
.sb-stamp{margin-top:22px!important;font-size:11.5px;letter-spacing:.06em;color:var(--sx-muted);text-align:right}
.sb-take{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:22px}

/* ============ C  A Day in Finance ============ */

@media (max-width:1000px){
 .sx-official-in,.sx-ai-grid,.sx-ind-grid,.sb-hero-in,.sb-studio-in{grid-template-columns:1fr;gap:36px}
 .sx-ind-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.sx-ind-tabs button{white-space:nowrap;border:0;padding:10px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--sx-line)}
 .sx-ind-tabs button[aria-current=true]{padding-left:14px;box-shadow:none;background:var(--sx-wine);color:#fbf6ee}
 
 
 
 .sb-canvas-wrap{position:static}
 
 
}
@media (max-width:700px){
 .sx-official,.sx-ai,.sx-ind,.sb-studio{padding:80px 0}.sx-close{padding:100px 0}
 .sx-ind-pane{grid-template-columns:1fr}.sx-ind-photo{aspect-ratio:16/10}
 .sx-ai-pane{padding:24px}
 
 
 
 
 
 
 
 
}

/* ============ B v2: sell Sage Intacct before the blueprint ============ */
/* what it is: a statement that fills in as it is read */

/* the shift: a familiar way of working is struck through, and what Sage Intacct does takes its place */
.sb-shift{position:relative;background:radial-gradient(50% 60% at 90% 20%,#72253a66,transparent 70%),radial-gradient(40% 50% at 0% 100%,#e9cfaa12,transparent 70%),var(--sx-ink);color:#fbf6ee;--sx-text:#fbf6ee;--sx-muted:#e4d8cc;--sx-accent:#e9cfaa;--sx-line:#e9cfaa2e}
.sb-shift-stick{position:relative;padding:120px 0}
html.sx-live .sb-shift-stick{position:sticky;top:0;height:100svh;box-sizing:border-box;padding:110px 0 60px;display:flex;align-items:center}
.sb-shift-stick>.sx-wrap{width:100%}
.sb-shift-head h2{max-width:18ch}
.sb-shift-list{list-style:none;margin:56px 0 0;padding:0;display:grid}
.sb-shift-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
html.sx-live .sb-shift-row{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}
html.sx-live .sb-shift-row.is-on{opacity:1;visibility:visible;transition:opacity .5s}
html:not(.sx-live) .sb-shift-row+.sb-shift-row{margin-top:40px}
.sb-before em,.sb-after em{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}
.sb-before em{color:#e4d8cc99}
.sb-before span{position:relative;display:inline;font-size:clamp(26px,2.8vw,44px);line-height:1.12;letter-spacing:-.04em;font-weight:700;color:#e4d8cc8c;
 background:linear-gradient(#e9cfaa,#e9cfaa) no-repeat 0 58%/0 3px;transition:background-size .8s var(--sx-ease) .25s,color .6s .25s}
.sb-shift-row.is-on .sb-before span,html:not(.sx-live) .sb-before span{background-size:100% 3px;color:#e4d8cc59}
.sb-after{padding:34px 36px;border-radius:26px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #e9cfaa33;transform:translateX(24px);opacity:0;transition:transform .8s var(--sx-ease) .5s,opacity .6s .5s}
.sb-shift-row.is-on .sb-after,html:not(.sx-live) .sb-after{transform:none;opacity:1}
.sb-after em{color:#e9cfaa}
.sb-after strong{display:block;font-size:clamp(30px,3.2vw,52px);line-height:1;letter-spacing:-.05em;font-weight:800;color:#fbf6ee}
.sb-after span{display:block;margin-top:14px;font-size:17px;line-height:1.55;color:#e4d8cc;max-width:520px}
.sb-shift-rail{position:absolute;right:var(--sx-edge);top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sb-shift-rail button{appearance:none;width:24px;height:24px;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center}
.sb-shift-rail i{width:8px;height:8px;border-radius:50%;background:#e9cfaa55;transition:transform .3s,background .3s}
.sb-shift-rail button[aria-current=true] i{background:#e9cfaa;transform:scale(1.6)}
html:not(.sx-live) .sb-shift-rail{display:none}
/* inside: the eight finance jobs as a rail of cards */

/* AI, controlled by the scroll */
html.sx-live .sx-ai--scroll{padding:0;overflow:clip}
html.sx-live .sx-ai--scroll .sx-ai-stick{position:sticky;top:0;height:100svh;box-sizing:border-box;padding:100px 0 50px;display:flex;align-items:center}
.sx-ai--scroll .sx-ai-stick>.sx-wrap{width:100%}
html.sx-live .sx-ai--scroll .sx-ai-grid{margin-top:40px}

@media (max-width:1000px){
 .sb-shift-row{grid-template-columns:1fr;gap:22px}.sb-shift-rail{position:static;transform:none;grid-auto-flow:column;justify-content:start;gap:4px;margin-top:24px}
}
@media (max-width:700px){
 
 html.sx-live .sb-shift-stick{padding:84px 0 30px}.sb-before span{font-size:22px}.sb-after{padding:22px}.sb-after strong{font-size:28px}.sb-after span{font-size:15px}
 .sb-shift-list{margin-top:28px}
 html.sx-live .sx-ai--scroll .sx-ai-stick{padding:80px 0 24px}html.sx-live .sx-ai--scroll .sx-ai-grid{margin-top:20px;gap:18px}
 .sx-ai--scroll .sx-ai-line{grid-auto-flow:column;overflow-x:auto}.sx-ai--scroll .sx-ai-stop{font-size:18px;padding:10px 12px;white-space:nowrap}
 .sx-ai--scroll .sx-ai-line{scrollbar-width:none}.sx-ai--scroll .sx-ai-head .sx-kicker{display:none}
 html.sx-live .sx-ai--scroll .sx-ai-pane{padding:22px}html.sx-live .sx-ai--scroll .sx-fine{margin-top:14px;font-size:11px}
}

/* ============================================================ B v3 (owner review, second round) */
/* hero: quiet credentials, text only */
.sb-hero-in{padding-bottom:48px}
.sb-creds{grid-column:1/-1;list-style:none;margin:36px 0 0;padding:28px 0 0;border-top:1px solid #e9cfaa2e;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.sb-creds li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 14px;align-content:start}
.sb-creds svg{grid-row:1/3;width:24px;height:24px;fill:none;stroke:#e9cfaa;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sb-creds strong{font-size:15px;letter-spacing:-.01em;color:#fbf6ee}
.sb-creds span{font-size:13px;line-height:1.5;color:#cdbfb5}
html.sx-live .sb-creds li{opacity:0;transform:translateY(14px);animation:sb-rise .8s var(--sx-ease) forwards;animation-delay:calc(.5s + var(--d,0) * .12s)}
.sb-creds li:nth-child(2){--d:1}.sb-creds li:nth-child(3){--d:2}.sb-creds li:nth-child(4){--d:3}
@keyframes sb-rise{to{opacity:1;transform:none}}

/* what it is: the sentence is the navigation; each word opens a real screen */
.sb-core{position:relative;background:var(--sx-ivory)}
.sb-core-stick{padding:130px 0}
html.sx-live .sb-core-stick{position:sticky;top:0;height:100svh;box-sizing:border-box;padding:100px 0 40px;display:flex;align-items:center;overflow:clip}
.sb-core-in{width:100%;display:grid;grid-template-columns:minmax(0,5.3fr) minmax(0,6.7fr);gap:clamp(40px,5vw,80px);align-items:center}
.sb-core-def{font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:var(--sx-muted);max-width:34ch;margin-bottom:22px!important}
.sx-page main>:not(.p2-header) .sb-core h2{font-size:clamp(38px,4.3vw,70px);line-height:1.02;letter-spacing:-.05em}
.sb-core-key{appearance:none;border:0;padding:0;margin:0;background:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;cursor:pointer;
 text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.14em;text-decoration-color:var(--sx-line);transition:color .45s,text-decoration-color .45s}
.sx-page main>:not(.p2-header) .sb-core h2 .p2-nw{color:inherit}
.sb-core-key:hover{text-decoration-color:var(--sx-accent)}
.sb-core-key[aria-current=true]{color:var(--sx-accent);text-decoration-color:var(--sx-accent)}
.sb-core-notes{display:grid;margin-top:28px}
.sb-core-note{grid-area:1/1;font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--sx-muted);max-width:46ch;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .7s var(--sx-ease)}
.sb-core-note.is-on{opacity:1;transform:none}
.sb-core-count{display:flex;align-items:center;gap:14px;margin-top:30px!important;font-size:12.5px;font-weight:700;letter-spacing:.16em;color:var(--sx-muted)}
.sb-core-count b{color:var(--sx-accent)}
.sb-core-count i{position:relative;width:120px;height:2px;background:var(--sx-line);overflow:hidden}
.sb-core-count s{position:absolute;inset:0;background:var(--sx-accent);transform-origin:left;transform:scaleX(calc((var(--step,0) + 1) / 4));transition:transform .6s var(--sx-ease)}
.sb-core-stage{position:relative;display:grid;align-items:center;perspective:1600px;min-height:min(60svh,560px)}
.sb-core-words{position:absolute;left:-4%;right:0;top:-2%;display:grid;pointer-events:none}
.sb-core-word{grid-area:1/1;font-size:clamp(90px,12.5vw,210px);line-height:.8;font-weight:800;letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1.5px #72253a33;opacity:0;transform:translateY(30px);transition:opacity .7s,transform 1s var(--sx-ease)}
html[data-theme=dark] .sb-core-word{-webkit-text-stroke-color:#e9cfaa33}
.sb-core-word.is-on{opacity:1;transform:none}
.sb-core-frames{position:relative;display:grid;margin-top:clamp(60px,7vw,120px)}
.sb-core-frame{grid-area:1/1;align-self:start;opacity:0;transform:rotateY(-16deg) rotateX(5deg) translate3d(60px,40px,0) scale(.93);transform-origin:right center;transition:opacity .6s,transform 1s var(--sx-ease);pointer-events:none}
.sb-core-frame.is-on{opacity:1;transform:none;pointer-events:auto}
.sb-core-frame .sx-shot{box-shadow:0 70px 120px -70px #1a0a10cc,0 0 0 1px #1f1a1b14}
.sb-core-frame .sx-shot img{max-height:46svh;object-fit:cover;object-position:top left}
html:not(.sx-live) .sb-core-frame,html:not(.sx-live) .sb-core-note,html:not(.sx-live) .sb-core-word{transition:none}

/* inside: every flow of money, into one ledger */
.sb-flowsec{background:var(--sx-stone);padding:130px 0 110px;overflow:clip}
.sb-flow-head{max-width:780px}
.sb-flow{position:relative;margin-top:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"l c r" "b b b";column-gap:clamp(48px,7vw,120px);row-gap:48px;align-items:center}
.sb-flow-lists{display:contents}
.sb-flow-side--l{grid-area:l;text-align:right}.sb-flow-side--r{grid-area:r}
.sb-flow-base{grid-area:b;text-align:center}
.sb-flow-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.sb-flow-svg path{fill:none;stroke:#72253a26;stroke-width:1.2;transition:stroke .4s,stroke-width .4s}
html[data-theme=dark] .sb-flow-svg path{stroke:#e9cfaa24}
.sb-flow-svg path.is-hover{stroke:#72253a66}
html[data-theme=dark] .sb-flow-svg path.is-hover{stroke:#e9cfaa66}
.sb-flow-svg path.is-on{stroke:var(--sx-accent);stroke-width:2;stroke-dasharray:5 9}
html.sx-live .sb-flow-svg path.is-on{animation:sb-flowdash 1.1s linear infinite}
@keyframes sb-flowdash{to{stroke-dashoffset:-28}}
.sb-flow-group+.sb-flow-group{margin-top:26px}
.sb-flow-group>p{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sx-muted);margin-bottom:6px!important}
.sb-flow-group ul{list-style:none;margin:0;padding:0;display:grid}
.sb-flow-base ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 44px}
.sb-mod{appearance:none;border:0;background:none;font:inherit;font-size:clamp(16px,1.3vw,19px);font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--sx-text);
 min-height:42px;padding:6px 0;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:color .3s}
.sb-flow-side--l .sb-mod{flex-direction:row-reverse}
.sb-mod i{flex:none;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--sx-accent);transition:background .3s,transform .4s var(--sx-ease)}
.sb-mod:hover{color:var(--sx-accent)}
.sb-mod[aria-pressed=true]{color:var(--sx-accent)}
.sb-mod[aria-pressed=true] i{background:var(--sx-accent);transform:scale(1.35)}
.sb-ledger{grid-area:c;position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;border-radius:30px;background:var(--sx-white);padding:26px 28px 30px;
 box-shadow:0 70px 120px -80px #1a0a10aa,inset 0 0 0 1px var(--sx-line)}
.sb-ledger-top{appearance:none;border:0;background:none;font:inherit;cursor:pointer;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:0;
 font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sx-accent)}
.sb-ledger-top i{position:relative;width:9px;height:9px;border-radius:50%;background:var(--sx-accent)}
html.sx-live .sb-ledger-top i:after{content:'';position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 1.5px var(--sx-accent);animation:sb-ping 2.4s var(--sx-ease) infinite}
@keyframes sb-ping{0%{opacity:.8;transform:scale(.5)}80%,100%{opacity:0;transform:scale(1.6)}}
.sb-mod-panes{display:grid;flex:1;margin-top:16px;padding-top:22px;border-top:1px solid var(--sx-line)}
.sb-mod-pane{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .45s,transform .6s var(--sx-ease),visibility 0s linear .45s}
.sb-mod-pane.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.sb-mod-group{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-muted)}
.sb-mod-pane h3{margin-top:8px!important;font-size:clamp(28px,2.5vw,40px);line-height:1;letter-spacing:-.045em;color:var(--sx-text)}
.sb-mod-desc{margin-top:12px!important;font-size:16px;line-height:1.55;color:var(--sx-muted);max-width:48ch}
.sb-mod-flow{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;overflow:hidden}
.sb-mod-flow li{position:relative;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--sx-text);box-shadow:inset 0 0 0 1px var(--sx-line)}
.sb-mod-flow li+li:before{content:'';position:absolute;left:-20px;top:50%;width:20px;height:1px;background:var(--sx-accent)}
.sb-mod-flow li.is-gl,.sb-mod-steps li.is-gl{background:var(--sx-wine);color:#fbf6ee;box-shadow:none}
html[data-theme=dark] :is(.sb-mod-flow,.sb-mod-steps) li.is-gl{background:var(--sx-champ);color:#1f1a1b}
.sb-mod-pane .sx-shot{margin-top:20px;box-shadow:0 0 0 1px var(--sx-line)}
.sb-mod-pane .sx-shot img{max-height:240px;object-fit:cover;object-position:top left}
.sb-mod-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:0}
.sb-mod-steps li{position:relative;justify-self:start;margin-left:30px;padding:9px 16px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--sx-text);box-shadow:inset 0 0 0 1px var(--sx-line)}
.sb-mod-steps li+li{margin-top:18px}
.sb-mod-steps li:before{content:'';position:absolute;left:-24px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--sx-accent);background:var(--sx-white)}
.sb-mod-steps li+li:after{content:'';position:absolute;left:-20px;bottom:calc(50% + 5px);height:calc(100% + 8px);width:1px;background:var(--sx-accent)}
.sb-mod-steps li.is-gl:before{background:var(--sx-accent)}

/* Biviti: a structured path to go-live */
.sb-guide{background:var(--sx-stone);padding:130px 0 120px;overflow:clip}
.sb-guide-top{display:grid;grid-template-columns:minmax(0,6.4fr) minmax(0,5.6fr);gap:clamp(40px,6vw,96px);align-items:center}
.sb-guide-photo{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/4.4;box-shadow:0 70px 120px -80px #1a0a10aa}
.sb-guide-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.sb-guide-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0b070966)}
.sb-stairs-k{margin-top:90px!important;font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sx-accent)}
.sb-stairs{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end}
.sb-stair{position:relative;display:flex;flex-direction:column;gap:8px;min-height:calc(170px + var(--i) * 34px);padding:22px 20px;border-radius:20px 20px 6px 6px;background:var(--sx-white);
 box-shadow:inset 0 2px 0 var(--sx-accent),inset 0 0 0 1px var(--sx-line);box-sizing:border-box;transition:opacity .7s,transform .9s var(--sx-ease),background .4s}
.sb-stair-n{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--sx-accent)}
.sb-stair strong{font-size:clamp(20px,1.7vw,26px);letter-spacing:-.035em;line-height:1.05;color:var(--sx-text)}
.sb-stair-d{font-size:14px;line-height:1.5;color:var(--sx-muted)}
.sb-stair:nth-child(5){background:var(--sx-wine);box-shadow:none}
.sb-stair:nth-child(5) :is(strong,.sb-stair-d,.sb-stair-n){color:#fbf6ee}
html[data-theme=dark] .sb-stair:nth-child(5){background:var(--sx-champ)}
html[data-theme=dark] .sb-stair:nth-child(5) :is(strong,.sb-stair-d,.sb-stair-n){color:#1f1a1b}
html.sx-live .sb-stair{opacity:.18;transform:translateY(34px);transition-delay:calc(var(--i) * 70ms)}
html.sx-live .sb-stair.is-lit{opacity:1;transform:none}

@media (max-width:1000px){
 .sb-creds{grid-template-columns:1fr 1fr;gap:22px}
 .sb-core-in{grid-template-columns:1fr;gap:26px}
 .sb-flow{display:block;margin-top:40px}.sb-flow-svg{display:none}
 .sb-flow-lists{display:flex;gap:26px;overflow-x:auto;margin:0 calc(var(--sx-edge) * -1);padding:0 var(--sx-edge) 8px;scrollbar-width:none;scroll-padding:0 var(--sx-edge)}
 .sb-flow-lists::-webkit-scrollbar{display:none}
 .sb-flow-side,.sb-flow-base{display:flex;gap:26px;flex:none;text-align:left}
 .sb-flow-group+.sb-flow-group{margin-top:0}.sb-flow-group{flex:none}
 .sb-flow-group ul,.sb-flow-base ul{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px}
 .sb-mod{white-space:nowrap;font-size:14.5px;padding:0 16px;border-radius:999px;background:var(--sx-white);box-shadow:inset 0 0 0 1px var(--sx-line);min-height:44px}
 .sb-mod i{display:none}.sb-mod[aria-pressed=true]{background:var(--sx-wine);color:#fbf6ee;box-shadow:none}
 html[data-theme=dark] .sb-mod[aria-pressed=true]{background:var(--sx-champ);color:#1f1a1b}
 .sb-ledger{margin-top:22px;padding:22px 20px 24px;border-radius:24px}
 .sb-guide-top{grid-template-columns:1fr}
 .sb-stairs{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-stair{min-height:calc(170px + var(--i) * 12px)}
}
@media (max-width:700px){
 .sb-hero-in{padding-bottom:40px}.sb-creds{margin-top:28px;padding-top:22px;gap:18px 16px}.sb-creds li{grid-template-columns:1fr;gap:6px}.sb-creds svg{grid-row:auto;width:20px;height:20px}
 .sb-creds strong{font-size:14px}.sb-creds span{font-size:12.5px}
 .sb-core-stick{padding:84px 0}html.sx-live .sb-core-stick{padding:74px 0 18px}
 .sb-core-def{font-size:15px;margin-bottom:12px!important}.sx-page main>:not(.p2-header) .sb-core h2{font-size:clamp(28px,8vw,34px)}
 .sb-core-note{font-size:15px}.sb-core-count{display:none}
 .sb-core-stage{min-height:0}.sb-core-frames{margin-top:44px}.sb-core-word{font-size:clamp(64px,20vw,90px)}
 .sb-core-frame .sx-shot img{max-height:24svh}
 .sb-core-in{gap:18px}
 .sb-flowsec{padding:84px 0}.sb-mod-pane .sx-shot img{max-height:190px}
 .sb-guide{padding:84px 0}.sb-guide-photo{aspect-ratio:4/3.4;order:-1}.sb-guide-top{gap:32px}
 .sb-stairs-k{margin-top:56px!important}
 .sb-stairs{grid-template-columns:1fr;gap:8px}
 .sb-stair{min-height:0;width:calc(70% + var(--i) * 6%);display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:16px 18px;border-radius:6px 18px 18px 6px;box-shadow:inset 2px 0 0 var(--sx-accent),inset 0 0 0 1px var(--sx-line)}
 .sb-stair-n{grid-row:1/3;padding-top:5px}.sb-stair strong{font-size:19px}.sb-stair-d{font-size:13.5px}
 html.sx-live .sb-stair{transform:translateX(-24px)}
}

/* v64 (owner, 2026-10-02): one continuous canvas. Sections no longer carry their own background, so there is no visible seam
   between them; the page colour shows through and each section keeps only soft light washes that fade to nothing at its edges.
   In light theme, "Why finance teams choose it" and the AI section (Ask, Detect, Automate, Import, Act) are light: ivory with a
   warm champagne light and a faint wine glow, burgundy accents and wine hairlines. Dark theme keeps the night treatment. */
.sx-page main{background:var(--sx-ivory)}
.sx-page :is(.sb-core,.sb-flowsec,.sb-studio,.sb-guide,.sx-ind,.sx-official,.sx-ai){background:transparent}
.sx-page .sb-shift{background:radial-gradient(50% 60% at 90% 20%,#72253a40,transparent 70%),radial-gradient(40% 50% at 0% 100%,#e9cfaa12,transparent 70%)}
.sx-page .sx-ai.sx-dark{background:radial-gradient(50% 60% at 85% 10%,#72253a40,transparent 70%),radial-gradient(40% 50% at 0% 100%,#e9cfaa14,transparent 70%)}
html:not([data-theme=dark]) .sx-page .sb-shift,html:not([data-theme=dark]) .sx-page .sx-ai.sx-dark{
 background:radial-gradient(42% 46% at 88% 16%,#e9cfaa59,transparent 72%),radial-gradient(36% 40% at 8% 88%,#72253a12,transparent 72%),radial-gradient(30% 34% at 50% 50%,#e9cfaa1f,transparent 75%);
 color:#1f1a1b;--sx-text:#1f1a1b;--sx-muted:#5a5153;--sx-accent:#72253a;--sx-line:#72253a24}
html:not([data-theme=dark]) .sx-page .sb-shift :is(h2,h3){color:#1f1a1b}
/* D-268 (v65): de-emphasised but readable. BEFORE label 12 px: AA 4.5:1; the crossed-out large text: at least 3:1; inactive rail
   dots: at least 3:1 as controls; the current dot stays the full wine accent and larger */
html:not([data-theme=dark]) .sx-page .sb-before em{color:#6a5d56}
html:not([data-theme=dark]) .sx-page .sb-before span{color:#6a5d56;background-image:linear-gradient(#72253a,#72253a)}
html:not([data-theme=dark]) .sx-page .sb-shift-row.is-on .sb-before span,html:not([data-theme=dark]):not(.sx-live) .sx-page .sb-before span{color:#857779}
html:not([data-theme=dark]) .sx-page .sb-after{background:linear-gradient(145deg,#e9cfaa52,#e9cfaa12 60%,#e9cfaa29);box-shadow:inset 0 0 0 1px #72253a26,0 40px 80px -56px #4a0f1a59}
html:not([data-theme=dark]) .sx-page .sb-after em{color:#72253a}
html:not([data-theme=dark]) .sx-page .sb-after strong{color:#1f1a1b}
html:not([data-theme=dark]) .sx-page .sb-after span{color:#4a4144}
html:not([data-theme=dark]) .sx-page .sb-shift-rail i{background:#9b737c}
html:not([data-theme=dark]) .sx-page .sb-shift-rail button[aria-current=true] i{background:#72253a}
html:not([data-theme=dark]) .sx-page .sx-ai.sx-dark .sx-ai-pane{background:linear-gradient(145deg,#e9cfaa45,#e9cfaa0f 60%,#e9cfaa24);box-shadow:inset 0 0 0 1px #72253a24,0 50px 90px -60px #4a0f1a55}