:root{--navy:#071a38;--blue:#0b5cab;--red:#c82128;--ink:#172033;--muted:#667085;--line:#e7ecf4;--soft:#f4f8ff;--white:#fff;--shadow:0 18px 50px rgba(7,26,56,.12);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--navy);color:#dce8ff;font-size:.92rem}.topbar .container{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:8px 0}.topbar a{color:#fff}.navbar{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10}.navwrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.logo{height:52px;width:auto}.navlinks{display:flex;align-items:center;gap:26px;font-weight:700;color:#24314a}.navlinks a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:var(--blue);color:#fff!important;font-weight:800;box-shadow:0 10px 24px rgba(11,92,171,.22)}.btn.red{background:var(--red)}.menu{display:none;border:0;background:var(--navy);color:#fff;border-radius:10px;padding:9px 12px}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(7,26,56,.95),rgba(11,92,171,.82)),url('images/singapore-skyline-city-twilight-times-copy.jpg') center/cover; color:white}.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;min-height:680px;padding:80px 0}.eyebrow{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.hero h1{font-size:clamp(2.4rem,5vw,5.1rem);line-height:1.04;margin:18px 0 18px}.hero p{font-size:1.15rem;color:#e8f0ff;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{background:rgba(255,255,255,.94);color:var(--ink);padding:22px;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card img{border-radius:18px;aspect-ratio:4/3;object-fit:cover;background:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stat{background:var(--soft);border:1px solid var(--line);padding:14px;border-radius:16px}.stat b{font-size:1.45rem;color:var(--blue);display:block}.section{padding:86px 0}.section.soft{background:var(--soft)}.section-title{max-width:760px;margin-bottom:34px}.section-title h2{font-size:clamp(2rem,3vw,3rem);line-height:1.12;margin:0 0 12px;color:var(--navy)}.section-title p{margin:0;color:var(--muted);font-size:1.05rem}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 35px rgba(7,26,56,.06)}.card h3{margin:0 0 8px;color:var(--navy);font-size:1.25rem}.card p{margin:0;color:var(--muted)}.product-card{overflow:hidden;padding:0}.product-card img{height:230px;width:100%;object-fit:contain;background:linear-gradient(180deg,#fff,#f7faff);padding:20px}.product-card .body{padding:24px}.product-card ul,.contact-card ul{margin:12px 0 0;padding-left:18px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split img{border-radius:var(--radius);box-shadow:var(--shadow)}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pill{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700;color:#2d3a55}.contact-wrap{display:grid;grid-template-columns:1fr .9fr;gap:26px}.contact-card a{color:var(--blue);font-weight:800}.contact-card strong{color:var(--navy)}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;font:inherit}.form textarea{min-height:130px}.footer{background:var(--navy);color:#d7e4ff;padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:26px}.footer img{height:54px;background:#fff;padding:6px;border-radius:8px}.footer h4{color:#fff;margin:0 0 10px}.footer a{color:#d7e4ff;display:block;margin:5px 0}.copy{border-top:1px solid rgba(255,255,255,.13);margin-top:28px;padding-top:18px;color:#aebee0;font-size:.9rem}.page-hero{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff;padding:80px 0}.page-hero h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.1;margin:0 0 12px}.page-hero p{color:#dce8ff;max-width:760px}.download{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;margin-bottom:12px}.download span{color:var(--muted)}@media(max-width:860px){.topbar .container{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:81px;background:#fff;padding:18px 4%;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.navlinks.open{display:grid;gap:14px}.menu{display:block}.hero .container,.split,.contact-wrap{grid-template-columns:1fr}.hero .container{min-height:auto;padding:64px 0}.grid.three,.grid.two,.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.section{padding:62px 0}}
