/* SentroDesk final finish: dimensional brand graphics, restrained motion, readable surfaces. */
:root{--finish-blue:#0868e8;--finish-mint:#79dfc3;--finish-ink:#15394e;--finish-ease:cubic-bezier(.2,.75,.25,1)}
.site-header{border:1px solid #ffffffd9;box-shadow:0 8px 28px #1949620c,inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
.site-header.is-scrolled{box-shadow:0 10px 34px #15394e14;border-color:#d7e8ef;background:#ffffffed}
.site-header .nav-trigger{transition:color .18s,background .18s}.site-header .nav-trigger[aria-expanded=true]{color:#0868df;background:#edf5ff;border-radius:9px}
.site-header [id$="-menu"]:not([hidden]){animation:finish-menu-in .18s var(--finish-ease) both;box-shadow:0 24px 60px #123b5424,0 2px 8px #123b540a;border:1px solid #d7e8ef}
@keyframes finish-menu-in{from{opacity:.7;translate:0 5px}to{opacity:1;translate:0 0}}
.button{transition:background .18s,color .18s,border-color .18s,box-shadow .22s,translate .22s var(--finish-ease)}
.button:active{translate:0 1px}.button:focus-visible,.menu-item:focus-visible,.platform-workflow-note a:focus-visible{outline:3px solid #1da99c;outline-offset:4px}
.button>.icon{transition:translate .22s var(--finish-ease)}
@media(hover:hover){.button:hover>.icon{translate:3px 0}.studio-hero-actions>.button:first-child:hover{box-shadow:0 10px 26px #0868e82b}}
/* Keep words and primary actions visible from the first paint. */
.studio-hero-copy,.studio-hero-copy>*{animation:none!important}
.studio-hero{background:radial-gradient(ellipse at 20% 20%,#e6f0ff 0,transparent 55%),radial-gradient(ellipse at 84% 62%,#d9f6ee 0,transparent 58%),#f5fafc;isolation:isolate}
.studio-hero-copy{position:relative;z-index:2}.studio-hero-copy h1>span{background-image:linear-gradient(100deg,#075ee1 10%,#087d9f 65%,#08796f);background-clip:text;-webkit-background-clip:text;color:transparent}
.studio-grid-background{opacity:.5!important;mask-image:linear-gradient(transparent 15%,#0009 65%,transparent)}
.studio-constellation{isolation:isolate}.studio-constellation:before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(700px,85%);height:100%;border-radius:50%;background:radial-gradient(ellipse,#73d9c12b,transparent 66%);pointer-events:none}
.studio-constellation .slab-front{background:linear-gradient(145deg,#2d92ff 0%,#0968dc 45%,#0756b8 100%);border:1px solid #90c9ff;box-shadow:inset 2px 2px 8px #ffffff75,inset -6px -7px 18px #063e9a55,10px 15px 20px #0758b51c,0 20px 50px #0875c82e}
.studio-constellation .slab-front svg path:first-child{fill:#ffffff10;stroke:#f4fffd}.studio-constellation .slab-front svg path:last-child{stroke:#a4f0d8}.studio-constellation .slab-front svg{filter:drop-shadow(0 4px 0 #005a8f55)}
.studio-constellation .slab-middle{background:linear-gradient(145deg,#a6f4df,#32bcaa);border-color:#cdfff0;box-shadow:4px 12px 22px #087d7329}.studio-constellation .slab-back{background:linear-gradient(145deg,#edfaff,#a7d6ef);border-color:#e9fbff}
.studio-constellation .core-shadow{background:radial-gradient(ellipse,#077a9438,transparent 68%)}
.studio-constellation .connection-base{stroke:#a1d1d9;stroke-width:1.2}.studio-constellation .connection-current{stroke:#0eac9f;stroke-width:2;stroke-dasharray:6 24;animation:finish-flow 14s linear infinite}
@keyframes finish-flow{to{stroke-dashoffset:-180}}
.hero-note{border-color:#d4e8f0;background:linear-gradient(135deg,#fffffffa,#f6fbffed);box-shadow:0 14px 40px #174e6712,inset 0 1px 0 #fff}
.hero-note .note-icon{box-shadow:inset 0 0 0 1px #ffffffb3}.hero-note .note-dot{box-shadow:0 0 0 5px #21b69d0c}
.hero-orbit-badge{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #bcdedc;background:#f4fffaeb;box-shadow:0 8px 24px #105b6e0c;border-radius:11px;font:500 13px/1.5 Inter,Arial,sans-serif;color:#1c5962;z-index:2;pointer-events:none}
.hero-orbit-badge>.icon{width:17px;height:17px;color:#087d83}.orbit-knowledge{left:30%;top:8px;rotate:-6deg}.orbit-ticket{right:27%;top:242px;rotate:5deg}.orbit-quality{left:12%;top:228px;rotate:-3deg}
/* Connected cards have a shared visual rhythm and keyboard-equivalent emphasis. */
.platform-workflow{position:relative}.platform-workflow-grid{position:relative;isolation:isolate}
.platform-workflow-grid:before{content:'';position:absolute;top:47px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,#8bbefa,#74d6bf);z-index:-1}
.platform-workflow-grid article{position:relative;box-shadow:0 9px 28px #19496208,inset 0 1px 0 #fff;border-color:#cfE2eb;transition:border-color .25s,box-shadow .25s,translate .25s var(--finish-ease)}
.platform-step-icon{border:1px solid #c8e0fb;background:linear-gradient(140deg,#fff,#dbeaff);box-shadow:0 4px 10px #0868e810,inset 0 1px 0 #fff}
.platform-workflow-grid article:last-child .platform-step-icon{border-color:#b5dfd1;background:linear-gradient(140deg,#fff,#cef0e2)}
@media(hover:hover){.platform-workflow-grid article:hover{translate:0 -4px;border-color:#8dcbbf;box-shadow:0 18px 36px #19496214}.platform-workflow-grid article:hover .platform-step-icon>.icon{transform:rotate(-6deg)}}
.platform-step-icon>.icon{transition:transform .25s var(--finish-ease)}
.studio-product,.catalog-card,.feature-card,.solution-feature-links>a,.embed-surfaces>article{box-shadow:0 8px 26px #19496208,inset 0 1px 0 #fff;transition:border-color .25s,box-shadow .25s,transform .25s var(--finish-ease)}
.studio-product:focus-visible,.catalog-card:focus-visible{outline:3px solid #1da99c;outline-offset:4px;box-shadow:0 18px 42px #1949621c}
.studio-product .studio-product-label,.catalog-top>span:first-child{color:#086f80}.product-quality .capability-visual{border-color:#c8e4e5;box-shadow:inset 0 1px 0 #fff}
.knowledge-stack>div:last-child{box-shadow:0 14px 35px #13537d1c,inset 0 1px 0 #fff;border-color:#c6e4e7}.ticket-product-card{box-shadow:0 16px 36px #13537d17,inset 0 1px 0 #fff;border-color:#c7e1e9}
.catalog-capture,.product-shot,.inbox-product-capture{box-shadow:0 16px 40px #123b5413,inset 0 1px 0 #fff;border-color:#cbdfe9}
.capability-visual{background:radial-gradient(ellipse at 95% 0,#c9f1e4,transparent 60%),linear-gradient(145deg,#eef5ff,#fbfdff);box-shadow:inset 0 1px 0 #fff,0 12px 30px #1949620b}
.capability-visual .quality-document{background:#ffffffed;box-shadow:0 16px 32px #1a5d7c12;rotate:-2deg;border-color:#c5dfe8}.quality-review{border:1px solid #bee2d5;box-shadow:0 12px 28px #087b6b12;background:linear-gradient(125deg,#fff,#e9faf2)}
.sentiment-quotes>span{box-shadow:0 8px 20px #1949620b;border:1px solid #d3e5ed}.sentiment-quotes>span:first-child{rotate:-2deg}.sentiment-quotes>span:last-child{rotate:2deg}.sentiment-spectrum{border:1px solid #d2e5e8;box-shadow:0 12px 28px #1949620b}
/* A premium hover finish without changing pricing geometry or form movement. */
.page-pricing .pricing-card.plan-editorial{box-shadow:0 14px 38px #1949620c,inset 0 1px 0 #fff}.page-pricing .pricing-featured.plan-editorial{box-shadow:0 18px 45px #123e5329,inset 0 1px 0 #5c91ab66}.page-pricing .pricing-card.plan-editorial:hover{translate:none;transform:none}
.trial-cart .trial-request-card{box-shadow:0 14px 44px #1949620c,inset 0 1px 0 #fff}.lead-field input:focus,.lead-field select:focus,.lead-field textarea:focus{box-shadow:0 0 0 4px #0a9f8d13;transition:box-shadow .15s,border-color .15s}
.footer{background-image:radial-gradient(ellipse at 90% 0,#d6f4eb70,transparent 58%)}
@media(min-width:901px){.hero-note small{font-size:10px!important;line-height:1.5}.hero-note strong{font-size:14px!important;line-height:1.5}.hero-note{padding:16px 18px}.hero-note.note-question{max-width:310px}.hero-note.note-answer{max-width:330px}}
@media(max-width:1000px){.hero-orbit-badge{display:none}.platform-workflow-grid:before{display:none}}
@media(max-width:760px){.site-header{backdrop-filter:none}.studio-constellation .slab-front{box-shadow:inset 2px 2px 6px #ffffff75,0 12px 25px #0875c82e}.platform-workflow-grid article{box-shadow:0 5px 18px #19496208}.hero-note{backdrop-filter:none}}
/* Motion is progressive, pausable and never required to read or use a page. */
.motion-paused .connection-current,.motion-reduced .connection-current,.polish-suspended .connection-current,.finish-offscreen .connection-current{animation-play-state:paused!important}
.motion-paused .site-header [id$="-menu"],.motion-reduced .site-header [id$="-menu"]{animation:none!important}
@media(prefers-reduced-motion:reduce){.connection-current{animation:none!important}.site-header [id$="-menu"]{animation:none!important}.button,.button>.icon,.platform-workflow-grid article,.platform-step-icon>.icon{transition:none!important}.platform-workflow-grid article:hover{translate:none}}
/* Keep the decorative ticket badge clear of the agent-handoff callout. */
.orbit-ticket{right:30%;top:178px}

/* v31 readability QA: text colors belong to their surfaces, including nested cards. */
:root{--readable-muted:#405e70;--readable-teal:#075e68}
.page-opening .breadcrumb,.page-opening .breadcrumb a,.page-opening .breadcrumb span{color:var(--readable-muted)}
.page-opening .kicker,.page-opening .eyebrow,.page-opening .tiny-label{color:var(--readable-teal)}
.page-opening .hero-lead{color:var(--readable-muted)!important}
.page-opening .trial-note,.studio-hero .cb-availability,.constellation-label{color:var(--readable-muted)!important}
.page-opening .feature-hero-note{background:#f5fcfd;border-color:#bed9e1}
.page-opening .feature-hero-note p{color:#15394e!important}
.page-opening .feature-hero-note small{color:var(--readable-muted)!important}
.section-heading>p,.feature-card p,.studio-section-heading>p,.studio-team-paths a>p,.studio-trial p,.trial-preview-notice,.contact-next p{color:var(--readable-muted)!important}
.studio-eyebrow,.studio-team-paths a>span,.catalog-top{color:var(--readable-teal)}
.studio-product:not(.product-ai)>p,.studio-product-copy>p{color:var(--readable-muted)!important}
.studio-product.product-ai{background:#0758cb linear-gradient(145deg,#0755c8,#00678e)}
.studio-product.product-ai>p,.studio-product.product-ai .home-feature-availability{color:#fff!important}
.studio-flow-tabs button>span{color:#acd1e0}
.demo-window-bar,.demo-window-bar>span,.demo-panel-top .demo-live,.demo-heading>p,.demo-panel-foot,.demo-question>span{color:var(--readable-muted)!important}
.demo-heading .demo-step,.demo-answer>span{color:var(--readable-teal)!important}
.cb-widget-head small{color:#fff}
.shot-toolbar,.shot-toolbar>span,.shot-caption,.shot-caption span,.capture-caption,.capture-caption span{color:var(--readable-muted)!important}
.faq-side a,.faq-side a:visited{color:var(--readable-muted)}
.faq-side a:hover,.faq-side a[aria-current],.contact-trial-path a{color:var(--readable-teal)}
.embed-surfaces>article>span{color:var(--readable-teal)}
.pricing-trial-pill>span{color:#315e4d}
/* The dark surfaces need dark fallback colors as well as sufficient gradient contrast. */
.page-pricing .pricing-featured.plan-editorial{background-color:#103b57}
.closing-section{background:#0753b6 linear-gradient(120deg,#064eb8,#075f82)}
.footer{background-color:#092234;background-image:radial-gradient(ellipse at 90% 0,#d6f4eb14,transparent 58%)}
/* Readable entry, placeholder, error, selection, and focus states. */
.lead-field input::placeholder,.lead-field textarea::placeholder,.trial-field input::placeholder,.faq-search input::placeholder{color:#536d7e;opacity:1}
input,select,textarea{caret-color:#15394e}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #0868c9;outline-offset:4px}
.closing-section :focus-visible,.footer :focus-visible,.studio-tour :focus-visible{outline-color:#adffe5}
@media(forced-colors:active){.studio-hero-copy h1>span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.button,.pricing-card,.trial-request-card{border:1px solid ButtonText}:focus-visible{outline-color:Highlight}}
/* Keep explanatory text out of decorative fade effects. */
.studio-constellation{opacity:1!important}
.platform-workflow .studio-eyebrow{color:var(--readable-teal)!important}
.page-opening .breadcrumb span[aria-hidden]{color:var(--readable-muted)!important}
.product-shot figcaption,.product-shot figcaption span,.product-capture figcaption,.product-capture figcaption span{color:var(--readable-muted)!important}
.integration-cards>article>span{color:var(--readable-teal)}
.page-opening .breadcrumb>span:not([aria-current]){color:var(--readable-muted)!important}
/* Keep menu text fully legible throughout the entrance animation. */
@keyframes finish-menu-in{from{opacity:1;translate:0 5px}to{opacity:1;translate:0 0}}
.site-header .menu-eyebrow,.site-header .menu-item small{color:var(--readable-muted)}
.button:focus-visible,.menu-item:focus-visible,.platform-workflow-note a:focus-visible,.studio-product:focus-visible,.catalog-card:focus-visible{outline-color:#08768b}
.lead-field input,.lead-field select,.lead-field textarea,.trial-cart input:not([type=hidden]),.trial-cart select,.faq-search input{border-color:#78919f}
.trial-cart .trial-identity-fields input::placeholder{color:#536d7e;opacity:1}
.trial-cart .lead-field select{border-color:#78919f}
.lead-field input[aria-invalid=true],.lead-field textarea[aria-invalid=true],.trial-cart input[aria-invalid=true]{border-color:#b42e45}

/* v32: consistent section rhythm and grouped conversion messages. */
:root{--section-space:64px;--heading-space:28px;--content-gap:24px}
main .section{padding-block:var(--section-space)}
main .section-heading,main .studio-section-heading{margin-bottom:var(--heading-space);gap:24px;align-items:start}
main .section-heading:has(>p),main .studio-section-heading:has(>p){display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:900px}
main .section-heading>p,main .studio-section-heading>p{width:auto;max-width:68ch;flex:none;margin:0;font-size:18px;line-height:1.65}
main .section-heading h2,main .studio-section-heading h2{font-size:clamp(30px,3.1vw,42px);line-height:1.18;max-width:28ch}
main .section-heading .studio-eyebrow,main .studio-section-heading .studio-eyebrow{margin-bottom:14px}
.platform-workflow .section-heading h2{max-width:30ch}
.platform-workflow .section-heading>p{max-width:68ch;margin-top:0}
.platform-workflow-grid{gap:20px}
.platform-workflow-note{margin-top:24px}
.studio-people{padding-block:var(--section-space)}
.studio-team-paths{gap:20px;margin-top:0}
.studio-team-paths>a{padding:28px}
.studio-team-paths h3{font-size:26px;line-height:1.25}
.studio-team-paths a>span{margin-bottom:16px}
.studio-team-paths p{margin-top:12px}
.platform-embed-section{margin-block:24px;padding:40px}
.studio-trial{gap:40px}
/* Shared closing CTA: one balanced message beside one focused action group. */
.closing-section{padding-block:48px}
.closing-section .closing-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:56px;align-items:center}
.closing-section .closing-copy,.closing-section .closing-actions{width:auto;min-width:0;max-width:none;flex:none}
.closing-section .closing-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.18;max-width:26ch;margin:0}
.closing-section .closing-copy .kicker{margin-bottom:16px}
.closing-section .closing-copy>p:not(.kicker){max-width:58ch;margin-top:18px;line-height:1.65!important}
.closing-section .closing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0}
.closing-section .closing-actions .trial-note,.closing-section .closing-setup-note{margin:0;max-width:40ch;line-height:1.6}
.closing-section .closing-actions>.text-link{min-height:40px}
/* Keep long headings and compact screens readable without fixed-height whitespace. */
@media(max-width:900px){:root{--section-space:48px;--heading-space:24px}.closing-section .closing-inner{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:32px}.platform-embed-section{padding:32px}.studio-team-paths>a{padding:24px}}
@media(max-width:760px){main .section-heading,main .studio-section-heading{display:block;max-width:none}main .section-heading>p,main .studio-section-heading>p{margin-top:16px;font-size:17px;line-height:1.65}main .section-heading h2,main .studio-section-heading h2{font-size:30px;max-width:26ch}.studio-people{padding-block:48px}.closing-section{padding-block:40px}.closing-section .closing-inner{grid-template-columns:minmax(0,1fr);gap:24px}.closing-section .closing-copy h2{font-size:32px}.closing-section .closing-actions{gap:12px;align-items:flex-start}.closing-section .closing-actions>.button{width:100%}.platform-embed-section{padding:28px;margin-block:12px}.studio-team-paths h3{font-size:24px}}
/* Clear inherited percentage widths and minimum heights from older layouts. */
main .section-heading:has(>p),main .studio-section-heading:has(>p){row-gap:16px!important}
main .section-heading>div,main .studio-section-heading>div{width:auto;max-width:none}
.platform-workflow .section-heading h2{font-size:clamp(30px,3vw,40px);max-width:none}
.platform-workflow-grid{margin-top:0}
.closing-section .closing-inner{min-height:0;height:auto}
.closing-section .closing-copy>.kicker{margin-top:0}
.closing-section .closing-actions{margin:0}

/* v33: a compact footer with one trial action and short, purposeful link groups. */
.footer.footer-refined{padding:40px 0 0;background:#0a2636;background-image:radial-gradient(ellipse at 100% 0,#124e581f,transparent 55%);border-top:1px solid #214657}
.footer-refined .footer-grid{display:grid;grid-template-columns:1.15fr 1.4fr 1fr 1.05fr;gap:32px;padding:0 0 32px;align-items:start}
.footer-refined .footer-brand{display:block;grid-column:auto;min-width:0}
.footer-refined .footer-brand .brand{display:inline-flex;width:164px;margin:0;min-height:40px;filter:none}
.footer-refined .footer-brand .brand img{width:100%;height:auto;filter:brightness(0) invert(1)}
.footer.footer-refined .footer-brand p{font:400 16px/1.6 Inter,Arial,sans-serif;letter-spacing:-.01em;color:#d0e0e6;margin:14px 0 18px}
.footer.footer-refined .footer-trial{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 16px;border:1px solid #a4f0d8;border-radius:9px;background:#a4f0d8;color:#103e3c!important;font:600 15px/1.4 Inter,Arial,sans-serif;text-decoration:none;margin:0;transition:background .18s,border-color .18s}
.footer.footer-refined .footer-trial:hover{background:#c8fbea;border-color:#c8fbea;color:#103e3c!important;text-decoration:none}
.footer-refined .footer-trial>.icon{width:17px;height:17px}
.footer.footer-refined .footer-trial-note{display:block;font-size:12px;line-height:1.6;letter-spacing:0;color:#bad1db;margin:9px 0 10px}
.footer-refined .footer-email{display:inline-flex;min-height:32px;align-items:center;font-size:14px;color:#d0e0e6;text-decoration:none;overflow-wrap:anywhere}
.footer-refined .footer-grid>nav{min-width:0}
.footer.footer-refined .footer-grid h3{margin:0 0 12px;color:#f4fbff;font:600 13px/1.5 Inter,Arial,sans-serif;letter-spacing:.02em;text-transform:none}
.footer-refined .footer-grid h3>a{display:inline-flex;gap:8px;align-items:center;min-height:24px;color:inherit}
.footer-refined .footer-grid h3>a>.icon{width:14px;height:14px;color:#8bd6c4}
.footer-refined .footer-product-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:16px;row-gap:0}
.footer-refined .footer-grid nav>a,.footer-refined .footer-product-links>a{display:flex;align-items:center;min-height:36px;padding:5px 0;margin:0;color:#c4dbe5;font:400 15px/1.5 Inter,Arial,sans-serif;letter-spacing:-.01em;text-decoration:none}
.footer-refined .footer-grid nav>a:hover,.footer-refined .footer-product-links>a:hover,.footer-refined .footer-email:hover{color:#adffe5;text-decoration:underline;text-underline-offset:4px}
.footer-refined .footer-grid nav>.footer-sales{display:inline-flex;gap:8px;color:#adffe5;font-weight:500;margin-top:12px;min-height:36px}
.footer-refined .footer-sales>.icon{height:16px;width:16px}
.footer.footer-refined .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #2b4b5b;padding:16px 0;min-height:68px;color:#bad1db;font-size:12px;line-height:1.6}
.footer-refined .footer-bottom>.footer-copyright{display:block;max-width:none;margin:0}
.footer-refined .footer-utilities{display:flex;align-items:center;gap:24px;margin-left:auto}
.footer-refined .motion-control,.footer-refined .footer-top{display:inline-flex;align-items:center;gap:7px;min-height:36px;margin:0;padding:4px 0;color:#c4dbe5;font:400 13px/1.5 Inter,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.footer-refined .motion-control>.icon,.footer-refined .footer-top>.icon{height:15px;width:15px}.footer-refined .footer-top>.icon{rotate:-90deg}
.footer-refined .footer-company-links{margin:0;gap:8px 18px}.footer-refined .footer-company-links>a{font-size:12px;min-height:36px}
.footer-refined a:focus-visible,.footer-refined button:focus-visible{outline:3px solid #adffe5;outline-offset:4px;border-radius:4px}
@media(max-width:1100px){.footer-refined .footer-grid{grid-template-columns:1.05fr 1.3fr 1fr;gap:28px}.footer-refined .footer-solutions{grid-column:2/4;display:flex;align-items:center;flex-wrap:wrap;gap:0 24px}.footer.footer-refined .footer-solutions h3{flex-basis:100%;margin-bottom:6px}.footer-refined .footer-grid nav.footer-solutions>.footer-sales{margin:0 0 0 auto}.footer-refined .footer-product-links{column-gap:12px}}
@media(max-width:760px){.footer.footer-refined{padding-top:32px}.footer-refined .footer-grid{grid-template-columns:1fr 1fr;gap:24px 20px;padding-bottom:24px}.footer-refined .footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:start}.footer-refined .footer-brand .brand{width:158px}.footer.footer-refined .footer-brand p{grid-column:1;grid-row:2;margin:10px 0 0;font-size:15px}.footer.footer-refined .footer-trial{grid-column:2;grid-row:1;min-height:44px}.footer.footer-refined .footer-trial-note{grid-column:2;grid-row:2;max-width:180px;margin:10px 0 0}.footer-refined .footer-email{grid-column:1/-1;margin-top:10px;min-height:44px}.footer-refined .footer-product{grid-column:1/-1}.footer-refined .footer-product-links{column-gap:20px}.footer-refined .footer-grid nav>a,.footer-refined .footer-product-links>a{min-height:44px;font-size:15px}.footer-refined .footer-solutions{display:block;grid-column:auto}.footer.footer-refined .footer-solutions h3{margin-bottom:12px}.footer-refined .footer-grid nav.footer-solutions>.footer-sales{margin-top:8px}.footer.footer-refined .footer-bottom{padding:16px 0;gap:8px 16px;min-height:0}.footer-refined .footer-utilities{margin:0;width:100%;justify-content:space-between;gap:16px}.footer-refined .motion-control,.footer-refined .footer-top,.footer-refined .footer-company-links>a{min-height:44px}}
@media(max-width:460px){.footer-refined .footer-brand{display:block}.footer.footer-refined .footer-brand p{max-width:30ch;margin:12px 0 16px}.footer.footer-refined .footer-trial-note{max-width:none;margin:8px 0}.footer-refined .footer-email{margin-top:0}.footer-refined .footer-grid{column-gap:24px}.footer-refined .footer-grid nav>a,.footer-refined .footer-product-links>a{font-size:14px}.footer-refined .footer-grid nav>.footer-sales{gap:6px}}
/* Preserve the original full-color logo on its small white brand plate. */
.footer-refined .footer-brand .brand{padding:4px 10px;border-radius:7px;min-height:0}
.footer-refined .footer-brand .brand img{filter:none}
.footer.footer-refined .footer-trial-note{font-size:13px}
@media(max-width:760px){.footer-refined .footer-grid nav>.footer-sales{min-height:44px}}
@media(max-width:460px){.footer-refined .footer-grid nav>a,.footer-refined .footer-product-links>a{font-size:15px}}

/* v34 navigation: a precise floating header and unified, readable dropdown panels. */
.site-header.header-refined{position:fixed;top:16px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 48px);max-width:1320px;height:76px;margin:0;border-radius:18px;background:#fffffff5;border:1px solid #d9e6ec;box-shadow:0 8px 28px #15394e0a;z-index:100}
.header-refined .nav-shell{position:relative;width:100%;max-width:none;margin:0;height:100%;padding:0 24px;gap:24px}
.header-refined .brand{width:164px;min-width:0;padding:0;background:transparent;border-radius:0}
.header-refined #main-navigation{gap:4px;margin-left:auto}
.header-refined .nav-trigger,.header-refined .nav-direct{position:relative;padding:11px 13px;min-height:44px;border-radius:10px;font-size:14px;font-weight:500;color:#244658;transition:background .18s,color .18s}
.header-refined .nav-trigger:hover,.header-refined .nav-direct:hover{background:#f0f6fa;color:#0755c2}
.header-refined .nav-trigger[aria-expanded=true],.header-refined .nav-trigger.has-active,.header-refined .nav-direct.current{background:#eaf5f3;color:#075e68}
.header-refined .nav-trigger>.icon{height:13px;width:13px;transition:rotate .18s}.header-refined .nav-trigger[aria-expanded=true]>.icon{rotate:180deg}
.header-refined .nav-actions{gap:18px;margin-left:12px;flex-shrink:0}.header-refined .sales-header{font-size:14px;white-space:nowrap;color:#244658;min-height:44px}.header-refined .nav-actions .button{min-height:44px;padding:12px 17px;font-size:14px;border-radius:10px;box-shadow:0 3px 8px #0868df12}
.header-refined .nav-group{position:static}
.site-header.header-refined .mega-panel{position:absolute;top:calc(100% + 12px);left:50%;right:auto;width:760px;max-width:calc(100vw - 64px);padding:0;display:block;transform:translateX(-50%)!important;border-radius:20px;border:1px solid #cfdee7;background:#fff;box-shadow:0 24px 64px #15394e26,0 4px 12px #15394e0a;overflow:hidden;isolation:isolate}
.header-refined .mega-panel[hidden]{display:none!important}
.header-refined .nav-panel-intro{padding:22px 24px 18px;border-bottom:1px solid #e2ebef;background:linear-gradient(110deg,#f5f9ff,#f3fbf7)}
.header-refined .nav-panel-intro .menu-eyebrow{padding:0;margin:0 0 6px;font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em;color:#406475}
.header-refined .nav-panel-intro p{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.025em;color:#15394e;margin:0}
.header-refined .product-pillar-links,.header-refined .nav-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:14px}
.header-refined #solutions-menu .nav-menu-links{grid-template-columns:1fr;gap:2px}
.header-refined #solutions-menu .menu-item{min-height:78px}
.header-refined .menu-item,.header-refined .compact-panel .menu-item{display:flex;gap:14px;align-items:center;min-height:94px;padding:14px;border-radius:12px;background:transparent;border:1px solid transparent;text-decoration:none;transition:background .18s,border-color .18s}
.header-refined .menu-item:hover,.header-refined .menu-item:focus-visible{background:#f0f8f6;border-color:#cee5df;color:#15394e}
.header-refined .menu-item.current{background:#eef5ff;border-color:#cbdff7}
.header-refined .menu-icon{width:42px;height:42px;border-radius:12px;background:#edf4ff;border:1px solid #d5e4f7;color:#0865cc;box-shadow:inset 0 1px 0 #fff;flex:none}
.header-refined .menu-icon .icon{height:21px;width:21px}
.header-refined .product-pillar-links .menu-item:nth-child(n+4) .menu-icon{background:#eaf8f1;border-color:#cce5da;color:#087166}
.header-refined .menu-item strong{display:block;font-size:16px;font-weight:600;line-height:1.4;color:#15394e}
.header-refined .menu-item small{display:block;max-width:none;font-size:13px;line-height:1.5;color:#405e70;margin:4px 0 0}
.header-refined .menu-item>.icon:last-child{display:block;height:15px;width:15px;margin-left:auto;color:#427386;opacity:.7;flex:none}
.header-refined .nav-panel-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;border-top:1px solid #e2ebef;background:#f8fbfc}
.header-refined .nav-panel-footer .text-link{font-size:14px;min-height:40px;color:#075e80;gap:10px}.header-refined .nav-panel-footer .icon{width:16px;height:16px}
.header-refined a:focus-visible,.header-refined button:focus-visible{outline:3px solid #08768b;outline-offset:3px}
.nav-scrim{inset:0;background:#15394e24;backdrop-filter:blur(4px);z-index:90}
@media(min-width:901px) and (max-width:1100px){.header-refined .nav-shell{padding-inline:18px;gap:14px}.header-refined .brand{width:145px}.header-refined .nav-trigger,.header-refined .nav-direct{padding-inline:9px}.header-refined .nav-actions{gap:12px;margin-left:0}.header-refined .sales-header{font-size:13px}}
@media(max-width:900px){.site-header.header-refined{top:12px;width:calc(100% - 32px);height:68px;border-radius:15px}.header-refined .nav-shell{padding:0 18px;gap:16px}.header-refined .brand{width:156px}.header-refined .nav-actions{display:none}.header-refined .mobile-toggle{display:flex;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #d9e6ec;background:#f6fafc;border-radius:10px;color:#15394e}.header-refined #main-navigation{display:none;position:absolute;top:calc(100% + 10px);left:0;right:auto;width:100%;margin:0;padding:14px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #d4e3eb;border-radius:16px;background:#fff;box-shadow:0 18px 44px #15394e26}.header-refined.mobile-open #main-navigation{display:block}.header-refined .nav-group{position:static}.header-refined .nav-trigger,.header-refined .nav-direct{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 14px;margin:2px 0;font-size:16px}.site-header.header-refined .mega-panel{position:static;left:auto;top:auto;right:auto;transform:none!important;width:100%;max-width:none;padding:0;margin:6px 0 12px;border:1px solid #dce8ed;border-radius:12px;box-shadow:none;animation:none!important}.header-refined .nav-panel-intro{padding:16px}.header-refined .nav-panel-intro p{font-size:18px}.header-refined .product-pillar-links,.header-refined .nav-menu-links{grid-template-columns:1fr;padding:6px;gap:2px}.header-refined .menu-item,.header-refined .compact-panel .menu-item{min-height:78px;padding:12px;gap:12px}.header-refined .menu-icon{width:36px;height:36px;border-radius:10px}.header-refined .menu-item strong{font-size:15px}.header-refined .menu-item small{font-size:13px}.header-refined .nav-panel-footer{padding:8px 14px;gap:8px;flex-wrap:wrap}.header-refined .nav-panel-footer .text-link{min-height:44px;font-size:13px}.header-refined .nav-direct.mobile-sales-link{display:flex;color:#075e68;background:#eef8f4}.nav-scrim{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.header-refined .nav-trigger,.header-refined .menu-item,.header-refined .nav-trigger>.icon{transition:none}}
.header-refined .nav-mobile-trial,.header-refined .nav-mobile-trial-note{display:none}
@media(min-width:901px) and (max-width:1100px){.header-refined .sales-header{display:none}}
@media(max-width:900px){.header-refined .mobile-toggle{flex-direction:column;gap:5px}.header-refined .mobile-toggle span{display:block;width:18px;height:2px;margin:0;background:#244658;transition:transform .18s}.header-refined.mobile-open .mobile-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.header-refined.mobile-open .mobile-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header-refined .nav-mobile-trial{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:12px 0 0;padding:12px 14px;border-radius:10px;background:#0868df;color:#fff;font-size:16px;font-weight:600;text-decoration:none}.header-refined .nav-mobile-trial>.icon{height:18px;width:18px}.header-refined .nav-mobile-trial-note{display:block;text-align:center;margin:8px 0 2px;font-size:12px;line-height:1.6;color:#405e70}}
/* Keep the primary trial action visible on compact desktop widths. */
.header-refined .header-trial{display:inline-flex}
.header-refined .header-trial .button{white-space:nowrap}
/* Respect WordPress's toolbar while an administrator previews the site. */
.admin-bar .site-header.header-refined{top:calc(16px + var(--wp-admin--admin-bar--height,32px))}
@media(max-width:900px){.admin-bar .site-header.header-refined{top:calc(12px + var(--wp-admin--admin-bar--height,46px))}.admin-bar .header-refined #main-navigation{max-height:calc(100dvh - 110px - var(--wp-admin--admin-bar--height,46px))}}

/* Product icons: distinct silhouettes, consistent optical size and stroke. */
.header-refined .product-pillar-links .menu-icon .icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* v36 header actions: balanced secondary and primary buttons. */
.header-refined .nav-actions{gap:10px}
.header-refined .nav-actions .button{display:inline-flex;align-items:center;justify-content:center;height:46px;min-height:46px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:0;white-space:nowrap;transition:background .18s,border-color .18s,box-shadow .18s}
.header-refined .nav-actions .sales-header{background:#fff;color:#244658;border:1px solid #9db6c6;box-shadow:none}
.header-refined .nav-actions .sales-header:hover{background:#f0f6fa;border-color:#527b92;color:#15394e}
.header-refined .nav-actions .sales-header>.icon{display:none}
.header-refined .header-trial .button{background:#0868df;border:1px solid #0868df;color:#fff;box-shadow:0 3px 8px #0868df12}
.header-refined .header-trial .button:hover{background:#0758be;border-color:#0758be}
@media(min-width:901px) and (max-width:1100px){.header-refined .nav-actions .sales-header{display:none}.header-refined .nav-actions .button{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.header-refined .nav-actions .button{transition:none}}

/* Shared marketing actions: a consistent scale, hierarchy and interaction treatment. */
main .button.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:15px 24px;border-radius:12px;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;text-align:center;text-decoration:none}
main a.button>.icon{width:18px;height:18px;flex:none}
main .hero-actions .button,main .studio-hero-actions .button{min-height:58px;padding:16px 24px}
main .button-outline,main .studio-secondary{border:1px solid #9db6c6;color:#173e53;background:#ffffffd9;box-shadow:none}
main .button-outline:hover,main .studio-secondary:hover{background:#f0f6fa;border-color:#527b92;color:#15394e}
main a.button:focus-visible,main button:focus-visible{outline:3px solid #08768b;outline-offset:3px}
@media(max-width:600px){main .button.button{max-width:100%;padding-inline:20px}}

.page-pricing main .plan-action .button{border-radius:12px}

/* v38: a focused editorial hero paired with a contained support workflow. */
.hero-focus{position:relative;isolation:isolate;overflow:hidden;padding:146px 0 24px;background:radial-gradient(ellipse at 8% 20%,#dceaff 0,transparent 48%),radial-gradient(ellipse at 95% 55%,#d7f4ec 0,transparent 48%),#f7fbfe;color:#15394e}
.hf-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:64px;align-items:center;max-width:1280px}
.hf-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#086874;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.12em}
.hf-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#00a78f;box-shadow:0 0 0 5px #00a78f0d}
.hf-copy h1{font-family:Manrope,Inter,Arial,sans-serif;font-size:clamp(44px,4.05vw,58px);font-weight:600;line-height:1.09;letter-spacing:-.045em;margin:0 0 24px;color:#12364c;text-align:left;text-wrap:balance}
.hf-copy h1>span{display:block;color:#0876b2;margin-top:10px}
.hf-lead{max-width:550px;font-size:18px;line-height:1.7;color:#405f73;margin:0 0 28px;text-align:left;text-wrap:pretty}
.hf-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}
.hero-focus .hf-actions .button{font-size:15px;min-height:56px;padding:16px 20px;border-radius:12px;line-height:1.4;white-space:nowrap}
.hero-focus .hf-actions .button:first-child{background:#0868df;color:#fff;border:1px solid #0868df;box-shadow:0 7px 18px #0868df1a}
.hero-focus .hf-actions .button:first-child:hover{background:#0758be;border-color:#0758be}
.hf-reassurance{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 0;font-size:13px;line-height:1.6;color:#405f73}
.hf-reassurance>.icon{width:17px;height:17px;color:#08786d}.hf-reassurance strong{font-weight:600;color:#244658}
.hf-setup{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:24px;padding-top:21px;border-top:1px solid #cddfe9;font-size:12px;line-height:1.5;color:#35596f}.hf-setup>span{display:inline-flex;align-items:center;gap:8px}.hf-setup .icon{height:16px;width:16px;color:#086e82}
.hf-access{font-size:12px;color:#4b6879;line-height:1.6;margin:10px 0 0}
.hf-visual{position:relative;perspective:1200px;padding-top:46px;padding-bottom:18px;min-width:0}
.hf-orbit{position:absolute;inset:-24px -50px;border-radius:50%;border:1px solid #b2dbe28a;transform:rotate(-25deg);pointer-events:none}.hf-orbit:after{content:'';position:absolute;inset:26px;border:1px dashed #a8d1e06b;border-radius:50%}
.hf-workflow{position:relative;background:#ffffffeb;border:1px solid #cddfe9;border-radius:22px;box-shadow:0 28px 70px #144d6b12,0 3px 8px #144d6b08;overflow:hidden;backdrop-filter:blur(12px)}
.hf-window{display:flex;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid #e2ebf0;background:#f6fafc;font-size:9px;letter-spacing:.1em;font-weight:600;color:#526e80}.hf-window>.icon{margin-left:auto;width:16px;height:16px;color:#547a8b}
.hf-window-dots{display:flex;gap:4px}.hf-window-dots i{width:5px;height:5px;background:#b3cbd9;border-radius:50%}
.hf-visual-heading{padding:24px 26px 16px}.hf-visual-heading>p{font:600 24px/1.3 Manrope,Inter,sans-serif;letter-spacing:-.025em;color:#15394e;margin:0 0 8px}.hf-visual-heading>span{font-size:11px;line-height:1.5;color:#536f80}
.hf-steps{list-style:none;margin:0;padding:4px 26px 24px;display:grid;gap:0}
.hf-step{display:flex;gap:15px;position:relative;padding:16px 0;align-items:flex-start}.hf-step:not(:last-child):after{content:'';position:absolute;left:21px;top:61px;bottom:-14px;width:1px;background:#cadfe7}.hf-step-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid #cfe0f6;background:#edf4ff;color:#0865cc;border-radius:13px;box-shadow:inset 0 1px 0 #fff}.hf-step-icon .icon{width:24px;height:24px;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hf-step-1 .hf-step-icon{color:#08766a;background:#eaf8f2;border-color:#c9e6db}
.hf-step-label{font-size:10px;line-height:1.5;letter-spacing:.09em;font-weight:700;color:#4c7084;text-transform:uppercase}.hf-step h3{font-size:16px;line-height:1.4;font-weight:600;margin:5px 0 4px;color:#15394e;letter-spacing:-.015em}.hf-step p{font-size:13px;line-height:1.6;margin:0;color:#4d697b}
.hf-extensions{padding:18px 26px 20px;border-top:1px solid #dcebe9;background:linear-gradient(110deg,#f1f9f7,#f5faff);display:grid;gap:13px}.hf-plan-label{font-size:9px;line-height:1.6;font-weight:700;letter-spacing:.1em;color:#416e73}.hf-extensions p{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:5px 0 0;font-size:12px;line-height:1.6;color:#294d60}.hf-extensions .icon{height:15px;width:15px;color:#08766a}
.hf-brand-object{position:absolute;right:-19px;top:-18px;width:130px;height:130px;z-index:2;pointer-events:none;transform:rotate(8deg)}.hf-brand-object .studio-core{width:104px;height:104px;top:0;left:0;margin:0;animation:hf-float 7s ease-in-out infinite;transform:rotateX(12deg) rotateY(-20deg) rotateZ(-8deg)}.hf-brand-object .core-shadow{display:none}.hf-brand-object .core-slab{border-radius:24px}.hf-brand-object .slab-front svg{width:60%;height:60%}
.hf-bottom{max-width:1280px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding-top:20px;border-top:1px solid #d4e4ec}.hf-bottom>a{display:flex;align-items:center;gap:12px;font-size:12px;color:#3a6178;text-decoration:none;min-height:40px}.hf-bottom>a>.icon{width:16px;height:16px;rotate:90deg}.hf-bottom .motion-control{min-height:40px;font-size:11px;padding:10px 14px}
@keyframes hf-float{0%,100%{transform:translateY(0) rotateX(12deg) rotateY(-20deg) rotateZ(-8deg)}50%{transform:translateY(-7px) rotateX(15deg) rotateY(-14deg) rotateZ(-5deg)}}
.motion-paused .hf-brand-object .studio-core,.motion-reduced .hf-brand-object .studio-core{animation:none!important}
@media(min-width:1600px){.hero-focus{padding-top:166px;padding-bottom:32px}.hf-grid{gap:84px}}
@media(max-width:1100px){.hf-grid{gap:32px}.hf-copy h1{font-size:46px}.hf-lead{font-size:17px}.hf-actions{gap:10px}.hero-focus .hf-actions .button{font-size:14px;padding-inline:15px}.hf-brand-object{right:-7px}.hf-window{padding-inline:18px}.hf-visual-heading,.hf-steps,.hf-extensions{padding-left:20px;padding-right:20px}}
@media(max-width:850px){.hero-focus{padding:124px 0 20px}.hf-grid{grid-template-columns:1fr;gap:32px;max-width:680px}.hf-copy h1{font-size:clamp(38px,6.3vw,54px);max-width:600px}.hf-lead{font-size:18px;max-width:600px}.hf-visual{max-width:580px;width:100%;margin:0 auto;padding-top:26px}.hf-brand-object{top:-22px;right:5px}.hf-bottom{max-width:680px;margin-top:22px}.hf-setup{margin-top:22px}.hf-orbit{inset:0 -20px}}
@media(max-width:480px){.hero-focus{padding-top:116px}.hf-grid{gap:28px}.hf-copy h1{font-size:38px;line-height:1.12;letter-spacing:-.045em;margin-bottom:20px}.hf-copy h1>span{margin-top:8px}.hf-eyebrow{font-size:10px;margin-bottom:18px}.hf-lead{font-size:17px;line-height:1.65;margin-bottom:24px}.hf-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-focus .hf-actions .button{font-size:15px;width:100%;min-height:54px}.hf-reassurance{font-size:12px;gap:6px}.hf-setup{gap:10px;font-size:12px;display:grid}.hf-access{font-size:11px}.hf-workflow{border-radius:18px}.hf-window{font-size:8px;padding:15px 16px;gap:8px}.hf-window>.icon{display:none}.hf-visual-heading{padding:21px 18px 10px}.hf-visual-heading>p{font-size:22px}.hf-steps{padding:4px 18px 18px}.hf-step{gap:12px;padding:14px 0}.hf-step h3{font-size:15px}.hf-step p{font-size:12px}.hf-step-label{font-size:9px}.hf-extensions{padding:16px 18px}.hf-extensions p{font-size:11px}.hf-brand-object{width:90px;height:90px;top:-9px}.hf-brand-object .studio-core{width:80px;height:80px}.hf-brand-object .core-slab{border-radius:19px}.hf-bottom{gap:10px;align-items:center}.hf-bottom>a{font-size:11px;max-width:190px}.hf-bottom .motion-control{font-size:10px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.hf-brand-object .studio-core{animation:none!important}}
/* Contain line boxes so small labels do not inherit the page's body leading. */
.hf-step-label,.hf-plan-label,.hf-visual-heading>span{display:block}
.hf-visual{padding-top:28px}
.hf-step{padding-block:14px}
.hf-step:not(:last-child):after{top:59px;bottom:-12px}
.hf-extensions{grid-template-columns:minmax(0,1fr) auto;gap:16px}
.hf-extensions p{max-width:300px}
@media(max-width:1100px){.hf-extensions{grid-template-columns:1fr;gap:12px}}
@media(max-width:850px){.hf-extensions{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:480px){.hf-extensions{grid-template-columns:1fr;gap:12px}}
.hf-bottom .motion-control{color:#355b72;background:#ffffffb3;border:1px solid #a9c3d3}
.hf-bottom .motion-control:hover{color:#15394e;background:#fff;border-color:#7095aa}
.hf-bottom .motion-control:disabled{color:#47697b;opacity:1;background:#edf4f7}
.hf-window{font-size:10px}.hf-plan-label{font-size:10px}
@media(max-width:480px){.hf-window{font-size:8px}.hf-access{font-size:12px}}

/* v39 hero craft: layered material, directed workflow light, quiet ambient motion. */
.hf-visual{isolation:isolate}
.hf-visual:before,.hf-visual:after{content:'';position:absolute;top:42px;bottom:6px;left:14px;right:-12px;border:1px solid #a8d6dca6;border-radius:25px;background:linear-gradient(145deg,#e2edffb3,#d4f1eb8c);transform:rotate(1.4deg);z-index:-1;pointer-events:none}
.hf-visual:after{top:50px;bottom:-3px;left:25px;right:-20px;transform:rotate(2.8deg);background:linear-gradient(145deg,#e4f2ff6b,#ceeee780);border-color:#bddde98c;z-index:-2}
.hf-orbit{z-index:-3;border-color:#aad5e073;background:radial-gradient(ellipse at 70% 30%,#b9e8fa35,transparent 58%)}
.hf-orbit:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#13afaa;box-shadow:0 0 0 5px #13afaa12,0 0 16px #13afaa30;offset-path:ellipse(50% 50% at 50% 50%);animation:hf-orbit-trace 24s linear infinite}
.hf-workflow{border:1px solid transparent;background:linear-gradient(145deg,#fffffffa,#fbfefffa) padding-box,linear-gradient(140deg,#a5c8ff,#d4edf1 40%,#7fcfc0) border-box;box-shadow:0 28px 65px -18px #0d4c7c30,0 8px 20px #1a537310,inset 0 1px 0 #fff}
.hf-window{background:linear-gradient(110deg,#f4f8ff,#f3faf8);border-bottom-color:#dce9ef}
.hf-visual-heading{position:relative}.hf-visual-heading:after{content:'';display:block;width:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,#0b71e9,#03aa94);margin-top:16px;opacity:.75}
.hf-steps{position:relative}
.hf-step{isolation:isolate;--hf-stage-delay:0s}.hf-step-1{--hf-stage-delay:3s}.hf-step-2{--hf-stage-delay:6s}
.hf-step:before{content:'';position:absolute;inset:5px -12px 5px -10px;border-radius:14px;background:linear-gradient(100deg,#eaf3ffb3,#e8f8f25c,transparent);z-index:-1;opacity:0;animation:hf-stage-wash 9s ease-in-out infinite;animation-delay:var(--hf-stage-delay)}
.hf-step-icon{position:relative;background:linear-gradient(145deg,#fafcff,#e1edff);border-color:#bfd6f4;box-shadow:inset 0 1px 0 #fff,0 3px 8px #1367c40b}
.hf-step-1 .hf-step-icon{background:linear-gradient(145deg,#f8fffc,#dff4ec);border-color:#b8dfd1}
.hf-step-icon:after{content:'';position:absolute;inset:-4px;border:1px solid #89b9ef;border-radius:17px;box-shadow:0 0 14px #2b92ea12;opacity:0;animation:hf-icon-halo 9s ease-in-out infinite;animation-delay:var(--hf-stage-delay);pointer-events:none}
.hf-step-1 .hf-step-icon:after{border-color:#77cbbb}
.hf-step:not(:last-child):after{background:linear-gradient(#b4d9eb,#a9d8d1)}
.hf-steps:after{content:'';position:absolute;width:5px;height:10px;left:46px;top:42px;border-radius:5px;background:linear-gradient(#148af0,#08ac97);box-shadow:0 0 10px #08a2b957;pointer-events:none;animation:hf-workflow-signal 9s cubic-bezier(.4,0,.2,1) infinite}
.hf-brand-object:after{content:'';position:absolute;left:2px;right:-8px;bottom:2px;height:20px;border-radius:50%;background:#096aa526;filter:blur(12px);z-index:-1}
.hf-brand-object .slab-front{overflow:hidden;background:linear-gradient(145deg,#398fff 0%,#096be4 40%,#0959c4 100%);border:1px solid #9dccff;box-shadow:inset 2px 3px 6px #d2eeffb3,inset -4px -6px 10px #003b9d59,7px 12px 22px #075d9a30}
.hf-brand-object .slab-middle{background:linear-gradient(145deg,#6bd8c9,#13aa9b);border:1px solid #a3eee0;box-shadow:inset 0 1px 0 #d8fff1,4px 7px 13px #038a7c20}
.hf-brand-object .slab-back{background:linear-gradient(145deg,#addcf5,#52b1d7);border:1px solid #d4f3ff}
.hf-brand-object .slab-front svg{position:relative;z-index:1;filter:drop-shadow(0 2px 3px #003e8e2b)}
.hf-brand-object .slab-front svg path{stroke:#f3ffff;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hf-brand-object .slab-front svg path+path{stroke:#99f4df}
.hf-brand-object .slab-front:after{content:'';position:absolute;top:-30%;left:-70%;width:35%;height:170%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:translateX(0) rotate(25deg);animation:hf-material-light 12s ease-in-out infinite;pointer-events:none}
.hf-brand-object .core-spark{display:none}
@keyframes hf-orbit-trace{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes hf-stage-wash{0%,30%,100%{opacity:0}7%,23%{opacity:1}}
@keyframes hf-icon-halo{0%,30%,100%{opacity:0;transform:scale(.96)}7%,23%{opacity:.8;transform:scale(1)}}
@keyframes hf-workflow-signal{0%{opacity:0;transform:translateY(0)}8%{opacity:.85}83%{opacity:.85;transform:translateY(186px)}94%,100%{opacity:0;transform:translateY(186px)}}
@keyframes hf-material-light{0%,65%,100%{opacity:0;transform:translateX(0) rotate(25deg)}70%{opacity:.65}88%{opacity:0;transform:translateX(550%) rotate(25deg)}}
.motion-paused .hero-focus *,.motion-paused .hero-focus *:before,.motion-paused .hero-focus *:after,.hf-suspended *,.hf-suspended *:before,.hf-suspended *:after{animation-play-state:paused!important}
.motion-reduced .hero-focus *,.motion-reduced .hero-focus *:before,.motion-reduced .hero-focus *:after{animation:none!important}
.motion-reduced .hf-steps:after,.motion-reduced .hf-orbit:before{display:none}
@media(max-width:1100px){.hf-visual:before{right:-7px}.hf-visual:after{right:-12px}}
@media(max-width:480px){.hf-visual:before{left:7px;right:-4px;transform:rotate(.8deg)}.hf-visual:after{left:13px;right:-7px;transform:rotate(1.5deg)}.hf-steps:after{left:38px}.hf-step:before{inset:4px -6px}.hf-orbit:before{display:none}.hf-visual-heading:after{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.hero-focus *,.hero-focus *:before,.hero-focus *:after{animation:none!important}.hf-steps:after,.hf-orbit:before{display:none}}
/* Keep the reading surface opaque; colored depth stays in the outer layers. */
.hf-workflow{background:linear-gradient(145deg,#fff,#fbfeff);border-color:#b9d5e8}

/* v40 ambient motion: large, slow color fields with quiet directional light. */
.hero-focus{background:#f5faff}
.sd-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:paint;border-radius:inherit}
.sd-ambient-field{position:absolute;width:95%;height:110%;border-radius:50%;transform-origin:center;animation:sd-ambient-travel 28s ease-in-out infinite alternate}
.sd-ambient-light .field-blue{left:-30%;top:-30%;background:radial-gradient(ellipse,#c7dfff9c 0,#deebff73 35%,transparent 68%)}
.sd-ambient-light .field-teal{right:-35%;bottom:-35%;background:radial-gradient(ellipse,#c6efe4b3 0,#e0f6ee80 40%,transparent 70%);animation:sd-ambient-counter 34s ease-in-out infinite alternate}
.sd-ambient-ribbon{position:absolute;left:24%;top:-35%;height:180%;width:42%;background:linear-gradient(110deg,transparent 15%,#ffffff5c 40%,#def6ff3d 50%,transparent 70%);transform:rotate(25deg);animation:sd-ribbon-drift 36s ease-in-out infinite alternate}
.sd-ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#2e83b106 1px,transparent 1px),linear-gradient(90deg,#2e83b106 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 82% 50%,#0009,transparent 65%);opacity:.8}
.page-home .studio-tour-sticky{isolation:isolate;background:#071d2b}
.sd-ambient-dark .field-blue{left:-22%;bottom:-58%;background:radial-gradient(ellipse,#194b9847,transparent 66%);opacity:.7}
.sd-ambient-dark .field-teal{right:-25%;top:-50%;background:radial-gradient(ellipse,#0e8d8147,transparent 68%);animation:sd-ambient-counter 32s ease-in-out infinite alternate;opacity:.75}
.sd-ambient-dark .sd-ambient-ribbon{left:40%;width:50%;background:linear-gradient(110deg,transparent 20%,#3ee6ce06 40%,#5d9cfa0a 50%,transparent 70%)}
.sd-ambient-dark .sd-ambient-grid{background-image:linear-gradient(#75b9d509 1px,transparent 1px),linear-gradient(90deg,#75b9d509 1px,transparent 1px);mask-image:radial-gradient(ellipse at 75% 55%,#000,transparent 68%);opacity:.5}
@keyframes sd-ambient-travel{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(12%,9%,0) scale(1.13)}}
@keyframes sd-ambient-counter{from{transform:translate3d(4%,3%,0) scale(1)}to{transform:translate3d(-12%,-9%,0) scale(1.1)}}
@keyframes sd-ribbon-drift{from{transform:translate3d(-12%,0,0) rotate(25deg);opacity:.35}to{transform:translate3d(28%,3%,0) rotate(32deg);opacity:.75}}
/* The conversation has an intentional entrance; text stays intact and selectable. */
.page-home .studio-demo{position:relative;isolation:isolate;border-color:#bbdce8;box-shadow:0 34px 80px #00000038,0 0 0 1px #72bdcc1c,0 0 70px #11b5a10d}
.page-home .studio-demo:before{content:'';position:absolute;inset:9px -9px -9px 10px;border:1px solid #8cc7d340;border-radius:inherit;background:linear-gradient(145deg,#3d79b414,#3ab79f17);z-index:-1;pointer-events:none}
.page-home .studio-demo:after{content:'';position:absolute;inset:-1px;border:1px solid #b4d8e74d;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #fff9}
.page-home .studio-tour .studio-demo-panel:not([hidden]){animation:sd-panel-reveal .38s cubic-bezier(.2,.7,.2,1) both}
.page-home .studio-demo-panel:not([hidden]) .demo-question{animation:sd-message-reveal .42s cubic-bezier(.2,.7,.2,1) .05s both}
.page-home .studio-demo-panel:not([hidden]) .demo-answer{animation:sd-message-reveal .48s cubic-bezier(.2,.7,.2,1) .16s both}
.page-home .studio-demo-panel:not([hidden]) .demo-answer>small{animation:sd-source-reveal .35s ease-out .32s both}
.page-home .studio-demo-panel:not([hidden]) .demo-panel-foot{animation:sd-source-reveal .35s ease-out .4s both}
.page-home .studio-flow-tabs button{transition:background .2s,border-color .2s,color .2s}
.page-home .studio-flow-tabs button[aria-selected=true]{background:linear-gradient(90deg,#3dd6c013,transparent 90%);border-bottom-color:#62d9c67a}
@keyframes sd-panel-reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes sd-message-reveal{from{opacity:.25;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sd-source-reveal{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.motion-paused .sd-ambient *,.motion-reduced .sd-ambient *{animation-play-state:paused!important}
.motion-paused .studio-demo-panel,.motion-paused .studio-demo-panel *,.motion-reduced .studio-demo-panel,.motion-reduced .studio-demo-panel *{animation:none!important}
.motion-reduced .sd-ambient *{animation:none!important}
@media(max-width:650px){.sd-ambient-ribbon{display:none}.sd-ambient-grid{background-size:56px 56px;opacity:.5}.sd-ambient-field{animation-duration:36s}.page-home .studio-demo:before{inset:6px -5px -6px 6px}}
@media(prefers-reduced-motion:reduce){.sd-ambient *,.page-home .studio-demo-panel,.page-home .studio-demo-panel *{animation:none!important}.page-home .studio-flow-tabs button{transition:none!important}}

/* v41: a visibly distinct wave illustration, with movement apparent in seconds. */
.hero-focus{background:linear-gradient(125deg,#f4f8ff 0%,#edf6ff 48%,#e5f7f1 100%)}
.sd-ambient-light .field-blue{left:-25%;top:-22%;background:radial-gradient(ellipse,#a9ceffb3 0,#ccdeff80 34%,transparent 68%);animation:sd-visible-blue 12s ease-in-out infinite alternate}
.sd-ambient-light .field-teal{right:-22%;bottom:-22%;background:radial-gradient(ellipse,#9de5d5b3 0,#c8f0e080 36%,transparent 69%);animation:sd-visible-teal 14s ease-in-out infinite alternate}
.sd-wave-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:sd-wave-drift 12s ease-in-out infinite alternate;pointer-events:none}
.sd-ambient-light .sd-wave-art{color:#147fbd}
.sd-wave-mesh{stroke:url(#sd-wave-light);stroke-width:1.25;opacity:.28}
.sd-wave-ribbon{stroke:url(#sd-wave-light);stroke-width:100;opacity:.055}
.sd-wave-trace{stroke:url(#sd-wave-light);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:90 910;stroke-dashoffset:1000;opacity:.65;animation:sd-wave-flow 8s linear infinite}
.sd-wave-trace.trace-1{animation-delay:-2.6s}.sd-wave-trace.trace-2{animation-delay:-5.2s}
.sd-ambient-dark .sd-wave-mesh{stroke:#53bfc0;opacity:.13;stroke-width:1}
.sd-ambient-dark .sd-wave-ribbon{stroke:#21c0a7;opacity:.035}
.sd-ambient-dark .sd-wave-trace{stroke:#5bdacb;opacity:.45;stroke-width:2}
.sd-ambient-dark .field-blue{left:-18%;bottom:-48%;background:radial-gradient(ellipse,#215bb166,transparent 66%);animation:sd-visible-blue 14s ease-in-out infinite alternate;opacity:.8}
.sd-ambient-dark .field-teal{right:-18%;top:-40%;background:radial-gradient(ellipse,#0ca68e57,transparent 68%);animation:sd-visible-teal 16s ease-in-out infinite alternate;opacity:.85}
.sd-ambient-grid{opacity:.5;mask-image:radial-gradient(ellipse at 80% 70%,#0008,transparent 70%)}
@keyframes sd-visible-blue{from{transform:translate3d(-8%,-7%,0) scale(.98)}to{transform:translate3d(22%,16%,0) scale(1.12)}}
@keyframes sd-visible-teal{from{transform:translate3d(8%,5%,0) scale(.95)}to{transform:translate3d(-23%,-16%,0) scale(1.12)}}
@keyframes sd-wave-drift{from{transform:translate3d(-24px,12px,0) scale(1.03)}to{transform:translate3d(38px,-20px,0) scale(1.08)}}
@keyframes sd-wave-flow{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.motion-paused .sd-wave-art,.motion-paused .sd-wave-trace,.hf-suspended .sd-wave-art,.hf-suspended .sd-wave-trace{animation-play-state:paused!important}
.motion-reduced .sd-wave-art,.motion-reduced .sd-wave-trace,.motion-reduced .sd-ambient-field{animation:none!important}
.motion-reduced .sd-wave-traces{display:none}
@media(max-width:650px){.sd-wave-mesh{opacity:.17}.sd-wave-trace{stroke-width:2;opacity:.45}.sd-wave-ribbon{stroke-width:70}.sd-ambient-field{animation-duration:16s}}
@media(prefers-reduced-motion:reduce){.sd-wave-art,.sd-wave-trace,.sd-ambient-field{animation:none!important}.sd-wave-traces{display:none}}

/* v42 final polish: clear reading surfaces, coherent interior materials. */
/* Entrance movement never fades readable copy, including when paused offscreen. */
@keyframes sd-panel-reveal{from{opacity:1;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes sd-message-reveal{from{opacity:1;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sd-source-reveal{from{opacity:1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.page-opening h1,.catalog-card h2,.feature-card h3,.workflow-row h2,.why-row h2,.solution-feature-links strong{text-wrap:balance}
.catalog-card>p,.feature-card p,.why-row p,.workflow-row p,.contact-opening .hero-lead{text-wrap:pretty}
.catalog-card,.feature-card,.solution-feature-links>a,.embed-surfaces>article{border-color:#cddfe8;box-shadow:0 8px 26px #19496208,inset 0 1px 0 #fff}
@media(hover:hover){.catalog-card:hover,.solution-feature-links>a:hover{border-color:#9fc6d3;box-shadow:0 13px 30px #19496212}}
.opening-art .slab-front{background:linear-gradient(145deg,#398fff,#096be4 40%,#0959c4);border:1px solid #9dccff;box-shadow:inset 2px 3px 6px #d2eeffb3,inset -4px -6px 10px #003b9d59,7px 12px 22px #075d9a30}
.opening-art .slab-middle{background:linear-gradient(145deg,#6bd8c9,#13aa9b);border-color:#a3eee0}
.opening-art .slab-back{background:linear-gradient(145deg,#addcf5,#52b1d7);border-color:#d4f3ff}
.opening-art .slab-front svg path{stroke:#f3ffff}.opening-art .slab-front svg path+path{stroke:#99f4df}
.opening-art .opening-orbit{border:1px solid #c9e1e9;box-shadow:0 6px 18px #14546e0b,inset 0 1px 0 #fff}
.opening-art .opening-orbit>.icon{stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-pricing .plan-feature-heading{font-size:14px;line-height:1.6}
@media(max-width:650px){.page-opening .hero-lead{line-height:1.7}.catalog-card h2,.feature-card h3{overflow-wrap:break-word}}

/* Buyer positioning: preserve the approved visual system and add useful evaluation detail. */
.hf-copy h1>span{font-size:.82em;line-height:1.15}.hf-lead{margin-bottom:14px}.hf-audience{font-size:14px;line-height:1.65;color:#35596f;max-width:530px;margin:0 0 24px}
.buyer-evaluation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding:36px;margin-block:36px 64px;border:1px solid #cddfe8;border-radius:24px;background:linear-gradient(120deg,#f0f7ff,#f1fbf7);box-shadow:0 12px 36px #19496208}
.buyer-evaluation h2{font:600 clamp(28px,3vw,38px)/1.2 Manrope,Inter,sans-serif;letter-spacing:-.035em;color:#15394e;margin:12px 0 18px;text-wrap:balance}.buyer-evaluation h2 span{color:#08768b}.buyer-evaluation p{font-size:16px;line-height:1.75;color:#405e70;margin:0 0 20px}.buyer-evaluation .studio-eyebrow{font-size:11px;color:#075e68;margin:0;letter-spacing:.1em}.buyer-evaluation small{display:block;font-size:12px;line-height:1.65;color:#4b6879;margin-top:14px}.buyer-evaluation ol{list-style:none;margin:0;padding:0;display:grid;gap:20px;align-content:center}.buyer-evaluation li{display:flex;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #d1e3e8}.buyer-evaluation li:last-child{border:0;padding-bottom:0}.buyer-evaluation li>span{flex:none;background:#fff;border:1px solid #c9dfe9;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:12px;color:#0865bd;font-weight:600}.buyer-evaluation h3{font-size:18px;line-height:1.4;color:#15394e;margin:0 0 8px}.buyer-evaluation li p{font-size:15px;margin:0}.buyer-example{background:#fff;border:1px solid #d1e3e8;border-radius:18px;padding:26px;align-self:center}.buyer-example .tiny-label{font-size:10px;color:#075e68}.buyer-example blockquote{font-size:21px;line-height:1.55;font-weight:500;color:#15394e;margin:18px 0 24px;padding:0;border:0}.buyer-example p{font-size:15px;margin:0}.buyer-plan-note{display:flex;align-items:center;gap:32px;padding:26px 30px;margin-block:28px 48px;border:1px solid #cadfe8;border-radius:18px;background:#f1f8fc}.buyer-plan-note strong{font-size:16px;color:#15394e}.buyer-plan-note p{font-size:14px;line-height:1.7;color:#405e70;margin:8px 0 0;max-width:840px}.buyer-plan-note>.text-link{flex:none;font-size:14px}.buyer-plan-note a:focus-visible{outline:3px solid #08768b;outline-offset:4px}
@media(max-width:850px){.buyer-evaluation{gap:30px;padding:28px;grid-template-columns:1fr}.buyer-plan-note{align-items:flex-start;flex-direction:column;gap:16px}.hf-copy h1>span{font-size:.88em}}
@media(max-width:480px){.buyer-evaluation{padding:23px 20px;gap:28px;border-radius:18px;margin-block:24px 40px}.buyer-evaluation p{font-size:15px}.buyer-evaluation h2{font-size:29px}.buyer-evaluation .button{white-space:normal}.buyer-example{padding:20px}.buyer-example blockquote{font-size:19px}.buyer-plan-note{padding:22px}.hf-audience{font-size:13px;margin-bottom:22px}.hf-copy h1>span{font-size:.86em}.hf-eyebrow{letter-spacing:.06em}}
/* Platform editorial hierarchy; existing motion and card styling retained. */
.platform-workflow-grid.editorial-jobs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.platform-workflow-grid.editorial-jobs{grid-template-columns:1fr}}