/* Professional layout retained. Hostinger reference: #673de6, #b39ef3, #9a7cff. */
:root { --purple:#673de6; --purple-light:#b39ef3; --purple-bright:#9a7cff; }
html:has(.professional-page) { scroll-padding-top:24px; }
.professional-page:has(#navigation.open) { overflow:hidden; }
.professional-page .header { height:112px; position:relative; background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; }
.professional-page .nav { height:112px; display:grid; grid-template-columns:1fr auto 1fr; gap:30px; border:0; }
.official-brand { width:180px; height:96px; justify-self:start; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; }
.official-brand img { width:145px; height:auto; }
.brand-tagline { font-size:9.5px; line-height:1.2; font-weight:800; color:#fff; letter-spacing:.45px; text-transform:uppercase; white-space:nowrap; }
.professional-page .nav-links { gap:38px; }
.professional-page .nav-links a { display:flex; align-items:center; min-height:44px; font-size:14px; }
.professional-page .nav-links a[aria-current] { text-decoration:underline; text-decoration-color:var(--purple-light); text-underline-offset:8px; }
.professional-page .nav-cta { justify-self:end; min-height:52px; padding:7px 8px 7px 23px; gap:22px; border-radius:999px; background:linear-gradient(135deg,#7b52ed 0%,#673de6 60%,#5025bf 100%); border-color:#9a7cff99; color:#fff; box-shadow:inset 0 1px 0 #ffffff30,0 6px 25px #673de628; font-weight:800; }
.demo-orb { display:grid; place-items:center; width:35px; height:35px; border-radius:50%; background:#ffffff16; box-shadow:inset 0 1px 0 #ffffff20; }
.demo-orb svg { width:19px; height:19px; }
.professional-page .hero { overflow:clip; }
.professional-page .hero-copy { padding-top:36px; will-change:auto; }
.professional-page .hero h1 { font-size:clamp(42px,4.65vw,68px); font-weight:500; line-height:1.1; letter-spacing:-.035em; max-width:1110px; margin:0 auto 24px; text-wrap:balance; }
.professional-page .hero h1 > span { display:block; }
.professional-page .hero-copy > p { font-size:16px; line-height:1.7; color:#b7b5c0; }
.professional-page .hero-actions { margin-top:25px; }
.hero-artwork { position:relative; width:100%; max-width:1593px; margin:26px auto 0; background:var(--bg); }
.hero-artwork img { width:100%; height:auto; display:block; object-fit:contain; mix-blend-mode:lighten; }
.platforms { background:transparent; color:#f5f3fc; padding:64px 0 36px; overflow:hidden; }
.platforms h2 { max-width:1040px; margin:0 auto 42px; padding:0 24px; font-size:13px; line-height:1.8; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; text-align:center; color:#c0bacd; }
.platform-rail { width:100%; overflow-x:auto; scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.platform-rail::-webkit-scrollbar { display:none; }
.platform-rail:focus-visible { outline:2px solid var(--purple-light); outline-offset:-6px; }
.platform-track { display:flex; width:max-content; align-items:center; animation:platform-flow 90s linear infinite; animation-play-state:paused; }
.platform-track.is-in-view { animation-play-state:running; }
.platform-rail:hover .platform-track,.platform-rail:focus-within .platform-track,html.page-hidden .platform-track { animation-play-state:paused; }
.platform-logo-group { display:flex; align-items:center; gap:80px; padding:0 80px 0 0; margin:0; list-style:none; }
.platform-logo { width:130px; height:68px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.platform-logo img { display:block; width:100%; height:100%; max-height:44px; object-fit:contain; filter:grayscale(1) invert(1) brightness(1.55); opacity:.9; }
.platform-logo[data-platform="salesforce"] img,.platform-logo[data-platform="sap"] img { max-height:54px; filter:grayscale(1); }
.platform-logo[data-platform="google-calendar"] img { max-width:50px; max-height:46px; filter:grayscale(1); }
.platform-logo[data-platform="microsoft-dynamics-365"] img { max-height:50px; filter:grayscale(1) brightness(1.8); }
.platform-logo[data-platform="whatsapp"] img { filter:grayscale(1) brightness(1.8); }
@keyframes platform-flow { to { transform:translateX(-50%); } }
.about-section { border-top:1px solid #ffffff18; display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.about-section h2 { font-size:clamp(32px,3.4vw,48px); font-weight:500; letter-spacing:-.025em; }
.about-section p { color:#b7b5c0; line-height:1.8; max-width:55ch; }
.about-section p:first-child { font-size:22px; color:#f2f2f2; margin-bottom:18px; }
.about-section .hero-explore { display:inline-flex; align-items:center; min-height:44px; margin-top:18px; color:var(--purple-light); text-decoration:underline; text-underline-offset:5px; }
.professional-page .skip-link { color:#fff; }
@media(max-width:900px) {
 .professional-page .hero-copy { padding-top:30px; }
 .professional-page .hero h1 { max-width:800px; font-size:clamp(40px,5.4vw,50px); }
 .professional-page .nav-links { gap:24px; }
 .platforms { padding:48px 0 28px; }
 .platforms h2 { font-size:12px; letter-spacing:1.5px; margin-bottom:32px; }
 .platform-logo-group { gap:55px; padding-right:55px; }
 .about-section { gap:35px; }
}
@media(max-width:640px) {
 .professional-page .header,.professional-page .nav { height:94px; }
 .professional-page .nav { width:calc(100% - 28px); grid-template-columns:1fr auto auto; gap:10px; }
 .official-brand { width:124px; height:82px; gap:6px; }
 .official-brand img { width:112px; }
 .brand-tagline { font-size:7.3px; letter-spacing:.05px; }
 .professional-page .nav-cta { grid-column:3; grid-row:1; display:inline-flex; min-height:46px; padding:6px 6px 6px 15px; gap:9px; font-size:12px; }
 .demo-orb { width:28px; height:28px; }
 .professional-page .menu-button { display:flex; grid-column:2; grid-row:1; width:44px; height:44px; align-items:center; justify-content:center; flex-direction:column; gap:6px; padding:10px; border:1px solid #ffffff30; border-radius:50%; background:transparent; }
 .professional-page .menu-button span { width:18px; height:1px; background:#fff; display:block; }
 .professional-page .nav-links { display:none; position:absolute; z-index:55; top:88px; left:14px; right:14px; padding:18px 24px; border:1px solid #443457; border-radius:16px; background:#15111f; box-shadow:0 20px 50px #0008; }
 .professional-page .nav-links.open { display:flex; flex-direction:column; align-items:stretch; gap:8px; }
 .professional-page .nav-links a { font-size:17px; padding:6px 0; }
 .professional-page .hero-copy { width:calc(100% - 32px); padding-top:32px; }
 .professional-page .hero h1 { max-width:490px; font-size:clamp(34px,8.6vw,48px); line-height:1.13; margin-bottom:22px; }
 .professional-page .hero h1 > span { display:inline; }
 .professional-page .hero-copy > p { font-size:13px; line-height:1.75; max-width:370px; }
 .professional-page .hero-actions { margin-top:24px; gap:10px; }
 .professional-page .hero-actions .button { padding:10px 14px; font-size:12px; min-height:44px; }
 .hero-artwork { margin-top:32px; }
 .platforms { padding:38px 0 18px; }
 .platforms h2 { max-width:560px; font-size:11px; letter-spacing:1.1px; line-height:1.9; padding:0 28px; margin-bottom:24px; }
 .platform-logo-group { gap:42px; padding-right:42px; }
 .platform-logo { width:115px; height:58px; }
 .platform-logo img { max-height:38px; }
 .about-section { grid-template-columns:1fr; gap:24px; }
}
@media(min-width:641px) and (max-width:800px) {
 .professional-page .nav { grid-template-columns:1fr auto 1fr; gap:20px; }
 .professional-page .official-brand { width:140px; }
 .professional-page .official-brand img { width:122px; }
 .professional-page .brand-tagline { font-size:8px; letter-spacing:.2px; }
 .professional-page .menu-button { display:none; }
 .professional-page .nav-links { display:flex; flex-direction:row; align-items:center; position:static; background:transparent; border:0; padding:0; gap:20px; box-shadow:none; }
 .professional-page .nav-links a { font-size:13px; }
 .professional-page .nav-cta { display:inline-flex; font-size:12px; gap:10px; min-height:46px; padding:6px 6px 6px 17px; }
 .demo-orb { width:29px; height:29px; }
}
@media(max-width:360px) {
 .professional-page .nav { width:calc(100% - 20px); gap:6px; }
 .official-brand { width:107px; }
 .official-brand img { width:98px; }
 .brand-tagline { font-size:6.7px; letter-spacing:0; }
 .professional-page .nav-cta { padding-left:12px; gap:6px; font-size:11px; }
 .professional-page .hero-actions { gap:8px; }
 .professional-page .hero-actions .button { padding:10px 11px; gap:8px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
 .platform-track { animation:none; }
 .platform-logo-group[aria-hidden="true"] { display:none; }
}
html.static-preview .platform-track { animation:none; }
html.static-preview .platform-logo-group[aria-hidden="true"] { display:none; }