:root{--green:#073f35;--green-2:#0d5c49;--gold:#bd8b1d;--cream:#fffdf6;--ink:#153d35;--muted:#53645d;--line:#d8ded2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}.navbar{height:88px;padding:10px max(28px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fffef9;border-bottom:1px solid #dde2da;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--green);font-size:20px;font-weight:800}.logo img{width:58px;height:58px;object-fit:contain}.logo small{display:block;font-size:10px;font-weight:600}.navbar nav{display:flex;align-items:center;gap:38px}.navbar nav a{color:#173d35;text-decoration:none;font-weight:650;font-size:14px}.btn-login{padding:13px 22px;border-radius:8px;background:var(--green-2);color:#fff!important;box-shadow:0 6px 18px #073f3524}.hero{min-height:610px;display:grid;grid-template-columns:46% 54%;position:relative;overflow:hidden;background:linear-gradient(105deg,#fffdf6 0 47%,#eef5ef 78%,#e1eee5);padding-left:max(28px,calc((100vw - 1320px)/2))}.hero-copy{padding:58px 30px 52px 0;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:800;letter-spacing:2.2px;color:#424f4a;margin-bottom:17px}.eyebrow:before{content:"";width:34px;height:2px;background:var(--gold)}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--green)}.hero h1{font-size:clamp(58px,6.3vw,92px);line-height:1;margin-bottom:18px;letter-spacing:-3px}.hero-description{font:500 clamp(21px,2vw,30px)/1.35 Georgia,serif;max-width:650px;margin-bottom:18px}.hero-collaboration{max-width:650px;color:#334b44;font-size:14px}.hero-button{display:inline-flex;align-items:center;gap:38px;margin:25px 0 20px;padding:13px 22px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#075344,#0d7058);font-weight:700;text-decoration:none;box-shadow:0 8px 22px #07463724}.public-note{max-width:500px;display:flex;align-items:center;gap:14px;padding:13px 17px;background:#fff8dc;border:1px solid #e5cc85;border-radius:8px;color:#596057;font-size:12px}.public-note strong{font-size:24px;color:var(--gold)}.hero-points{display:flex;gap:24px;margin-top:18px;color:#334a43;font-size:11px}.hero-visual{position:relative;min-height:100%;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:-20% -15% 0 5%;z-index:-2;background:radial-gradient(circle at 70% 22%,#fff 0 14%,transparent 42%),linear-gradient(145deg,transparent 23%,#d4b55266 23.3% 25%,transparent 25.3%)}.hero-visual img{position:absolute;width:min(420px,52%);left:11%;top:145px;z-index:3;filter:drop-shadow(0 16px 24px #073d3530)}.building{position:absolute;display:flex;justify-content:center;text-align:center;font-weight:800;letter-spacing:1px;box-shadow:0 14px 30px #173d3530}.building-court{width:52%;height:280px;right:1%;top:40px;padding-top:45px;color:#273b35;background:linear-gradient(90deg,#e7e4d6 0 10%,#fff 10% 18%,#dedccd 18% 27%,#f7f4e9 27% 100%);clip-path:polygon(0 25%,50% 0,100% 22%,100% 100%,0 100%)}.building-dukcapil{width:47%;height:270px;right:0;bottom:0;padding-top:75px;color:#fff;background:linear-gradient(90deg,#135e8f,#318bc0 55%,#176b9e);clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}.hero-visual>p{position:absolute;right:2%;bottom:40px;z-index:4;color:#164a3e;font:700 14px/1.8 Georgia,serif;letter-spacing:4px}.betawi-divider{height:20px;background-color:#fff5cf;background-image:linear-gradient(135deg,var(--green) 25%,transparent 25%),linear-gradient(225deg,var(--green) 25%,transparent 25%);background-size:20px 20px;border-top:4px solid var(--gold)}.section{max-width:1320px;margin:auto;padding:54px 36px}.section h2{font-size:clamp(33px,3.4vw,48px);line-height:1.2;margin-bottom:18px}.section p{color:var(--muted)}.about{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}.about blockquote{font:italic 20px/1.5 Georgia,serif;padding:28px 32px;background:#fffef9;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #143c2f12}.services{background:#eef3e9;border-radius:12px;padding-top:38px;padding-bottom:38px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;min-height:205px;padding:25px 25px 28px 96px;background:#fffefa;border:1px solid #d5ddd2;border-radius:9px}.service-card i{position:absolute;left:23px;top:24px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e7f0e6;font-size:29px;font-style:normal}.service-number{font:700 24px Georgia,serif;color:var(--gold)}.service-card h3{font-size:15px;margin:11px 0 8px}.service-card p{font-size:12px}.service-card b{position:absolute;right:14px;bottom:13px;border:1px solid #ccd7ce;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.faq{padding-bottom:80px}.faq-item{max-width:900px;margin:9px 0;border:1px solid #d5ddd4;border-radius:6px;background:#fff;padding:15px 22px}.faq-item summary{cursor:pointer;font-weight:650;font-size:13px}.faq-item p{padding-top:12px;font-size:13px}.footer{text-align:center;padding:35px 24px;background:linear-gradient(110deg,#064a3c,#07372f);color:#fff;border-top:5px solid var(--gold)}.footer strong{letter-spacing:4px}.footer p{font-size:11px;margin-top:8px;color:#e4ece7}@media(max-width:900px){.navbar{height:auto;padding:12px 20px;flex-wrap:wrap}.navbar nav{gap:18px}.hero{grid-template-columns:1fr;padding:0 28px}.hero-copy{padding-right:0}.hero-visual{min-height:430px}.about{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.services{border-radius:0}.hero-visual img{width:350px;max-width:60%;left:10%;top:90px}}@media(max-width:600px){.logo{font-size:16px}.logo img{width:46px;height:46px}.logo small{font-size:8px}.navbar nav{width:100%;justify-content:space-between;gap:10px}.navbar nav a{font-size:12px}.btn-login{padding:9px 12px}.hero{padding:0 20px}.hero-copy{padding-top:38px}.hero h1{font-size:52px}.hero-description{font-size:21px}.hero-points{gap:10px;flex-wrap:wrap}.hero-visual{min-height:330px}.hero-visual img{width:240px;top:80px}.building-court{height:210px}.building-dukcapil{height:200px}.hero-visual>p{font-size:9px;letter-spacing:2px}.section{padding:44px 20px}.section h2{font-size:34px}.service-card{padding-left:90px}.about{gap:28px}}