/* Superside reference verified: Instrument Serif italic + Inter Tight. OFL files retained locally. */
@font-face {font-family:'Instrument Serif';src:url('assets/fonts/instrument-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap;}
@font-face {font-family:'Inter Tight';src:url('assets/fonts/inter-tight-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;}
.professional-page .header,.professional-page .nav {height:132px;}
.professional-page .nav {width:calc(100% - 80px);max-width:1680px;}
.professional-page .official-brand {width:225px;height:118px;gap:9px;}
.professional-page .official-brand img {width:180px;}
.professional-page .brand-tagline {font-size:12px;letter-spacing:.35px;font-weight:800;}
.professional-page .hero-copy {padding-top:210px;}
.professional-page .hero h1 {max-width:1120px;font-family:Mulish,Arial,sans-serif;font-size:clamp(46px,4.65vw,68px);line-height:1.11;margin:0 auto;letter-spacing:-.025em;}
.professional-page .hero h1 em {font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;font-size:1.105em;letter-spacing:0;white-space:nowrap;}
.professional-page .hero-artwork {margin-top:-32px;perspective:1500px;}
.laptop-rise {transform-origin:50% 70%;position:relative;mix-blend-mode:lighten;background:var(--bg);}
.laptop-scene {position:relative;background:var(--bg);transform-origin:50% 60%;animation:workflow-camera 12s ease-in-out infinite alternate;animation-play-state:paused;}
.hero-artwork .workflow-energy {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;}
.signal {stroke:#b4fff0;stroke-width:2.2;stroke-dasharray:60 940;stroke-dashoffset:1000;opacity:.72;filter:drop-shadow(0 0 4px #7cf7e2);animation:workflow-signal 4.6s linear infinite;animation-play-state:paused;}
.signal-b {animation-delay:-1.8s;stroke:#bda5ff;}
.signal-c {animation-delay:-.7s;}
.signal-d {animation-delay:-2.9s;stroke:#bda5ff;}
.signal-e {animation-delay:-1.1s;animation-duration:3.2s;}
.signal-f {animation-delay:-2.4s;animation-duration:3.8s;}
.energy-node {filter:url(#signal-glow);opacity:.2;transform-origin:center;transform-box:fill-box;animation:workflow-node 3.8s ease-in-out infinite;animation-play-state:paused;}
.energy-node:nth-child(2) {animation-delay:-1.4s;}
.energy-node:nth-child(3) {animation-delay:-2.5s;}
.workflow-running .laptop-scene,.workflow-running .signal,.workflow-running .energy-node {animation-play-state:running;}
.workflow-pause {position:absolute;right:26px;bottom:18px;z-index:5;width:44px;height:44px;display:grid;place-items:center;padding:12px;border:1px solid #ffffff28;background:#14121dbd;color:#e6dffa;border-radius:50%;opacity:.65;transition:opacity .2s;}
.workflow-pause:hover,.workflow-pause:focus-visible {opacity:1;}
.workflow-pause svg {width:18px;height:18px;}
.workflow-pause .play-icon {display:none;}
.workflow-paused .workflow-pause .pause-icon {display:none;}
.workflow-paused .workflow-pause .play-icon {display:block;}
@keyframes workflow-signal {to{stroke-dashoffset:0;}}
@keyframes workflow-node {50%{opacity:.9;transform:scale(1.4);}}
@keyframes workflow-camera {from{transform:translate3d(-3px,2px,0) scale(1);}to{transform:translate3d(4px,-6px,0) scale(1.012);}}
.professional-page .platforms {padding-top:54px;}
.professional-page .platforms h2 {font-family:'Inter Tight',Arial,sans-serif;font-weight:400;font-size:20px;letter-spacing:.1px;text-transform:none;line-height:1.45;color:#eeeaf6;max-width:1050px;margin-bottom:42px;}
.professional-page .platform-logo img {filter:none;opacity:1;}
/* Keep dark original inks untouched; compact lilac backings, not a white section. */
.platform-logo:is([data-platform="zoho"],[data-platform="kommo"],[data-platform="zendesk"],[data-platform="freshsales"],[data-platform="attio"]) {height:56px;padding:8px 10px;background:#d6cfea;border-radius:7px;}
.platform-logo:is([data-platform="zoho"],[data-platform="kommo"],[data-platform="zendesk"],[data-platform="freshsales"],[data-platform="attio"]) img {max-height:40px;}
.professional-page .skip-link:not(:focus) {clip-path:inset(50%);}
.services-section {padding:82px 0 100px;}
.services-section > h2 {font-family:'Inter Tight',Arial,sans-serif;font-weight:400;font-size:52px;line-height:1.15;letter-spacing:-.025em;text-align:center;margin:0 0 56px;}
.services-grid {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;}
.service-card {position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:420px;grid-column:span 6;background:#efeee9;color:#172220;transition:transform .35s ease,box-shadow .35s ease;}
.service-narrow {grid-column:span 3;}
.service-card:hover,.service-card:focus-visible {transform:translateY(-5px);box-shadow:0 16px 35px #0004;}
.service-copy {position:relative;z-index:2;padding:24px;max-width:360px;}
.service-copy h3 {font-family:'Inter Tight',Arial,sans-serif;font-weight:500;font-size:24px;line-height:1.1;letter-spacing:-.01em;}
.service-copy p {font-family:'Inter Tight',Arial,sans-serif;font-size:15px;line-height:1.5;margin-top:12px;max-width:290px;color:#3c4746;}
.service-image {position:absolute;left:0;bottom:0;width:100%;height:70%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.2,1);padding:0 16px 0;}
.service-card:hover .service-image,.service-card:focus-visible .service-image {transform:scale(1.035) translateY(-4px);}
.service-arrow {position:absolute;bottom:18px;right:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #17222030;border-radius:50%;font-size:20px;background:#ffffff8a;z-index:3;}
.service-whatsapp-response {background:#edf2eb;}
.service-whatsapp-response .service-copy {max-width:270px;}
.service-whatsapp-response .service-image {left:auto;right:-18px;width:78%;height:80%;}
.service-lead-cleaning {background:#e5dcf7;}
.service-campaign-analytics {background:#e0eaf2;}
.service-campaign-analytics .service-image {height:65%;width:100%;left:0;object-fit:contain;}
.service-ai-nurturing {background:#e7e1f3;}
.service-ai-nurturing .service-copy {max-width:270px;}
.service-ai-nurturing .service-image {left:auto;right:10px;width:57%;height:96%;}
.service-ai-qualification {background:#e4eee8;}
.service-ai-qualification .service-image {height:71%;padding:0 10px 20px;}
.service-automated-messaging {background:#e8eeed;}
.service-automated-messaging .service-copy {margin-left:auto;max-width:260px;}
.service-automated-messaging .service-image {width:59%;height:97%;padding:0;object-position:left bottom;}
.service-seo-growth {background:#e9e2f3;}
.service-seo-growth .service-image {height:76%;padding:0 25px;}
@media(max-width:1100px) {
 .professional-page .nav {width:calc(100% - 48px);}
 .professional-page .hero-copy {padding-top:180px;}
 .services-grid {gap:14px;}
 .service-card {min-height:380px;}
 .service-copy {padding:22px;}
 .service-copy h3 {font-size:21px;}
 .service-copy p {font-size:14px;}
}
@media(max-width:900px) {
 .professional-page .hero-copy {padding-top:135px;}
 .professional-page .hero h1 {font-size:clamp(44px,5.5vw,54px);}
 .professional-page .hero-artwork {margin-top:-12px;}
 .professional-page .platforms h2 {font-size:18px;}
 .services-section {padding-top:66px;}
 .services-section > h2 {font-size:44px;margin-bottom:40px;}
 .services-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .service-card,.service-narrow {grid-column:span 1;min-height:370px;}
 .service-card:first-child {grid-column:span 2;}
 .service-whatsapp-response .service-image {width:62%;}
 .service-ai-nurturing .service-image {height:70%;width:70%;}
 .service-automated-messaging .service-copy {margin:0;max-width:none;}
 .service-automated-messaging .service-image {width:80%;height:70%;left:auto;right:0;}
 .service-ai-qualification .service-image {height:65%;}
}
@media(min-width:641px) and (max-width:800px) {
 .professional-page .nav {width:calc(100% - 36px);gap:14px;}
 .professional-page .official-brand {width:182px;height:112px;}
 .professional-page .official-brand img {width:155px;}
 .professional-page .brand-tagline {font-size:10.2px;letter-spacing:.05px;}
 .professional-page .nav-links {gap:18px;}
}
@media(max-width:640px) {
 .professional-page .header,.professional-page .nav {height:112px;}
 .professional-page .nav {width:calc(100% - 28px);gap:8px;}
 .professional-page .official-brand {width:148px;height:102px;gap:7px;}
 .professional-page .official-brand img {width:134px;}
 .professional-page .brand-tagline {font-size:8.9px;letter-spacing:0;}
 .professional-page .nav-cta {padding:6px 6px 6px 12px;font-size:11px;gap:7px;}
 .professional-page .nav-links {top:106px;}
 .professional-page .hero-copy {padding-top:116px;}
 .professional-page .hero h1 {font-size:clamp(35px,8.5vw,46px);line-height:1.09;max-width:530px;}
 .professional-page .hero h1 em {white-space:normal;}
 .professional-page .hero h1 > span {display:block;}
 .professional-page .hero-artwork {margin-top:3px;}
 .workflow-pause {right:10px;bottom:0;width:44px;height:44px;padding:12px;}
 .professional-page .platforms {padding-top:36px;}
 .professional-page .platforms h2 {font-size:16px;line-height:1.5;padding:0 24px;max-width:400px;margin-bottom:32px;}
 .services-section {padding:60px 0 70px;}
 .services-section > h2 {font-size:38px;margin-bottom:32px;}
 .services-grid {grid-template-columns:1fr;gap:14px;}
 .service-card,.service-card:first-child {grid-column:span 1;min-height:395px;}
 .service-copy {padding:24px;}
 .service-copy h3 {font-size:24px;}
 .service-copy p {font-size:15px;}
 .service-whatsapp-response .service-image {width:90%;height:73%;}
 .service-ai-nurturing .service-image {height:74%;width:68%;}
 .service-automated-messaging .service-image {width:80%;height:73%;}
}
@media(max-width:360px) {
 .professional-page .nav {width:calc(100% - 20px);gap:5px;}
 .professional-page .official-brand {width:128px;}
 .professional-page .official-brand img {width:120px;}
 .professional-page .brand-tagline {font-size:8px;}
 .professional-page .nav-cta {padding:6px 11px;font-size:11px;}
 .professional-page .nav-cta .demo-orb {display:none;}
 .professional-page .hero-copy {padding-top:95px;}
 .service-copy {padding:22px;}
 .service-copy h3 {font-size:22px;}
}
@media(prefers-reduced-motion:reduce) {
 .laptop-rise,.laptop-scene {transform:none!important;animation:none!important;}
 .workflow-energy,.workflow-pause {display:none;}
 .service-card,.service-card .service-image {transition:none;transform:none!important;}
}
html.static-preview .laptop-rise,html.static-preview .laptop-scene {transform:none!important;animation:none!important;}
html.static-preview .workflow-energy,html.static-preview .workflow-pause {display:none;}