/*
Theme Name: Satar Unggul Nusa
Author: SATAR UNGGUL NUSA
Description: Theme company profile modern bernuansa hijau, emas, dan putih untuk PT Satar Unggul Nusa.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: satar-unggul-nusa
*/
:root{--g:#006747;--d:#063d32;--m:#eaf5ef;--gold:#c99b18;--ink:#12312d;--muted:#526661}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.sun-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px clamp(18px,5vw,70px);position:sticky;top:0;z-index:99;background:#ffffffef;backdrop-filter:blur(12px);box-shadow:0 4px 24px #003b2a0d}
.sun-brand{display:flex;align-items:center;gap:10px}.sun-brand img{width:62px;height:62px;object-fit:contain}.sun-brand b{font-size:clamp(18px,2vw,28px);line-height:.95;letter-spacing:-1px;color:var(--g)}.sun-brand small{display:block;font-size:.62em;letter-spacing:.5px;margin-top:5px}
.sun-nav{display:flex;gap:clamp(10px,1.6vw,24px);align-items:center;font-size:14px}.sun-nav a:hover{color:var(--g)}.sun-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:99px;background:linear-gradient(120deg,#00583f,#078b61);color:#fff!important;font-weight:750;box-shadow:0 8px 20px #00674720;transition:.2s}.sun-btn:hover{transform:translateY(-2px)}.sun-toggle{display:none;border:0;background:var(--m);color:var(--g);border-radius:50%;width:44px;height:44px;font-size:22px}
.sun-hero{position:relative;isolation:isolate;min-height:550px;display:grid;grid-template-columns:.68fr 1.2fr .45fr;align-items:center;gap:24px;padding:42px clamp(22px,6vw,86px) 90px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fff,#e2f0e9)}.sun-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,#ffffffdf 0%,#ffffffa8 46%,#ffffff05 100%),var(--hero) right center/auto 100% no-repeat}.sun-hero:after{content:"";position:absolute;z-index:-1;left:-4%;right:-4%;bottom:-62px;height:145px;background:linear-gradient(100deg,#004c39,#00855b 48%,#00513d);border-top:5px solid #d8bd54;border-radius:50% 48% 0 0/34% 42% 0 0;transform:rotate(-1deg);box-shadow:0 -7px 0 #ffffffd9}
.sun-hero-logo{display:flex;justify-content:center}.sun-hero-logo img{width:min(100%,255px);filter:drop-shadow(0 12px 15px #00462d14)}.sun-eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--g);font-weight:800;margin-bottom:17px}.sun-hero h1{font-size:clamp(36px,4.1vw,59px);letter-spacing:-2.3px;line-height:1;margin:0 0 20px;font-weight:900;color:#092f2a}.sun-hero h1 span{color:#078052}.sun-hero-copy p{font-size:15px;line-height:1.75;color:#35524b;max-width:480px;margin:0 0 24px}.sun-btn-light{display:inline-flex;align-items:center;gap:16px;background:var(--g);color:white!important;border-radius:99px;padding:7px 8px 7px 22px;font-size:14px;font-weight:750}.sun-btn-light b{display:grid;place-items:center;background:white;color:var(--g);width:35px;height:35px;border-radius:50%;font-size:20px}.sun-values{justify-self:end;padding:20px 0 20px 18px;max-width:180px;background:#ffffff50;border-radius:50% 0 0 50%}.sun-quote{font-size:58px;line-height:.6;color:#0c8055;font-weight:900}.sun-values p{font-size:21px;line-height:1.25;margin:5px 0 14px}.sun-line{height:4px;width:34px;border-radius:4px;background:var(--g)}
.sun-services{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);padding:12px clamp(16px,5vw,70px) 28px;background:white}.sun-service{text-align:center;padding:15px 12px;position:relative;transition:transform .2s}.sun-service:hover{transform:translateY(-5px)}.sun-service:not(:last-child):after{content:"";position:absolute;right:0;top:28px;height:55px;width:1px;background:linear-gradient(transparent,#d8c89a,transparent)}.sun-service svg{width:42px;height:42px;stroke:var(--gold);fill:none;stroke-width:1.7;margin-bottom:7px}.sun-service h3{font-size:14px;line-height:1.4;margin:0;color:#183c34}.sun-service i{display:block;width:28px;height:3px;border-radius:3px;background:var(--g);margin:10px auto 0}
.sun-about{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr .75fr .8fr;gap:28px;align-items:center;padding:55px clamp(22px,6vw,86px);background:linear-gradient(105deg,#f4faf7,#fff 55%,#e8f3ee);overflow:hidden}.sun-about:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--about) right center/auto 100% no-repeat;opacity:.42;mask-image:linear-gradient(90deg,transparent 45%,black 100%)}.sun-about h2,.sun-map h2{font-size:clamp(27px,3vw,39px);line-height:1.1;letter-spacing:-1px;margin:0 0 14px;color:var(--g)}.sun-about-copy p{font-size:14px;line-height:1.75;color:#53645f;margin:0 0 22px}.sun-link{font-size:14px;font-weight:800;color:var(--g);border-bottom:2px solid #c8dacf;padding-bottom:5px}.sun-proof{display:grid;gap:24px}.sun-proof-item{display:flex;align-items:center;gap:14px}.sun-proof-icon{width:44px;color:var(--gold);font-size:30px;text-align:center}.sun-proof strong{display:block;font-size:16px;margin-bottom:3px}.sun-proof span{font-size:13px;color:#586c65}.sun-about-photo{height:250px;border-radius:52% 48% 38% 62%/45% 36% 64% 55%;background:var(--about) center/cover;box-shadow:0 20px 45px #00462d1f;position:relative}.sun-about-photo:after{content:"";position:absolute;inset:9px -9px -9px 9px;border:2px solid #c99b18cc;border-radius:inherit;z-index:-1}
.sun-map{padding:62px clamp(18px,6vw,86px);background:#fff}.sun-map-heading{text-align:center;max-width:700px;margin:0 auto 28px}.sun-map-heading p{color:var(--muted);font-size:15px;line-height:1.7}.sun-map-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:26px;align-items:stretch;background:#f1f8f4;border-radius:36px 36px 36px 12px;padding:23px;overflow:hidden}.sun-map-info{padding:20px 12px;align-self:center}.sun-map-info h3{font-size:25px;color:var(--g);margin:0 0 14px}.sun-map-info p{font-size:14px;line-height:1.8;color:var(--muted)}.sun-map-frame{min-height:330px;border-radius:28px 28px 28px 8px;overflow:hidden;background:#dfece5}.sun-map-frame iframe{width:100%;height:100%;min-height:330px;border:0;display:block}
.sun-contact{margin:34px clamp(18px,6vw,86px) 58px;padding:35px 42px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:40px 40px 40px 12px;background:linear-gradient(115deg,#064b39,#087b55);color:#fff;position:relative;overflow:hidden}.sun-contact h2{color:#fff;margin:0 0 8px;font-size:clamp(22px,3vw,32px)}.sun-contact p{margin:0;color:#dceee6;font-size:14px}.sun-btn-gold{background:#d0a52b;color:#123d30!important;position:relative;z-index:1}.sun-footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(18px,6vw,86px);background:#f5f8f6;color:#63716c;font-size:12px;line-height:1.8}.sun-footer strong,.sun-footer a{color:var(--g)}.sun-content{width:min(1100px,calc(100% - 40px));margin:55px auto;line-height:1.8}.sun-content h1,.sun-content h2{color:var(--g)}
@media(max-width:1100px){.sun-nav{gap:12px;font-size:13px}.sun-hero{grid-template-columns:.6fr 1.2fr .4fr}.sun-values p{font-size:18px}.sun-about{grid-template-columns:1fr .8fr .6fr;gap:18px}}
@media(max-width:820px){.sun-header{padding:8px 18px}.sun-brand img{width:50px;height:54px}.sun-brand b{font-size:21px}.sun-nav{display:none;position:absolute;left:14px;right:14px;top:76px;background:white;border-radius:24px;padding:18px;box-shadow:0 20px 40px #003b2a1c;flex-direction:column;align-items:stretch}.sun-nav.open{display:flex}.sun-header>.sun-btn{display:none}.sun-toggle{display:block}.sun-hero{grid-template-columns:.6fr 1.3fr;min-height:540px;padding:42px 22px 90px}.sun-hero-logo img{max-width:165px}.sun-values{display:none}.sun-services{grid-template-columns:repeat(3,1fr)}.sun-service:nth-child(3):after{display:none}.sun-about{grid-template-columns:1fr 1fr;padding:44px 24px}.sun-about-photo{display:none}.sun-map-layout{grid-template-columns:1fr}.sun-map-frame,.sun-map-frame iframe{min-height:310px}}
@media(max-width:540px){.sun-brand b{font-size:18px}.sun-brand img{width:43px;height:47px}.sun-hero{display:block;padding:28px 22px 90px;min-height:650px}.sun-hero-logo{justify-content:flex-start;margin-bottom:22px}.sun-hero-logo img{width:90px}.sun-eyebrow{letter-spacing:3px;font-size:9px}.sun-hero h1{font-size:40px;letter-spacing:-1.6px}.sun-hero-copy p{font-size:14px}.sun-hero:before{background:linear-gradient(180deg,#fffffffa 0%,#ffffffdf 55%,#ffffff18 100%),var(--hero) right bottom/auto 65% no-repeat}.sun-services{grid-template-columns:repeat(2,1fr)}.sun-service{padding:17px 8px}.sun-service:nth-child(2n):after{display:none}.sun-service h3{font-size:13px}.sun-about{display:block;padding:40px 22px}.sun-proof{margin-top:28px}.sun-map{padding:42px 16px}.sun-map-layout{padding:13px;border-radius:27px 27px 27px 10px}.sun-map-frame,.sun-map-frame iframe{min-height:275px}.sun-contact{display:block;padding:27px 23px;margin:28px 18px 40px}.sun-contact .sun-btn{margin-top:20px}.sun-footer{display:block}}


/* Detail Bidang Usaha */
.sun-business-detail{padding:64px clamp(20px,6vw,86px) 60px;background:linear-gradient(180deg,#f4faf7 0%,#fff 72%);scroll-margin-top:100px}
.sun-business-heading{text-align:center;max-width:760px;margin:0 auto 34px}
.sun-business-heading h2{font-size:clamp(28px,3.3vw,42px);line-height:1.12;letter-spacing:-1.2px;color:var(--g);margin:0 0 14px}
.sun-business-heading p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.sun-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sun-business-card{position:relative;min-height:245px;padding:28px 25px 25px;border-radius:34px 34px 34px 12px;background:#fff;box-shadow:0 14px 38px #003b2a0b;border:1px solid #e7f0eb;overflow:hidden}
.sun-business-card:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #e4d5a6;border-radius:50%;right:-45px;bottom:-55px;opacity:.6}
.sun-business-no{position:absolute;right:22px;top:20px;font-size:12px;font-weight:800;letter-spacing:2px;color:#b4c8be}
.sun-business-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50% 50% 50% 12px;background:#edf7f1;color:var(--g);font-size:27px;margin-bottom:18px}
.sun-business-card h3{font-size:18px;line-height:1.35;color:var(--d);margin:0 0 10px;max-width:290px}
.sun-business-card p{font-size:14px;line-height:1.75;color:#5a6b65;margin:0;position:relative;z-index:1}
.sun-business-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:28px 32px;border-radius:32px 32px 32px 12px;background:linear-gradient(115deg,#064b39,#087b55);color:white}
.sun-business-cta h3{font-size:21px;margin:0 0 7px;color:#fff}.sun-business-cta p{font-size:14px;line-height:1.6;color:#dceee6;margin:0}
.sun-business-cta .sun-btn{flex-shrink:0;background:#d0a52b;color:#123d30!important}
.sun-page-business{padding:56px clamp(20px,6vw,86px) 70px;background:linear-gradient(180deg,#f4faf7,#fff)}
.sun-page-business .sun-business-heading{margin-bottom:34px}
@media(max-width:900px){.sun-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sun-business-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.sun-business-detail{padding:44px 18px}.sun-business-grid{grid-template-columns:1fr;gap:13px}.sun-business-card{min-height:0;padding:24px 22px}.sun-business-cta{padding:25px 22px}.sun-business-heading p{font-size:14px}}