/* VYBEZ sales site — Direction C: After Dark / Daybreak */
:root{--night:#0B0A08;--night2:#141210;--cream:#F5EDD8;--gold:#D4B061;--gold2:#a99a7f;--golddim:#8C7E63;--goldline:rgba(212,176,97,.18);--paper:#F7F5F0;--card:#fff;--line:#E7E2D7;--ink:#1A1815;--ink2:#4A463E;--muted:#847E70;--dim:#B4AE9F;--terra:#C45A3F;--terradeep:#9A4329;--terrasoft:#FCE8E1;--good:#4A8A6B;--fs:'Inter Tight',system-ui,sans-serif;--fm:'Manrope',system-ui,sans-serif;--fd:'Italiana',serif;--fd2:'Marcellus',serif;--mono:'Geist Mono',ui-monospace,monospace;--sh:0 8px 28px rgba(26,24,21,.06),0 1px 2px rgba(26,24,21,.04);--shlg:0 24px 60px rgba(26,24,21,.10),0 2px 6px rgba(26,24,21,.04)}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--fs);-webkit-font-smoothing:antialiased}
a{color:var(--terradeep);text-decoration:none}a:hover{color:var(--terra)}
.night a{color:var(--gold)}.night a:hover{color:var(--cream)}
img{display:block;max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
.wrapw{max-width:1280px;margin:0 auto;padding:0 32px}
.mono{font-family:var(--mono)}
.eyebrow{font:500 12px/1.5 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--golddim)}
.eyebrow.t{color:var(--terra)}
.night{background:var(--night);color:var(--cream);font-family:var(--fm)}
.night .sub{color:#B0A392}
/* nav */
.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;max-width:1280px;margin:0 auto}
.nav a{white-space:nowrap}
.wm{font:400 24px var(--fd);letter-spacing:.14em;color:var(--cream)!important}
.wm span{color:var(--gold)}
.links{display:flex;gap:32px;font:600 13.5px/1 var(--fs)}
.links a{color:var(--gold2)}.links a:hover,.links a.on{color:var(--cream)}
.navr{display:flex;gap:16px;align-items:center}
.navr .login{font:600 13.5px/1 var(--fs);color:var(--gold2)}
/* buttons */
.btn{display:inline-block;border-radius:999px;font:600 14px/1 var(--fs);padding:15px 28px;white-space:nowrap;cursor:pointer;border:none}
.btn-terra{background:var(--terra);color:#fff!important}.btn-terra:hover{background:var(--terradeep)}
.btn-gold{background:var(--gold);color:var(--night)!important;font-weight:700}.btn-gold:hover{background:#e2c37a;color:var(--night)!important}
.btn-ghost{border:1px solid rgba(212,176,97,.4);color:var(--gold)!important}.btn-ghost:hover{border-color:var(--gold);color:var(--cream)!important}
.btn-plain{border:1px solid var(--line);background:#fff;color:var(--ink)!important}.btn-plain:hover{border-color:var(--dim)}
.btn.sm{padding:12px 22px;font-size:13.5px}
/* type */
.d1{font:400 clamp(56px,7.2vw,102px)/1.03 var(--fd);margin:0;color:var(--cream)}
.d1 em,.d2 em{font-family:var(--fd2);font-style:italic;color:var(--gold)}
.d2{font:400 clamp(38px,4.6vw,60px)/1.08 var(--fd);margin:0;color:var(--cream)}
.h2{font:800 clamp(30px,3.4vw,44px)/1.08 var(--fs);letter-spacing:-.03em;margin:0;color:var(--ink)}
.h3{font:700 22px/1.2 var(--fs);letter-spacing:-.02em;margin:0}
.lead{font-size:17.5px;line-height:1.65;color:var(--muted)}
.night .lead{color:#B0A392;font-family:var(--fm)}
/* cards & chrome */
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh)}
.card.lift{box-shadow:var(--shlg)}
.chrome{border-radius:14px;overflow:hidden;border:1px solid var(--goldline);box-shadow:0 40px 120px rgba(0,0,0,.55);background:var(--night2)}
.chrome .bar{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid rgba(212,176,97,.14)}
.chrome .bar i{width:9px;height:9px;border-radius:99px;background:rgba(212,176,97,.28)}
.shot{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shlg);background:#fff}
.phone{border-radius:28px;overflow:hidden;border:1px solid var(--goldline);box-shadow:0 40px 100px rgba(0,0,0,.55)}
.phonecrop{position:relative;overflow:hidden;aspect-ratio:410/508}
.phonecrop img{position:absolute;width:221.7%;max-width:none;left:-60.98%;top:-6.3%}
/* layout helpers */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.row{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:center}
.row.flip{grid-template-columns:6fr 5fr}
.sec{padding:96px 0}
.check{display:flex;gap:10px;align-items:baseline;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.check b{color:var(--terra);font-weight:700}
/* dark page header */
.pagehead{background:radial-gradient(900px 460px at 78% 0%,rgba(212,176,97,.13),transparent 62%),var(--night);color:var(--cream);font-family:var(--fm)}
.pagehead .inner{padding-top:64px;padding-bottom:84px}
/* footer */
footer{background:var(--night);color:var(--gold2);font-family:var(--fm)}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:72px 0 56px}
footer .ct{font:500 11.5px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--golddim);margin-bottom:18px}
footer .fl{display:flex;flex-direction:column;gap:12px;font-size:14px}
footer .fl a{color:var(--gold2)}footer .fl a:hover{color:var(--cream)}
footer .base{display:flex;justify-content:space-between;gap:20px;padding:22px 0 30px;border-top:0.5px solid var(--goldline);font-size:12.5px;color:var(--golddim)}
/* placeholder stripes (imagery TK) */
.ph{background:repeating-linear-gradient(-45deg,rgba(212,176,97,.07) 0 10px,transparent 10px 20px);border:1px dashed var(--goldline);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--golddim);font:500 11px/1.6 var(--mono);letter-spacing:.18em;text-align:center;text-transform:uppercase}
@media (max-width:960px){.links{display:none}.row,.row.flip,.g3,.g2,footer .cols{grid-template-columns:1fr}.sec{padding:64px 0}}