/* Homepage v0.2: native scroll chapters and a full-viewport navigation. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.header-wordmark img{width:112px;height:auto}.menu-wordmark img{width:140px;height:auto}
.menu-toggle{border:0;background:none;padding:10px;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.menu-toggle span{height:1px;width:24px;background:white;transition:transform .18s}
.menu-panel{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;background:#050505;color:#fff;overflow:auto;overscroll-behavior:contain}
.menu-panel::backdrop{background:#050505}.menu-is-open{overflow:hidden}
.menu-shell{min-height:100%;display:flex;flex-direction:column;padding:0 max(40px,calc((100vw - 1280px)/2))}
.menu-top{height:104px;min-height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #373c30}
.menu-close{display:flex;gap:22px;align-items:center;background:none;border:0;color:#fff;min-height:48px;padding:10px 0 10px 20px;font-size:14px}
.menu-close .icon{transform:rotate(45deg);width:28px;height:28px}
.menu-main{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center;flex:1;padding:60px 0}
.menu-links{display:flex;flex-direction:column;gap:14px}.menu-links a{display:flex;align-items:center;justify-content:space-between;font-size:clamp(48px,6.4vw,92px);font-weight:500;letter-spacing:-.035em;line-height:1.18;padding:8px 0}.menu-links .icon{width:36px;height:36px;color:#74786b}
.menu-invitation{align-self:end;padding-bottom:18px}.menu-invitation p{max-width:310px;font-size:24px;line-height:1.4;margin:36px 0 28px;color:#bfc5b6}
.menu-orbit{width:130px;height:70px;display:block;border:1px solid var(--lime);border-radius:50%;transform:rotate(-30deg);position:relative}.menu-orbit:after{content:"";width:24px;height:24px;position:absolute;left:52px;top:22px;border-radius:50%;background:var(--lime)}
.menu-bottom{padding:25px 0;border-top:1px solid #373c30;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:#bfc5b6;letter-spacing:.04em}
.hero h1{font-size:clamp(70px,7.4vw,108px)}.hero-copy p{max-width:360px}
.service-journey,.process-journey{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;position:relative}
.service-visual{top:calc((100svh - min(540px,75svh))/2);height:min(540px,75svh);aspect-ratio:auto;z-index:3}
.service-chapters{min-width:0}.service-chapter{min-height:76svh;padding:60px 0;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #373c30;border-bottom:0}
.service-chapter:first-child{border-top:0}.service-chapter h3{font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.1;letter-spacing:-.03em;margin:0 0 28px;color:#bfc5b6;transition:color .18s}
.service-chapter.is-active h3{color:var(--lime)}.service-body{padding:0}.service-body p{font-size:17px;max-width:420px}.service-body .text-link{font-size:14px}
.service-meter{position:absolute;bottom:0;left:0;right:0;height:2px;background:#373c30}.service-meter span{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}
.service-satellites{position:absolute;inset:0;opacity:0;transition:opacity .3s}.service-satellites span{position:absolute;width:10%;height:10%;border:1px solid var(--lime);background:#11130d;border-radius:50%}.service-satellites span:nth-child(1){left:0;top:45%}.service-satellites span:nth-child(2){left:45%;top:0}.service-satellites span:nth-child(3){right:0;top:45%}.service-satellites span:nth-child(4){left:45%;bottom:0}
.service-visual[data-phase="1"] .service-satellites,.service-visual[data-phase="2"] .service-satellites,.service-visual[data-phase="3"] .service-satellites{opacity:1}
.service-visual[data-phase="2"] .service-satellites span{border-radius:4px;background:var(--lime)}
.process{display:block}.process-intro{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px 9%;margin-bottom:60px}.process-intro h2{grid-row:1/3}.process-intro>p{margin:0;max-width:410px;align-self:end}.process-intro>.text-link{align-self:start}
.process-stage{position:sticky;top:calc((100svh - 450px)/2);height:450px;min-width:0;isolation:isolate}
.journey-circle{position:absolute;inset:0;display:grid;place-items:center}.journey-circle svg{height:100%;width:100%;fill:none;transform:rotate(-90deg)}.journey-track{stroke:#373c30;stroke-width:.65}.journey-progress{stroke:var(--lime);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1}
.journey-node{width:8px;height:8px;border:1px solid #7b8270;background:#050505;border-radius:50%;position:absolute}.node-one{top:10%;left:calc(50% - 4px)}.node-two{left:82%;top:68%}.node-three{left:17%;top:68%}
.journey-traveler{position:absolute;width:10px;height:10px;background:var(--lime);border-radius:50%;left:calc(50% - 5px);top:calc(50% - 5px);transform:rotate(0deg) translateY(-172px);box-shadow:0 0 16px #dfff0030}
.process-readout{position:absolute;left:0;right:0;top:30%;display:flex;align-items:baseline;justify-content:center;gap:12px}.process-counter{font-size:108px;font-weight:500;line-height:1;letter-spacing:-.04em;color:var(--lime);font-variant-numeric:tabular-nums}.process-total{font-size:14px;color:#8b9084}
.process-phase{position:absolute;top:62%;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.08em;color:#bfc5b6}
.process-steps li{min-height:76svh;align-content:center;padding:60px 0;transition:opacity .18s}.process-steps li:first-child{padding-top:60px}.process-steps h3{font-size:30px;line-height:1.2;color:#bfc5b6;transition:color .18s}.process-steps .is-active h3{color:#fff}.process-steps .step-number{position:relative}.process-steps .is-active .step-number:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--lime);left:4px;top:32px}
#brief-whatsapp{min-width:250px}.form-bottom>p{max-width:350px}
@media(hover:hover) and (pointer:fine){.menu-links a:hover,.menu-close:hover{color:var(--lime)}.menu-links a:hover .icon{color:var(--lime)}}
@media(max-width:1100px){.header-actions{gap:16px}.desktop-nav{gap:22px}.menu-main{gap:7%}.menu-links a{font-size:68px}.process-intro h2{font-size:54px}.service-chapter h3{font-size:34px}.journey-traveler{transform:rotate(0deg) translateY(-160px)}}
@media(max-width:767px){
 .header-wordmark img{width:104px}.menu-toggle{padding:10px;width:44px}.menu-shell{padding:0 24px}.menu-top{height:88px;min-height:88px}.menu-wordmark img{width:116px}.menu-close{font-size:12px;gap:14px}.menu-main{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:40px;padding:28px 0 38px}.menu-links{gap:8px}.menu-links a{font-size:clamp(46px,9vw,64px);min-height:64px;line-height:1.1}.menu-links .icon{width:28px;height:28px}.menu-invitation{align-self:stretch;padding-bottom:0;display:block}.menu-orbit{display:none}.menu-invitation p{font-size:18px;margin:0 0 22px;max-width:280px}.menu-invitation .button{width:100%;max-width:350px}.menu-bottom{padding:20px 0;font-size:9px;line-height:1.6;gap:20px}.menu-bottom>span:last-child{max-width:175px;text-align:right}
 .hero h1{font-size:clamp(44px,8.5vw,64px)}.hero-copy p{max-width:300px}.hero-art{top:40%}
 .services{padding-bottom:40px}.service-journey,.process-journey{display:block}.service-visual{top:0;position:sticky;max-height:none;height:250px;aspect-ratio:auto;margin:0 -24px;padding:0;border-radius:0;border-left:0;border-right:0;border-top:1px solid #373c30;border-bottom:1px solid #373c30;z-index:5;background:#11130d}.service-grid{opacity:1}.visual-type{font-size:58px;left:24px;top:32px;z-index:1;line-height:1}.visual-core{width:58%;height:95%;right:3%;bottom:4%}.visual-bottom{left:24px;right:24px;bottom:20px;font-size:9px;z-index:2}.service-chapter{min-height:67svh;padding:42px 0 48px;scroll-margin-top:270px}.service-chapter h3{font-size:34px;line-height:1.12;margin-bottom:24px}.service-body p{font-size:15px;max-width:340px}.service-tags{margin-bottom:18px}.service-body .text-link{font-size:13px}
 .process-intro{display:block;margin-bottom:45px}.process-intro h2{font-size:42px}.process-intro>p{font-size:15px;margin:24px 0;max-width:330px}.process-intro .text-link{font-size:14px}.process-stage{top:0;height:210px;margin:0 -24px;position:sticky;z-index:5;background:#050505;border-top:1px solid #373c30;border-bottom:1px solid #373c30;overflow:hidden}.journey-circle{width:210px;height:210px;left:auto;right:-4px}.process-readout{top:43px;left:24px;right:auto;gap:8px}.process-counter{font-size:76px}.process-total{font-size:12px}.process-phase{top:137px;left:24px;right:auto;font-size:10px;text-align:left}.journey-traveler{width:7px;height:7px;transform:rotate(0deg) translateY(-80px)}.journey-node{width:6px;height:6px}.process-steps li,.process-steps li:first-child{min-height:68svh;padding:42px 0;grid-template-columns:26px 1fr;gap:16px;scroll-margin-top:235px}.process-steps h3{font-size:25px;line-height:1.18}.process-steps p{font-size:15px}.step-note{margin-top:20px}.form-bottom #brief-whatsapp{min-width:0;width:100%}
}
@media(max-width:359px){.hero h1{font-size:39px}.service-visual,.process-stage{margin-left:-20px;margin-right:-20px}.visual-type{font-size:50px;left:20px}.service-chapter h3{font-size:30px}.menu-shell{padding:0 20px}.menu-links a{font-size:48px}.menu-main{gap:30px}.menu-invitation p{font-size:17px}.menu-bottom{font-size:8px}.journey-circle{right:-40px;opacity:.8}.process-counter{font-size:68px}.process-phase{max-width:110px}.process-readout{left:20px}.process-phase{left:20px}}
@media(max-height:540px) and (min-width:768px){.service-visual{height:360px;top:30px}.process-stage{height:340px;top:30px}.menu-top{height:76px;min-height:76px}.menu-main{padding:25px 0}.menu-links a{font-size:48px}.menu-invitation p{font-size:20px;margin:16px 0}.menu-orbit{display:none}.menu-bottom{padding:15px 0}}
@media(prefers-reduced-motion:reduce){.service-visual,.process-stage{position:relative;top:auto}.service-chapter,.process-steps li,.process-steps li:first-child{min-height:0;padding:42px 0}.service-chapter h3,.process-steps h3{color:#fff}.service-meter span{transform:scaleX(1)}.journey-progress{stroke-dashoffset:0}.menu-panel{clip-path:none!important}.menu-links a{opacity:1!important;transform:none!important}}

/* Numa v0.3: official wordmark proportions and Indonesian service artwork. */
.visual-type{font-size:clamp(42px,5.2vw,72px)}.visual-type>span:first-child{color:#fff}.footer-top .brand img{width:192px;height:auto}
@media(max-width:767px){.visual-type{font-size:48px;top:38px}.visual-core{right:-9%}}
@media(max-width:359px){.visual-type{font-size:42px}.visual-core{right:-15%}}

/* Complete footer signature; closing wordmark remains unchanged. */
@media(max-width:359px){.footer-top{grid-template-columns:1fr}.footer-top .back-top{grid-row:3;justify-self:start}}

@media(min-width:360px) and (max-width:767px){.footer-top{column-gap:12px}.footer-top .back-top{white-space:nowrap;gap:8px}}