:root {
  --black: #07080D;
  --dark: #0C0F18;
  --dark2: #111520;
  --navy: #1B3A5C;
  --gold: #C9A84C;
  --gold-bright: #EAB83A;
  --gold-dim: #7A6230;
  --gold-bg: rgba(201,168,76,0.08);
  --red: #D94040;
  --green: #27AE60;
  --white: #F5F5F3;
  --off-white: #E8E8E4;
  --gray: #8A94A8;
  --gray-light: #B8C0CF;
  --border: rgba(201,168,76,0.15);
  --border-subtle: rgba(255,255,255,0.06);
  --font-display: 'Sora', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --radius: 16px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:var(--font-body);font-size:17px;line-height:1.65;overflow-x:hidden}

/* TYPOGRAPHY */
.display-xl{font-family:var(--font-display);font-size:clamp(40px,6.5vw,84px);font-weight:800;line-height:1.02;letter-spacing:-0.03em}
.display-lg{font-family:var(--font-display);font-size:clamp(32px,4.5vw,60px);font-weight:700;line-height:1.06;letter-spacing:-0.025em}
.display-md{font-family:var(--font-display);font-size:clamp(22px,3vw,38px);font-weight:700;line-height:1.1;letter-spacing:-0.02em}
.eyebrow{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold)}
.lead{font-size:clamp(16px,1.8vw,20px);color:var(--gray-light);line-height:1.7;font-weight:400}

/* UTILS */
.gold{color:var(--gold)} .gold-bright{color:var(--gold-bright)} .red{color:var(--red)} .green{color:var(--green)} .gray{color:var(--gray)}
.center{text-align:center} .container{max-width:1120px;margin:0 auto;padding:0 28px} .container-sm{max-width:800px;margin:0 auto;padding:0 28px}
.mt8{margin-top:8px} .mt16{margin-top:16px} .mt24{margin-top:24px} .mt32{margin-top:32px} .mt48{margin-top:48px} .mt64{margin-top:64px}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between;transition:background .3s,box-shadow .3s}
nav.scrolled{background:rgba(7,8,13,0.95);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--border)}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav-logo img{height:36px;width:36px;object-fit:contain}
.nav-divider{width:1px;height:24px;background:rgba(255,255,255,0.25)}
.nav-realty{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--white);letter-spacing:0.02em}
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links a{color:var(--gray);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}
.nav-links a:hover{color:var(--white)}
.nav-cta{background:var(--gold)!important;color:var(--black)!important;padding:9px 20px;border-radius:8px;font-weight:700!important;font-size:14px!important;letter-spacing:0.01em}
.nav-cta:hover{background:var(--gold-bright)!important;transform:translateY(-1px)}
@media(max-width:680px){.nav-links a:not(.nav-cta){display:none}}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:0 0 0}
.hero-bg{position:absolute;inset:0;background-image:url('images/hero-background.jpg');background-size:cover;background-position:center center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,13,0.35) 0%,rgba(7,8,13,0.25) 40%,rgba(7,8,13,0.65) 72%,rgba(7,8,13,0.97) 100%)}
.hero-inner{position:relative;z-index:2;width:100%;padding:48px 0 60px}
.hero-content{}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.3);padding:6px 14px;border-radius:100px;margin-bottom:28px}
.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:glow-pulse 2s infinite}
@keyframes glow-pulse{0%,100%{box-shadow:0 0 0 0 rgba(201,168,76,0.6)}50%{box-shadow:0 0 0 8px rgba(201,168,76,0)}}
.hero h1{margin-bottom:8px}
.hero-sub{margin:20px 0 36px;max-width:520px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:52px}
.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center}
.hero-chart-card{background:rgba(11,14,22,0.92);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;width:100%;backdrop-filter:blur(12px)}
.hero-chart-label{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray);margin-bottom:20px}
.bar-chart{display:flex;align-items:flex-end;gap:16px;height:140px;padding-bottom:4px}
.bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}
.bar-wrap{flex:1;display:flex;align-items:flex-end;width:100%}
.bar{width:100%;border-radius:6px 6px 0 0;transition:height 1.4s cubic-bezier(.34,1.56,.64,1)}
.bar.bad{background:linear-gradient(180deg,rgba(217,64,64,0.7),rgba(217,64,64,0.3));height:0}
.bar.good{background:linear-gradient(180deg,var(--gold-bright),var(--gold));height:0}
.bar-val{font-family:var(--font-display);font-size:13px;font-weight:700}
.bar-name{font-size:11px;color:var(--gray);text-align:center;line-height:1.3}
.chart-legend{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}
.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray)}
.legend-dot{width:8px;height:8px;border-radius:50%}
.hero-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:16px}
.hero-stat{background:rgba(11,14,22,0.92);backdrop-filter:blur(8px);padding:16px 20px}
.hero-stat-num{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1;margin-bottom:4px}
.hero-stat-label{font-size:11px;color:var(--gray);line-height:1.4}
@media(max-width:900px){.hero-visual{display:none}}

/* TICKER */
.ticker{background:var(--gold);padding:11px 0;overflow:hidden;white-space:nowrap}
.ticker-inner{display:inline-flex;animation:ticker 35s linear infinite}
.ticker-item{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:0.1em;padding:0 36px}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* SECTIONS */
section{padding:96px 0}
.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}

/* TRUTH SECTION */
.truth{background:var(--dark)}
.truth-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:56px}
.truth-card{background:var(--dark2);padding:40px 36px;position:relative}
.truth-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold)}
.truth-big{font-family:var(--font-display);font-size:clamp(52px,7vw,80px);font-weight:800;letter-spacing:-0.04em;line-height:1;margin-bottom:6px}
.truth-label{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--white);margin-bottom:10px;letter-spacing:-0.01em}
.truth-desc{font-size:14px;color:var(--gray);line-height:1.65}
@media(max-width:640px){.truth-grid{grid-template-columns:1fr}}

/* TIMELINE */
.timeline{background:var(--black)}
.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.t-card{background:var(--dark2);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:36px 28px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}
.t-card:hover{transform:translateY(-3px);border-color:rgba(201,168,76,0.3)}
.t-card.active{border-color:var(--gold);background:linear-gradient(135deg,var(--dark2) 0%,rgba(201,168,76,0.06) 100%)}
.t-year-bg{position:absolute;right:-8px;bottom:-16px;font-family:var(--font-display);font-size:100px;font-weight:800;opacity:0.05;line-height:1;pointer-events:none;color:var(--white)}
.t-tag{font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:14px;display:block}
.t-headline{font-family:var(--font-display);font-size:19px;font-weight:700;margin-bottom:12px;letter-spacing:-0.01em;line-height:1.2}
.t-body{font-size:14px;color:var(--gray);line-height:1.65;position:relative;z-index:1}
.t-card.active::before{content:'YOU ARE HERE';position:absolute;top:14px;right:14px;font-size:9px;font-weight:700;letter-spacing:0.18em;color:var(--gold);background:rgba(201,168,76,0.1);padding:3px 8px;border-radius:4px}
@media(max-width:768px){.timeline-grid{grid-template-columns:1fr}}

/* COMPARE */
.compare{background:var(--dark)}
.compare-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.c-col{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-subtle)}
.c-head{padding:18px 28px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:0.02em}
.c-head.bad{background:rgba(217,64,64,0.1);color:#E07070;border-bottom:1px solid rgba(217,64,64,0.15)}
.c-head.good{background:rgba(201,168,76,0.08);color:var(--gold);border-bottom:1px solid var(--border)}
.c-items{background:var(--dark2);padding:8px 0}
.c-item{display:flex;align-items:flex-start;gap:12px;padding:13px 28px;font-size:14px;line-height:1.55;border-bottom:1px solid rgba(255,255,255,0.03)}
.c-item:last-child{border-bottom:none}
.c-icon{flex-shrink:0;font-size:15px;margin-top:1px}
@media(max-width:640px){.compare-wrap{grid-template-columns:1fr}}

/* HOW IT WORKS */
.how{background:var(--black)}
.steps{margin-top:72px;display:flex;flex-direction:column;gap:80px}
.step{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease}
.step.visible{opacity:1;transform:translateY(0)}
.step:nth-child(even) .step-img{order:-1}
.step-eyebrow{margin-bottom:12px}
.step h3{margin-bottom:14px}
.step p{color:var(--gray-light);font-size:15px;line-height:1.7;margin-bottom:14px}
.step-callout{background:rgba(201,168,76,0.06);border-left:3px solid var(--gold);padding:14px 18px;border-radius:0 10px 10px 0;font-size:13px;color:var(--off-white);line-height:1.55;margin-top:16px}
.step-img{border-radius:var(--radius);overflow:hidden;position:relative;border:1px solid var(--border-subtle);background:var(--dark2)}
.step-img img{width:100%;display:block;transition:transform .4s}
.step-img:hover img{transform:scale(1.03)}
.step-badge{position:absolute;bottom:14px;left:14px;background:rgba(7,8,13,0.88);backdrop-filter:blur(8px);border:1px solid var(--border);padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;color:var(--gold)}
@media(max-width:768px){.step{grid-template-columns:1fr}.step:nth-child(even) .step-img{order:0}}

/* FEATURES */
.features{background:var(--dark)}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:56px}
.feat-card{background:var(--dark2);padding:36px 28px;transition:background .3s}
.feat-card:hover{background:rgba(201,168,76,0.04)}
.feat-icon{font-size:28px;margin-bottom:16px}
.feat-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-0.01em}
.feat-sub{font-size:13px;color:var(--gray);line-height:1.65}
@media(max-width:768px){.feat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.feat-grid{grid-template-columns:1fr}}

/* ROI */
.roi{background:var(--black)}
.roi-box{background:var(--dark2);border:1px solid var(--border);border-radius:20px;padding:60px 52px;position:relative;overflow:hidden}
.roi-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-bright))}
.roi-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:44px}
.roi-item{text-align:center}
.roi-val{font-family:var(--font-display);font-size:clamp(36px,4.5vw,56px);font-weight:800;letter-spacing:-0.03em;line-height:1;margin-bottom:8px}
.roi-desc{font-size:13px;color:var(--gray);line-height:1.55}
.roi-quote{text-align:center;font-family:var(--font-display);font-size:clamp(18px,2.5vw,28px);font-weight:700;letter-spacing:-0.02em;line-height:1.2;border-top:1px solid var(--border);padding-top:40px}
@media(max-width:640px){.roi-box{padding:40px 24px}.roi-nums{grid-template-columns:1fr;gap:28px}}

/* PRICING */
.pricing{background:var(--dark)}
.p-toggle{display:flex;align-items:center;justify-content:center;gap:14px;margin:36px 0}
.p-label{font-size:14px;font-weight:600;color:var(--gray)}
.p-label.active{color:var(--white)}
.p-switch{width:50px;height:27px;background:rgba(255,255,255,0.08);border-radius:100px;position:relative;cursor:pointer;border:1px solid var(--border);transition:background .2s}
.p-switch.on{background:var(--gold)}
.p-thumb{position:absolute;top:3px;left:3px;width:19px;height:19px;background:var(--white);border-radius:50%;transition:transform .2s}
.p-switch.on .p-thumb{transform:translateX(23px)}
.save-tag{background:rgba(201,168,76,0.12);color:var(--gold);font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:0.1em;text-transform:uppercase;opacity:0;transition:opacity .2s}
.save-tag.show{opacity:1}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.p-card{background:var(--dark2);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;transition:transform .3s,border-color .3s}
.p-card:hover{transform:translateY(-4px)}
.p-card.featured{border-color:var(--gold)}
.p-badge{background:var(--gold);color:var(--black);text-align:center;padding:9px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
.p-body{padding:36px 32px}
.p-tier{font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.p-name{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:24px;letter-spacing:-0.02em}
.p-price-row{display:flex;align-items:flex-end;gap:2px;margin-bottom:4px}
.p-curr{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--gray);padding-bottom:8px}
.p-amount{font-family:var(--font-display);font-size:64px;font-weight:800;letter-spacing:-0.04em;line-height:1}
.p-period{font-size:15px;color:var(--gray)}
.p-billed{font-size:12px;color:var(--gold-dim);margin-bottom:28px}
.p-features{list-style:none;margin-bottom:28px}
.p-features li{display:flex;align-items:flex-start;gap:10px;padding:9px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.04)}
.p-features li:last-child{border-bottom:none}
.p-features li::before{content:'✓';color:var(--gold);font-weight:700;flex-shrink:0;margin-top:1px}
.p-btn{display:block;width:100%;background:var(--gold);color:var(--black);padding:15px;border-radius:10px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:0.04em;text-align:center;text-decoration:none;transition:all .2s;cursor:pointer;border:none}
.p-btn:hover{background:var(--gold-bright);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,0.25)}
.p-btn.outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.p-btn.outline:hover{background:rgba(201,168,76,0.07)}
@media(max-width:640px){.p-grid{grid-template-columns:1fr}}

/* FAQ */
.faq{background:var(--black)}
.faq-list{margin-top:52px}
.faq-item{border-bottom:1px solid var(--border-subtle)}
.faq-btn{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;padding:22px 0;cursor:pointer;gap:16px;text-align:left}
.faq-q{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--white);line-height:1.25;letter-spacing:-0.01em}
.faq-ico{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold);font-size:18px;font-weight:300;transition:transform .3s}
.faq-item.open .faq-ico{transform:rotate(45deg)}
.faq-ans{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-item.open .faq-ans{max-height:300px}
.faq-ans-inner{padding:0 0 24px;font-size:15px;color:var(--gray-light);line-height:1.7}
.faq-ans-inner strong{color:var(--white)}

/* GUARANTEE */
.guarantee{background:var(--dark)}
.g-box{display:grid;grid-template-columns:auto 1fr;gap:52px;align-items:center;background:var(--dark2);border:1px solid var(--border);border-radius:20px;padding:56px 52px;position:relative;overflow:hidden}
.g-box::after{content:'GUARANTEE';position:absolute;right:-30px;top:50%;transform:translateY(-50%) rotate(90deg);font-family:var(--font-display);font-size:90px;font-weight:800;color:rgba(201,168,76,0.03);pointer-events:none;white-space:nowrap}
.g-photo{width:150px;height:150px;border-radius:50%;border:3px solid var(--gold);object-fit:cover;object-position:center top;flex-shrink:0}
.g-title{font-family:var(--font-display);font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:-0.02em;margin-bottom:14px}
.g-body{font-size:15px;color:var(--gray-light);line-height:1.7;margin-bottom:14px}
.g-sig{font-size:13px;font-weight:600;color:var(--white)}
.g-sig span{color:var(--gray);font-weight:400}
@media(max-width:640px){.g-box{grid-template-columns:1fr;padding:36px 24px;text-align:center}.g-photo{margin:0 auto}.g-box::after{display:none}}

/* FINAL CTA */
.final{background:var(--black);text-align:center;padding:120px 28px;position:relative;overflow:hidden}
.final::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(201,168,76,0.09) 0%,transparent 70%);pointer-events:none}
.final h2{position:relative;margin-bottom:20px}
.final p{position:relative;font-size:18px;color:var(--gray-light);max-width:560px;margin:0 auto 36px}
.final-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-bottom:40px;position:relative}
.final-check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.final-check::before{content:'✓';color:var(--gold);font-weight:700}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;position:relative}

/* BUTTONS */
.btn-primary{background:var(--gold);color:var(--black);padding:16px 32px;border-radius:10px;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:0.04em;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer;border:none}
.btn-primary:hover{background:var(--gold-bright);transform:translateY(-2px);box-shadow:0 8px 32px rgba(201,168,76,0.3)}
.btn-secondary{background:transparent;color:var(--white);padding:16px 32px;border-radius:10px;border:1px solid rgba(255,255,255,0.18);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:0.04em;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer}
.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}


.feat-icon-app {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.35);
}
.feat-icon-app svg {
  width: 32px;
  height: 32px;
}

/* REVEAL */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* MODAL */
.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(7,8,13,0.88);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal{background:var(--dark2);border:1px solid var(--border);border-radius:20px;padding:40px 36px;width:100%;max-width:440px;position:relative;transform:scale(0.95);transition:transform .3s}
.modal-overlay.open .modal{transform:scale(1)}
.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--gray);font-size:22px;cursor:pointer;line-height:1;padding:4px 8px}
.modal-close:hover{color:var(--white)}
.modal h3{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-0.02em;margin-bottom:6px}
.modal p{font-size:14px;color:var(--gray-light);margin-bottom:24px}
.modal-field{margin-bottom:14px}
.modal-field label{display:block;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray);margin-bottom:6px}
.modal-field input{width:100%;background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--white);font-family:var(--font-body);font-size:15px;outline:none;transition:border .2s}
.modal-field input:focus{border-color:var(--gold)}
.modal-submit{width:100%;margin-top:8px}
.modal-note{text-align:center;font-size:12px;color:var(--gray);margin-top:12px}
.demo-toast{position:fixed;left:50%;top:50%;z-index:2100;width:calc(100% - 32px);max-width:520px;transform:translate(-50%,-46%) scale(.98);opacity:0;pointer-events:none;background:var(--dark2);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.5);padding:22px 24px;color:var(--white);font-size:16px;line-height:1.45em;text-align:center;letter-spacing:-0.01em;transition:opacity .24s ease,transform .24s ease;display:flex;flex-direction:column;align-items:center;gap:16px}
.demo-toast.on{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.demo-toast-message{max-width:430px;color:var(--white)}
.demo-toast-close{background:var(--gold);color:var(--black);border:none;border-radius:100px;padding:11px 22px;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:-0.01em;cursor:pointer;transition:background .2s}
.demo-toast-close:hover,.demo-toast-close:focus-visible{background:var(--gold-bright);outline:none}

/* FLOATING NOTIF */
.notif{position:fixed;bottom:24px;left:24px;z-index:150;background:rgba(11,14,22,0.95);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;max-width:270px;transform:translateY(100px);transition:transform .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.notif.show{transform:translateY(0)}
.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;animation:glow-pulse 1.6s infinite}
.notif-text strong{color:var(--white);display:block;font-size:13px}
.notif-text span{color:var(--gray);font-size:12px}

/* FOOTER */
footer{background:var(--dark);border-top:1px solid var(--border-subtle);padding:36px 24px;text-align:center}
footer p{font-size:13px;color:var(--gray)}
footer a{color:var(--gold);text-decoration:none}