:root{--teal:#00aaad;--teal-deep:#006f72;--ink:#231f20;--mist:#e8f7f7}.milestone-section{background:#fff}.milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.milestone-grid article{padding:25px 22px 24px;border-left:1px solid var(--line)}.milestone-grid article:first-child{border-left:0}.milestone-grid span{display:block;color:var(--teal-deep);font-size:.71rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.milestone-grid h3{font-size:1.42rem;line-height:1.1;margin:20px 0 9px}.milestone-grid p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.quality-card{background:#fff;border-left:0;box-shadow:0 12px 34px rgba(35,31,32,.09)}.gdpmd-mark{display:block;width:min(100%,270px);height:auto;margin:0 0 24px}.quality-card .eyebrow{margin-top:0}.quality-card h3{margin-top:14px}@media(max-width:800px){.milestone-grid{grid-template-columns:1fr 1fr}.milestone-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.milestone-grid article:nth-child(4){border-top:1px solid var(--line)}}@media(max-width:560px){.milestone-grid{grid-template-columns:1fr}.milestone-grid article{border-left:0;border-top:1px solid var(--line)}.milestone-grid article:first-child{border-top:0}}

/* Brand prominence and refined motion */
.header-inner{height:96px}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand img{width:clamp(215px,19vw,285px);transition:transform .35s ease,filter .35s ease}
.brand:hover img{transform:scale(1.025);filter:drop-shadow(0 7px 12px rgba(0,111,114,.14))}

.hero:before{content:"";position:absolute;z-index:0;width:clamp(330px,42vw,620px);aspect-ratio:1;right:clamp(-150px,-7vw,-65px);top:50%;transform:translateY(-50%) rotate(-8deg);background:url("assets/aki-linangkit-icon.png") center/contain no-repeat;mix-blend-mode:multiply;opacity:.09;pointer-events:none}
.hero-content,.hero-orbit{z-index:2}

.hero .eyebrow,.hero h1,.hero-copy,.hero .button-row{opacity:0;transform:translateY(18px);animation:brand-reveal .75s cubic-bezier(.22,1,.36,1) forwards}
.hero h1{animation-delay:.1s}.hero-copy{animation-delay:.2s}.hero .button-row{animation-delay:.3s}
.hero-orbit{animation:orbit-arrive 1s cubic-bezier(.22,1,.36,1) .2s both}
.hero-orbit:after{animation:orbit-pulse 3.8s ease-in-out 1.2s infinite}
.solution-card,.service-grid article,.milestone-grid article,.about-grid>*{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,opacity .6s ease}
.solution-card:hover,.milestone-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(35,31,32,.09)}
.reveal-on-scroll{opacity:0;transform:translateY(24px)}
.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}

@keyframes brand-reveal{to{opacity:1;transform:translateY(0)}}
@keyframes orbit-arrive{from{opacity:0;transform:translateY(-50%) scale(.82) rotate(-8deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}}
@keyframes orbit-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(0,170,173,0))}50%{filter:drop-shadow(0 0 13px rgba(0,170,173,.3))}}

@media(max-width:800px){.header-inner{height:88px}.brand img{width:210px}}
@media(max-width:560px){.header-inner{height:76px}.brand img{width:174px}.primary-nav{top:76px}.hero:before{width:390px;right:-190px;opacity:.045}}
@media(prefers-reduced-motion:reduce){.brand img,.solution-card,.service-grid article,.milestone-grid article,.about-grid>*{transition:none}.hero .eyebrow,.hero h1,.hero-copy,.hero .button-row,.hero-orbit,.hero-orbit:after{animation:none;opacity:1;transform:none}.hero-orbit{transform:translateY(-50%)}.reveal-on-scroll{opacity:1;transform:none}}

/* Give contact details enough room for one complete contact per line. */
.site-footer .footer-grid{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);gap:32px}
.site-footer .footer-grid .contact-detail{white-space:nowrap;font-size:14px;line-height:1.8}
@media(max-width:900px){.site-footer .footer-grid{grid-template-columns:1fr;gap:30px}}

/* Three clearly separated footer columns. */
.site-footer .footer-grid{grid-template-columns:minmax(180px,.85fr) max-content minmax(200px,1fr);gap:38px;align-items:start}
.site-footer .footer-contact,.site-footer .footer-grid>address{border-left:1px solid var(--line);padding-left:28px}
.site-footer .footer-contact .contact-detail{display:flex;gap:12px;justify-content:space-between;padding:3px 0;font-size:14px}
.site-footer .footer-contact .contact-detail span{color:var(--ink);font-weight:600}
.site-footer .footer-grid>address{font-size:14px;line-height:1.8}
.site-footer .footer-grid h3{margin-bottom:16px}
@media(max-width:1000px){.site-footer .footer-grid{gap:22px;grid-template-columns:minmax(145px,.7fr) max-content minmax(150px,1fr)}.site-footer .footer-contact,.site-footer .footer-grid>address{padding-left:18px}}
@media(max-width:800px){.site-footer .footer-grid{grid-template-columns:1fr;gap:28px}.site-footer .footer-contact,.site-footer .footer-grid>address{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.site-footer .footer-contact .contact-detail{justify-content:flex-start;gap:8px}.site-footer .footer-contact .contact-detail span{min-width:130px}}
@media(max-width:360px){.site-footer .footer-contact .contact-detail{gap:5px;font-size:13px}.site-footer .footer-contact .contact-detail span{min-width:120px}}

/* Align each contact value to the same left edge. */
.site-footer .footer-contact .contact-detail{justify-content:flex-start}
.site-footer .footer-contact .contact-detail>span{flex:0 0 130px}
@media(min-width:1001px){.site-footer .footer-grid{grid-template-columns:minmax(180px,.85fr) max-content minmax(200px,.9fr)}}
@media(max-width:360px){.site-footer .footer-contact .contact-detail>span{flex-basis:120px}}