*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}svg{display:block}::selection{background:#ff5a1f;color:#15151c}
.container{width:min(1200px,calc(100% - 72px));margin:auto}.logo img{width:116px;height:auto;display:block}.logo{display:inline-flex;align-items:center}.nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:22px}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav-links a:hover{color:#ff5a1f}.nav-cta{display:inline-flex;gap:8px;align-items:center;padding:13px 18px;border-radius:100px;font-weight:750;font-size:13px;transition:.2s}.nav-cta:hover{transform:translateY(-2px)}.menu-btn{display:none;border:0;background:transparent;color:inherit;font-size:26px}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:2.6px;font-size:10px;color:#ff5a1f}.pill{border-radius:30px;border:1px solid currentColor;padding:10px 14px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:8px}.btn{border-radius:100px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 24px;font-weight:800;font-size:14px;transition:transform .2s, box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-orange{background:#ff5a1f;color:#15151c;box-shadow:0 18px 40px #ff5a1f22}.btn-outline{border:1px solid currentColor;background:transparent;color:inherit}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px}.section{padding:112px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head h2{font-size:clamp(35px,4.5vw,61px);line-height:1.08;letter-spacing:-2.9px;margin:16px 0 0;max-width:750px}.section-head p{max-width:370px;line-height:1.7;font-size:15px;margin:0}.footer-line{border-top:1px solid #80808030}.footinner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0 40px;font-size:12px}.footlinks{display:flex;gap:20px}.footlinks a:hover{color:#ff5a1f}.reveal{animation:reveal .65s ease both}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:820px){.container{width:min(100% - 36px,600px)}.nav-inner{height:76px}.logo img{width:92px}.nav-links{display:none;position:absolute;top:75px;left:0;width:100%;padding:20px 24px 25px;flex-direction:column;align-items:stretch;background:var(--mobile-nav);border-bottom:1px solid #8883}.nav-links.show{display:flex}.menu-btn{display:block}.nav-cta{margin-left:auto;padding:10px 13px;font-size:12px}.section{padding:76px 0}.section-head{align-items:start;display:block}.section-head h2{letter-spacing:-1.7px}.section-head p{margin-top:22px}.split{grid-template-columns:1fr}.footinner{align-items:start;flex-direction:column}.footlinks{flex-wrap:wrap}}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

:root{--mobile-nav:#18181f}body{font-family:Inter,Arial,sans-serif;background:#15151c;color:#fff;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:850px;background:radial-gradient(ellipse 42% 35% at 72% 35%,#ff5a1f13,transparent 80%),linear-gradient(180deg,#191921,#15151c)}.nav{background:#15151ce3;border-bottom:1px solid #ffffff12}.nav-links{color:#cccbd4}.nav-cta{background:#ff5a1f;color:#15151c}.muted{color:#aaa9b5}.light{text-transform:uppercase;letter-spacing:2px}.hero{padding:78px 0 110px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:56px;min-height:610px}.hero h1{font-size:clamp(56px,5.9vw,88px);line-height:1.045;letter-spacing:-5.6px;margin:26px 0 27px;font-weight:800}.hero h1 em{font-style:normal;color:#ff5a1f}.hero-copy{font-size:17px;line-height:1.8;color:#bcbbc5;max-width:560px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.hero-overline{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:2.1px;color:#d3d0d2}.hero-overline:before{content:"";width:24px;height:2px;background:#ff5a1f}.hero-canvas{position:relative;height:500px;isolation:isolate}.orbit{position:absolute;border:1px solid #ffffff13;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit.one{width:495px;height:495px}.orbit.two{width:370px;height:370px}.orbit.three{width:240px;height:240px;border-color:#ff5a1f22}.glow{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#ff5a1f1b,transparent 62%);filter:blur(16px)}.core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:146px;height:146px;border-radius:34px;background:linear-gradient(145deg,#383038,#191921);border:1px solid #ffffff28;display:grid;place-items:center;box-shadow:0 28px 70px #000b,0 0 50px #ff5a1f18;z-index:2}.core strong{font-size:55px;letter-spacing:-6px;line-height:1}.core span{color:#ff5a1f}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#ff5a1f;box-shadow:0 0 20px #ff5a1f}.dot-a{top:44px;left:52%}.dot-b{right:4px;top:55%;background:#fff}.dot-c{bottom:28px;left:19%}.floating{position:absolute;z-index:3;padding:18px;border-radius:17px;background:#23232cfa;border:1px solid #ffffff19;box-shadow:0 20px 55px #0008;display:flex;align-items:center;gap:12px;max-width:225px}.float-1{top:70px;left:-10px}.float-2{top:159px;right:-16px}.float-3{bottom:62px;left:0}.float-4{bottom:35px;right:16px}.f-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:#ff5a1f1e;color:#ff5a1f;flex:none}.floating small{color:#a9a8b0;display:block;font-size:10px;margin-bottom:3px}.floating b{font-size:12px}.proofbar{padding:22px 0;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13}.proofbar .container{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#aaa9b5;font-size:12px;font-weight:650}.proofbar .container span:first-child{color:#fff}.proofbar i{height:4px;width:4px;border-radius:50%;background:#ff5a1f}.portfolio{background:#17171e}.portfolio .section-head p{color:#a9a7b4}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{padding:30px;min-height:313px;background:#202028;border:1px solid #ffffff0e;border-radius:20px;display:flex;flex-direction:column;transition:.2s;text-align:left;color:inherit}.product:hover{border-color:#ff5a1f66;transform:translateY(-4px);background:#27242a}.p-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:37px}.p-num{color:#75737f;font-size:11px;font-weight:800;letter-spacing:1.5px}.p-icon{width:45px;height:45px;border:1px solid #ff5a1f4d;color:#ff5a1f;display:grid;place-items:center;border-radius:13px}.product .kind{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:#ff865b}.product h3{margin:10px 0;font-size:24px;letter-spacing:-.7px}.product p{color:#aaa9b5;line-height:1.6;font-size:13px;margin:0 0 23px}.p-bottom{margin-top:auto;color:#f1f0f3;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;font-weight:700}.p-bottom .arr{color:#ff5a1f;font-size:20px}.case-section{background:#f3f1ef;color:#15151c}.case-section .section-head p{color:#66636b}.case-cards{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.case-primary,.case-secondary{position:relative;overflow:hidden;border-radius:22px;min-height:475px}.case-primary{background:#1b1b23;color:white}.case-primary img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.7);opacity:.82}.case-primary .case-caption{position:absolute;inset:auto 0 0;padding:90px 34px 32px;background:linear-gradient(transparent,#111 80%)}.case-caption h3,.case-secondary h3{font-size:31px;letter-spacing:-1.3px;margin:10px 0}.case-caption p{max-width:450px;color:#ddd;line-height:1.6;font-size:14px}.case-secondary{background:#e3ded8;padding:34px;display:flex;flex-direction:column}.case-secondary h3{margin:15px 0}.case-secondary p{line-height:1.65;color:#62616a;font-size:14px}.case-secondary .case-device{margin-top:auto;border-radius:14px;overflow:hidden;border:6px solid #27252b;box-shadow:0 15px 40px #2223;transform:rotate(-4deg) translate(5px,16px)}.case-device img{width:100%;display:block}.overline-dark{color:#ef5922}.method{background:#15151c}.method .section-head p{color:#aaa9b5}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.method-step{border-top:1px solid #4b4851;padding:25px 12px 10px 0}.method-step b{color:#ff5a1f;font-size:12px}.method-step h3{font-size:23px;letter-spacing:-.7px;margin:26px 0 10px}.method-step p{color:#aaa9b5;font-size:14px;line-height:1.7;max-width:320px}.industries{background:#1b1b23}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry{padding:26px 24px;background:#25252d;border-radius:16px;font-weight:700;font-size:15px;min-height:108px;display:flex;justify-content:space-between;align-items:end}.industry span{font-size:21px;color:#ff5a1f}.cta-band{padding:65px 60px;border-radius:26px;background:radial-gradient(circle at 88% 30%,#ff8050,#ff5a1f 52%,#e84412);color:#14131a;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{font-size:clamp(36px,4vw,58px);letter-spacing:-2.4px;line-height:1.1;margin:12px 0}.cta-band p{margin:0;max-width:600px;line-height:1.65}.cta-band .btn{background:#15151c;color:white;white-space:nowrap}.contact-section{padding-bottom:95px}.modal{position:fixed;inset:0;z-index:100;background:#09090dcb;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.modal.show{display:flex}.modal-card{width:min(560px,100%);border-radius:24px;background:#25252c;border:1px solid #ffffff22;padding:37px;box-shadow:0 30px 100px #000b;position:relative}.modal-card h2{font-size:37px;letter-spacing:-1.7px;margin:16px 0}.modal-card p{line-height:1.75;color:#c8c6d1}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#35353e;color:white;border:0;border-radius:50%;font-size:23px}.modal-meta{font-size:11px;font-weight:800;color:#ff5a1f;letter-spacing:1.7px;text-transform:uppercase}.modal-note{font-size:12px;color:#888695;line-height:1.5;margin-bottom:24px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:60px}.hero-canvas{max-width:560px;margin:0 auto;width:100%}.hero h1{max-width:660px}.product-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.hero{padding:56px 0 35px}.hero h1{font-size:53px;letter-spacing:-3px}.hero-copy{font-size:15px}.hero-canvas{height:390px;transform:scale(.82);transform-origin:center top;margin-bottom:-50px}.orbit.one{width:390px;height:390px}.orbit.two{width:290px;height:290px}.orbit.three{width:190px;height:190px}.float-1{top:5px;left:-30px}.float-2{top:104px;right:-31px}.float-3{bottom:24px;left:-24px}.float-4{bottom:-2px;right:-18px}.floating{padding:12px;max-width:175px}.f-icon{width:32px;height:32px}.floating b{font-size:10px}.proofbar .container{flex-wrap:wrap;gap:13px}.proofbar i{display:none}.product-grid,.case-cards,.method-grid,.industry-grid{grid-template-columns:1fr}.product{min-height:260px}.case-primary,.case-secondary{min-height:350px}.cta-band{padding:36px 26px;display:block}.cta-band .btn{margin-top:30px}.modal-card{padding:27px}.modal-card h2{font-size:29px}}

/* OPÇÃO 03 — FOOTER INSTITUCIONAL */
.footer-v3{position:relative;overflow:hidden;background:linear-gradient(113deg,#0b101c 0%,#0b0c15 42%,#121218 100%);color:#f8f7f8;border-top:1px solid #ffffff14}
.footer-v3::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.58;background:radial-gradient(ellipse 38% 62% at 0% 95%,#1e324022,transparent 80%),radial-gradient(ellipse 35% 45% at 100% 15%,#ff5a1f0d,transparent 80%)}
.footer-v3 .container{position:relative}
.footer-topline{border-bottom:1px solid #ffffff17;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:32px 0 28px}
.footer-kicker{display:flex;align-items:center;gap:13px;font-size:10px;color:#a4aabe;letter-spacing:2.25px;font-weight:800}
.footer-signal{width:8px;height:8px;border-radius:50%;background:#ff5a1f;display:inline-block;box-shadow:0 0 0 6px #ff5a1f13,0 0 18px #ff5a1f77}
.footer-backtotop{display:inline-flex;align-items:center;gap:13px;color:#aab0bf;letter-spacing:1.4px;font-size:10px;font-weight:800;transition:color .2s}
.footer-backtotop:hover{color:#ff7951}
.footer-backtotop .footer-arrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #ffffff25;color:#ff7951;font-size:15px}
.footer-grid{display:grid;grid-template-columns:1.5fr .72fr 1.1fr 1.05fr;gap:55px;padding:70px 0 73px}
.footer-brand-mark{width:148px;height:auto;display:block;margin-bottom:28px}
.footer-brand-description{font-size:15px;color:#a8b1c2;line-height:1.75;max-width:305px;margin:0}
.footer-social{display:flex;gap:10px;margin-top:29px}
.footer-social a{display:grid;place-items:center;width:45px;height:45px;color:#b8c4d6;border:1px solid #ffffff22;background:#ffffff06;border-radius:12px;transition:background .2s,border-color .2s,color .2s,transform .2s}
.footer-social a:hover{background:#ff5a1f12;color:#ff8a65;border-color:#ff5a1f66;transform:translateY(-3px)}
.footer-social svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.footer-heading{font-size:11px;font-weight:800;color:#8795ad;text-transform:uppercase;letter-spacing:2px;margin:7px 0 31px}
.footer-nav,.footer-contact{display:flex;align-items:flex-start;flex-direction:column;gap:20px}
.footer-nav a,.footer-contact a{font-size:15px;color:#cad2df;line-height:1.5;transition:color .18s,transform .18s;overflow-wrap:anywhere}
.footer-nav a:hover,.footer-contact a:hover{color:#ff8e67;transform:translateX(2px)}
.footer-contact-item{display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.footer-contact-item svg{width:19px;height:19px;color:#ff7443;flex:none;margin-top:2px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.footer-contact-item span{font-size:15px;color:#cad2df}
.footer-company h4{font-size:16px;font-weight:750;margin:0 0 15px;color:#f2f4f8;line-height:1.5}
.footer-company p{font-size:15px;color:#aeb8c8;line-height:1.75;margin:0 0 14px}
.footer-city{display:flex;align-items:flex-start;gap:11px;margin-top:18px}
.footer-city svg{width:19px;height:19px;color:#ff7443;flex:none;margin-top:3px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-bottom{border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 0 34px;font-size:12px;letter-spacing:.25px;color:#8290a6}
.footer-bottom p{margin:0}
.footer-bottom p span{color:#a5afc0}
.footer-bottom-note{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#778399}
@media(max-width:1080px){.footer-grid{gap:28px;grid-template-columns:1.5fr .8fr 1.15fr .9fr}.footer-brand-description,.footer-company p,.footer-nav a,.footer-contact a,.footer-contact-item span{font-size:14px}}
@media(max-width:860px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:55px}.footer-company{max-width:330px}}
@media(max-width:520px){.footer-topline{padding:23px 0}.footer-kicker{font-size:9px;letter-spacing:1.5px}.footer-backtotop{font-size:9px;letter-spacing:1px}.footer-grid{padding:51px 0 48px;grid-template-columns:repeat(2,minmax(0,1fr));gap:43px 20px}.footer-brand{grid-column:1/-1}.footer-brand-description{max-width:320px}.footer-heading{margin-bottom:19px}.footer-nav,.footer-contact{gap:16px}.footer-col-contact{grid-column:1/-1}.footer-company{grid-column:1/-1}.footer-contact-item{max-width:100%}.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;padding:25px 0 32px}.footer-brand-mark{width:132px}}
@media(min-width:1081px){.footer-grid{grid-template-columns:1.35fr .75fr 1.35fr .95fr;gap:36px}.footer-contact a{font-size:14px}}

.proofbar{padding:0;overflow:hidden;background:#1c1c24;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.proofbar-viewport{overflow:hidden;width:100%}
.proofbar-track{display:flex;align-items:center;width:max-content;padding:20px 0;animation:proofMarquee 28s linear infinite;will-change:transform}
.proofbar:hover .proofbar-track{animation-play-state:paused}
.proof-item{display:inline-flex;align-items:center;gap:16px;padding:0 22px;color:#b7b5c1;font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;white-space:nowrap;flex:none}
.proof-item strong{color:#fff;font-weight:800}
.proof-sep{width:4px;height:4px;border-radius:50%;background:#ff805b;flex:none;box-shadow:0 0 0 5px rgba(255,90,31,.08)}
@keyframes proofMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:650px){.proofbar-track{padding:16px 0;animation-duration:24s}.proof-item{font-size:9px;letter-spacing:1.3px;padding:0 16px;gap:12px}}


/* JCS Connect: modal de demonstração com vídeo */
.modal{overflow-y:auto;overscroll-behavior:contain;padding:clamp(14px,2.5vw,34px)}
.modal-card{max-height:calc(100dvh - 44px);overflow-y:auto;scrollbar-color:#74737d #25252c;overscroll-behavior:contain;outline:none}
.modal-card.has-video{width:min(1080px,100%);padding:clamp(24px,3.3vw,42px)}
.modal-card.has-video .modal-content-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,3.5vw,48px);align-items:center}
.modal-card.has-video .modal-text-col{min-width:0}
.modal-card.has-video #modal-title{font-size:clamp(30px,3vw,44px);line-height:1.08;margin:15px 0 18px;letter-spacing:-1.6px}
.modal-card.has-video #modal-copy{font-size:15px;line-height:1.75}
.modal-card.has-video .modal-note{margin-bottom:24px}
.modal-card.has-video #modal-action{font-size:12px;padding:13px 17px;line-height:1.3;text-align:center}
.modal-video-col{min-width:0}
.modal-video-col[hidden],.modal-video-play[hidden]{display:none!important}
.modal-video-label{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:1.4px;font-weight:800;color:#f0ecf0;margin-bottom:13px}
.video-label-dot{width:7px;height:7px;border-radius:50%;background:#ff5a1f;box-shadow:0 0 14px #ff5a1f5e}
.modal-video-duration{margin-left:auto;color:#acabb5;font-size:11px;letter-spacing:.4px}
.modal-video-frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:#0d0d13;border-radius:17px;border:1px solid #ffffff25;box-shadow:0 20px 55px #0007}
.modal-video-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#0e0e12}
.modal-video-play{position:absolute;inset:0;border:0;background:linear-gradient(180deg,#06060a36,#06060a80);color:white;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;cursor:pointer;font-family:inherit;font-weight:750;letter-spacing:.2px;font-size:13px;text-shadow:0 2px 10px #0008;transition:background .2s}
.modal-video-play:hover{background:linear-gradient(180deg,#06060a40,#06060ab0)}
.modal-play-icon{width:66px;height:66px;border-radius:50%;background:#ff5a1f;color:#15151c;display:grid;place-items:center;font-size:24px;box-shadow:0 10px 50px #ff5a1f66;transition:transform .2s;line-height:1;padding-left:4px}
.modal-video-play:hover .modal-play-icon{transform:scale(1.08)}
.modal-video-caption{font-size:12px!important;line-height:1.6!important;color:#aaa9b5!important;margin:12px 0 0!important}
@media(max-width:800px){.modal-card.has-video .modal-content-grid{grid-template-columns:1fr;gap:22px}.modal-card.has-video{width:min(620px,100%)}.modal-card.has-video #modal-title{font-size:33px}.modal-card.has-video .modal-note{margin-bottom:18px}.modal-video-col{padding-bottom:4px}}
@media(max-width:550px){.modal{padding:9px}.modal-card{max-height:calc(100dvh - 18px);border-radius:18px}.modal-card.has-video{padding:24px 18px}.modal-card.has-video .modal-content-grid{gap:21px}.modal-card.has-video #modal-title{font-size:31px}.modal-card.has-video #modal-copy{font-size:13px;line-height:1.62}.modal-card.has-video .modal-meta{font-size:10px;letter-spacing:1.1px;padding-right:42px}.modal-card.has-video .modal-note{font-size:11px}.modal-card.has-video #modal-action{font-size:11px;padding:12px 13px;width:100%}.modal-video-label{font-size:9px}.modal-play-icon{width:53px;height:53px;font-size:18px}.modal-video-play{font-size:11px}.modal-close{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.modal-play-icon,.modal-video-play{transition:none}}



/* ---- Next style layer ---- */


/* PROPOSTA 04 — mais institucional, brand JCS */
.hero-grid{grid-template-columns:1.05fr .95fr;gap:40px}
.hero h1{font-size:clamp(51px,5.15vw,76px);letter-spacing:-4.4px}
.hero-canvas{min-width:0}
.floating{max-width:227px}
.floating small{letter-spacing:.45px;font-size:10px}
.floating b{font-size:12px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.product{min-width:0;min-height:295px}
.product h3{font-size:23px}
.product .product-text{display:flex;flex-direction:column;flex:1}
.product .p-bottom{margin-top:auto}
.featured-product{grid-column:1/-1;min-height:295px;display:grid;grid-template-columns:1.2fr .7fr;gap:35px;background:radial-gradient(circle at 80% 0%,#ff5a1f17,transparent 40%),linear-gradient(120deg,#24232c,#191b24);border-color:#ff5a1f45;position:relative;align-items:center;padding:36px 40px}
.featured-product .p-top{position:absolute;left:40px;top:31px;margin:0;right:38px}
.featured-product .product-text{padding-top:38px}
.featured-product h3{font-size:39px;letter-spacing:-1.8px;margin:10px 0}
.featured-product p{max-width:620px;font-size:15px;line-height:1.68}
.featured-product .p-bottom{margin-top:24px}
.featured-aside{border-left:1px solid #ffffff22;padding:15px 0 15px 28px;display:flex;flex-direction:column;gap:17px}
.featured-tag{font-size:10px;letter-spacing:2px;font-weight:800;color:#ff8458}
.featured-aside strong{font-size:25px;line-height:1.3;letter-spacing:-.6px}
.featured-aside>span:last-child{font-size:12px;color:#aaa9b5;line-height:1.6}
.about-section{background:#f4f2ef;color:#15151c;position:relative;overflow:hidden}
.about-section:before{content:"";position:absolute;right:-15%;top:-75%;width:800px;height:800px;border:1px solid #dad7d4;border-radius:50%;pointer-events:none}
.about-grid{display:grid;grid-template-columns:.97fr 1.03fr;gap:90px;align-items:center}
.about-left h2{font-size:clamp(39px,4.3vw,62px);line-height:1.08;letter-spacing:-2.7px;margin:21px 0 28px}
.about-left h2 em{font-style:normal;color:#ea4e1b}
.about-lead{font-size:19px;line-height:1.65;letter-spacing:-.3px;color:#25242a;margin:0 0 18px;max-width:590px}
.about-body{color:#64616a;font-size:15px;line-height:1.8;max-width:590px}
.about-link{display:inline-flex;align-items:center;gap:28px;color:#17171e;font-weight:800;border-bottom:1px solid #d7c7bf;padding-bottom:10px;margin-top:24px;font-size:14px}
.about-link span{color:#f05b25;font-size:24px}
.about-right{background:#fff;border:1px solid #e6e1dc;border-radius:25px;box-shadow:0 30px 70px #14141b0a;padding:30px 35px}
.about-big-number{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:4px 0 26px;border-bottom:1px solid #ece9e5}
.about-big-number strong{font-size:96px;letter-spacing:-7px;line-height:1;font-weight:850;color:#ee5625;white-space:nowrap}
.about-big-number strong span{font-size:39px;vertical-align:top;letter-spacing:0}
.about-big-number b{font-size:19px;line-height:1.3;display:block}
.about-big-number p{font-size:12px;color:#706b73;line-height:1.5;margin:9px 0 0}
.about-attribute{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:20px 0 0}
.about-attribute b{font-size:15px}
.about-attribute p{font-size:12px;color:#67636c;line-height:1.6;margin:7px 0 0}
.about-symbol{border:1px solid #fbd8c9;background:#fff7f3;color:#e95828;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;font-weight:800;font-size:12px}
@media(max-width:1040px){.hero-grid{grid-template-columns:1fr}.hero-canvas{max-width:580px;margin:0 auto;width:100%}.about-grid{gap:32px}.about-big-number strong{font-size:72px}}
@media(max-width:820px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-product{grid-column:1/-1}.about-grid{grid-template-columns:1fr}.about-right{max-width:690px}}
@media(max-width:650px){.hero h1{font-size:clamp(42px,11vw,58px);letter-spacing:-2.5px}.hero{overflow:hidden}.hero-canvas{width:min(100%,460px);margin:0 auto 0;transform:scale(.78);transform-origin:center top;min-width:0}.float-1{left:0;top:11px}.float-2{right:-3px;top:111px}.float-3{left:-3px;bottom:45px}.float-4{right:0;bottom:10px}.floating{max-width:170px}.floating small{font-size:9px}.featured-product{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:84px 26px 28px}.featured-product .p-top{left:26px;top:25px;right:26px}.featured-product .product-text{padding-top:0}.featured-product h3{font-size:34px}.featured-aside{border-left:0;border-top:1px solid #ffffff20;padding:21px 0 0}.featured-aside strong{font-size:20px}.product-grid{grid-template-columns:1fr}.product{min-height:242px}.about-section{padding:78px 0}.about-left h2{font-size:clamp(36px,9.2vw,48px);letter-spacing:-1.8px}.about-lead{font-size:16px}.about-right{padding:25px 22px}.about-big-number{grid-template-columns:1fr;gap:7px}.about-big-number strong{font-size:88px}.about-attribute{grid-template-columns:38px 1fr;gap:11px}.about-symbol{width:34px;height:34px}.proofbar .container span{font-size:10px}}
@media(max-width:380px){.hero-canvas{transform:scale(.68);margin-bottom:-70px}.hero h1{font-size:44px}.floating{max-width:155px}}


/* ---- Next style layer ---- */


/* JCS Proposta 05 | Dark Premium + Editorial Tech + glass icons */
:root {--jcs-ink:#15151C;--jcs-orange:#FF5A1F;--jcs-paper:#F5F4F1;--jcs-muted:#A7A6B2;--jcs-line:rgba(255,255,255,.11)}
html{scroll-padding-top:85px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#15151C}
:focus-visible{outline:2px solid #ff9a76;outline-offset:4px}
.nav{background:rgba(15,16,22,.83);box-shadow:0 9px 35px rgba(0,0,0,.1)}
.nav-inner{height:82px}.nav-links{font-weight:550;font-size:13px;gap:27px}
.nav-cta{background:#f3f2ee;color:#1a1920;border:1px solid #ffffff7f;padding:11px 17px;font-size:12px;font-weight:740;box-shadow:0 8px 25px rgba(0,0,0,.10)}
.nav-cta:hover{background:#fff;color:#15151c}
.hero{padding:74px 0 100px;position:relative;background:radial-gradient(ellipse 50% 70% at 77% 39%,rgba(255,113,62,.09),transparent 75%),radial-gradient(ellipse 44% 50% at 6% 0%,rgba(100,111,142,.09),transparent 75%),#15151c}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;background-image:radial-gradient(#8b8c98 0.6px,transparent .65px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 5%,black 73%,transparent 100%)}
.hero-grid{position:relative;z-index:1;min-height:620px;gap:45px}
.hero-overline{color:#d1d0d8;font-weight:700;letter-spacing:2.1px;font-size:10px}
.hero h1{font-size:clamp(49px,5.15vw,74px);letter-spacing:-3.9px;font-weight:730;line-height:1.055;margin:27px 0 25px}
.hero h1 em{color:#ff8255}
.hero-copy{font-size:16px;color:#b6b5c1;line-height:1.75;max-width:545px;font-weight:410}
.hero-ctas{margin-top:31px;gap:12px}
.btn{padding:14px 20px;font-size:13px;font-weight:690;min-height:46px;letter-spacing:-.1px;box-shadow:none;border-radius:100px;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.btn svg{width:16px;height:16px}.btn-white{background:#f9f8f5;color:#181820;border:1px solid #ffffffa8;box-shadow:0 7px 24px rgba(0,0,0,.12)}
.btn-white:hover{background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.19)}
.hero .btn-outline{border-color:#565660;color:#ecebf1;background:rgba(255,255,255,.025);font-weight:650}
.hero .btn-outline:hover{background:#ffffff0a;border-color:#888894}
.hero-canvas{height:540px;perspective:900px;filter:none}
.hero-canvas .glow{background:radial-gradient(circle,rgba(255,109,58,.12),rgba(142,125,147,.055) 45%,transparent 68%);filter:blur(25px)}
.orbit{border-color:rgba(228,220,233,.115);box-shadow:0 0 0 .5px rgba(255,255,255,.01)}
.orbit.three{border-color:rgba(255,113,62,.18)}
.orbit-dot{width:7px;height:7px;box-shadow:0 0 15px rgba(255,117,76,.65)}
.orbit-beam{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,143,101,.16),transparent);transform-origin:left center;pointer-events:none}
.beam-a{top:36%;left:27%;width:53%;transform:rotate(20deg)}.beam-b{top:64%;left:24%;width:46%;transform:rotate(-21deg)}.beam-c{top:54%;left:50%;width:42%;transform:rotate(-42deg)}
.core{background:linear-gradient(145deg,rgba(80,76,88,.74),rgba(24,23,30,.86));border:1px solid rgba(255,255,255,.36);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.19),inset 0 -12px 30px rgba(0,0,0,.19),0 34px 85px rgba(0,0,0,.57),0 0 70px rgba(255,115,67,.13)}
.core:after{content:"";position:absolute;inset:5px;border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.09),transparent 35%);pointer-events:none}
.floating{background:linear-gradient(135deg,rgba(79,76,88,.57),rgba(32,33,42,.81));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),inset 0 -1px 0 rgba(0,0,0,.15),0 20px 40px rgba(0,0,0,.28);border-radius:20px;padding:14px;max-width:233px;transition:transform .35s ease,box-shadow .35s ease}
.floating:hover{transform:translateY(-5px);box-shadow:0 26px 50px rgba(0,0,0,.35)}
.floating small{font-size:9px;letter-spacing:.4px;color:#b5b6c3}.floating b{font-size:12px;font-weight:700}
.f-icon,.glass-icon,.method-glass-icon,.industry-glyph{position:relative;isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.045) 42%,rgba(255,91,36,.065) 100%);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -10px 22px rgba(255,255,255,.02),0 10px 20px rgba(0,0,0,.12);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);color:#ff976e;overflow:hidden}
.f-icon:after,.glass-icon:after,.method-glass-icon:after,.industry-glyph:after{content:"";position:absolute;pointer-events:none;inset:1px 1px 48%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.20),transparent);opacity:.65}
.f-icon{width:43px;height:43px;border-radius:14px;flex:none}
.f-icon svg,.p-icon svg,.method-glass-icon svg,.industry-glyph svg{filter:drop-shadow(0 0 7px rgba(255,108,62,.17))}
.proofbar{background:#1c1c24;border-top-color:rgba(255,255,255,.07);border-bottom-color:rgba(255,255,255,.07)}
.proofbar .container{font-size:11px;letter-spacing:.1px;justify-content:center;gap:37px}
.proofbar i{background:#ff805b;width:3px;height:3px}
/* Portfolio rich glass tiles; the big orange blocks are gone. */
.portfolio{background:linear-gradient(180deg,#1b1b23,#181820 83%);position:relative;overflow:hidden}
.portfolio:before{content:"";position:absolute;pointer-events:none;width:600px;height:600px;top:-200px;left:-300px;background:radial-gradient(circle,rgba(255,255,255,.047),transparent 67%)}
.section{padding:100px 0}.section-head{margin-bottom:39px}.section-head h2{font-size:clamp(35px,4.25vw,55px);letter-spacing:-2.3px;font-weight:720;line-height:1.1}
.section-head p{font-size:14px;color:#b2b1be;line-height:1.73}
.eyebrow{color:#ff835d;font-weight:750;letter-spacing:2.4px}
.product-grid{gap:15px}.product{background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018) 65%),#22222a;border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:27px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 34px rgba(0,0,0,.07);min-height:307px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.product:hover{transform:translateY(-4px);border-color:rgba(255,146,99,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 38px rgba(0,0,0,.16);background:linear-gradient(155deg,rgba(255,255,255,.083),rgba(255,255,255,.02) 65%),#25252d}
.p-icon.glass-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:#ff936d;background:linear-gradient(155deg,rgba(255,255,255,.15),rgba(255,255,255,.035) 63%,rgba(255,113,62,.065));border-color:rgba(255,255,255,.23)}
.p-icon.glass-icon svg{width:25px;height:25px}.product .kind{color:#e9a48e;font-size:10px;font-weight:740;letter-spacing:1.1px}.product h3{font-size:23px;font-weight:710;letter-spacing:-.65px}
.product p{color:#b2b1bd;font-size:13px;line-height:1.68}
.p-top{margin-bottom:28px}.p-num{color:#9694a3}.p-bottom{color:#e6e4e9;font-weight:690}.p-bottom .arr{color:#ffa17b}
.featured-product{background:radial-gradient(circle at 82% 50%,rgba(255,118,80,.085),transparent 40%),linear-gradient(122deg,#2a2933,#1d1e27);border:1px solid rgba(255,255,255,.17);padding:38px 42px;min-height:300px}
.featured-product .p-top{top:26px;left:42px;right:42px}.featured-product .product-text{padding-top:37px}
.featured-product h3{font-size:42px;font-weight:740}.featured-product p{font-size:14px;max-width:590px}.featured-tag{color:#ffab8e}.featured-aside{border-color:rgba(255,255,255,.2)}.featured-aside strong{font-weight:660;letter-spacing:-.5px;font-size:23px}.featured-aside>span:last-child{font-size:13px}
/* More editorial about section, retain real 26-year founder career, not the firm's age. */
.about-section{background:#f5f4f1;color:#16161e}.about-section:before{border-color:rgba(30,30,36,.045)}
.about-left h2{font-weight:730;letter-spacing:-2.35px}.about-left h2 em{color:#df633d}
.about-lead{font-size:18px;color:#323038}.about-body{font-size:14px;color:#66636d}
.about-right{background:linear-gradient(155deg,#fff,#fdfcfb);box-shadow:0 25px 60px rgba(34,31,36,.065);border-color:#ebe8e3;padding:31px 36px}
.about-big-number strong{color:#d95b35;font-size:90px}.about-symbol{background:#f6f1ed;border-color:#eadbd2;color:#a94c2d}
/* Method with tactile glass icon tiles and restrained highlight */
.method{background:radial-gradient(ellipse 45% 60% at 5% 0%,rgba(255,117,67,.065),transparent 76%),#15151c}
.method-grid{gap:19px}.method-step{border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.009) 76%);padding:25px 25px 28px;transition:transform .25s,border-color .25s;min-height:303px}
.method-step:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)}
.method-glass-icon{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;margin-bottom:23px}
.method-step b{font-size:10px;letter-spacing:1.5px;color:#ff9770;font-weight:730}
.method-step h3{margin:16px 0 10px;font-size:21px;font-weight:720}
.method-step p{font-size:13px;color:#b6b5c2;line-height:1.72}
/* Editorial light canvas for industries: deliberate visual resting point */
.industries{background:#f5f4f1;color:#16161d}
.industries .section-head p{color:#65636c}.industries .eyebrow{color:#dc6742}
.industry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.industry{background:#fff;border:1px solid #e5e2dd;border-radius:20px;min-height:162px;padding:19px 19px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;box-shadow:0 10px 25px rgba(21,21,28,.025);transition:transform .25s,box-shadow .25s,border-color .25s}
.industry:hover{transform:translateY(-4px);border-color:#d3cdc7;box-shadow:0 16px 38px rgba(21,21,28,.06)}
.industry strong{font-size:14px;font-weight:690;letter-spacing:-.18px;max-width:93%;line-height:1.35;color:#22212a}
.industry .industry-arrow{position:absolute;right:19px;bottom:17px;font-size:18px;color:#d76b4b}
.industry-glyph{height:45px;width:45px;border-radius:14px;display:grid;place-items:center;color:#c86443;background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(235,221,216,.7) 60%,rgba(223,229,235,.48));border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 9px 17px rgba(41,32,29,.07)}
.industry-glyph:after{opacity:.4}
/* CTO section: premium, clear and readable, no orange billboard */
.contact-section{background:#15151c;padding:86px 0 98px}
.cta-band.cta-premium{padding:58px 62px;border:1px solid rgba(255,255,255,.17);border-radius:26px;background:radial-gradient(ellipse 52% 130% at 100% 5%,rgba(255,116,68,.10),transparent 77%),linear-gradient(145deg,#282831,#1d1d25 75%);color:#f9f8f9;box-shadow:inset 0 1px 0 rgba(255,255,255,.09);position:relative;overflow:hidden}
.cta-premium:after{content:"";position:absolute;pointer-events:none;width:305px;height:305px;right:-111px;top:-195px;border-radius:50%;border:1px solid rgba(255,255,255,.085);box-shadow:0 0 0 55px rgba(255,255,255,.015),0 0 0 118px rgba(255,255,255,.009)}
.cta-band h2{font-size:clamp(34px,3.6vw,50px);letter-spacing:-1.85px;font-weight:700;line-height:1.12;margin:14px 0 17px}
.cta-band p{max-width:520px;color:#bcbac6;line-height:1.7;font-size:14px}.cta-band .eyebrow{color:#ef9877;letter-spacing:2px}
.cta-band .btn{background:#f4f3f0;color:#15151c;z-index:1;font-weight:700;padding:14px 19px;font-size:13px;box-shadow:none;white-space:normal}
.cta-band .btn:hover{background:#fff}
.footer-v3{background:#0c101b}
@media(min-width:821px){.cta-band>div{max-width:650px}}
@media(max-width:1050px){.hero-grid{gap:28px}.hero h1{font-size:clamp(45px,5vw,65px)}.proofbar .container{gap:18px}.proofbar .container span{font-size:10px}}
@media(max-width:820px){.nav-inner{height:76px}.hero{padding:65px 0 74px}.hero-grid{grid-template-columns:1fr}.hero-canvas{height:485px;max-width:580px;margin:0 auto}.hero h1{font-size:clamp(44px,8vw,65px);letter-spacing:-2.7px}.floating{max-width:220px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-grid{grid-template-columns:1fr}.method-step{min-height:0}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-band.cta-premium{padding:42px 37px;gap:25px}}
@media(max-width:650px){.hero h1{font-size:clamp(41px,11vw,54px);letter-spacing:-2.4px;line-height:1.075}.hero-copy{font-size:15px}.hero-ctas{align-items:flex-start}.hero-ctas .btn{padding:13px 16px;font-size:12px}.hero-canvas{height:460px;transform:scale(.78);transform-origin:center top;margin-bottom:-80px;max-width:480px}.floating{max-width:174px;padding:10px;border-radius:15px}.f-icon{width:37px;height:37px;border-radius:12px}.floating small{font-size:8px}.floating b{font-size:11px}.featured-product{padding:84px 25px 28px;min-height:0;gap:18px}.featured-product .p-top{left:25px;right:25px;top:24px}.featured-product h3{font-size:34px}.featured-product .product-text{padding-top:0}.product-grid{grid-template-columns:1fr}.product{min-height:250px;padding:25px}.featured-aside strong{font-size:20px}.about-left h2{font-size:clamp(35px,9vw,47px)}.about-right{padding:23px}.about-big-number strong{font-size:86px}.industry-grid{gap:10px}.industry{min-height:143px;padding:16px}.industry strong{font-size:13px}.industry-glyph{width:42px;height:42px}.industry .industry-arrow{right:16px;bottom:13px}.cta-band.cta-premium{display:block;padding:34px 26px}.cta-band h2{font-size:clamp(32px,8.4vw,42px)}.cta-band .btn{margin-top:25px}.section{padding:75px 0}.proofbar .container{justify-content:center;flex-wrap:wrap;gap:10px 15px}.proofbar .container span{font-size:9px;white-space:nowrap}}
@media(max-width:380px){.hero-canvas{transform:scale(.66);margin-bottom:-128px}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.floating,.product,.industry,.method-step{transition:none!important}}


/* ---- Next style layer ---- */


/* JCS Proposta 05 — new cinematic logo hero, with gentle CSS movement. */
.hero-visual-update{position:relative;isolation:isolate;min-height:765px;padding:90px 0 94px;overflow:hidden;background:#131219}
.hero-visual-update .hero-grid{display:flex;align-items:center;min-height:575px;gap:0;position:static}
.hero-visual-update .hero-content{position:relative;z-index:3;width:min(100%,605px);flex:none}
.hero-visual-update .hero-overline{color:#e0dce1;letter-spacing:1.9px;font-size:10px;font-weight:720}
.hero-visual-update h1{font-size:clamp(47px,4.65vw,68px);line-height:1.065;letter-spacing:-3.75px;font-weight:780;margin:25px 0 22px;max-width:620px;text-wrap:balance}
.hero-visual-update h1 em{color:#ff6940;font-style:normal}
.hero-visual-update .hero-copy{font-size:16px;line-height:1.78;color:#dedce3;max-width:540px;text-shadow:0 1px 10px rgba(0,0,0,.19)}
.hero-visual-update .hero-ctas{margin-top:31px}
.hero-visual-update .hero-ctas .btn{padding:15px 20px;font-size:13px;border-radius:100px}
.hero-visual-update .hero-ctas .btn-outline{background:#13121930;backdrop-filter:blur(8px);border-color:#fff7}
.hero-visual-update .hero-ctas .btn-outline:hover{background:#ffffff16}
.hero-visual-update .hero-canvas{position:absolute;inset:0;z-index:1;margin:0;max-width:none;min-width:0;width:100%;height:100%;transform:none;overflow:hidden;pointer-events:none;isolation:isolate}
.hero-visual-update .hero-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(.89);transform:scale(1.02);animation:hero-image-drift 20s ease-in-out infinite alternate;will-change:transform}
.hero-visual-update .hero-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(20,19,27,.94) 0%,rgba(20,19,27,.78) 19%,rgba(20,19,27,.22) 46%,transparent 70%),linear-gradient(0deg,#15151c 0%,transparent 12%)}
.hero-visual-update .hero-motion-dot{position:absolute;z-index:2;top:50%;left:68%;height:4px;width:4px;border-radius:50%;background:#fff9eb;box-shadow:0 0 8px 3px #ff6f38,0 0 24px 6px #ff5a1f88;opacity:.55;animation:hero-dot-orbit 21s linear infinite;pointer-events:none}
.hero-visual-update .hero-motion-dot.motion-two{animation-duration:28s;animation-delay:-14s;opacity:.34;box-shadow:0 0 9px 3px #ff7d40,0 0 18px 5px #ff5a1f55}
@keyframes hero-image-drift{0%{transform:scale(1.02) translate(0,0)}100%{transform:scale(1.068) translate(-.45%,.2%)}}
@keyframes hero-dot-orbit{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(226px)}100%{transform:translate(-50%,-50%) rotate(360deg) translateX(226px)}}
@media(max-width:1100px) and (min-width:821px){.hero-visual-update .hero-content{width:54%}.hero-visual-update h1{font-size:clamp(43px,5.1vw,56px);letter-spacing:-2.9px}.hero-visual-update .hero-canvas:after{background:linear-gradient(90deg,rgba(20,19,27,.95) 0%,rgba(20,19,27,.78) 30%,rgba(20,19,27,.2) 60%,transparent 90%)}.hero-visual-update .hero-motion-dot{display:none}}
@media(max-width:820px){.hero-visual-update{min-height:0;padding:66px 0 0}.hero-visual-update .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.hero-visual-update .hero-content{width:100%;max-width:650px}.hero-visual-update h1{font-size:clamp(43px,7.45vw,62px);letter-spacing:-2.8px;max-width:640px}.hero-visual-update .hero-canvas{position:relative;order:2;z-index:1;flex:none;width:calc(100% + 36px);height:clamp(265px,56vw,410px);margin:35px -18px 0;max-width:none;transform:none!important}.hero-visual-update .hero-art{width:100%;height:100%;object-position:65% 50%;transform-origin:67% 50%;animation:hero-mobile-drift 20s ease-in-out infinite alternate}.hero-visual-update .hero-canvas:after{background:linear-gradient(180deg,#15151c 0%,transparent 16%,transparent 77%,#15151c 100%)}.hero-visual-update .hero-motion-dot{display:none}.hero-visual-update .hero-copy{max-width:650px}}
@keyframes hero-mobile-drift{from{transform:scale(1.24)}to{transform:scale(1.33) translateX(-.8%)}}
@media(max-width:520px){.hero-visual-update{padding-top:53px}.hero-visual-update .hero-overline{font-size:9px;letter-spacing:1.35px}.hero-visual-update h1{font-size:clamp(39px,10vw,49px);letter-spacing:-2.25px;line-height:1.095;margin:22px 0}.hero-visual-update .hero-copy{font-size:14px;line-height:1.7}.hero-visual-update .hero-ctas{margin-top:27px;gap:9px}.hero-visual-update .hero-ctas .btn{padding:13px 14px;font-size:12px}.hero-visual-update .hero-canvas{height:270px;margin-top:20px}}
@media(max-width:380px){.hero-visual-update h1{font-size:39px;letter-spacing:-2.1px}.hero-visual-update .hero-canvas{height:250px;margin-bottom:0!important}}
@media(prefers-reduced-motion:reduce){.hero-visual-update .hero-art,.hero-visual-update .hero-motion-dot{animation:none!important;transform:none!important}}

/* Motion preferences: the institutional marquee remains readable when animation is reduced. */
@media(prefers-reduced-motion:reduce){
 .proofbar-track{animation:none!important}
}