/* Teroka Ilmu identity: retain the existing nature + technology visual language. */
.landing-hero .hero-copy{max-width:710px;top:168px}
.landing-hero .hero-copy h1{font-size:clamp(60px,5.4vw,84px);line-height:1.06;letter-spacing:-2.8px;max-width:710px}
.landing-hero .hero-copy>p.brand-kicker{font:600 11px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:2.5px;color:#596f43;margin:0 0 20px;max-width:none}
.landing-hero .hero-copy>p:not(.hero-signoff):not(.brand-kicker){font-size:21px;line-height:1.5;max-width:560px}
.landing-hero .hero-signoff{font-size:18px;letter-spacing:.1px}
.brand-footer-copy small{display:block;font:11px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:1px;color:#c2ccad;margin-top:6px}
.auth-domain{font:12px/2 'Segoe UI',Arial,sans-serif;letter-spacing:2px;color:#e5e6cf}
.garden-copy>p:last-child{font-size:22px}
@media(max-width:1100px) and (min-width:701px){.landing-hero .hero-copy{max-width:590px}.landing-hero .hero-copy h1{font-size:65px;max-width:590px}.landing-hero .hero-copy>p:not(.hero-signoff):not(.brand-kicker){max-width:470px;font-size:19px}}
@media(max-width:700px){.landing-hero .hero-copy{max-width:520px;top:145px}.landing-hero .hero-copy h1{font-size:clamp(43px,8.4vw,59px);letter-spacing:-1.6px}.landing-hero .hero-copy>p.brand-kicker{font-size:10px;letter-spacing:1.8px;margin-bottom:16px}.landing-hero .hero-copy>p:not(.hero-signoff):not(.brand-kicker){font-size:16px;max-width:410px}.landing-hero .hero-signoff{font-size:16px;max-width:300px;line-height:1.5}}
@media(max-width:620px){.landing-hero .hero-copy{top:137px}.landing-hero .hero-copy h1{font-size:clamp(40px,10.4vw,59px);letter-spacing:-1.5px}.landing-hero .hero-copy>p:not(.hero-signoff):not(.brand-kicker){font-size:15px;line-height:1.6;max-width:335px}.site-footer .brand-footer-copy{font-size:12px;line-height:1.5}.brand-footer-copy small{font-size:10px}.garden-copy>p:last-child{display:block!important;font:12px/1.4 'Segoe UI',Arial,sans-serif;margin-top:12px}.garden-copy .auth-domain{display:none}.garden h2{font-size:32px}}