/* Revision: bright source film, immediate scroll takeover, seamless media. */
.professional-page .hero{overflow:clip;background:#050910;padding:0;}
.hero-pin{position:relative;isolation:isolate;overflow:hidden;}
.cinematic-stage{min-height:100svh;}
.cinematic-stage::before{background:linear-gradient(180deg,transparent 86%,#050910 100%);}
.hero-background-video{filter:none;opacity:1;}
.professional-page .trial-headline{text-shadow:0 2px 20px #000b,0 1px 4px #000;}
.professional-page .trial-layout{min-height:100svh;padding-bottom:64px;}
.professional-page .trial-card{background:linear-gradient(165deg,#211630eb,#111020e8);}
.professional-page .conversion-story{padding:0;position:relative;background:#050910;}
html.scroll-takeover .conversion-story{position:absolute;inset:0;z-index:4;display:flex;align-items:center;transform:translateY(100%);background:linear-gradient(180deg,transparent 0%,#050910 14%,#050910 100%);pointer-events:none;}
.professional-page .hero-artwork{max-width:none;width:100%;margin:0;background:transparent;perspective:none;}
.professional-page .laptop-rise,.professional-page .laptop-scene{background:transparent;mix-blend-mode:normal;animation:none;}
.laptop-video{background:transparent;display:block;object-fit:contain;width:100%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 83%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in;}
.professional-page .performance-intro{max-width:none;width:100%;padding:90px max(5vw,calc((100vw - 1320px)/2));margin-top:38px;background:#f7f7fc;color:#21182f;gap:5vw;}
.performance-intro .performance-copy h2,.performance-intro .performance-eyebrow{color:#241632;}
.performance-intro .performance-copy p{color:#534760;}
.performance-intro .performance-copy h2 em{color:#7042bc;}
.performance-intro .performance-visual{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible;}
.performance-visual .pipeline-video{border-radius:0;background:transparent;mix-blend-mode:multiply;mask-image:linear-gradient(180deg,transparent,#000 2%,#000 98%,transparent);}
/* The white chapter is one canvas, not a card placed on the page. */
.ai-era{background:#fff;color:#17141c;position:relative;overflow:clip;padding-top:110px;}
.ai-era-intro{position:relative;text-align:center;z-index:2;width:min(1040px,90%);margin:0 auto;}
@font-face{font-family:'Plus Jakarta Sans';src:url('assets/fonts/plus-jakarta-reference.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}
.ai-era h2{font:700 clamp(44px,5.3vw,76px)/1.05 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.04em;margin:0 auto;text-wrap:balance;background:linear-gradient(180deg,#202020,#8f8f8f);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ai-era-portrait{position:relative;width:min(1150px,100%);height:auto;aspect-ratio:2056/1616;margin:190px auto 0;}
.ai-era-shadow{filter:brightness(0);opacity:.08;}
.ai-era-person,.ai-era-shadow{position:absolute;width:100%;height:100%;object-fit:contain;object-position:bottom;bottom:0;left:0;}
.ai-era-mask{position:absolute;height:auto;width:31.1284%;left:33.0739%;top:30.9406%;z-index:4;transform-origin:center;filter:drop-shadow(0 12px 14px #2d104755);}
.ai-era-note{position:absolute;z-index:3;font:600 clamp(21px,3vw,43px)/1.04 'Inter Tight',Arial,sans-serif;letter-spacing:-.03em;max-width:260px;}
.ai-era-note.work{left:6%;top:27%;transform:rotate(-8deg);}
.ai-era-note.future{right:1%;top:52%;transform:rotate(7deg);max-width:280px;}
.ai-era-spray{position:absolute;inset:20% 0 1%;opacity:.9;background:url('assets/era/decoration.webp') center bottom/100% 100% no-repeat;filter:brightness(0);pointer-events:none;}
.ai-film-wrap{background:#fff;padding:24px 0 0;}
.ai-film{position:relative;background:#050910;overflow:hidden;transform-origin:center;}
.ai-film video{width:100%;max-height:760px;display:block;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in;}
/* Closing agency-style invitation; source copy kept for this private draft. */
.closing-invite{background:#fff;color:#19141f;padding:110px 0 0;margin-top:100px;}
.closing-invite .invite-content{text-align:center;width:min(960px,90%);margin:auto;}
.closing-invite h2{font:500 clamp(60px,8.7vw,126px)/.95 'Inter Tight',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 36px;}
.closing-invite h2 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;}
.closing-invite p{font:400 clamp(18px,2vw,23px)/1.5 'Inter Tight',Arial,sans-serif;max-width:630px;margin:0 auto 30px;color:#584d60;}
.invite-button{display:inline-flex;align-items:center;gap:28px;background:#673de6;color:#fff;border-radius:999px;padding:12px 12px 12px 27px;min-height:56px;font:600 16px/1.3 'Inter Tight',Arial,sans-serif;}
.invite-button span{display:grid;place-items:center;width:36px;height:36px;background:#fff;color:#673de6;border-radius:50%;font-size:23px;}
.invite-details{display:flex;gap:28px;justify-content:center;list-style:none;font-size:13px;color:#766881;margin:24px 0 0;padding:0;}
.reference-footer{background:#fff;color:#22172e;padding:90px 0 28px;}
.reference-footer .footer-top{display:grid;grid-template-columns:1.25fr 1.4fr .75fr;gap:60px;border-top:1px solid #ddd3e4;padding-top:60px;}
.reference-footer h3{font:600 30px/1.1 'Inter Tight',Arial,sans-serif;letter-spacing:-.03em;margin:0 0 18px;}
.reference-footer h4{font:600 17px/1.4 'Inter Tight',Arial,sans-serif;margin-bottom:18px;}
.reference-footer p{font-size:15px;line-height:1.65;color:#6a5c77;}
.reference-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:5px;}
.reference-footer .footer-services{grid-template-columns:1fr 1fr;column-gap:28px;}
.reference-footer a:not(.invite-button){display:inline-flex;align-items:center;min-height:36px;font-size:14px;color:#4b3d5b;}
.reference-footer a:hover{color:#673de6;}
.reference-footer .legal-line{border-top:1px solid #e5deeb;margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#807487;}
.reference-footer .draft-claims-note{display:block;font-size:11px;margin-top:18px;line-height:1.5;color:#8b7c93;}
@media(max-width:760px){
 .professional-page .trial-layout{padding-bottom:60px;}
 .professional-page .performance-intro{padding:58px 24px;gap:35px;}
 .ai-era{padding-top:70px;}.ai-era h2{font-size:clamp(42px,8.5vw,68px);}
 .ai-era-portrait{margin-top:125px;aspect-ratio:2056/1616;}
 .ai-era-person{object-fit:contain;}
 .ai-era-mask{top:30.9406%;}
 .ai-era-note{font-size:clamp(17px,3.8vw,27px);max-width:120px;}
 .ai-era-note.work{left:4%;top:32%;}.ai-era-note.future{right:3%;top:69%;max-width:140px;}
 .closing-invite{margin-top:50px;padding-top:65px;}.closing-invite h2{font-size:clamp(54px,12vw,85px);}
 .invite-details{gap:10px;flex-direction:column;}
 .reference-footer{padding-top:60px;}.reference-footer .footer-top{grid-template-columns:1fr;gap:35px;padding-top:40px;}
 .reference-footer .legal-line{flex-wrap:wrap;}
}
/* Reference footer proportions, adapted to the requested white surface. */
.closing-invite{padding:120px 32px;border-radius:24px 24px 0 0;}
.closing-invite h2{font:400 clamp(52px,5vw,72px)/1.04 'Inter Reference',Arial,sans-serif;letter-spacing:-.03em;}
.closing-invite p{font:400 16.5px/1.6 'Inter Reference',Arial,sans-serif;max-width:500px;}
.reference-footer{background:#f9fafb;}
.reference-footer .footer-top{grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:40px;}
.reference-footer h3{font:800 25px/1.2 'Inter Reference',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.02em;}
.reference-footer h4{font:600 12px/1.4 'Inter Reference',Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;}
.reference-footer p{font:400 14px/1.6 'Inter Reference',Arial,sans-serif;}
.reference-footer .footer-services{grid-template-columns:1fr;}
.reference-footer .footer-socials{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap;}
.reference-footer .footer-socials a{min-height:36px;width:36px;border:1px solid #d7d1df;border-radius:8px;justify-content:center;}
.reference-footer .footer-socials svg{width:16px;height:16px;}
@media(max-width:1000px){.reference-footer .footer-top{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.reference-footer .footer-top{grid-template-columns:1fr;}.closing-invite{padding:75px 22px;}}
@media(prefers-reduced-motion:reduce){.ai-era-mask{transform:none!important;}.ai-film{transform:none!important;}}