/* Sistema Yang — composição editorial e movimento orientado à rolagem. */
.system-hero{overflow:clip;position:relative;--form:1;--draw:1;--portal:0}
.hero-sticky{position:relative;background:#0b0b0e}
.system-hero .hero-grid{grid-template-columns:1.15fr 1fr;gap:20px;padding:80px 0 56px;min-height:690px}
.system-hero h1{font-size:clamp(48px,4.7vw,68px);letter-spacing:-3.7px;line-height:1.09;margin:30px 0}
.system-hero h1 em{font-style:normal;color:#a9a9b3;position:relative}
.system-hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:1px;background:#777781;transform:rotate(-4deg)}
.system-hero .eyebrow{font-size:10px;letter-spacing:1.45px;white-space:normal;color:#c6c6cd}
.system-hero .lead{font-size:17px;line-height:1.85;max-width:500px}
.system-hero .hero-actions{margin-top:32px;gap:24px;flex-direction:row;align-items:center}
.system-hero .text-link{font-size:13px;gap:14px}
.micro-indicators{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:30px 0 0;list-style:none;max-width:540px}
.micro-indicators li{font-size:11px;color:#aaaab4;display:flex;align-items:center;gap:8px}
.micro-indicators li:before{content:'';width:4px;height:4px;border-radius:50%;background:#8b8b96}
.system-art{position:relative;isolation:isolate;margin:0;animation:none!important;width:100%}
.system-svg{position:relative;width:100%;overflow:visible;z-index:1}
.system-outline{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw))}
.system-trajectory{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw))}
.system-half{opacity:var(--form)}
.system-portal{position:absolute;width:73%;aspect-ratio:1;border-radius:50%;background:#f8f9fa;left:13.5%;top:13.5%;opacity:var(--portal);transform:scale(calc(1 + var(--portal)*6));z-index:0;pointer-events:none}
.system-svg,.system-label,.system-caption{opacity:calc(1 - var(--portal))}
.system-label{position:absolute;font-size:15px;line-height:1.35;color:#b9bbc3;z-index:2}
.system-label strong{font-weight:500;color:white}.label-human{top:17%;left:0}.label-tech{right:0;bottom:17%;text-align:right}
.system-caption{display:flex;align-items:center;gap:18px;justify-content:center;font-size:9px;letter-spacing:2px;margin-top:20px;color:#a9a9b4}
.caption-line{width:80px;height:1px;background:#55555f}
.hero-bottom{border-top:0;padding:26px 0 32px}.hero-bottom>span{font-size:9px}.hero-bottom a{font-size:12px}
.motion-ready .system-hero{height:calc(100svh + 300px);min-height:1020px}
.motion-ready .hero-sticky{position:sticky;top:84px}
.motion-ready .system-hero .hero-grid{min-height:calc(100svh - 155px);padding-top:45px;padding-bottom:45px}
.offer{position:relative;z-index:2;padding-top:115px;padding-bottom:125px}
.motion-ready .offer{clip-path:circle(var(--reveal-radius,150%) at var(--reveal-x,75%) 0%)}
.offer .section-top{margin-bottom:36px}.offer-heading{gap:40px;margin-bottom:60px}.offer-heading h2{font-size:58px;letter-spacing:-3px}.offer-heading>p{max-width:350px;font-size:18px}
.product-stage{border-radius:0;background:#eeeef0;box-shadow:none;padding-top:55px;padding-bottom:65px}
.demo-browser,.demo-phone{box-shadow:0 10px 25px #11111109}.offer-details{gap:120px;margin-top:65px}.offer-details h3{font-size:38px}.deliverables li{border-bottom:0;padding:9px 0;font-size:15px}.offer-details p:not(.eyebrow){max-width:400px}.conditions{border-top:1px solid #d6d6dc;margin-top:20px}
.editorial-about{padding:100px 0 65px;position:relative;overflow:hidden;border-radius:50% 0 0 0 / 65px 0 0 0}
.origin-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}.origin-intro>span{font-size:9px;letter-spacing:1.4px;color:#9e9ea8}
.origin-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}
.editorial-about h2{font-size:clamp(75px,8.6vw,124px);line-height:.99;letter-spacing:-7px;margin:0}
.editorial-about h2 em{font-style:normal;color:#a0a0ac}.origin-right{padding-top:8px}.origin-lead{font-size:26px;line-height:1.45;letter-spacing:-.7px;margin-bottom:24px}
.origin-right>p:not(.origin-lead){font-size:17px;line-height:1.85;color:#b9bbc3;max-width:450px}.convergence{width:100%;height:auto;margin:18px 0 4px}.origin-right .origin-footnote{font-size:13px!important;color:#9e9ea8!important}
.manifesto{font-size:clamp(30px,3.5vw,48px);line-height:1.35;letter-spacing:-1.6px;max-width:1020px;margin:90px 0 25px;padding-left:100px;position:relative}
.manifesto:before{content:'';width:45px;height:45px;border-radius:50%;border:1px solid #777781;position:absolute;left:0;top:10px;background:linear-gradient(90deg,#f8f9fa 50%,transparent 50%)}
.manifesto .word{color:#aaaab4;transition:color .15s}.manifesto .word.lit{color:#f8f9fa}
.connected-process{background:#0b0b0e;color:#f8f9fa;border:0;padding:65px 0 115px}
.process-heading{display:flex;justify-content:space-between;align-items:start}.process-heading .eyebrow{margin-top:10px;color:#b9bbc3}.connected-process h2{font-size:40px;letter-spacing:-1.8px;max-width:650px}
.connected-process .steps{position:relative;gap:40px;margin-top:70px}.connected-process .steps article{border:0;padding-top:0;position:relative}
.connected-process .step-number{display:inline-grid;place-items:center;width:35px;height:35px;background:#0b0b0e;border:1px solid #85858f;border-radius:50%;position:relative;color:#f8f9fa;z-index:1}
.process-track{position:absolute;top:17px;left:0;right:calc(25% - 10px);height:1px;background:#393941;overflow:hidden}.process-track i{display:block;width:100%;height:100%;background:#f8f9fa;transform:scaleX(var(--process-progress,1));transform-origin:left}
.connected-process .steps h3{font-size:25px;margin-top:25px}.connected-process .steps p{font-size:16px;color:#b9bbc3;max-width:260px;line-height:1.8}
.other{background:#f8f9fa;color:#111115;padding:100px 0}.other .wrap{border:0;padding-top:0}.other .eyebrow,.other .quiet{color:#62626c}.other-row{gap:110px}.other-row h2{font-size:45px;letter-spacing:-2.4px}.other-solutions p{color:#5d5d66}.other-solutions article{border-color:#d1d1d8}.other-solutions article>span{color:#55555f}.other .section-top{margin-bottom:48px}
.faq{padding-top:40px;padding-bottom:110px}.faq .wrap{border-top:1px solid #d6d6dd;padding-top:80px}.faq h2{font-size:45px}.questions summary{font-size:16px}.questions details p{font-size:16px}
.closing h2{font-size:70px}.closing{padding:110px 0}.section-top .eyebrow{font-size:10px}
@media(min-width:801px) and (max-height:780px){.motion-ready .hero-sticky{top:84px}.motion-ready .system-hero .hero-grid{min-height:570px;padding:35px 0}.system-hero h1{font-size:58px}.system-hero .lead{font-size:16px}.system-hero .hero-actions{margin-top:22px}.micro-indicators{margin-top:20px}}
@media(max-width:1100px){.system-hero h1{font-size:53px;letter-spacing:-2.8px}.system-hero .hero-grid{gap:30px}.system-hero .hero-actions{gap:15px}.system-hero .button{font-size:12px;padding:15px 18px;gap:17px}.system-hero .text-link{font-size:12px}.system-label{font-size:13px}.origin-grid{gap:60px}.offer-heading h2{font-size:48px}.offer-details{gap:70px}.other-row{gap:60px}.other-row h2{font-size:37px}}
@media(max-width:800px){.motion-ready .system-hero{height:auto;min-height:0}.motion-ready .hero-sticky{position:relative;top:auto}.motion-ready .system-hero .hero-grid,.system-hero .hero-grid{min-height:0;padding:65px 0;grid-template-columns:1.2fr 1fr;gap:10px}.system-hero h1{font-size:44px;letter-spacing:-2.3px}.system-hero .eyebrow{font-size:8px;letter-spacing:.6px}.system-hero .lead{font-size:16px}.system-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.micro-indicators{display:grid;gap:7px;margin-top:20px}.system-label{font-size:11px}.system-caption{font-size:7px;letter-spacing:1px;gap:10px}.caption-line{width:35px}.offer{padding:85px 0}.offer-heading h2{font-size:42px}.offer-heading>p{font-size:16px;max-width:260px}.origin-intro>span{display:none}.origin-grid{gap:35px}.editorial-about h2{font-size:78px;letter-spacing:-4px}.origin-lead{font-size:23px}.origin-right>p:not(.origin-lead){font-size:16px}.manifesto{padding-left:70px;margin-top:60px;font-size:36px}.manifesto:before{width:35px;height:35px}.process-heading{display:block}.process-heading .eyebrow{margin-bottom:25px}.connected-process .steps{gap:23px}.connected-process .steps h3{font-size:21px}.connected-process .steps p{font-size:14px}.connected-process{padding-bottom:80px}.other-row h2{font-size:32px}.closing h2{font-size:49px}.faq h2{font-size:36px}}
@media(max-width:600px){.system-hero .hero-grid,.motion-ready .system-hero .hero-grid{padding:34px 0 24px;gap:25px}.system-hero h1{font-size:clamp(36px,10.3vw,57px);letter-spacing:-2px;line-height:1.1;margin:22px 0}.system-hero .eyebrow{font-size:8px;letter-spacing:.7px}.system-hero .lead{font-size:15px;line-height:1.75}.system-hero .hero-actions{margin-top:24px;gap:11px}.system-hero .button{font-size:14px;gap:35px;min-height:50px}.system-hero .text-link{font-size:12px}.micro-indicators{gap:7px;margin-top:20px}.micro-indicators li{font-size:11px}.system-art{width:90%;max-width:370px;margin:8px auto 0}.system-label{font-size:12px}.system-caption{font-size:8px;margin-top:8px}.system-hero .hero-bottom>span{display:none}.system-hero .hero-bottom{padding:12px 0 30px;justify-content:flex-end}.hero-bottom a{font-size:11px}.offer{padding:65px 0 75px}.offer .section-top{margin-bottom:25px}.offer-heading{margin-bottom:30px}.offer-heading h2{font-size:37px;letter-spacing:-1.8px}.offer-heading>p{max-width:330px;font-size:16px}.product-stage{padding:23px 36px 42px 12px}.offer-details{margin-top:40px;gap:28px}.offer-details h3{font-size:31px}.deliverables li{font-size:14px;padding:9px 0}.editorial-about{padding:75px 0 30px;border-radius:65% 0 0 0 / 30px 0 0 0}.origin-intro{margin-bottom:33px}.origin-grid{grid-template-columns:1fr;gap:34px}.editorial-about h2{font-size:80px;letter-spacing:-4.7px}.origin-lead{font-size:24px}.origin-right>p:not(.origin-lead){font-size:16px}.convergence{margin:12px 0;width:100%}.manifesto{font-size:31px;letter-spacing:-1px;margin:50px 0 0;padding:65px 0 0}.manifesto:before{top:0}.connected-process{padding:65px 0 75px}.connected-process h2{font-size:32px;letter-spacing:-1.7px}.connected-process .steps{display:flex;flex-direction:column;margin-top:38px;gap:28px}.connected-process .steps article{padding-left:58px;min-height:115px}.connected-process .step-number{position:absolute;top:0;left:0}.connected-process .steps h3{margin:4px 0 12px;font-size:24px}.connected-process .steps p{font-size:16px;max-width:none}.process-track{top:17px;bottom:100px;left:17px;right:auto;width:1px;height:auto}.process-track i{transform:scaleY(var(--process-progress,1));transform-origin:top}.other{padding:65px 0 35px}.other-row{gap:30px}.other-row h2{font-size:34px}.other .section-top{margin-bottom:30px}.faq{padding:20px 0 70px}.faq .wrap{padding-top:55px}.faq h2{font-size:38px}.questions summary{font-size:15px}.closing{padding:70px 0}.closing h2{font-size:42px}.hero-sticky{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.motion-ready .system-hero{height:auto;min-height:0}.motion-ready .hero-sticky{position:relative;top:auto}.system-half{opacity:1!important}.system-outline,.system-trajectory{stroke-dashoffset:0!important}.system-portal{display:none}.system-svg,.system-label,.system-caption{opacity:1!important}.motion-ready .offer{clip-path:none!important}.process-track i{transform:none!important}.manifesto .word{color:#f8f9fa!important}}
/* Keep the copy readable as the circular light field passes beneath it. */
.system-hero .hero-copy{mix-blend-mode:difference;z-index:3}
.system-hero .hero-bottom{position:relative;mix-blend-mode:difference;z-index:3}
.process-track{left:17px;right:auto;width:calc(75% + 30px)}
@media(max-width:600px){.process-track{width:1px}}