/* Wartek Pademangan theme layer: the reference CSS structure remains unchanged. */
:root{--primary-dark:#123b4a;--primary:#0d7180;--primary-light:#2aa7a1;--accent-green:#ef8b3a;--accent-green-dark:#cf6d22;--gray-50:#f4faf9;--gray-100:#e7f2f1;--gray-200:#d5e5e3;--gray-600:#496267;--gray-700:#29464d;--gray-900:#102c34;--shadow-lg:0 18px 40px rgb(15 68 78 / .15)}
body{font-family:'DM Sans',sans-serif;background:#fbfefd;color:var(--gray-700)}h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk',sans-serif;letter-spacing:-.025em}.header{background:#fffdf9;border-bottom-color:#e8eee9}.logo-mark{background:linear-gradient(135deg,#ef8b3a,#d85d37);border-radius:14px;transform:rotate(-5deg)}.btn{cursor:pointer}.btn-primary{background:#0d7180;border-color:#0d7180}.btn-secondary{color:#0d7180;border-color:#0d7180}.hero{background:linear-gradient(135deg,#123b4a 0%,#0d7180 56%,#198d86 100%)}.hero::before{background-image:radial-gradient(circle at 15% 20%,#f6c453 0 3px,transparent 4px),radial-gradient(circle at 75% 30%,#fff 0 2px,transparent 3px);background-size:90px 90px,120px 120px;opacity:.28}.hero-content h1 span{color:#f6c453}.hero-image{background:#f6c453;box-shadow:0 20px 50px rgb(7 46 56 / .3)}.pademangan-art{height:360px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f5b857 0%,#f6d787 44%,#0d7180 45%,#075464 100%)}.pademangan-art:after{content:'';position:absolute;inset:45% 0 0;background:repeating-linear-gradient(90deg,transparent 0 40px,rgb(255 255 255 / .08) 41px 42px)}.art-sun{position:absolute;width:110px;height:110px;border-radius:50%;background:#fff2b0;top:42px;right:55px}.art-bay{position:absolute;width:140%;height:100px;left:-20%;bottom:102px;border-radius:50% 50% 0 0;background:#116d76;opacity:.7}.art-tower{position:absolute;z-index:2;bottom:95px;left:78px;width:52px;height:150px;background:#e9f2e8;color:#ef8b3a;font:700 32px/52px 'Space Grotesk';text-align:center;box-shadow:20px 0 0 -8px #d4e4da}.art-laptop{position:absolute;z-index:3;bottom:42px;left:50%;transform:translateX(-50%);width:220px}.art-screen{height:130px;border:10px solid #102c34;border-radius:12px 12px 4px 4px;background:#c9eece;color:#0d7180;text-align:center;padding-top:30px;font:700 18px/1.15 'Space Grotesk';box-shadow:inset 0 0 0 3px #ef8b3a}.art-screen b{color:#d85d37}.art-base{height:15px;background:#102c34;border-radius:0 0 18px 18px;box-shadow:0 8px 0 -3px #f0f2e9}.art-label{position:absolute;z-index:4;bottom:18px;right:18px;color:#fff;font-size:11px;line-height:1.1;letter-spacing:.12em}.art-label b{color:#f6c453}.check-dot{color:#f6c453;font-weight:800;font-size:1.2rem}.service-icon{background:linear-gradient(135deg,#2aa7a1,#0d7180);font-size:1.8rem;font-weight:700}.service-card:hover{border-color:#ef8b3a}.section-alt{background:#f2f8f6}.feature-icon{color:#0d7180}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.4rem;text-align:center;box-shadow:var(--shadow-sm)}.stat-number{display:block;color:#ef8b3a;font:700 2rem 'Space Grotesk';margin-bottom:.3rem}.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.area-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.25rem;font-weight:700;color:#0d7180;text-align:center;transition:var(--transition)}.area-card:hover{transform:translateY(-3px);border-color:#ef8b3a;box-shadow:var(--shadow-md)}.cta-section{padding:4rem 0;background:linear-gradient(135deg,#123b4a 0%,#0d7180 100%);color:#fff}.cta-section h2,.cta-section p{color:#fff}.cta-section .eyebrow{color:#f6c453}.footer{background:#102c34;color:#c8dcda}.footer h4,.footer .logo{color:#fff}.footer-desc{max-width:360px;color:#a6c1bf}.footer-links{list-style:none}.footer-links a,.footer-links li{color:#c8dcda}.footer-links a:hover{color:#f6c453}.footer-bottom{border-top:1px solid rgb(255 255 255 / .14);color:#91afac}.wa-float{position:fixed;z-index:120;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ef8b3a;color:#fff;font-weight:800;box-shadow:var(--shadow-lg);cursor:pointer}.wa-float:hover{color:#fff;transform:translateY(-3px)}
@media(max-width:768px){.pademangan-art{height:300px}.art-laptop{transform:translateX(-50%) scale(.82);transform-origin:bottom center}.art-tower{left:38px;transform:scale(.8);transform-origin:bottom}.cta-section{text-align:center}}