@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap');
:root{--green:#0c6b4f;--green2:#12835e;--lime:#c8ed75;--ink:#18332b;--muted:#62766e;--cream:#f7faf4;--line:#e4ece5;--white:#fff;--shadow:0 18px 50px #163b2b14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Source Sans 3','Inter',Arial,sans-serif;line-height:1.65;background:#fff}h1,h2,h3,b,strong{font-family:Inter,'Source Sans 3',Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.35rem,4.6vw,4.45rem);line-height:1.08;letter-spacing:-.055em;margin-bottom:22px}h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.17;letter-spacing:-.04em;margin-bottom:18px}h3{font-size:1.08rem;line-height:1.3;margin-bottom:9px}p{color:var(--muted);margin-bottom:16px}.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}.topline{background:#084a38;color:#d8f3dd;font-size:.78rem}.topinner{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eaf0e9}.navwrap{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:25px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brandmark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#c8ed75,#51bd85);display:grid;place-items:center;color:#074a37;font-weight:800;font-size:1.45rem}.brand b{display:block;font-size:1.12rem;letter-spacing:.04em}.brand small{display:block;font-size:.68rem;color:#6c8177}.nav{display:flex;align-items:center;gap:25px}.nav a{color:#4e655b;text-decoration:none;font-weight:600;font-size:.88rem;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--green)}.nav .navcta{background:var(--green);color:#fff;padding:12px 17px;border-radius:11px}.navtoggle{display:none;border:0;background:#eaf5e8;border-radius:10px;padding:9px 12px;font-size:1.2rem}.hero{background:radial-gradient(circle at 80% 15%,#e4f3ce 0,transparent 31%),linear-gradient(120deg,#f5f9ef,#edf7ee);padding:72px 0 66px;overflow:hidden}.herogrid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#d9f9a1;font-weight:800;font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px}.hero .eyebrow{color:var(--green)}.eyebrow.green{color:var(--green2)}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:1.08rem;max-width:590px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;border:0;border-radius:12px;padding:14px 20px;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-light{background:#fff;color:var(--green)}.btn-outline{border:1px solid #bdd2c0;color:var(--green);background:transparent}.btn-green{background:var(--green);color:#fff}.hero-note{display:flex;align-items:center;gap:9px;font-size:.8rem;color:#60796c}.dot{width:8px;height:8px;border-radius:50%;background:#51b978;box-shadow:0 0 0 5px #51b97820}.hero-photo{position:relative}.hero-photo>img{width:100%;height:440px;object-fit:cover;border-radius:26px 26px 80px 26px;box-shadow:0 28px 60px #0a4d3030}.photo-tag{position:absolute;bottom:24px;left:-22px;display:flex;align-items:center;gap:13px;background:#fff;border-radius:15px;padding:14px 20px;box-shadow:var(--shadow)}.photo-tag b{font-size:1.65rem;color:var(--green)}.photo-tag span{font-size:.8rem;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 12px 45px #133a2710;border:1px solid var(--line);border-radius:20px;padding:25px;margin-top:-1px;position:relative}.stat{padding:7px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:1.8rem;color:var(--green);letter-spacing:-.04em}.stat span,.stat small{display:block}.stat span{font-weight:700;font-size:.87rem}.stat small{font-size:.72rem;color:#829187;margin-top:4px}.section{padding:88px 0}.section-soft{background:var(--cream)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.lead{font-size:1.04rem;line-height:1.85}.textlink{display:inline-flex;gap:12px;color:var(--green);text-decoration:none;font-weight:800;margin-top:10px}.benefit-list{display:grid;gap:20px}.benefit-list article,.contact-note{display:flex;align-items:flex-start;gap:17px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.benefit-list p,.contact-note p{font-size:.9rem;margin-bottom:0}.roundicon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:#edf7e7;font-size:1.35rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head>p{max-width:420px;margin-bottom:3px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.level-grid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px 19px;box-shadow:0 7px 25px #153e2907}.level-grid article>b{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#e7f4d9;color:var(--green);margin-bottom:21px}.level-grid p{font-size:.86rem;margin-bottom:0}.gallery-intro{grid-template-columns:.8fr 1.2fr}.mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-gallery img{width:100%;height:190px;object-fit:cover;border-radius:15px}.mini-gallery img:first-child{grid-row:span 2;height:392px}.cta-band{background:linear-gradient(120deg,#07513b,#0e805a);color:#fff;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-inner h2{max-width:690px;margin-bottom:12px}.cta-inner p{color:#d1e8da;margin-bottom:0}.page-hero{background:linear-gradient(120deg,#0a6248,#12815b);color:#fff;padding:65px 0}.page-hero .wrap{max-width:1160px}.page-hero h1{font-size:clamp(2.3rem,4vw,3.5rem);max-width:850px;margin-bottom:15px}.page-hero p{color:#d6eee1;max-width:720px;font-size:1.05rem;margin-bottom:0}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #183a2608}.info-card p{font-size:.91rem;margin-bottom:0}.cardicon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eef7e5;font-size:1.55rem;margin-bottom:20px}.notice{margin-top:28px;padding:18px 21px;background:#f3f8e9;border-left:4px solid #9bc85b;border-radius:10px;color:#536c57;font-size:.9rem}.timeline{max-width:850px;margin:auto;display:grid;gap:0}.timeline article{display:grid;grid-template-columns:58px 1fr;gap:22px;padding-bottom:33px;position:relative}.timeline article:not(:last-child):before{content:'';position:absolute;left:28px;top:54px;bottom:0;width:2px;background:#d9ead8}.timeline article>span{z-index:1;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#e7f4d9;color:var(--green);font-size:1.25rem;font-weight:800}.timeline h2{font-size:1.25rem;letter-spacing:-.02em;margin:6px 0 8px}.timeline p{margin-bottom:0}.case-split{align-items:start}.case-photo{width:100%;height:440px;object-fit:cover;border-radius:22px}.image-caption,.small-muted{font-size:.78rem;color:#829187}.check-list{padding-left:20px;color:#536a5e}.check-list li{padding:5px 0}.three{grid-template-columns:repeat(3,1fr)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #153e2908}.gallery-item img{width:100%;height:260px;display:block;object-fit:cover;transition:transform .3s}.gallery-item a{display:block;overflow:hidden}.gallery-item a:hover img{transform:scale(1.035)}.gallery-item figcaption{padding:14px 16px;font-weight:700;font-size:.88rem}.contact-layout{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:start}.contact-note{margin-top:17px}.contact-form{padding:30px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.contact-form h2{font-size:1.5rem}.contact-form label{display:block;font-size:.85rem;font-weight:700;margin:17px 0}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #dce7dc;border-radius:10px;font:inherit;font-size:.9rem;outline-color:#75ba8b}.contact-form textarea{resize:vertical}.success,.error{padding:12px;border-radius:10px;font-size:.85rem;margin:12px 0}.success{background:#e8f7e9;color:#176b42}.error{background:#fff0e9;color:#a34422}.footer{background:#092f25;color:#d8e9df;padding-top:55px}.footgrid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:65px;padding-bottom:40px}.footbrand{color:#fff;margin-bottom:18px}.footbrand small{color:#b4d0c0}.footer p{color:#b4c9bd;font-size:.88rem}.footer h3{color:#fff;font-size:.92rem}.footer a:not(.brand){display:block;text-decoration:none;color:#b4c9bd;font-size:.86rem;margin:8px 0}.footer a:hover{color:#d7f59b}.copyright{border-top:1px solid #ffffff18;padding:18px 0;color:#9bb5a6;font-size:.78rem}.copyright .wrap{display:flex;justify-content:space-between}
@media(max-width:900px){.nav{gap:13px}.nav a{font-size:.8rem}.herogrid{gap:30px}.hero-photo>img{height:390px}.level-grid{grid-template-columns:repeat(3,1fr)}.split{gap:40px}.stats{padding:18px}.stat{padding:7px 12px}.stat strong{font-size:1.45rem}.gallery-item img{height:220px}.contact-layout{gap:35px}}
@media(max-width:700px){.wrap{width:min(100% - 30px,560px)}.topinner{font-size:.68rem}.topinner span:last-child{display:none}.navwrap{min-height:72px;flex-wrap:wrap}.navtoggle{display:block}.nav{display:none;flex:0 0 100%;padding:0 0 16px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 10px;border-top:1px solid var(--line);font-size:.9rem}.nav .navcta{text-align:center;margin-top:8px}.brand small{font-size:.61rem}.hero{padding:48px 0 42px}.herogrid,.split,.gallery-intro,.contact-layout{grid-template-columns:1fr}.herogrid{gap:35px}.hero h1{font-size:2.6rem}.hero-copy>p{font-size:.98rem}.hero-photo>img{height:310px;border-radius:20px 20px 55px 20px}.photo-tag{left:10px;bottom:12px}.stats{grid-template-columns:1fr 1fr;gap:0;padding:12px;border-radius:16px}.stat{padding:15px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(3),.stat:nth-child(4){border-bottom:0}.stat strong{font-size:1.55rem}.section{padding:58px 0}.section-head,.cta-inner{align-items:flex-start;flex-direction:column;gap:15px}.level-grid{grid-template-columns:1fr 1fr}.level-grid article{padding:18px 15px}.level-grid article:last-child{grid-column:span 2}.benefit-list article{padding:16px}.mini-gallery img{height:145px}.mini-gallery img:first-child{height:302px}.cta-band{padding:42px 0}.cards-grid,.three,.gallery-grid{grid-template-columns:1fr}.info-card{padding:22px}.page-hero{padding:48px 0}.page-hero h1{font-size:2.35rem}.case-photo{height:300px}.gallery-item img{height:250px}.contact-form{padding:22px}.footgrid{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.copyright .wrap{display:block}.timeline article{grid-template-columns:46px 1fr;gap:15px}.timeline article>span{width:46px;height:46px;border-radius:14px}.timeline article:not(:last-child):before{left:22px;top:45px}}

.admin-login-link{display:inline-flex;align-items:center;border:1px solid #d7e8dd;color:#17694f!important;background:#f5fbf7;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:800;margin-left:5px}.admin-login-link:hover{background:#e3f4e9}@media(max-width:980px){.admin-login-link{margin:4px 0 0;justify-content:center}}


/* DESAMU V3: refreshed professional design system */
:root{--green:#075b49;--green2:#087b61;--lime:#cfe9a1;--ink:#183a34;--muted:#5e716d;--cream:#f5f8f5;--line:#dfe8e3;--shadow:0 20px 60px rgba(12,55,43,.12)}
body{font-family:'Source Sans 3','Inter',Arial,sans-serif;font-size:16px;letter-spacing:.005em}
h1,h2,h3,b,strong,.brand{font-family:Inter,'Source Sans 3',Arial,sans-serif}
.site-header{box-shadow:0 5px 22px rgba(16,56,43,.035);backdrop-filter:saturate(140%)}
.brandmark{background:linear-gradient(145deg,#dcefb2,#7cc8a7);box-shadow:inset 0 0 0 1px #ffffff80}
.nav a{transition:color .2s ease,background .2s ease}
.nav .navcta{background:linear-gradient(135deg,#075b49,#0a8062);box-shadow:0 8px 20px rgba(7,91,73,.16)}
.nav .navcta:hover{background:#064b3c;color:#fff}
.admin-login-link{border-color:#cfe2d8!important;background:#f7fbf8!important}
.hero{background:radial-gradient(circle at 82% 18%,#d9eacb 0,transparent 30%),linear-gradient(120deg,#f7faf6,#edf5f0)}
.hero-photo.hero-carousel{height:440px;border-radius:26px 26px 72px 26px;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 28px 60px rgba(8,66,46,.18);background:#153f32}
.carousel-track{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .65s ease,transform 5.8s ease,visibility .65s}
.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.hero-slide::after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(3,29,23,.1) 30%,rgba(3,29,23,.83) 100%);pointer-events:none}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-slide figcaption{position:absolute;left:26px;right:25px;bottom:70px;z-index:2;color:#fff;display:grid;gap:7px;text-shadow:0 2px 14px #001b14}
.hero-slide figcaption span{color:#d4f2b2;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.hero-slide figcaption strong{max-width:420px;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.2;letter-spacing:-.035em}
.photo-tag{z-index:4;left:18px;top:18px;bottom:auto;background:rgba(255,255,255,.96);border:1px solid #ffffffa8;padding:9px 14px;border-radius:13px;gap:10px}
.photo-tag b{font-size:1.18rem}
.photo-tag span{font-size:.72rem}
.carousel-controls{position:absolute;z-index:5;left:22px;right:22px;bottom:20px;display:flex;align-items:center;gap:9px}
.carousel-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff66;border-radius:50%;background:#ffffff1c;color:#fff;font-size:1.55rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.carousel-arrow:hover{background:#ffffff38;transform:scale(1.04)}
.carousel-dots{display:flex;align-items:center;gap:7px;margin:0 auto}
.carousel-dot{width:7px;height:7px;border:0;border-radius:20px;background:#ffffff8a;padding:0;cursor:pointer;transition:width .2s,background .2s}
.carousel-dot.is-active{width:24px;background:#d9f1a7}
.carousel-count{position:absolute;z-index:5;right:24px;top:24px;display:none}
.stats{border-color:#e1e9e4;box-shadow:0 14px 45px rgba(18,54,42,.08)}
.stat strong{color:#075b49}
.section-soft{background:linear-gradient(180deg,#f6f9f6,#f0f6f1)}
.benefit-list article,.info-card,.level-grid article,.gallery-item,.contact-form{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.benefit-list article:hover,.info-card:hover,.level-grid article:hover,.gallery-item:hover{transform:translateY(-4px);box-shadow:0 17px 38px rgba(15,64,46,.09);border-color:#c7ddd0}
.page-hero{background:radial-gradient(circle at 85% 20%,#248568 0,transparent 30%),linear-gradient(120deg,#073f34,#08775a);position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff19;border-radius:50%;right:-70px;bottom:-210px;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff05;pointer-events:none}
.page-hero .wrap{position:relative;z-index:1}
.btn{font-family:Inter,'Source Sans 3',Arial,sans-serif;transition:transform .2s,box-shadow .2s,background .2s}
.footer{background:linear-gradient(140deg,#082e27,#0b3d31)}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:99;display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;min-width:64px;max-width:260px;padding:10px 16px 10px 10px;border:1px solid #ffffff5c;border-radius:999px;background:linear-gradient(135deg,#20c96b,#0c9c58);color:#fff;text-decoration:none;box-shadow:0 14px 36px rgba(3,98,48,.27);transition:transform .2s,box-shadow .2s;}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(3,98,48,.35)}
.whatsapp-float:focus-visible{outline:3px solid #f3d76b;outline-offset:4px}
.whatsapp-float svg{grid-column:1;grid-row:1/3;width:42px;height:42px;padding:8px;border-radius:50%;background:#ffffff25}
.whatsapp-float span{grid-column:2;grid-row:1;font-family:Inter,Arial,sans-serif;font-size:.8rem;font-weight:800;line-height:1.2;white-space:nowrap}
.whatsapp-float small{grid-column:2;grid-row:2;font-size:.7rem;line-height:1.3;color:#e4ffec;white-space:nowrap}
@media(max-width:980px){.nav{gap:10px}.nav a{font-size:.79rem}.admin-login-link{margin-left:0}.hero-photo.hero-carousel{height:390px}}
@media(max-width:700px){
  body{font-size:15px}.hero{padding:42px 0 38px}.hero h1{font-size:clamp(2.25rem,10.2vw,2.8rem);line-height:1.08}.hero-photo.hero-carousel{height:320px;border-radius:20px 20px 48px 20px}.hero-slide figcaption{left:18px;right:18px;bottom:62px}.hero-slide figcaption strong{font-size:1.12rem}.hero-slide figcaption span{font-size:.62rem}.photo-tag{left:12px;top:12px;padding:7px 10px}.photo-tag b{font-size:1rem}.photo-tag span{font-size:.65rem}.carousel-controls{left:14px;right:14px;bottom:14px;gap:6px}.carousel-arrow{width:30px;height:30px;font-size:1.35rem}.carousel-dots{gap:6px}.carousel-dot{width:6px;height:6px}.carousel-dot.is-active{width:19px}.whatsapp-float{right:14px;bottom:14px;grid-template-columns:42px;grid-template-rows:42px;padding:5px;min-width:52px;border-radius:50%;max-width:none}.whatsapp-float svg{grid-column:1;grid-row:1;width:42px;height:42px;padding:7px;background:transparent}.whatsapp-float span,.whatsapp-float small{display:none}.topline{font-size:.71rem}.navtoggle{border:1px solid #d5e5dc;background:#f4faf6;color:#075b49;width:42px;height:40px;border-radius:12px}.site-header{backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Penyesuaian jarak antar-section: hanya merapatkan ruang vertikal. */
.section{padding:58px 0}
.cta-band{padding:42px 0}
.page-hero{padding:48px 0}
@media(max-width:700px){
  .section{padding:40px 0}
  .cta-band{padding:34px 0}
  .page-hero{padding:38px 0}
}

/* DESAMU V4 FULL COLOR: palet modern, cerah, dan tetap profesional. */
:root{
  --green:#087f5b;--green2:#0ca678;--lime:#d9f99d;--ink:#173b37;--muted:#5f7477;--cream:#f7fbff;--line:#dce8ec;
  --teal:#08a6a6;--blue:#3979e8;--orange:#f59e0b;--coral:#f16c63;--purple:#8b5cf6;
  --shadow:0 18px 48px rgba(24,62,76,.11)
}
body{background:#fbfdff;color:var(--ink)}
.topline{background:linear-gradient(100deg,#075b49 0%,#087f8c 52%,#315fc4 100%);color:#e7fffb}
.site-header{border-bottom:1px solid #dce9ef;box-shadow:0 7px 26px rgba(27,75,94,.07)}
.brandmark{background:linear-gradient(145deg,#b9fbc0 0%,#5eead4 52%,#93c5fd 100%);color:#064e3b;box-shadow:0 7px 18px rgba(8,166,166,.18),inset 0 0 0 1px #ffffffad}
.nav a{transition:color .2s,background .2s}
.nav a.active{color:#087f8c}
.nav a.active:not(.navcta):not(.admin-login-link){text-decoration:underline;text-decoration-color:#12b8a6;text-decoration-thickness:3px;text-underline-offset:8px}
.nav .navcta{background:linear-gradient(120deg,#087f5b,#08a6a6 56%,#3979e8);box-shadow:0 9px 23px rgba(8,127,132,.22)}
.nav .navcta:hover{background:linear-gradient(120deg,#066747,#078b8b 58%,#2e62c5)}
.admin-login-link{background:linear-gradient(115deg,#f0fdf4,#eff6ff)!important;border-color:#cce7e4!important;color:#146c62!important}
.hero{background:radial-gradient(circle at 8% 10%,#d9fbe8 0,transparent 29%),radial-gradient(circle at 84% 3%,#d9eaff 0,transparent 31%),radial-gradient(circle at 72% 92%,#fef3c7 0,transparent 23%),linear-gradient(120deg,#f5fff9 0%,#f4fbff 54%,#fffaf2 100%)}
.hero h1 em{background:linear-gradient(95deg,#087f5b 0%,#08a6a6 47%,#3979e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:linear-gradient(100deg,#dcfce7,#cffafe,#dbeafe);color:#087f5b;letter-spacing:.075em}
.eyebrow.green{color:#087f8c}
.btn-green{background:linear-gradient(120deg,#087f5b,#08a6a6 58%,#3979e8);box-shadow:0 8px 20px rgba(8,127,132,.17)}
.btn-green:hover{background:linear-gradient(120deg,#066747,#078b8b 58%,#2e62c5)}
.btn-light{box-shadow:inset 0 0 0 1px #deebe6}
.btn-outline{border-color:#8bd5c7;background:rgba(255,255,255,.58)}
.hero-note .dot{background:#10b981;box-shadow:0 0 0 5px #10b98126}
.hero-photo.hero-carousel{box-shadow:0 28px 65px rgba(36,79,118,.22);background:linear-gradient(135deg,#087f5b,#3979e8)}
.photo-tag{border-color:#ffffffd9;box-shadow:0 10px 34px rgba(22,66,88,.15)}
.photo-tag b{background:linear-gradient(120deg,#087f5b,#08a6a6,#3979e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.carousel-arrow{background:linear-gradient(135deg,#ffffff3d,#ffffff10);border-color:#ffffff88}
.carousel-dot.is-active{background:linear-gradient(90deg,#d9f99d,#5eead4,#93c5fd)}
.stats{border-color:#d8e8ec;box-shadow:0 18px 44px rgba(37,82,111,.09);overflow:hidden}
.stat{position:relative}
.stat:before{content:"";position:absolute;left:20px;right:20px;top:-1px;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#10b981,#08a6a6)}
.stat:nth-child(2):before{background:linear-gradient(90deg,#08a6a6,#3979e8)}
.stat:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#f16c63)}
.stat:nth-child(4):before{background:linear-gradient(90deg,#8b5cf6,#3979e8)}
.stat strong{color:#087f5b}
.stat:nth-child(2) strong{color:#078a9a}.stat:nth-child(3) strong{color:#d97706}.stat:nth-child(4) strong{color:#7652d8}
.section-soft{background:radial-gradient(circle at 0% 8%,#e0fbf1 0,transparent 28%),radial-gradient(circle at 100% 95%,#e7efff 0,transparent 28%),linear-gradient(135deg,#f6fffb,#f6fbff 52%,#fffaf3)}
.benefit-list article{border-left:4px solid #10b981;box-shadow:0 8px 24px rgba(22,78,66,.045)}
.benefit-list article:nth-child(2){border-left-color:#08a6a6}.benefit-list article:nth-child(3){border-left-color:#f59e0b}
.roundicon{background:linear-gradient(145deg,#d1fae5,#ccfbf1);color:#087f5b}
.benefit-list article:nth-child(2) .roundicon{background:linear-gradient(145deg,#cffafe,#dbeafe)}
.benefit-list article:nth-child(3) .roundicon{background:linear-gradient(145deg,#fef3c7,#ffedd5)}
.level-grid article{position:relative;overflow:hidden;border-color:#e0e9eb;box-shadow:0 8px 25px rgba(23,65,78,.045)}
.level-grid article:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#10b981,#08a6a6)}
.level-grid article:nth-child(2):after{background:linear-gradient(90deg,#08a6a6,#3979e8)}
.level-grid article:nth-child(3):after{background:linear-gradient(90deg,#3979e8,#8b5cf6)}
.level-grid article:nth-child(4):after{background:linear-gradient(90deg,#8b5cf6,#f16c63)}
.level-grid article:nth-child(5):after{background:linear-gradient(90deg,#f59e0b,#10b981)}
.level-grid article>b{background:linear-gradient(135deg,#dcfce7,#ccfbf1);color:#087f5b}
.level-grid article:nth-child(2)>b{background:linear-gradient(135deg,#cffafe,#dbeafe);color:#087f8c}
.level-grid article:nth-child(3)>b{background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:#315fc4}
.level-grid article:nth-child(4)>b{background:linear-gradient(135deg,#ede9fe,#fce7f3);color:#7c3aed}
.level-grid article:nth-child(5)>b{background:linear-gradient(135deg,#fef3c7,#ffedd5);color:#b45309}
.mini-gallery img{box-shadow:0 9px 24px rgba(31,75,96,.12)}
.cta-band{background:radial-gradient(circle at 91% 8%,#3b82f655 0,transparent 29%),radial-gradient(circle at 5% 110%,#14b8a655 0,transparent 35%),linear-gradient(115deg,#075b49 0%,#087f8c 58%,#315fc4 100%)}
.cta-inner .eyebrow{color:#fef08a}
.page-hero{background:radial-gradient(circle at 82% 15%,#22c5b755 0,transparent 31%),radial-gradient(circle at 10% 100%,#3979e855 0,transparent 34%),linear-gradient(120deg,#075b49 0%,#087f8c 55%,#315fc4 100%)}
.cards-grid .info-card{position:relative;overflow:hidden;border-color:#dfebee;box-shadow:0 10px 28px rgba(34,77,100,.055)}
.info-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#10b981,#08a6a6)}
.info-card:nth-child(3n+2):before{background:linear-gradient(90deg,#08a6a6,#3979e8)}
.info-card:nth-child(3n):before{background:linear-gradient(90deg,#f59e0b,#f16c63)}
.cardicon{background:linear-gradient(140deg,#dcfce7,#ccfbf1);color:#087f5b}
.info-card:nth-child(3n+2) .cardicon{background:linear-gradient(140deg,#cffafe,#dbeafe)}
.info-card:nth-child(3n) .cardicon{background:linear-gradient(140deg,#fef3c7,#ffedd5)}
.notice{background:linear-gradient(105deg,#ecfdf5,#eff6ff);border-left-color:#08a6a6;color:#365f64}
.timeline article>span{background:linear-gradient(145deg,#dcfce7,#ccfbf1);color:#087f5b;box-shadow:0 7px 18px rgba(8,166,166,.12)}
.timeline article:nth-child(3n+2)>span{background:linear-gradient(145deg,#cffafe,#dbeafe);color:#1767b6}
.timeline article:nth-child(3n)>span{background:linear-gradient(145deg,#fef3c7,#ffedd5);color:#b45309}
.gallery-item{border-color:#dfebee;box-shadow:0 10px 28px rgba(34,77,100,.065)}
.gallery-item figcaption{background:linear-gradient(90deg,#f0fdf4,#eff6ff);color:#20564d}
.contact-note{border-color:#dce9ed;box-shadow:0 8px 24px rgba(29,73,93,.045)}
.contact-form{border-color:#dce9ed;background:linear-gradient(155deg,#fff 0%,#fbfffd 62%,#f4f9ff 100%)}
.footer{background:radial-gradient(circle at 100% 0%,#3979e833 0,transparent 35%),linear-gradient(135deg,#082e27,#075b49 58%,#174a75)}
.textlink{color:#087f8c}
:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
@media(max-width:700px){.stats{background:#fff}.stat:before{left:12px;right:12px}.hero{background:radial-gradient(circle at 8% 10%,#d9fbe8 0,transparent 31%),radial-gradient(circle at 98% 0%,#d9eaff 0,transparent 34%),linear-gradient(135deg,#f5fff9,#f4fbff)}.cta-band{background:linear-gradient(135deg,#075b49,#087f8c 70%,#315fc4)}}
