:root{--y:#FFC400;--b:#0d0d0d;--g:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}
body{font:13px/1.7 Poppins,sans-serif;color:#222;background:#fff}a{color:inherit;text-decoration:none}
.w{max-width:1160px;margin:auto;padding:0 14px}
header{position:sticky;top:0;z-index:50;background:var(--b);color:#fff;box-shadow:0 2px 8px #0005}
header .w{display:flex;align-items:center;justify-content:space-between;height:54px;gap:10px}
.logo{font-weight:700;font-size:15px;color:var(--y)}nav{display:flex;gap:16px;font-size:12px}nav a:hover{color:var(--y)}
.btn{background:var(--y);color:#111;padding:8px 16px;border-radius:5px;font-weight:600;font-size:12px;border:0;cursor:pointer;display:inline-block}
.btn.wa{background:#25D366;color:#fff}
.hero{background:linear-gradient(135deg,#0d0d0d 55%,#2a2200);color:#fff;padding:34px 0}
.hero .w{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
h1{font-size:28px;line-height:1.3;margin-bottom:10px}h1 span{color:var(--y)}h2{font-size:21px;margin:26px 0 10px}h2:after{content:"";display:block;width:50px;height:3px;background:var(--y);margin-top:5px}h3{font-size:14px;margin:10px 0 4px}
.hero p{color:#ccc;margin-bottom:10px}.tick li{list-style:none;margin:4px 0}.tick li:before{content:"✔ ";color:var(--y)}
form{background:#fff;color:#222;padding:20px;border-radius:10px;border-top:4px solid var(--y)}form h3{margin:0 0 10px;font-size:15px}
input,textarea{width:100%;padding:9px 11px;margin-bottom:9px;border:1px solid #ccc;border-radius:5px;font:inherit}form .btn{width:100%;padding:11px}
.ok{background:#e8f8e8;color:#175c17;padding:8px;border-radius:5px;margin-bottom:8px}.er{background:#fdeaea;color:#a00;padding:8px;border-radius:5px;margin-bottom:8px}
main p{margin-bottom:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{border:1px solid #eee;border-top:3px solid var(--y);padding:14px;border-radius:7px;box-shadow:0 2px 8px #0001}
.price{text-align:center}.price b{font-size:22px;display:block;color:#111}ol.s li{margin:0 0 8px 18px}
details{border:1px solid #eee;border-radius:6px;padding:9px 12px;margin-bottom:7px}summary{font-weight:600;cursor:pointer}
.links{display:flex;flex-wrap:wrap;gap:7px}.links a{background:#f6f6f6;border:1px solid #e4e4e4;padding:4px 10px;border-radius:20px;font-size:12px}.links a:hover{background:var(--y)}
.bc{font-size:11px;color:#aaa;margin-bottom:8px}.bc a{color:var(--y)}
footer{background:var(--b);color:#aaa;margin-top:30px;padding:26px 0 70px;font-size:12px}footer h4{color:var(--y);margin-bottom:6px}footer a:hover{color:var(--y)}
footer .g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}
.fl{position:fixed;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;z-index:60}.fl a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 2px 8px #0006}
@media(max-width:1000px){.cards[style]{grid-template-columns:1fr 1fr!important}}@media(max-width:820px){.hero .w,footer .g{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}nav{display:none}h1{font-size:22px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}}

.hero{position:relative;overflow:hidden}.hero .w{position:relative;z-index:2}
.hero:before{content:"";position:absolute;width:440px;height:440px;right:-120px;top:-150px;background:radial-gradient(#FFC40044,transparent 65%);animation:pu 6s infinite}
.fs{position:absolute;color:#FFC400;opacity:.17;font-weight:700;z-index:1;animation:fl 7s ease-in-out infinite;pointer-events:none}
.f1{font-size:90px;left:3%;top:8%}.f2{font-size:70px;right:7%;top:58%;animation-delay:1s}.f3{font-size:110px;left:46%;bottom:-18px;animation-delay:2s}.f4{font-size:50px;right:42%;top:6%;animation-delay:3s}
@keyframes fl{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(8deg)}}
@keyframes pu{50%{transform:scale(1.2);opacity:.6}}@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.badge,.hero h1,.hero p,.hero .tick,.stats{animation:up .8s both}.hero h1{animation-delay:.15s}.hero p{animation-delay:.3s}.hero .tick,.stats{animation-delay:.45s}
.badge{display:inline-block;background:#FFC40022;border:1px solid var(--y);color:var(--y);padding:3px 12px;border-radius:20px;font-size:11px;margin-bottom:10px}
.stats{display:flex;gap:18px;margin:14px 0}.stats div{border-left:3px solid var(--y);padding-left:9px;font-size:11px;color:#bbb}.stats b{display:block;color:#fff;font-size:15px}
form{box-shadow:0 12px 40px #000a;animation:up .9s .3s both}
input:focus,textarea:focus{outline:0;border-color:var(--y);box-shadow:0 0 0 3px #FFC40040}input::placeholder,textarea::placeholder{color:#999}
.btn{transition:.25s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #FFC40066}
.btn:after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:#fff6;transform:skewX(-20deg);animation:sh 3.5s infinite}@keyframes sh{60%,100%{left:130%}}
.card{transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #0002}.ic{font-size:26px;display:block}
ol.s{counter-reset:s;list-style:none}ol.s li{counter-increment:s;margin:0 0 12px;padding-left:40px;position:relative}ol.s li:before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--y);display:grid;place-items:center;font-weight:700}
.sym{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sym div{background:var(--b);color:#fff;border-radius:10px;padding:16px;text-align:center;border-bottom:3px solid var(--y)}.sym b{display:block;font-size:42px;color:var(--y);animation:fl 5s infinite}
.cta{margin-top:30px}.ctab{background:linear-gradient(120deg,#0d0d0d,#1c1c1c);border:1px solid #333;border-radius:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 36px;overflow:hidden}
.ctab h2{font-size:26px;margin-top:10px}.ctab h2:after{display:none}.pill{background:var(--y);color:#111;padding:5px 14px;border-radius:6px;font-weight:600;font-size:12px}.ctab p{color:#ccc;margin:10px 0 16px}
.btn.big{padding:14px 28px;font-size:14px}.btn.out{background:0;border:1px solid #777;color:#fff;padding:13px 24px;font-size:14px}
.exp{text-align:right;min-width:230px;color:#fff}.exp small{color:var(--y);letter-spacing:2px;font-weight:600;font-size:11px;display:block}.exp b{font-size:16px;display:block}.exp i{display:block;width:44px;height:3px;background:var(--y);margin:6px 0 0 auto}.exp img{height:250px;max-width:100%;margin-top:6px;animation:fl 6s infinite;filter:drop-shadow(0 8px 12px #000)}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
#enquiry{scroll-margin-top:70px}.fl a{animation:pu2 2s infinite}@keyframes pu2{50%{transform:scale(1.1)}}
@media(max-width:820px){.ctab{flex-direction:column;align-items:flex-start;padding:24px}.ctab h2{font-size:20px}.exp{align-self:flex-end;min-width:0}.exp img{height:200px}.sym{grid-template-columns:1fr 1fr}.stats{flex-wrap:wrap}.fs{opacity:.09}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
/* Expert image: fixed, larger, touching the bottom of the CTA box */
.ctab{align-items:stretch;padding:0 36px}
.ctab>div:first-child{padding:32px 0;align-self:center}
.exp{display:flex;flex-direction:column;justify-content:flex-end;padding-top:26px;min-width:300px}
.exp img{display:block;height:340px;width:auto;max-width:100%;margin:10px 0 0 auto;animation:none!important;filter:none}
@media(max-width:820px){.ctab{padding:24px 20px 0}.ctab>div:first-child{padding:0 0 10px}.exp{align-self:flex-end;min-width:0;padding-top:10px}.exp img{height:270px}}

/* multi-colour theme */
:root{--c2:#00C2A8;--c3:#FF5C7A;--c4:#7C5CFF;--c5:#2E9BFF}
.hero{background:linear-gradient(135deg,#0d0d0d 42%,#1d1544 78%,#2a2200)}
.f2{color:var(--c2)}.f3{color:var(--c3)}.f4{color:var(--c4)}
h2:after{width:70px;background:linear-gradient(90deg,var(--y),var(--c3),var(--c4))}
.card:nth-child(5n+2){border-top-color:var(--c2)}.card:nth-child(5n+3){border-top-color:var(--c3)}.card:nth-child(5n+4){border-top-color:var(--c4)}.card:nth-child(5n+5){border-top-color:var(--c5)}
.sym div:nth-child(2){border-color:var(--c2)}.sym div:nth-child(3){border-color:var(--c3)}.sym div:nth-child(4){border-color:var(--c4)}
.sym div:nth-child(2) b{color:var(--c2)}.sym div:nth-child(3) b{color:var(--c3)}.sym div:nth-child(4) b{color:var(--c4)}
ol.s li:nth-child(5n+2):before{background:var(--c2);color:#fff}ol.s li:nth-child(5n+3):before{background:var(--c3);color:#fff}ol.s li:nth-child(5n+4):before{background:var(--c4);color:#fff}ol.s li:nth-child(5n+5):before{background:var(--c5);color:#fff}
.stats div:nth-child(2){border-color:var(--c2)}.stats div:nth-child(3){border-color:var(--c3)}
.links a:nth-child(5n+1){background:#FFC40022}.links a:nth-child(5n+2){background:#00C2A818}.links a:nth-child(5n+3){background:#FF5C7A18}.links a:nth-child(5n+4){background:#7C5CFF18}.links a:nth-child(5n+5){background:#2E9BFF18}
.links a:hover{background:var(--c4)!important;color:#fff;border-color:var(--c4)}
.btn.b2{background:var(--c4);color:#fff}
.ctab{position:relative;background:radial-gradient(circle at 85% 40%,#7C5CFF44,transparent 45%),radial-gradient(circle at 10% 100%,#FFC40033,transparent 40%),linear-gradient(120deg,#0d0d0d,#1c1c1c)}
.exp img{display:none}.exp svg{display:block;height:340px;width:auto;max-width:100%;margin:10px 0 0 auto}
/* popup */
.pop{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:100;padding:12px;backdrop-filter:blur(3px)}.pop.on{display:flex}
.pb{background:#fff;border-radius:16px;max-width:740px;width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:auto;max-height:94vh;position:relative;animation:up .4s both}
.pl{background:linear-gradient(150deg,#0d0d0d,#2b1d55);color:#fff;padding:26px}.pl h3{font-size:19px;margin:10px 0}.pl p{color:#ccc;margin-bottom:10px}.pl .btn{margin-top:12px}
.pb form{box-shadow:none;border-top:0;border-radius:0;animation:none;padding:26px 22px}
.px{position:absolute;top:8px;right:10px;z-index:3;width:30px;height:30px;border-radius:50%;border:0;background:#fff;color:#111;font-size:20px;cursor:pointer;box-shadow:0 2px 6px #0004}
@media(max-width:820px){.hd{display:none}.exp svg{height:270px}.pb{grid-template-columns:1fr}.pl{padding:18px 18px 6px}.pl .tick,.pl p{display:none}.pl h3{font-size:16px;margin:6px 0}.pl .btn{padding:7px 12px}.pb form{padding:16px 18px 20px}}