/* Production additions to the approved landing; art and motion are in kinetic/. */
html[data-design=kinetic]{background:#efeee9;scroll-padding-top:24px}
html.kinetic-neon{background:#090c14}
.kineticLanding{background:var(--bg,#efeee9)}
/* Twelve phrases share the original three-phrase strip's unhurried pace. */
.kinetic-marquee>div{animation-duration:140s}
/* Keep complete, still icons as the default, including on touch screens. */
#site[data-design=kinetic] .principle-icon{width:40px;height:40px;transform:none;transition:none}
#site[data-design=kinetic] .principle:hover .principle-icon{transform:none}
.principle-icon svg{display:block;width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.principle:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:3px}
@keyframes principleHistoryEntry{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@keyframes principleStroke{from{opacity:0;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}
@media(min-width:701px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #site[data-design=kinetic]:not(.motion-paused) .principle:is(:hover,:focus-visible) .principle-history-entry{animation:principleHistoryEntry 280ms ease-out both}
  #site[data-design=kinetic]:not(.motion-paused) .principle:is(:hover,:focus-visible) .principle-history-entry-later{animation-delay:100ms}
  #site[data-design=kinetic]:not(.motion-paused) .principle:is(:hover,:focus-visible) :is(.principle-team-link,.principle-phone-check){stroke-dasharray:1;animation:principleStroke 360ms ease-out both}
}
.site-account{display:flex;align-items:center;gap:18px}
.site-account .language-link{font-size:10px;color:var(--muted)}
.site-account [data-kinetic-theme-host]{display:flex}
.kineticThemeToggle{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:7px;border:1px solid var(--border,#d6d7ce);background:transparent;color:var(--muted,#71776b);border-radius:50%;cursor:pointer}
.kineticThemeToggle svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5}
.kineticThemeToggle:hover{color:var(--accent);border-color:var(--accent)}
.kinetic-neon .kineticThemeToggle{color:#91a3b6;border-color:#273744}
.kinetic-neon .kineticThemeToggle:hover{color:#6affce;border-color:#6affce}
#site[data-design=kinetic] .site-header{min-height:88px}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:10px}
.landingFooter{gap:25px}
.launchNotice{padding:18px 0;color:#a75a17;font-size:12px}
.launchNotice a{text-decoration:underline}
.kinetic-neon .launchNotice{color:#edc684}
.production-pricing{padding-top:70px;padding-bottom:70px;border-top:1px solid var(--border)}
.production-pricing .section-heading{gap:40px}
.production-pricing .section-heading h2{font:800 42px/1.15 Manrope,sans-serif;letter-spacing:-2px;max-width:600px}
.production-pricing .section-heading>p{max-width:360px}
.pricing-panel{margin-top:30px;padding:28px;border:1px solid var(--border);background:var(--surface);border-radius:5px;display:grid;gap:20px}
.pricing-panel h3{font:650 25px/1.2 Manrope,sans-serif}
.pricing-panel p{font-size:12px;color:var(--muted);line-height:1.8}
.pricing-panel .button{justify-self:start}
.actual-price{font:650 40px/1.2 Manrope,sans-serif;letter-spacing:-1px}
.actual-price small{font:400 12px/1.4 'Golos Text',sans-serif;letter-spacing:0;color:var(--muted)}
.pro-positioning{margin-top:35px;font-size:12px;line-height:1.8;color:var(--muted)}
.pro-positioning h2{font:700 26px/1.3 Manrope,sans-serif;color:var(--text);letter-spacing:-1px}
.pro-positioning .eyebrow{margin:0 0 12px}
.pro-positioning p{margin:14px 0}
.pro-positioning a{display:inline-block;color:var(--accent);padding:12px 0}
.studio-toolbar{gap:18px;flex-wrap:wrap}
#enter-service{font-size:11px;color:var(--accent);margin-left:auto}
.device-frame iframe{background:var(--bg)}
@media(max-width:700px){.site-account{gap:10px}.site-account .login{padding:10px 12px}.site-account .language-link{font-size:9px}.site-header .brand .official-logo{width:146px;height:34px}#site[data-design=kinetic] .site-header{min-height:76px}.kineticThemeToggle{width:34px;height:34px;min-height:34px}.site-header .site-nav{display:none}.production-pricing{padding-block:45px}.production-pricing .section-heading h2{font-size:34px;letter-spacing:-1.5px}.pricing-panel{padding:22px}.pricing-panel h3{font-size:21px}.landingFooter{align-items:flex-start}.footer-links{gap:12px;line-height:1.8}#enter-service{margin-top:16px;margin-left:0}.studio-toolbar>a{display:inline-block;margin-right:15px}}
@media(max-width:380px){.site-account{gap:7px}.site-header .brand .official-logo{width:126px}.site-account .login{font-size:10px;padding:9px}.site-account .login span{margin-left:4px}}

/* The first screen describes the CRM before visitors explore the other services. */
#site[data-design=kinetic] #kinetic-title.crm-offer-title{font-size:clamp(38px,4.7vw,68px);line-height:1.06;letter-spacing:-.055em;max-width:650px}
#site[data-design=kinetic] #kinetic-title.crm-offer-title .line>em{white-space:normal;overflow-wrap:break-word}
.kinetic-copy{min-width:0}.kinetic-description{max-width:500px}
.crm-profile-entry{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;max-width:540px}
.crm-profile-entry a{font-size:12px;line-height:1.5;color:var(--text);border-bottom:1px solid var(--border);padding:6px 0}
.crm-profile-entry a span{color:var(--accent);margin-left:5px}
.crm-profile-entry a:hover,.crm-profile-entry a:focus-visible{color:var(--accent);border-color:var(--accent)}
.kinetic-trial a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#site[data-design=kinetic] .hero #hero-title{font-family:Manrope,sans-serif;font-size:46px;line-height:1.06;font-weight:800;letter-spacing:-2px;margin:22px 0}
#site[data-design=kinetic] .hero #hero-title em{font-style:normal;color:var(--accent)}
#site[data-design=kinetic] .kinetic-actions{flex-wrap:wrap}
#site[data-design=kinetic] .kinetic-actions a,#site[data-design=kinetic] .kinetic-actions button{min-height:44px}
#site[data-design=kinetic] :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:800px){#site[data-design=kinetic] #kinetic-title.crm-offer-title{font-size:clamp(34px,5.2vw,46px);letter-spacing:-.05em}.kinetic-description{font-size:13px}.crm-profile-entry{gap:6px 14px}.crm-profile-entry a{font-size:11px}#site[data-design=kinetic] .hero #hero-title{font-size:40px}}
@media(max-width:560px){#site[data-design=kinetic] #kinetic-title.crm-offer-title{font-size:clamp(37px,10.3vw,55px);margin-block:24px;max-width:100%}.kinetic-description{font-size:14px}.crm-profile-entry a{font-size:12px}#site[data-design=kinetic] .kinetic-trial{font-size:10px;line-height:1.6;flex-wrap:wrap;gap:8px 12px}#site[data-design=kinetic] .kinetic-actions{gap:12px 20px}.kinetic-actions .kinetic-cta,#kinetic-demo{font-size:12px}#site[data-design=kinetic] .hero #hero-title{font-size:34px}}

/* Readable light-theme text and actions; decorative orange and Neon stay intact. */
html:not(.kinetic-neon):not([data-appearance=neon]) #site[data-design=kinetic]{--muted:#60665a;--accent:#b63a17}
html:not(.kinetic-neon):not([data-appearance=neon]) .kineticLanding :is(.kinetic-description,.kinetic-edition,.kinetic-trial,.scene-coordinate,.scene-controls,.scene-controls button,.kinetic-footer,.kinetic-footer>span:last-child,.orbit-chip small,.kinetic-track button,.kinetic-track button small,.kinetic-flow-heading h2 em,.kinetic-flow-heading>p,.kinetic-flow-caption,.flow-auto){color:#60665a}
html:not(.kinetic-neon):not([data-appearance=neon]) #site[data-design=kinetic] :is(.kinetic-cta,.button.primary){background:#b63a17;color:#fff9f1}
html:not(.kinetic-neon):not([data-appearance=neon]) #site[data-design=kinetic] .kinetic-track button.active .track-number{background:#b63a17;color:#fff9f1;border-color:#b63a17}
html:not(.kinetic-neon):not([data-appearance=neon]) #site[data-design=kinetic] :is(.kinetic-track button.active strong,.pricing-link){color:#b63a17}
html:not(.kinetic-neon):not([data-appearance=neon]) #site[data-design=kinetic] .hero .eyebrow{color:#60665a}
html:not(.kinetic-neon):not([data-appearance=neon]) #site[data-design=kinetic] .start-section{background:#b63a17}
html:not(.kinetic-neon):not([data-appearance=neon]) #site[data-design=kinetic] .start-section .pricing-link{color:#fff9f1}
html:not(.kinetic-neon):not([data-appearance=neon]) #site[data-design=kinetic] .start-section .primary{background:#25291f;color:#fff9f1}
html:not(.kinetic-neon):not([data-appearance=neon]) #site[data-design=kinetic] .device-stage:not([data-device=phone]) .frame-chrome{color:#60665a}
html:not(.kinetic-neon):not([data-appearance=neon]) .kineticLanding #order-modal{--accent:#b63a17;--muted:#60665a;--buttontext:#fff9f1}