@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#181719;--muted:#626065;--cream:#ffffff;--green:#A84412;--mint:#f2f2f2;--gold:#c8c8c8;--line:#e6e6e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}h1,h2,h3,.brand{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.14}h1{font-size:clamp(2.6rem,6vw,5.5rem);margin:.3em 0}h2{font-size:clamp(1.9rem,3.7vw,3rem);margin:0 0 20px}h3{font-size:1.24rem;margin:0 0 10px}p{margin:0 0 18px}a{color:inherit}header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}nav{max-width:1180px;margin:auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:800;font-size:1.55rem;letter-spacing:-.07em}.brand span{color:var(--green)}.links{display:flex;align-items:center;gap:24px}.links a{text-decoration:none;font-weight:700;font-size:.9rem}.button{display:inline-block;background:var(--green);color:#fff!important;text-decoration:none;border:0;border-radius:7px;padding:13px 22px;font:700 .94rem 'DM Sans';cursor:pointer}.button.alt{background:transparent;color:var(--green)!important;border:1px solid var(--green)}.button.light{background:#fff;color:var(--green)!important}.wrap{max-width:1180px;margin:auto;padding:80px 24px}.hero{background:radial-gradient(circle at 85% 30%,#f4f4f4 0,transparent 40%),linear-gradient(135deg,#ffffff,#f7f7f7)}.hero .wrap{padding-top:105px;padding-bottom:110px}.eyebrow{font-size:.79rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--green)}.hero p{font-size:1.2rem;max-width:650px;color:#4e5750}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:29px}.card p{color:var(--muted)}.price{font:800 2.3rem Manrope;color:var(--green);margin:12px 0}.muted{color:var(--muted)}.tag{display:inline-block;background:var(--mint);border-radius:100px;padding:5px 12px;font-size:.78rem;font-weight:800;color:var(--green)}.dark{background:var(--green);color:#fff}.dark .muted{color:#e6e6e6}.dark .eyebrow{color:#eeeeee}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.checklist{padding-left:20px}.checklist li{padding:5px 0}.steps{counter-reset:step}.step{padding:20px 0;border-bottom:1px solid var(--line)}.step:before{counter-increment:step;content:'0' counter(step);display:inline-block;margin-right:18px;color:var(--green);font-weight:800}.faq details{background:#fff;border:1px solid var(--line);padding:18px 22px;margin:10px 0;border-radius:8px}.faq summary{cursor:pointer;font-weight:800}footer{background:#1d1b1e;color:#e7ece8;padding:50px 24px}footer .inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#e7ece8}.pagehead{background:#f4f4f4;padding:75px 24px}.pagehead>div{max-width:1180px;margin:auto}.pagehead h1{font-size:clamp(2.4rem,5vw,4rem)}.article{max-width:800px;margin:auto;padding:70px 24px}.article h2{margin-top:40px}.article li{margin:9px 0}.form-shell{max-width:960px;margin:0 auto;padding:55px 24px 90px}.form-step{display:none}.form-step.active{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;margin:12px 0}.field.full{grid-column:1/-1}label,.legend{font-weight:700;font-size:.9rem}input,select,textarea{width:100%;border:1px solid #d0c4c9;background:#fff;border-radius:7px;padding:13px;font:inherit;color:var(--ink)}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #A84412;outline-offset:1px}fieldset{border:1px solid var(--line);border-radius:9px;padding:17px;margin:18px 0}fieldset label{display:block;font-weight:500;margin:9px 0}input[type=checkbox],input[type=radio]{width:auto;margin-right:8px;accent-color:var(--green)}.form-nav{display:flex;justify-content:space-between;gap:10px;margin-top:25px}.progress{height:7px;background:#e9e9e9;border-radius:10px;overflow:hidden;margin:15px 0 30px}.progress>div{height:100%;background:var(--green);width:20%;transition:width .2s}.note{padding:16px;background:#f5f5f5;border-left:3px solid var(--green);border-radius:5px}.small{font-size:.86rem}.honeypot{position:absolute;left:-9999px}@media(max-width:760px){.grid,.split,.form-grid{grid-template-columns:1fr}.links{gap:10px;flex-wrap:wrap;justify-content:flex-end}.links a{font-size:.78rem}.links .button{padding:9px 11px}.wrap{padding:55px 20px}.hero .wrap{padding:75px 20px}nav{padding:13px 15px}.brand{font-size:1.25rem}}
/* Web Vybz visual and portfolio enhancements */
.contact-strip{background:#A84412;color:#fff}.contact-strip-inner{max-width:1180px;margin:auto;padding:7px 24px;display:flex;gap:25px;flex-wrap:wrap;font-size:.82rem;font-weight:700}.contact-strip a{text-decoration:none;color:#fff}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:35px}.hero-art img{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 25px 65px rgba(0,0,0,.16)}.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(2.5rem,5.4vw,5rem)}.hero-copy p{font-size:1.06rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}.portfolio-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #A8441218}.portfolio-card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}.portfolio-card strong,.portfolio-card span{display:block;padding:0 17px}.portfolio-card strong{padding-top:15px;font-size:1.05rem}.portfolio-card span{padding-bottom:17px;color:var(--muted);font-size:.88rem}.portfolio-text{padding:18px}.portfolio-text h2{font-size:1.25rem;margin-bottom:10px}.portfolio-text p{color:var(--muted)}.portfolio-cta{margin-top:50px;padding:35px;border-radius:16px;background:var(--mint)}.footer-contact p{margin-top:8px}.footer-contact strong{color:#fff}@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.hero-art{max-width:680px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.portfolio-grid{grid-template-columns:1fr}.contact-strip-inner{gap:8px;flex-direction:column;padding:7px 15px}.hero .wrap{padding-top:55px}.links{gap:9px}}

/* Official Web Vybz brand identity, optimized for Netlify Drop */
.brand-image{display:block;flex:0 0 auto;width:210px;max-width:34vw;line-height:0}
.brand-image img{display:block;width:100%;height:auto;object-fit:contain}
.footer-logo{background:#fff;padding:10px 13px;border-radius:7px;width:240px;max-width:100%}
header nav{min-height:85px}
@media(max-width:760px){.brand-image{width:155px;max-width:38vw}header nav{min-height:72px}}
@media(max-width:460px){.brand-image{width:120px;max-width:35vw}.links{gap:6px}.links a{font-size:.72rem}}