/*
Theme Name: Aruman Corporate
Author: Ressie Oktarina
Version: 0.1.0
*/

:root{
    --ink:#13211b;
    --muted:#63716b;
    --green:#124c3a;
    --green-dark:#0a3327;
    --mint:#e9f1ed;
    --line:#d8e1dc;
    --white:#ffffff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--white);color:var(--ink);font-family:Arial,sans-serif;line-height:1.6;margin:0}
.content-width{margin:0 auto;max-width:1160px;padding-left:32px;padding-right:32px}

.header-container{align-items:center;background:var(--white);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 40px}
.logo img{display:block;height:auto;max-width:180px}
.site-navigation{display:flex;gap:28px}
.site-navigation a{color:var(--ink);font-size:14px;text-decoration:none}
.site-navigation a:hover,.site-navigation a:focus{color:var(--green)}

.hero-section{background:linear-gradient(115deg,var(--mint) 0%,var(--white) 72%);border-bottom:1px solid var(--line);padding:112px 0 120px}
.hero-content{max-width:960px}
.eyebrow{color:var(--green);font-size:12px;font-weight:bold;letter-spacing:1.5px;margin:0 0 20px}
.eyebrow-light{color:#b8d5c7}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(42px,7vw,78px);letter-spacing:-1px;line-height:1.04;margin-bottom:28px;max-width:850px}
h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.5px;line-height:1.12;margin-bottom:24px;max-width:700px}
h3{font-size:20px;margin-bottom:10px}
.hero-text{color:var(--muted);font-size:19px;max-width:650px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.button{border:1px solid var(--green);display:inline-block;font-size:14px;font-weight:bold;padding:13px 20px;text-decoration:none}
.button-primary{background:var(--green);color:var(--white)}
.button-primary:hover,.button-primary:focus{background:var(--green-dark)}
.button-secondary{color:var(--green)}
.button-secondary:hover,.button-secondary:focus{background:var(--white)}

.section{padding:100px 0}
.service-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px}
.service-item{border-right:1px solid var(--line);padding:28px 30px 10px 0}
.service-item:not(:first-child){padding-left:30px}
.service-item:last-child{border-right:0}
.service-item p,.partner-note,.section-intro,.mission-list{color:var(--muted)}
.service-number{color:var(--green);display:block;font-size:13px;font-weight:bold;margin-bottom:40px}
.partner-note{border-top:1px solid var(--line);font-size:14px;margin:55px 0 0;padding-top:20px}

.section-green,.contact-section{background:var(--green);color:var(--white)}
.vision-layout,.section-heading-row,.contact-content{display:grid;gap:60px;grid-template-columns:1fr 1fr}
.vision-copy{color:#d6e5dd;font-size:18px;padding-top:8px}
.vision-copy p:last-child{margin-bottom:0}
.mission-section{background:#f7f9f8}
.section-intro{font-size:18px;margin:8px 0 0}
.mission-list{border-top:1px solid var(--line);counter-reset:mission;list-style:none;margin:60px 0 0;padding:0}
.mission-list li{border-bottom:1px solid var(--line);counter-increment:mission;padding:22px 0 22px 52px;position:relative}
.mission-list li::before{color:var(--green);content:counter(mission,decimal-leading-zero);font-size:13px;font-weight:bold;left:0;position:absolute;top:24px}
.contact-section{padding:80px 0}
.contact-content h2{margin-bottom:0}
.contact-details{border-left:1px solid #4e7867;padding-left:32px}
.contact-details a{color:var(--white);display:block;font-size:20px;margin-bottom:10px;text-decoration:none}
.contact-details p{color:#c5d9cf;font-size:14px;margin:24px 0 0}
.site-footer{background:var(--green-dark);color:#a9c2b5;font-size:13px;padding:22px 0}
.site-footer p{margin:0}

@media (max-width:700px){
    .header-container{align-items:flex-start;flex-direction:column;gap:18px;padding:18px 20px}
    .site-navigation{flex-wrap:wrap;gap:10px 18px}
    .content-width{padding-left:20px;padding-right:20px}
    .hero-section{padding:76px 0 84px}
    .section{padding:72px 0}
    .service-grid,.vision-layout,.section-heading-row,.contact-content{grid-template-columns:1fr;gap:0}
    .service-item,.service-item:not(:first-child){border-bottom:1px solid var(--line);border-right:0;padding:24px 0}
    .service-item:last-child{border-bottom:0}
    .service-number{margin-bottom:20px}
    .vision-copy{padding-top:20px}
    .section-intro{margin-top:0}
    .mission-list{margin-top:38px}
    .contact-details{border-left:0;border-top:1px solid #4e7867;margin-top:32px;padding-left:0;padding-top:26px}
}