:root{--bg:#070706;--panel:#0d0c0a;--panel2:#11100d;--gold:#c99b4e;--gold2:#e4bd78;--copper:#8a552b;--text:#eee5d8;--muted:#b6a892;--line:#3d2f1c;--cream:#f0d9ad;--danger:#c46a5a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 65% 8%,rgba(143,86,31,.18),transparent 26%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}.wrap{width:min(1180px,92%);margin:auto}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:50;background:rgba(6,6,5,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:25px;min-height:70px}.brand{font-family:Georgia,serif;color:var(--gold2);font-size:23px;letter-spacing:.05em}.brand small{display:block;font:9px Inter,sans-serif;letter-spacing:.2em;color:#b79359}.navlinks{margin-left:auto;display:flex;gap:22px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border:1px solid var(--gold);border-radius:3px;background:linear-gradient(135deg,#e0b868,#b67b2e);color:#160f08;font-weight:800;letter-spacing:.03em;cursor:pointer}.btn.secondary{background:transparent;color:var(--gold2)}.hero{padding:52px 0 28px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:.13em}.hero h1,.section-title{font-family:Georgia,serif;font-weight:500;color:#f4e5c7}.hero h1{font-size:clamp(42px,5vw,72px);line-height:.98;margin:12px 0}.hero em{display:block;font:italic 27px Georgia,serif;color:var(--gold2);margin:15px 0}.hero p{max-width:620px;color:#d0c5b4}.hero-visual{border:1px solid var(--line);min-height:470px;background:url('../img/hero.jpg') center/cover no-repeat;border-radius:4px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.feature-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.mini{padding:15px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.mini b{display:block;color:var(--gold2);font-size:12px}.mini span{font-size:11px;color:var(--muted)}.price{font-family:Georgia,serif;font-size:28px;color:var(--gold2);margin:15px 0 20px}.price small{display:block;font:13px Inter,sans-serif;color:var(--muted);margin-top:8px}.actions{display:flex;gap:12px;flex-wrap:wrap}.proof{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.proof div{padding:18px;text-align:center;border-right:1px solid var(--line)}.proof b{font-size:11px;color:var(--gold2);display:block}.proof span{font-size:11px;color:var(--muted)}section{padding:55px 0}.section-title{font-size:34px;margin:0 0 18px;text-align:center}.section-kicker{text-align:center;color:var(--gold);font-size:12px;letter-spacing:.14em}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:4px}.video{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.video-poster{min-height:320px;background:url('../img/video-poster.jpg') center/cover no-repeat;position:relative;overflow:hidden}.play{position:absolute;inset:0;display:grid;place-items:center}.play button{width:70px;height:70px;border-radius:50%;border:1px solid var(--gold2);background:rgba(0,0,0,.55);color:var(--gold2);font-size:28px;cursor:pointer}.storybox{padding:32px}.storybox h3{font:27px Georgia,serif;color:var(--gold2)}.finishes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.finish{overflow:hidden;text-align:center;padding-bottom:14px}.finish .img{height:260px;background:url('../img/finishes.jpg') center/cover no-repeat}.finish:nth-child(1) .img{background-position:0% center}.finish:nth-child(2) .img{background-position:25% center}.finish:nth-child(3) .img{background-position:50% center}.finish:nth-child(4) .img{background-position:75% center}.finish:nth-child(5) .img{background-position:100% center}.finish h3{font:18px Georgia,serif;color:var(--gold2);margin:13px 0 4px}.status{font-size:11px;color:#d9bb7f}.commerce{display:grid;grid-template-columns:.75fr 1.1fr 1.1fr;gap:16px}.padded{padding:22px}.stock table,.admin-table{width:100%;border-collapse:collapse;font-size:13px}.stock td,.stock th,.admin-table td,.admin-table th{border-bottom:1px solid #282117;padding:10px 6px;text-align:left}.stock th,.admin-table th{color:var(--gold2);font-size:11px}.reserve form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reserve .full{grid-column:1/-1}input,select,textarea{width:100%;background:#080806;color:var(--text);border:1px solid #4b3820;padding:12px;border-radius:2px}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-option{padding:18px;border:1px solid #49351d;text-align:center;min-height:150px}.pay-option h4{color:var(--gold2);margin:0 0 7px}.pay-option strong{font:26px Georgia,serif;color:#f0cf8d}.couriers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.courier{text-align:center;padding:25px}.courier .logo{font:900 30px Georgia,serif;color:var(--gold2)}.anchor{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.anchor-img{background:url('../img/tri-anchor.jpg') center/cover no-repeat;min-height:350px}.anchor-copy{padding:30px}.anchor-copy ul{color:var(--muted)}.twovideos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.assembly{min-height:300px;background:url('../img/assembly-poster.jpg') center/cover no-repeat;position:relative}.included{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.included div{padding:16px;text-align:center;border:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:14px}.faq summary{cursor:pointer;color:var(--gold2)}.cta{padding:55px 0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.4)),url('../img/cta.jpg') center/cover}.cta h2{font:42px Georgia,serif;margin:0;color:#f4e5c7}.footer{padding:35px 0 25px;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.note{font-size:12px;color:#cbb99c}.whatsapp{position:fixed;right:18px;bottom:18px;z-index:40;background:#b38438;color:#110d07;border:1px solid #e0bb73;border-radius:40px;padding:13px 18px;font-weight:800}.toast{position:fixed;left:50%;top:90px;transform:translateX(-50%);background:#15100b;border:1px solid var(--gold);padding:14px 20px;z-index:99;display:none}.hidden{display:none!important}
@media(max-width:900px){.navlinks{display:none}.hero-grid,.video,.commerce,.anchor,.twovideos{grid-template-columns:1fr}.hero-visual{min-height:360px}.finishes{grid-template-columns:repeat(2,1fr)}.proof{grid-template-columns:1fr 1fr}.included{grid-template-columns:repeat(3,1fr)}.couriers{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.commerce{gap:12px}}@media(max-width:520px){.finishes{grid-template-columns:1fr 1fr}.feature-icons{grid-template-columns:1fr 1fr}.hero{padding-top:28px}.hero-visual{min-height:280px}.reserve form{grid-template-columns:1fr}.included{grid-template-columns:1fr 1fr}.pay-grid{grid-template-columns:1fr}.brand{font-size:18px}.nav{min-height:58px}.btn{padding:10px 12px}}

/* Final launch refinements: prominent M-Pesa, brighter premium glow, easier forms */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 16%,rgba(228,189,120,.07),transparent 24%),radial-gradient(circle at 82% 36%,rgba(138,85,43,.11),transparent 28%);z-index:-1}
.card{box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,232,184,.025)}
.payment-card{grid-column:auto}.pay-grid.five{grid-template-columns:repeat(2,1fr)}
.pay-option{position:relative;background:linear-gradient(180deg,rgba(23,18,12,.9),rgba(10,9,7,.95));box-shadow:inset 0 0 28px rgba(194,135,53,.035)}
.pay-option.mpesa{grid-column:1/-1;border-color:#d0a352;background:radial-gradient(circle at 50% 0%,rgba(210,158,69,.18),transparent 44%),linear-gradient(180deg,#171107,#0c0a07);box-shadow:0 0 34px rgba(190,128,37,.13),inset 0 0 44px rgba(224,184,104,.05)}
.pay-badge{position:absolute;top:10px;right:10px;border:1px solid #6e5228;color:#e8c47f;font-size:9px;letter-spacing:.15em;padding:4px 7px}
.verify{font-size:11px;color:#e6c98d;text-transform:uppercase;letter-spacing:.07em}
.payment-note{text-align:center;border-top:1px solid var(--line);padding-top:13px;margin-top:16px}
.reserve textarea{grid-column:1/-1}.reserve select,.reserve input,.reserve textarea{transition:border-color .2s,box-shadow .2s}.reserve select:focus,.reserve input:focus,.reserve textarea:focus{outline:none;border-color:#c99b4e;box-shadow:0 0 0 2px rgba(201,155,78,.12)}
@media(max-width:900px){.pay-grid.five{grid-template-columns:1fr 1fr}.payment-card{grid-column:1/-1}}
@media(max-width:520px){.pay-grid.five{grid-template-columns:1fr}.pay-option.mpesa{grid-column:auto}}

/* 2026 final premium refresh */
.brand-img{display:flex;align-items:center;min-width:170px}.brand-img img{height:54px;width:145px;object-fit:contain;object-position:center;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(218,167,77,.22))}.nav{min-height:78px}.topbar{background:linear-gradient(180deg,rgba(4,4,3,.98),rgba(7,6,5,.94));box-shadow:0 10px 30px rgba(0,0,0,.2)}
.hero{background:radial-gradient(circle at 74% 45%,rgba(201,132,38,.14),transparent 24%),radial-gradient(circle at 25% 15%,rgba(228,189,120,.05),transparent 22%)}
.hero-visual{box-shadow:0 35px 90px rgba(0,0,0,.58),0 0 40px rgba(178,112,35,.08);border-color:#5c4020}.hero h1{text-shadow:0 1px 0 #000,0 0 30px rgba(230,181,98,.05)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-card{padding:22px 18px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(194,135,53,.09),transparent 48%),linear-gradient(180deg,#12100d,#0b0a08)}.feature-card b{display:block;color:var(--gold2);font-family:Georgia,serif;font-size:16px;margin-bottom:7px}.feature-card span{color:var(--muted);font-size:12px}
.finish .img{height:300px;background-size:cover;background-position:center}.finish .img-1{background-image:url('../img/finish-bronze-mahogany.jpg')}.finish .img-2{background-image:url('../img/finish-royal-gold.jpg')}.finish .img-3{background-image:url('../img/finish-silver-frost.jpg')}.finish .img-4{background-image:url('../img/finish-matte-black.jpg')}.finish .img-5{background-image:url('../img/finish-gun-metal.jpg')}.finish .btn{margin-top:12px;font-size:10px;padding:8px 10px}.finish{box-shadow:0 15px 45px rgba(0,0,0,.32),inset 0 0 30px rgba(205,150,57,.02)}
.playlink{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid var(--gold2);background:rgba(0,0,0,.55);color:var(--gold2);font-size:28px}.play button:disabled{opacity:.72;cursor:default}.steps{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.steps div{padding:22px 16px;text-align:center;border-right:1px solid var(--line)}.steps b{display:block;color:var(--gold2);font-size:12px;margin-bottom:7px}.steps span{font-size:11px;color:var(--muted)}
.assembly2{background-image:url('../img/assembly-poster.jpg')}.video-label{position:absolute;inset:auto 0 0 0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.92));color:var(--gold2);font:18px Georgia,serif}.video-label a{display:inline-block;margin-left:12px;font:10px Inter,sans-serif;border:1px solid var(--gold);padding:8px 10px;color:var(--gold2)}
.legal-note{margin-top:22px;border-top:1px solid var(--line);padding-top:18px;line-height:1.65}.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.coming{overflow:hidden}.coming-img{height:340px;background-position:center;background-size:cover}.coming-img.coffee{background-image:url('../img/aquarium-coffee.jpg')}.coming-img.tv{background-image:url('../img/aquarium-tv.jpg')}.coming-copy{padding:25px}.coming-copy h3{font:28px Georgia,serif;color:var(--gold2);margin:8px 0}.coming-page{padding:70px 0}.coming-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.coming-page h1{font:52px Georgia,serif;color:#f5e3bf;line-height:1.05}.coming-hero{height:620px;border:1px solid var(--line);background:center/cover no-repeat;box-shadow:0 30px 80px rgba(0,0,0,.55)}.coming-hero.coffee{background-image:url('../img/aquarium-coffee.jpg')}.coming-hero.tv{background-image:url('../img/aquarium-tv.jpg')}.footer-logo{width:190px;height:110px;object-fit:contain;mix-blend-mode:screen}.copyright{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;text-align:center;font-size:11px}.footer a:hover,.navlinks a:hover{color:var(--gold2)}
@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.steps div{border-bottom:1px solid var(--line)}.coming-grid,.coming-page-grid{grid-template-columns:1fr}.brand-img{min-width:130px}.brand-img img{width:120px;height:48px}.coming-hero{height:450px}}
@media(max-width:520px){.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.hero-grid{gap:20px}.hero h1{font-size:43px}.hero em{font-size:24px}.price{font-size:29px}.coming-img{height:240px}.coming-page h1{font-size:42px}.whatsapp{right:14px;bottom:14px}.nav>.btn{font-size:12px}.brand-img img{width:115px;height:44px}.finish .img{height:220px}}
.brand-lockup{display:flex;align-items:center;gap:10px;color:var(--gold2);min-width:200px}.brand-lockup img{height:58px;width:46px;object-fit:cover;object-position:center 35%;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(225,170,70,.2))}.brand-lockup span{display:flex;flex-direction:column;line-height:1}.brand-lockup b{font:22px Georgia,serif;letter-spacing:.08em}.brand-lockup small{font:9px Inter,sans-serif;letter-spacing:.2em;margin-top:5px;color:#c59955}.footer-logo{height:170px;width:180px;object-fit:contain}
@media(max-width:520px){.brand-lockup{min-width:160px;gap:7px}.brand-lockup img{height:48px;width:38px}.brand-lockup b{font-size:18px}.brand-lockup small{font-size:7px;letter-spacing:.16em}}

/* 2026-10 HD responsive asset pass: preserve full subjects and text at every zoom */
img{max-width:100%;height:auto}
.hero{padding:34px 0 30px}
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:34px}
.hero-visual{margin:0;min-height:0;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(193,126,36,.13),transparent 55%),#080706;border:1px solid #5b421f;border-radius:6px;box-shadow:0 28px 85px rgba(0,0,0,.6),0 0 36px rgba(201,155,78,.08)}
.hero-visual img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.finishes-banner{margin:18px 0 22px;overflow:hidden;background:#080706;border-color:#5a4020}
.finishes-banner img{display:block;width:100%;height:auto;object-fit:contain}
.finishes{align-items:stretch}
.finish{display:flex;flex-direction:column;min-width:0}
.finish-media{aspect-ratio:4/3;background:#080706;overflow:hidden;border-bottom:1px solid var(--line)}
.finish-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#080706;transition:transform .28s ease}
.finish h3,.finish .status,.finish .btn{position:relative;z-index:2}
.finish h3{padding:0 8px;line-height:1.12}
.finish .status{padding:0 8px;min-height:34px;display:flex;align-items:center;justify-content:center}
.finish .btn{margin-left:12px;margin-right:12px}
@media (hover:hover) and (pointer:fine){.finish:hover .finish-media img{transform:scale(1.025)}}
.anchor-img{background-size:contain;background-color:#090806;background-repeat:no-repeat}
.video-poster,.assembly,.cta{background-size:cover;background-position:center}
.brand-lockup img{object-fit:contain;object-position:center}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:20px}
  .hero-visual{order:-1;aspect-ratio:4/3;max-height:none;min-height:0}
  .hero-visual img{object-fit:contain}
  .finishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .finish-media{aspect-ratio:4/3}
}
@media(max-width:620px){
  .wrap{width:min(100% - 28px,1180px)}
  .nav{min-height:62px;gap:10px}
  .brand-lockup{min-width:0;flex:1}
  .brand-lockup img{width:34px;height:42px}
  .brand-lockup b{font-size:17px}.brand-lockup small{font-size:7px}
  .nav>.btn{padding:9px 11px;font-size:10px;white-space:nowrap}
  .hero{padding-top:18px}
  .hero-visual{aspect-ratio:1/1;max-height:none}
  .hero h1{font-size:clamp(38px,12vw,52px);line-height:.94;overflow-wrap:anywhere}
  .hero em{font-size:23px}
  .feature-icons{grid-template-columns:1fr 1fr}
  .finishes-banner{margin-top:12px}
  .finishes{grid-template-columns:1fr;gap:16px}
  .finish-media{aspect-ratio:4/3}
  .finish h3{font-size:24px}
  .finish .status{font-size:13px}
  .finish .btn{font-size:12px;padding:11px 12px}
}