/* README 20261113: component styles only; conversion and media behavior stay with their owners. */
.nav-sales-phone{color:#303946;font-size:16px;font-weight:650;white-space:nowrap}
.nav-sales-phone>a{display:none}
.nav-sales-phone-menu{color:#303946;font-weight:650}
.nav-sales-phone a:focus-visible,.nav-sales-phone-menu:focus-visible{outline:2px solid #2473d5;outline-offset:4px}
.feature-group.ai-entry-workbuddy{display:inline-block;margin:0 0 0 4px;vertical-align:middle;padding:3px 8px;border-radius:6px;background:#d6e6ff;color:#1f2c3d;font-size:11px;line-height:1.6;white-space:nowrap}
.ai-entry-workbuddy strong{font:inherit;font-weight:700}
.nav .mobile-ai-entry{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
@media(min-width:1051px) and (max-width:1250px){.nav .nav-links{gap:16px}}

/* Move the existing scene controls above the unchanged full-size presentation. */
#hero.hero-expanded{padding-top:20px}
#hero.hero-expanded .hero-copy{max-width:1560px;padding-inline:clamp(20px,3.5vw,56px);margin-bottom:18px}
#hero.hero-expanded .hero-title-row{justify-content:center}
#hero.hero-expanded .hero-sub.scene-subhead{justify-content:center;margin-top:8px;font-size:16px;line-height:1.4}
#hero.hero-expanded .hero-proof{max-width:760px;margin-top:12px}
#hero.hero-expanded .proof-badges{gap:8px 14px}
#hero.hero-expanded .proof-metric-row{height:36px;gap:5px}
#hero.hero-expanded .proof-leaf{width:19px;height:34px}
#hero.hero-expanded .proof-metric b{font-size:27px}
#hero.hero-expanded .proof-metric span{font-size:12px}
#hero.hero-expanded .proof-label,#hero.hero-expanded .proof-note{font-size:13px;line-height:18px;white-space:normal}
#hero.hero-expanded .hero-scene{margin-top:0;padding-bottom:0}
#hero.hero-expanded .hero-centered-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px auto 0;width:fit-content;max-width:100%}
#hero.hero-expanded .hero-centered-controls .scene-tabs{position:relative;inset:auto;transform:none;margin:0;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none}
#hero.hero-expanded .hero-centered-controls .hero-cta{margin:0;justify-content:center;gap:6px}
#hero.hero-expanded .hero-centered-controls :is(.scene-tabs button,.hero-cta .btn){height:40px;min-height:40px;border-radius:999px;font-size:13px}
#hero.hero-expanded .hero-centered-controls .scene-tabs button{padding:0 12px;white-space:nowrap}
#hero.hero-expanded .hero-centered-controls .hero-cta .btn{padding:0 14px}
#hero.hero-expanded .scene-progress{height:3px;border-radius:999px;z-index:1}
#hero.hero-expanded .scene-tabs button[aria-selected=true]::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:999px;background:#dce7f7;pointer-events:none}
#hero.hero-expanded+#videos{margin-top:64px}
@media(min-width:768px){#hero.hero-expanded .hero-copy{top:12px}}
@media(min-width:1100px){
 #hero.hero-expanded h1.scene-headline{font-size:clamp(30px,2.7vw,44px);line-height:1.17;max-width:calc(100% - 64px)}
 #hero.hero-expanded .hero-title-character{width:62px;height:62px;margin-block:-5px}
}
@media(min-width:960px){
 #hero.hero-expanded .hero-centered-controls{padding:4px;border:1px solid #dfe6f2;border-radius:999px;background:#f6f8fdf2;box-shadow:0 6px 24px #344b7812}
 #hero.hero-expanded .hero-centered-controls .hero-cta{padding-left:8px;border-left:1px solid #dfe6f2}
}

/* Keep the existing buttons/IDs and their role-specific playback mapping. */
#ai.ai-integrated .ai-flow-rail{position:absolute;z-index:3;top:12px;right:0;width:var(--rail-width)}
#ai.ai-integrated .ai-flow-rail .ai-flow-steps{position:static;width:100%;margin:18px 0 0}
#ai.ai-integrated .ai-flow-rail .ai-role-video-link{margin:0}
:is(#ai.ai-integrated,#ai.location-ai) .ai-role-actions,#values .value-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,310px);gap:10px}
:is(#ai.ai-integrated,#ai.location-ai) .ai-role-actions>.btn,#values .value-actions>.btn{width:100%;min-width:0;height:42px;min-height:42px;padding-inline:12px;border-radius:12px;font-size:14px;gap:7px;white-space:nowrap}
#values .value-actions{margin-top:22px}
:is(#ai.ai-integrated,#ai.location-ai) .ai-role-video-link{display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;max-width:100%;height:34px;padding:0 0 3px;border:0;border-bottom:1px solid #a8c6ea;border-radius:0;background:transparent;color:#126cce;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:none}
:is(#ai.ai-integrated,#ai.location-ai) .ai-role-video-link .ri{width:12px;height:12px;flex:none;fill:none}
:is(#ai.ai-integrated,#ai.location-ai) .ai-role-video-link:hover{background:transparent;color:#0753ac;border-bottom-color:currentColor;box-shadow:none}
:is(#ai.ai-integrated,#ai.location-ai) .ai-role-video-link:focus-visible{outline:2px solid #2b7ee4;outline-offset:3px}
#ai.location-ai .ai-role-video-link{position:absolute;z-index:3;top:12px;right:max(0px,calc(var(--rail-width) - 134px))}
@media(min-width:768px){#ai.ai-integrated #ai-title{font-size:42px;color:#303946}}
@media(max-width:900px){#ai.location-ai .ai-role-video-link{position:relative;top:auto;right:auto;margin:0 auto 18px}}

/* Reuse the live conversion controls and blue gradient; add only the orange treatment. */
#hero.hero-expanded .hero-cta>[data-open=solution],:is(#ai.ai-integrated,#values) [data-open=solution],#ai.location-ai .ai-role-actions>[data-contact],:is(.product-continuation,.location-product) main .btn-primary[data-contact]{background:linear-gradient(110deg,#ffa335,#fa7121);border-color:transparent;color:#fff;text-shadow:0 1px 2px #91380052;box-shadow:0 4px 12px #f28a332b}
#hero.hero-expanded .hero-cta>[data-open=solution]:hover,:is(#ai.ai-integrated,#values) [data-open=solution]:hover,#ai.location-ai .ai-role-actions>[data-contact]:hover,:is(.product-continuation,.location-product) main .btn-primary[data-contact]:hover{background:linear-gradient(110deg,#fb922b,#f06719);box-shadow:0 6px 16px #f28a3340}
#values [data-open=consult],:is(.product-continuation,.location-product) main .btn-secondary[data-contact]{color:#fff;border-color:transparent;background:linear-gradient(120deg,#68b7f5,#3b94e8 42%,#256bd5);background-origin:border-box;background-clip:border-box;background-repeat:no-repeat;box-shadow:0 5px 14px #347cce1c}
#values [data-open=consult]:hover,:is(.product-continuation,.location-product) main .btn-secondary[data-contact]:hover{background-image:linear-gradient(120deg,#55a9ed,#2d86db 42%,#205fc6)}
.feature-visual[data-no-image-zoom]{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.product-continuation .feature-visual[data-no-image-zoom] img{max-height:510px}
.location-product:not(.continuation) .feature-row>.feature-visual img{width:100%;height:408px;object-fit:contain}
.feature-copy .feature-solution{height:42px;min-height:42px;margin-top:20px;padding-inline:18px;gap:7px;font-size:14px}
@media(min-width:768px){.location-product:not(.continuation) .feature-row>.feature-copy{position:relative;top:-24px}}
@media(min-width:768px) and (max-width:1250px){.location-product:not(.continuation) .feature-row>.feature-visual img{height:356px}}

@media(max-width:767px){
 .nav-sales-phone{font-size:13px}
 .nav-sales-phone>span{display:none}
 .nav-sales-phone>a{display:inline;color:inherit}
 .nav .nav-inner,.nav .nav-actions{align-items:center}
 .nav .nav-inner{gap:8px}.nav .nav-actions{gap:6px}
 .nav .logo,.nav .nav-logo,.nav .nav-sales-phone{display:flex;align-items:center}
 .nav :is(.logo,.nav-logo) img{display:block;width:110px;height:auto;transform:translateY(-3px)}
 .nav :is(.nav-actions .btn-primary,.nav-register,.menu-toggle,.nav-menu){display:inline-flex;align-items:center;justify-content:center;height:36px;padding-block:0}
 #hero.hero-expanded{padding-top:16px}
 #hero.hero-expanded .hero-copy{padding-inline:16px;margin-bottom:8px}
 #hero.hero-expanded h1.scene-headline{font-size:clamp(25px,6.5vw,38px)}
 #hero.hero-expanded .hero-sub.scene-subhead{font-size:14px}
 #hero.hero-expanded .hero-proof .proof-badges{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
 #hero.hero-expanded .hero-proof .proof-metric-row{height:28px;gap:2px}
 #hero.hero-expanded .hero-proof .proof-leaf{width:clamp(7px,2.2vw,12px);height:24px}
 #hero.hero-expanded .hero-proof .proof-metric b{font-size:clamp(17px,5vw,24px)}
 #hero.hero-expanded .hero-proof .proof-metric span{font-size:clamp(8px,2.4vw,11px)}
 #hero.hero-expanded .hero-proof .proof-label{font-size:clamp(9px,2.65vw,12px);line-height:16px}
 #hero.hero-expanded .hero-proof .proof-note{display:block;font-size:clamp(9px,2.45vw,11px);line-height:1.35;white-space:normal;overflow-wrap:anywhere}
 #hero.hero-expanded .hero-centered-controls{width:100%;margin-top:20px}
 #hero.hero-expanded .hero-centered-controls .scene-tabs{display:flex;flex-wrap:nowrap;justify-content:safe center;width:calc(100% - 16px);gap:6px;padding:5px 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;border:1px solid #dfe6f2;background:#f6f8fdf2}
 #hero.hero-expanded .hero-centered-controls .scene-tabs button{flex:0 0 auto;width:auto;min-width:max-content;padding-inline:16px;font-size:12px}
 #hero.hero-expanded .hero-centered-controls .hero-cta{display:flex;flex-wrap:nowrap;justify-content:center;width:100%}
 #hero.hero-expanded .scene-tabs button[aria-selected=true]::after{left:12px;right:12px}
 #hero.hero-expanded+#videos{margin-top:38px}
 :is(#ai.ai-integrated,#ai.location-ai) .ai-role-actions>.btn,#values .value-actions>.btn{height:40px;min-height:40px;font-size:13px}
 #ai.ai-integrated .ai-flow-rail{position:relative;top:auto;right:auto;width:100%;margin-bottom:18px}
 #ai.ai-integrated .ai-flow-rail .ai-role-video-link{margin-inline:auto}
 #ai.ai-integrated .ai-flow-rail .ai-flow-steps{margin:14px auto 0}
 .location-product:not(.continuation) .feature-row>.feature-visual img{height:auto;max-height:380px}
 .feature-copy .feature-solution{height:40px;min-height:40px;margin-top:16px;font-size:13px}
}
@media(max-width:379px){.nav .nav-sales-phone{display:none}}