/* Fat Panda's measured Instrument Serif / Inter treatment, in HubLead's identity.
   These scoped rules supersede earlier draft treatments, not the source media. */
:root{--hl-violet:#673de6;--hl-ink:#19151f;--hl-white:#fff;--hl-curve:28px;--hl-plum:#211334;}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/* The reference's display face is serif throughout, with true italic emphasis. */
.professional-page .trial-headline .conversion-title{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.012em;line-height:1.05;}
.professional-page .trial-headline .conversion-title em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;}
/* Each preceding surface curves over a full-width backing. No white/plum masks. */
.crm-introduction{z-index:2;border-radius:0 0 var(--hl-curve) var(--hl-curve);margin-bottom:-28px;padding:48px 0 76px;background:#000;}
.professional-page .performance-zone{background:var(--hl-plum);padding:0;}
.performance-background{display:none;}
.logo-chapter{background:#fff;}
.professional-page .performance-zone .platforms{padding:104px 0 76px;background:radial-gradient(ellipse at 75% 90%,#3c1a61,transparent 65%),var(--hl-plum);border-radius:0 0 var(--hl-curve) var(--hl-curve);}
.professional-page .performance-intro{margin:0;padding:104px max(5vw,calc((100vw - 1320px)/2));background:#fff;border-radius:0 0 var(--hl-curve) var(--hl-curve);color:var(--hl-ink);}
.performance-intro .performance-eyebrow{border-color:#ded8e5;color:#685c75;}
.performance-intro .performance-copy h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.012em;line-height:1.08;}
.performance-intro .performance-copy h2 em{color:#673de6;}
.performance-intro .performance-copy p{font-family:'Inter Reference',Arial,sans-serif;line-height:1.65;}
.data-chapter{background:radial-gradient(ellipse at 76% 15%,#3b1a61,transparent 70%),linear-gradient(180deg,var(--hl-plum) 0%,#160e22 65%,#000 100%);}
.performance-data{padding:106px 0 120px;border:0;}
/* Two wide columns give the original portrait films a larger, uncropped stage. */
.overview-chapter{background:#f8f9f1;}
.professional-page .rev-features{width:100%;padding:70px max(24px,calc((100vw - 1200px)/2)) 96px;background:#000;border-radius:0 0 var(--hl-curve) var(--hl-curve);}
.rev-features .rev-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.rev-features .rev-card,.rev-features .rev-card--half{grid-column:auto;height:560px;padding:0;}
.rev-features .rev-card--full{grid-column:1/-1;height:560px;}
.rev-features .rev-video,.rev-features .rev-card--full .rev-video{height:100%;aspect-ratio:auto;object-fit:contain;padding:0 0 52px;}
.rev-features .rev-card-label{font-family:'Inter Reference',Arial,sans-serif;font-size:clamp(22px,1.8vw,27px);bottom:26px;line-height:1.2;}
.rev-card::before{opacity:.7;}
/* Preserve the full supplied portrait composition; its pale frame is one canvas. */
.ai-earned-banner{margin:0;padding:52px 0 72px;background:#f8f9f1;border-radius:0 0 var(--hl-curve) var(--hl-curve);}
.ai-earned-visual{max-width:1463px;}
.professional-page .rev-platform{width:100%;margin:0;padding:90px max(28px,calc((100vw - 1320px)/2)) 72px;background:#000;}
.rev-platform .rev-section-title{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.012em;font-size:clamp(46px,4.6vw,66px);line-height:1.05;}
.platform-explanation{max-width:710px;margin:26px auto 0;font:400 1.0625rem/1.65 'Inter Reference',Arial,sans-serif;color:#c6becf;text-wrap:pretty;}
.rev-feature-list{margin-top:84px;gap:112px;}
.rev-feature--image,.rev-feature--image.rev-feature--media-left{grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);gap:70px;align-items:center;}
.rev-feature--image.rev-feature--media-left{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);}
.feature-index{display:block;margin:0 0 22px;color:#a98be6;font:600 .75rem/1.5 'Inter Reference',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;}
.rev-feature--image .rev-feature-copy h3{font:400 clamp(38px,3.55vw,52px)/1.07 'Instrument Serif',Georgia,serif;letter-spacing:-.012em;margin:0 0 24px;color:#fff;text-wrap:balance;}
.rev-feature-copy h3 em{font-weight:400;font-style:italic;}
.feature-hook{font:500 1.125rem/1.5 'Inter Reference',Arial,sans-serif;color:#fff;margin:0 0 16px;text-wrap:pretty;}
.feature-description{font:400 1rem/1.7 'Inter Reference',Arial,sans-serif;color:#c6becf;margin:0 0 28px;max-width:65ch;text-wrap:pretty;}
.rev-feature .rev-feature-media--image{height:auto;aspect-ratio:3/2;padding:0;border-radius:20px;overflow:hidden;}
.rev-feature-media--image img{display:block;width:100%;height:100%;object-fit:contain;}
.rev-feature .rev-feature-media--motion{aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 50%,#372846,#171020);}
.rev-detail-video{display:block;width:100%;height:100%;object-fit:contain;background:transparent;}
.platform-transition{height:190px;background:radial-gradient(ellipse at 62% 85%,#673de644,transparent 70%),linear-gradient(180deg,#000,#211334);border-radius:0 0 var(--hl-curve) var(--hl-curve);position:relative;z-index:1;margin-bottom:-28px;}
/* Reference-led white chapter: sticky editorial column and a five-point rail. */
.growth-story{background:#fff;color:var(--hl-ink);padding:124px 0 104px;}
.growth-story-grid{width:min(1320px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:88px;align-items:start;}
.growth-story-copy{position:sticky;top:160px;}
.growth-story-label{font:600 .75rem/1.65 'Inter Reference',Arial,sans-serif;color:#715f84;text-transform:uppercase;letter-spacing:.14em;margin:0 0 22px;}
.growth-story-copy h2{font:400 clamp(40px,4vw,58px)/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.012em;margin:0 0 26px;text-wrap:balance;}
.growth-story-copy h2 em{font-weight:400;}
.growth-story-intro{font:400 1rem/1.7 'Inter Reference',Arial,sans-serif;color:#62576d;max-width:31em;margin:0;text-wrap:pretty;}
.growth-steps-shell{position:relative;}
.growth-steps{position:relative;list-style:none;padding:0;margin:0;}
.growth-rail{position:absolute;left:25px;top:26px;width:2px;background:#e7dff5;height:calc(100% - 52px);}
.growth-rail-fill{display:block;width:100%;height:100%;background:var(--hl-violet);transform:scaleY(0);transform-origin:top;}
.growth-step{position:relative;display:flex;gap:28px;align-items:flex-start;padding-bottom:82px;}
.growth-step:last-child{padding-bottom:0;}
.growth-number{position:relative;z-index:1;flex:0 0 52px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid #bca8ed;color:#673de6;font:600 .875rem/1 'Inter Reference',Arial,sans-serif;letter-spacing:.04em;transition:background .25s,color .25s,border-color .25s;}
.growth-step.is-lit .growth-number{background:var(--hl-violet);border-color:var(--hl-violet);color:#fff;}
.growth-step-copy{padding-top:9px;}
.growth-step h3{font:600 clamp(20px,1.8vw,24px)/1.5 'Inter Reference',Arial,sans-serif;letter-spacing:-.02em;color:#584d63;margin:0 0 10px;transition:color .25s;}
.growth-step p{font:400 1rem/1.65 'Inter Reference',Arial,sans-serif;color:#71657e;margin:0;max-width:34em;text-wrap:pretty;}
.growth-step.is-lit h3{color:var(--hl-ink);}
/* Keep white-background copy black; only the filled number turns white. */
.contact-chapter{background:#fff;padding:36px 40px 80px;}
.professional-page .contact{width:100%;max-width:1360px;margin:0 auto;border-radius:24px;border:0;}
.contact-inner{min-height:480px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;}
.contact-copy{padding:66px 0 64px 64px;}
.professional-page .contact h2{font:400 clamp(38px,4.25vw,60px)/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.012em;}
.contact h2 em{font-weight:400;}
.professional-page .contact p{font:400 1.0625rem/1.6 'Inter Reference',Arial,sans-serif;color:#d7cedf;}
.contact-note{font-size:.75rem;color:#b7a9c8;}
.contact-art.supplied-contact{transform:none;padding:30px 32px 30px 0;}
.supplied-contact img{transform:none;border-radius:16px;}
/* Wider, quieter horizontal footer; reference's four roles, our own services. */
.closing-invite{margin:0;border-radius:0;padding:96px 32px;background:#fff;}
.closing-invite h2{font:400 clamp(52px,5vw,72px)/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.012em;}
.closing-invite p{font-family:'Inter Reference',Arial,sans-serif;}
.reference-footer{background:#f8f9f6;border-top:1px solid #e3e0e7;padding:64px 0 28px;color:var(--hl-ink);}
.reference-footer>.wrap{width:min(1440px,calc(100% - 96px));}
.reference-footer .footer-top{grid-template-columns:minmax(0,1.05fr) minmax(0,.65fr) minmax(0,2.2fr) minmax(0,.95fr);gap:48px;border:0;padding-top:0;}
.reference-footer h3{font:800 1.5625rem/1.1 'Inter Reference',Arial,sans-serif;letter-spacing:-.02em;text-transform:none;margin-bottom:22px;}
.footer-brand-dot{color:var(--hl-violet);}
.reference-footer h4{font:600 .75rem/1.5 'Inter Reference',Arial,sans-serif;color:#74687f;letter-spacing:.14em;margin:0 0 18px;text-transform:uppercase;}
.reference-footer p{font:400 .875rem/1.6 'Inter Reference',Arial,sans-serif;color:#6a5e75;max-width:320px;}
.reference-footer ul{gap:0;}
.reference-footer .footer-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;}
.reference-footer a:not(.footer-call){font:400 .875rem/1.5 'Inter Reference',Arial,sans-serif;color:#4d4258;min-height:44px;padding:5px 0;}
.reference-footer a:hover{color:var(--hl-violet);}
.reference-footer a[href^='mailto:']{overflow-wrap:anywhere;}
.reference-footer a.footer-call{background:none;border:0;box-shadow:none;border-radius:0;color:var(--hl-violet);padding:6px 0;min-height:44px;font:600 .875rem/1.5 'Inter Reference',Arial,sans-serif;gap:18px;}
.reference-footer a.footer-call::before,.reference-footer a.footer-call::after{content:none;}
.reference-footer a.footer-call:hover{color:#4b25b5;}
.reference-footer .legal-line{margin-top:42px;padding-top:24px;border-color:#ddd8e4;font:400 .8125rem/1.6 'Inter Reference',Arial,sans-serif;color:#74687f;}
a:focus-visible{outline:3px solid #a98be6;outline-offset:5px;}
html.static-preview .growth-number,html.static-preview .growth-step h3{transition:none;}
@media(max-width:1100px){
 .rev-feature--image,.rev-feature--image.rev-feature--media-left{gap:38px;grid-template-columns:repeat(2,minmax(0,1fr));}
 .growth-story-grid{gap:50px;width:calc(100% - 64px);}
 .reference-footer .footer-top{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.4fr) minmax(0,.9fr);gap:28px;}
 .reference-footer .footer-services{grid-template-columns:1fr;}
 .reference-footer>.wrap{width:calc(100% - 64px);}
 .contact-copy{padding-left:36px;}
}
@media(max-width:760px){
 .crm-introduction{padding:40px 22px 60px;}
 .professional-page .performance-zone .platforms{padding:92px 0 50px;}
 .professional-page .performance-intro{padding:70px 24px;grid-template-columns:1fr;gap:36px;}
 .performance-data{padding-block:74px 80px;}
 .professional-page .rev-features{padding:52px 22px 68px;}
 .rev-features .rev-card-grid{gap:16px;}
 .rev-features .rev-card,.rev-features .rev-card--half,.rev-features .rev-card--full{height:430px;}
 .rev-features .rev-card-label{font-size:20px;left:20px;right:20px;}
 .ai-earned-banner{padding:46px 18px 52px;}
 .professional-page .rev-platform{padding:64px 24px 52px;}
 .rev-feature-list{gap:76px;margin-top:60px;}
 .rev-feature--image,.rev-feature--image.rev-feature--media-left{grid-template-columns:minmax(0,1fr);gap:28px;}
 .rev-feature--image .rev-feature-copy{grid-column:1;grid-row:2;}
 .rev-feature .rev-feature-media--image{grid-column:1;grid-row:1;}
 .rev-feature--image .rev-feature-copy h3{font-size:42px;margin-bottom:20px;}
 .feature-index{margin-bottom:16px;}
 .feature-description{font-size:1rem;line-height:1.7;}
 .platform-transition{height:128px;}
 .growth-story{padding:96px 0 68px;}
 .growth-story-grid{width:calc(100% - 48px);grid-template-columns:1fr;gap:52px;}
 .growth-story-copy{position:static;}
 .growth-story-copy h2{font-size:46px;max-width:540px;}
 .growth-story-intro{max-width:38em;}
 .growth-step{gap:22px;padding-bottom:50px;}
 .growth-step h3{font-size:21px;line-height:1.4;}
 .contact-chapter{padding:20px 22px 64px;}
 .contact-inner{grid-template-columns:1fr;gap:14px;}
 .contact-copy{padding:42px 28px 10px;}
 .contact-art.supplied-contact{padding:10px 24px 30px;}
 .professional-page .contact h2{font-size:44px;}
 .closing-invite{padding:68px 24px;}
 .reference-footer .footer-top{grid-template-columns:1fr 1fr;gap:36px;}
 .reference-footer .footer-top>div:first-child{grid-column:1/-1;}
 .reference-footer .footer-top>div:nth-child(3){grid-column:2;grid-row:2 / 4;}
 .reference-footer .footer-services{grid-template-columns:1fr;}
 .reference-footer>.wrap{width:calc(100% - 48px);}
}
@media(max-width:580px){
 .rev-features .rev-card-grid{grid-template-columns:1fr;}
 .rev-features .rev-card,.rev-features .rev-card--half,.rev-features .rev-card--full{grid-column:1/-1;height:460px;}
 .reference-footer .footer-top{grid-template-columns:1fr;gap:32px;}
 .reference-footer .footer-top>div,.reference-footer .footer-top>div:nth-child(3){grid-column:auto;grid-row:auto;}
 .reference-footer .footer-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;}
 .growth-story-copy h2{font-size:42px;}
}
@media(max-width:360px){
 .professional-page .rev-platform{padding-inline:20px;}
 .rev-feature--image .rev-feature-copy h3{font-size:36px;}
 .growth-story-grid{width:calc(100% - 40px);}
 .growth-step{gap:16px;}
 .growth-number{flex-basis:46px;width:46px;height:46px;}
 .growth-rail{left:22px;}
 .growth-step h3{font-size:19px;}
 .professional-page .contact h2{font-size:37px;}
}
@media(prefers-reduced-motion:reduce){.growth-number,.growth-step h3{transition:none;}.growth-story-copy{position:static;}}