:root{--red:#a50034;--dark:#151515;--muted:#6f6b66;--bg:#f6f3ef;--card:#fff;--line:#e7e0d8;--soft:#efe9e2;--shadow:0 24px 70px rgba(30,22,15,.10);--r:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--dark);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid var(--line);background:rgba(246,243,239,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{font-weight:900;display:flex;gap:10px;align-items:center}.brand span{background:var(--red);color:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.topbar nav{display:flex;gap:34px;font-size:14px;color:var(--muted)}.mini-cta{background:#111;color:white;padding:12px 22px;border-radius:999px;font-weight:800;font-size:14px}.hero{min-height:calc(100vh - 64px);display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:7vw}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--red);font-size:13px;font-weight:900}.hero h1{font-size:clamp(48px,6vw,96px);line-height:.9;margin:18px 0;letter-spacing:-.07em}.lead{font-size:22px;line-height:1.55;color:var(--muted);max-width:760px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.btn{border:1px solid var(--line);border-radius:999px;padding:15px 24px;font-weight:900;background:white;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn.primary{background:var(--red);color:white;border-color:var(--red)}.btn.dark{background:#111;color:white;border-color:#111}.btn.ghost{background:white}.btn.full{width:100%}.trust-strip{display:flex;gap:12px;flex-wrap:wrap}.trust-strip span{background:white;border:1px solid var(--line);border-radius:999px;padding:10px 16px;color:var(--muted);font-size:14px}.hero-visual{background:linear-gradient(145deg,#fff,#eee7df);border-radius:42px;padding:60px;box-shadow:var(--shadow);position:relative}.hero-visual img{background:white;padding:50px;border-radius:6px}.float{position:absolute;right:35px;bottom:30px;background:white;border-radius:22px;padding:18px 24px;box-shadow:0 18px 50px rgba(0,0,0,.12)}.float b{font-size:22px}.float small{display:block;color:var(--muted);margin-top:5px}.section{padding:90px 7vw}.section.soft{background:var(--soft)}.section-head{max-width:860px;margin:0 auto 42px;text-align:center}.section-head h2{font-size:clamp(34px,4vw,64px);line-height:1;margin:10px 0;letter-spacing:-.05em}.section-head p{color:var(--muted);font-size:19px;line-height:1.5}.feature-grid,.hp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.hp-grid article,.note-box,.smart-card,.planner-card,.gallery-card,.config-card,.summary-card,.eligibility-card,.form-card,.install-grid article,.compare-box,.faq-list details{background:white;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:0 12px 35px rgba(30,22,15,.04)}.feature-grid b{font-size:34px}.feature-grid h3,.hp-grid h3{font-size:24px;margin:14px 0 8px}.feature-grid p,.hp-grid p,.hp-grid small{color:var(--muted);line-height:1.5}.hp-grid h3{font-size:42px;color:var(--red)}.hp-grid b{display:block;font-size:22px;margin:10px 0}.note-box{margin-top:18px;color:var(--muted);font-size:17px}.smart-card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.question-panel label,.config-card label,.form-card label,.planner-card label{display:block;font-weight:800;margin:14px 0 10px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:15px 16px;background:#fbfaf8;font:inherit}textarea{min-height:100px}.form-note{margin:6px 0 14px;color:var(--muted);font-size:13px;line-height:1.45}.privacy-confirm{display:flex!important;gap:10px;align-items:flex-start!important;background:#fbfaf8;border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--muted);font-weight:700!important;line-height:1.45}.privacy-confirm input{width:auto;min-width:18px;margin-top:2px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-card{background:#151515;color:white;border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:15px}.result-card .eyebrow{color:#ff7ca3}.result-card h3{font-size:44px;margin:0;letter-spacing:-.04em}.result-card p{color:#d4d4d4;line-height:1.5}.result-mini{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:16px}.result-mini span{display:block;color:#bbb}.result-mini b{font-size:28px}.planner-result{margin-top:18px;display:grid;gap:10px}.planner-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:14px;background:#fbfaf8;border:1px solid var(--line);border-radius:16px}.config-layout{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:20px;align-items:start}.gallery-card img{background:#fbfaf8;border-radius:20px;padding:25px}.thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.thumbs button{width:72px;height:56px;border:1px solid var(--line);border-radius:14px;background:white;cursor:pointer;padding:4px}.thumbs img{width:100%;height:100%;object-fit:contain;padding:0}.pills{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 20px}.pill{border:1px solid var(--line);background:white;border-radius:999px;padding:12px 17px;font-weight:900;cursor:pointer}.pill.active{background:var(--red);border-color:var(--red);color:white}.model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0 20px}.model{border:1px solid var(--line);background:#fbfaf8;border-radius:18px;padding:15px;text-align:left;cursor:pointer}.model.active{border-color:var(--red);box-shadow:0 0 0 3px rgba(165,0,52,.1)}.model b{display:block;font-size:24px}.model small{color:var(--muted)}.summary-card{position:sticky;top:84px}.summary-card h3{font-size:30px;margin:5px 0 15px}.summary-card dl{margin:0}.summary-card div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0}.summary-card dt{color:var(--muted)}.summary-card dd{margin:0;font-weight:900;text-align:right}.price{display:block!important;background:#151515;color:white;border:0!important;border-radius:22px;padding:20px!important;margin:18px 0}.price span,.price small{display:block;color:#cfcfcf}.price b{font-size:48px;display:block;margin:4px 0}.compare-box{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.compare-box strong{background:#111;color:white;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}.compare-box .premium{border-color:rgba(165,0,52,.25);background:#fff7fa}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.install-grid li{margin:12px 0;color:var(--muted)}.install-grid .highlight{background:#151515;color:white}.install-grid .highlight p{color:#ddd}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.timeline span{background:white;border:1px solid var(--line);border-radius:999px;padding:12px;text-align:center;font-weight:800;font-size:14px}.eligibility-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start}.checklist{display:grid;gap:14px}.checklist label{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:14px;margin:0;color:var(--muted);line-height:1.45;background:#fbfaf8;border:1px solid var(--line);border-radius:18px;padding:14px 16px}.checklist input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:34px;height:34px;margin:0;border-radius:10px;border:2px solid #d8cfc6;background:white;display:grid;place-items:center;flex:0 0 34px}.checklist input[type="checkbox"]:checked{background:#0b7cff;border-color:#0b7cff}.checklist input[type="checkbox"]:checked:after{content:"✓";color:white;font-size:24px;font-weight:1000;line-height:1}.faq-list{max-width:920px;margin:auto;display:grid;gap:12px}.faq-list details{box-shadow:none}.faq-list summary{font-weight:900;cursor:pointer}.faq-list p{color:var(--muted);line-height:1.6}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;place-items:center;padding:24px;z-index:100}.modal.show{display:grid}.modal-card{background:white;border-radius:30px;max-width:760px;width:100%;padding:30px;position:relative;max-height:90vh;overflow:auto}.close{position:absolute;right:22px;top:16px;border:0;background:transparent;font-size:34px;cursor:pointer}.modal-summary{background:#fbfaf8;border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0}.terms-box{background:#151515;color:#ddd;border-radius:18px;padding:18px;line-height:1.5}.tick{display:flex;gap:10px;margin:18px 0;font-weight:800}.success-toast{position:fixed;right:24px;bottom:24px;background:white;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);display:none;max-width:420px;z-index:120}.success-toast.show{display:block}.success-toast h3{margin-top:0}@media(max-width:1050px){.hero,.smart-card,.config-layout,.eligibility-card,.install-grid{grid-template-columns:1fr}.summary-card{position:static}.feature-grid,.hp-grid{grid-template-columns:1fr 1fr}.topbar nav{display:none}}@media(max-width:640px){.topbar{padding:0 18px}.brand{font-size:14px}.mini-cta{padding:10px 14px}.hero{padding:50px 22px}.hero h1{font-size:48px}.lead{font-size:18px}.section{padding:60px 22px}.feature-grid,.hp-grid,.two,.model-grid,.compare-box,.timeline{grid-template-columns:1fr}.hero-visual{padding:20px;border-radius:28px}.float{position:static;margin-top:14px}.actions .btn{width:100%}}

/* Production 1.0 polish */
.hero-visual img{transition:transform .5s ease, filter .5s ease}.hero-visual:hover img{transform:translateY(-8px) scale(1.02);filter:drop-shadow(0 22px 30px rgba(0,0,0,.10))}.feature-grid article{transition:transform .25s ease,box-shadow .25s ease}.feature-grid article:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(30,22,15,.08)}.price b{transition:all .25s ease}.consultant-section{background:linear-gradient(180deg,#fff 0%,#f7f3ef 100%)}.consultant-hero{display:grid;grid-template-columns:260px 1fr 360px;gap:34px;align-items:center;background:#111;color:white;border-radius:36px;padding:34px;box-shadow:var(--shadow);max-width:1320px;margin:0 auto}.consultant-photo img{width:250px;height:250px;object-fit:cover;border-radius:50%;border:5px solid rgba(255,255,255,.9);background:white}.consultant-copy h2{font-size:56px;line-height:.95;margin:8px 0;letter-spacing:-.05em}.consultant-copy .role{font-size:24px;color:#ff3f75;font-weight:800}.consultant-copy .role span{font-size:14px;border:1px solid #ff3f75;border-radius:999px;padding:7px 12px;margin-left:8px;color:#ff8eae}.consultant-copy .quote{font-size:21px;line-height:1.45;color:#f2f2f2;max-width:680px}.consultant-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.consultant-badges span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 14px;font-weight:800;font-size:14px}.whatsapp-card{border-left:1px solid rgba(255,255,255,.22);padding-left:34px;text-align:center}.whatsapp-card p{color:#cfcfcf}.whatsapp-card h3{font-size:26px;margin:8px 0 18px}.wa-big{display:flex;justify-content:center;align-items:center;background:#25d366;color:white;border-radius:999px;padding:17px 20px;font-weight:1000;box-shadow:0 18px 45px rgba(37,211,102,.28);margin:12px 0}.whatsapp-card strong{font-size:24px}.testimonials-head{text-align:center;max-width:780px;margin:54px auto 24px}.testimonials-head h2{font-size:42px;margin:0}.testimonials-head p{color:var(--muted)}.testimonial-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1320px;margin:0 auto}.testimonial-grid article{background:white;border:1px solid var(--line);border-radius:24px;padding:22px;text-align:center;box-shadow:0 12px 35px rgba(30,22,15,.05)}.testimonial-grid b{color:#ffb000}.testimonial-grid p{line-height:1.45}.testimonial-grid span{display:block;color:var(--muted);font-weight:800;margin-top:12px}.why-me{max-width:1320px;margin:24px auto 0;background:white;border:1px solid var(--line);border-radius:28px;padding:28px}.why-me h3{font-size:28px;margin:0 0 18px}.why-me div{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.why-me span{background:#fbfaf8;border:1px solid var(--line);border-radius:18px;padding:16px;text-align:center;font-weight:800}.site-footer{background:#111;color:white;padding:28px 7vw;display:grid;grid-template-columns:1fr 1.4fr .6fr;gap:28px;align-items:start}.site-footer p{color:#cfcfcf;line-height:1.5;margin:5px 0;font-size:13px}.success-toast{max-width:520px}.success-toast:after{content:'Mohd Faizal akan bantu semakan anda seterusnya.';display:block;color:var(--muted);margin-top:8px}@media(max-width:1050px){.consultant-hero{grid-template-columns:1fr;text-align:center}.consultant-photo{display:flex;justify-content:center}.whatsapp-card{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding-left:0;padding-top:24px}.testimonial-grid{grid-template-columns:1fr 1fr}.why-me div,.site-footer{grid-template-columns:1fr 1fr}}@media(max-width:640px){.consultant-hero{padding:24px;border-radius:28px}.consultant-copy h2{font-size:42px}.consultant-copy .role{font-size:19px}.consultant-copy .quote{font-size:18px}.consultant-photo img{width:190px;height:190px}.testimonial-grid,.why-me div,.site-footer{grid-template-columns:1fr}.testimonials-head h2{font-size:32px}.wa-big{width:100%}}

/* Consultant footer mockup final polish */
.consultant-wrap{max-width:1320px;margin:0 auto}.consultant-topline{text-align:center;max-width:820px;margin:0 auto 34px}.consultant-topline h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:8px 0;letter-spacing:-.05em}.consultant-topline p{color:var(--muted);font-size:18px;line-height:1.55}.premium-profile-card{grid-template-columns:270px 1fr 360px;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.14),transparent 30%),linear-gradient(135deg,#151515,#2a1118 70%,#a50034);overflow:hidden;position:relative}.premium-profile-card:before{content:"";position:absolute;inset:auto -80px -120px auto;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.08)}.premium-profile-card>*{position:relative}.consultant-photo{display:grid;place-items:center;gap:14px}.online-dot{display:inline-flex;align-items:center;gap:6px;background:rgba(37,211,102,.13);border:1px solid rgba(37,211,102,.35);color:#bfffd6;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900;text-align:center}.premium-profile-card .consultant-copy h2{font-size:clamp(36px,4vw,58px);line-height:.98;max-width:720px}.advisor-desc{font-size:20px;color:#f4f4f4;line-height:1.5;max-width:760px}.quote-card blockquote{font-size:24px;line-height:1.35;margin:0 0 22px;font-weight:900;color:white}.quote-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:26px;text-align:center}.quote-card strong{display:block;color:white}.testimonial-polished article{text-align:left;min-height:225px;display:flex;flex-direction:column}.testimonial-polished h3{font-size:20px;margin:12px 0 0}.testimonial-polished small{color:var(--muted);font-weight:800;margin-bottom:12px}.testimonial-polished p{margin-top:auto}.polished-why{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:center}.polished-why p{color:var(--muted);line-height:1.6;margin:0}.polished-why .why-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.polished-why .why-list span{text-align:left}.help-strip{margin:24px auto 0;background:white;border:1px solid var(--line);border-radius:28px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 12px 35px rgba(30,22,15,.05)}.help-strip h3{font-size:30px;margin:4px 0}.help-strip p{margin:4px 0;color:var(--muted)}.help-strip .wa-big{margin:0;min-width:260px}@media(max-width:1050px){.premium-profile-card{grid-template-columns:1fr;text-align:center}.premium-profile-card .consultant-copy h2,.advisor-desc{margin-left:auto;margin-right:auto}.polished-why{grid-template-columns:1fr}.polished-why .why-list{grid-template-columns:1fr 1fr}.help-strip{flex-direction:column;text-align:center}}@media(max-width:640px){.premium-profile-card .consultant-copy h2{font-size:34px}.advisor-desc{font-size:18px}.quote-card blockquote{font-size:20px}.polished-why .why-list{grid-template-columns:1fr}.help-strip .wa-big{min-width:0;width:100%}.testimonial-polished article{min-height:auto}}