/* ===== SolEarn Styles (extracted) ===== */
/* RESET & BASE */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Lora',serif;color:#fff;background:#000;overflow-x:hidden}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* KEYFRAMES */
@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-24px)}60%{transform:translateY(-14px)}}
@keyframes ctabg{to{background-position:200% 0}}
@keyframes spin360{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes titleCharIn{0%{opacity:0;transform:translateY(38px) scale(.96);filter:blur(6px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes titleGlow{from{text-shadow:0 0 12px rgba(255,200,120,.15)}to{text-shadow:0 0 34px rgba(255,160,0,.45)}}
@keyframes titleShine{to{transform:translateX(150%)}}

/* REVEAL */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}
.reveal.active{opacity:1;transform:translateY(0)}

/* NAVBAR */
.navbar{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 40px;background:transparent;z-index:1000;transition: background .25s ease, border-color .25s ease, box-shadow .25s ease; border-bottom:1px solid transparent}
.navbar.scrolled{background:rgba(0,0,0,.5); backdrop-filter: blur(10px); border-bottom-color:rgba(255,255,255,.08); box-shadow:0 6px 16px rgba(0,0,0,.25)}
.logo-sm{width:40px}
.navbar ul{display:flex;gap:24px;font-weight:600}
.navbar a{opacity:.8; position:relative; padding:6px 0}
.navbar a:hover,.navbar a.active{opacity:1}
.navbar a.active::after{content:''; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:linear-gradient(90deg,#ff7b00,#ffcc4d); border-radius:2px}
.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.03);cursor:pointer;margin-left:auto;margin-right:8px}
.menu-toggle span{display:block;width:20px;height:2px;background:#fff;margin:3px 0}

@media(max-width:900px){
  .navbar{padding:12px 16px}
  .menu-toggle{display:flex}
  .navbar ul{position:fixed;top:64px;right:12px;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;flex-direction:column;gap:12px;display:none;z-index:1100;min-width:56vw}
  .navbar ul.open{display:flex}
  .navbar a.active::after{bottom:-4px}
}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;gap:5vw;padding:120px 6vw;overflow:hidden}
.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:-1}
.coin-wrapper{flex:0 0 45%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}
.coin-glow{animation:bounce 2.6s infinite}
.coin-img{width:420px;max-width:100%}
.coin-wrapper::before{content:'';position:absolute;inset:auto;width:min(540px,58vw);height:min(540px,58vw);border-radius:50%;background:conic-gradient(from 0deg,rgba(255,180,0,0) 0 22%,rgba(255,170,0,.22) 35%,rgba(255,255,255,0) 60%,rgba(255,100,0,.16) 85%,rgba(255,255,255,0) 100%);filter:blur(18px);z-index:0;animation:spin360 12s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}

.hero-content{flex:0 0 55%;z-index:1}
.hero-title{position:relative;font-family:'Montserrat',sans-serif;font-size:6vw;background:linear-gradient(90deg,#ffc35a,#ff7b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:25px;line-height:1.05;letter-spacing:1px}
.hero-title span{display:inline-block;opacity:0;transform:translateY(38px) scale(.96);filter:blur(6px);background:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleCharIn .9s cubic-bezier(.16,1,.3,1) forwards, titleGlow 2.6s ease-in-out .9s infinite alternate}
.hero-title.animate-in span{animation-delay:calc(var(--i)*70ms + 80ms)}
.hero-title::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 10%,transparent 20%);transform:translateX(-150%);animation:titleShine 2.2s ease 1.2s both;pointer-events:none}

.hot-news-label{font-family:'Montserrat',sans-serif;font-size:1.5rem;letter-spacing:1px}
.hot-news-underline{width:120px;height:4px;background:#ff7b00;margin:6px 0 22px}
.news-box{background:rgba(0,0,0,.55);padding:22px;border-radius:12px;color:#fdd97b;max-width:520px;margin-bottom:18px}

.contract-box{background:rgba(255,255,255,.05);padding:10px 12px;border-radius:10px;font-family:monospace;color:#ccc;max-width:520px;display:flex;align-items:center;gap:10px;position:relative}
.contract-label{opacity:.8}
.contract-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.copy-btn{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;font-family:inherit}
.copy-btn:hover{border-color:rgba(255,255,255,.45)}
.copied-tip{position:absolute;right:10px;bottom:-26px;font-size:.85rem;color:#9be89b;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.contract-box.copied .copied-tip{opacity:1;transform:translateY(0)}
.copy-field{position:absolute;left:12px;right:12px;bottom:-34px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#0f0f10;color:#fff;padding:4px 8px;display:none}
.contract-box.show-fallback .copy-field{display:block}
.fallback-tip{position:absolute;left:12px;bottom:-56px;font-size:.85rem;color:#ffd27a;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.contract-box.show-fallback .fallback-tip{opacity:1;transform:translateY(0)}

.btn-primary{position:relative;display:inline-block;padding:16px 34px;border-radius:12px;font-weight:700;color:#fff;background:linear-gradient(90deg,#ff7b00,#ffcc4d,#ff7b00);background-size:200% 100%;animation:ctabg 6s linear infinite;box-shadow:0 8px 24px rgba(255,126,0,.25);transition:transform .2s,box-shadow .2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,126,0,.35)}
.btn-primary::before{content:'';position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(120px 60px at var(--x,50%) -20%,rgba(255,255,255,.25),transparent 60%);opacity:0;transition:opacity .2s;pointer-events:none}
.btn-primary:hover::before{opacity:1}

/* SECTIONS */
section{padding:90px 6vw;scroll-margin-top:90px}

/* About */
.about{position:relative;overflow:hidden}
.about video.bg-video-about{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.about::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}
.about-container{position:relative;max-width:1200px;margin:0 auto;padding:40px;display:flex;align-items:center;gap:40px;flex-wrap:wrap;z-index:1;background:rgba(20,20,20,.8);border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.about-container.reveal>*{opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s}
.about-container.active>*:nth-child(1){transition-delay:.2s}
.about-container.active>*:nth-child(2){transition-delay:.4s}
.about-container.active>*{opacity:1;transform:translateY(0)}
.about-text{flex:1;padding:0 20px}
.about-text h2{font-family:'Montserrat',sans-serif;font-size:2.6rem;color:#ffae42;margin-bottom:16px;text-align:center}
.about-text h3{font-size:1.5rem;margin-bottom:16px}
.about-text p{line-height:1.6;font-size:1.05rem;margin-bottom:24px}
.about-video{margin-top:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.about-video video{width:100%;display:block}

/* Tokenomics */
.tokenomics{position:relative;overflow:hidden;text-align:center}
.tokenomics video.bg-video-token{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.tokenomics::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}
.tokenomics .section-title{font-family:'Montserrat',sans-serif;font-size:2.6rem;margin-bottom:12px}
.tokenomics .section-subtitle{color:#aab3c2;margin:6px 0 28px}
.token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto;padding:0 6px}
.token-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:32px;box-shadow:0 10px 24px rgba(0,0,0,.35);position:relative;overflow:hidden}
.token-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;background:linear-gradient(135deg,#1da1f2,#2b6be4);display:flex;align-items:center;justify-content:center}
.token-icon span{font-size:28px}
.token-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.4rem;margin-bottom:8px}
.token-desc{color:#cbd2dc;font-size:.95rem}
.token-card::after{content:'';position:absolute;top:-120%;left:-30%;width:60%;height:240%;transform:rotate(25deg) translateX(-120%);background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.18),rgba(255,255,255,0));transition:transform .9s}
.token-card:hover::after{transform:rotate(25deg) translateX(220%)}

/* Steps */
.steps{position:relative;overflow:hidden;text-align:center;padding:100px 6vw}
.steps video.bg-video-steps{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.steps::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}
.steps .section-title{font-family:'Montserrat',sans-serif;font-size:2.6rem;margin-bottom:10px}
.steps .section-subtitle{color:#aab3c2;margin:8px 0 34px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto}
.step-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:30px 28px;height:100%;box-shadow:0 10px 24px rgba(0,0,0,.35);position:relative;overflow:hidden}
.step-badge{width:54px;height:54px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-weight:700;background:linear-gradient(135deg,#29b6f6,#2b6be4)}
.step-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.25rem;margin-bottom:10px}
.step-desc{color:#cbd2dc;font-size:.96rem}
.step-item::after{content:'';position:absolute;top:-120%;left:-30%;width:60%;height:240%;transform:rotate(25deg) translateX(-120%);background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.18),rgba(255,255,255,0));transition:transform .9s}
.step-item:hover::after{transform:rotate(25deg) translateX(220%)}

/* Trust */
.trust{position:relative;overflow:hidden;text-align:center;padding:100px 6vw}
.trust video.bg-video-trust{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.trust::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto}
.trust-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:32px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.trust-icon{font-size:32px;margin-bottom:10px}
.trust-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.4rem;margin-bottom:8px}
.trust-desc{color:#cbd2dc;font-size:.95rem;margin-bottom:8px}
.status{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.85rem;border:1px solid rgba(255,255,255,.2)}
.status.planned{background:rgba(255,184,77,.12);border-color:rgba(255,184,77,.35);color:#ffd27a}

/* Roadmap */
.roadmap{position:relative;overflow:hidden;text-align:center;padding:100px 6vw}
.roadmap video.bg-video-road{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.roadmap::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}
.road-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto}
.road-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:28px;box-shadow:0 10px 24px rgba(0,0,0,.35);text-align:left}
.road-phase{font-family:'Montserrat',sans-serif;font-weight:700;color:#ffae42;margin-bottom:12px}
.road-list{padding-left:18px}
.road-list li{margin:6px 0;color:#cbd2dc}

/* FAQ */
.faq{position:relative;overflow:hidden;padding:100px 6vw}
.faq video.bg-video-faq{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.faq::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.75);z-index:-1}
.faq-wrap{max-width:900px;margin:0 auto}
.faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;margin:12px 0;overflow:hidden}
.faq-q{width:100%;text-align:left;background:transparent;border:none;color:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-family:'Montserrat',sans-serif;cursor:pointer}
.faq-q svg{width:20px;height:20px;fill:#fff;transition:transform .25s}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a p{padding:0 20px 18px;color:#cbd2dc}

/* Footer */
.site-footer{background:#0b0b0b;border-top:1px solid rgba(255,255,255,0.08);padding:28px 6vw}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-logo{width:28px;height:28px;object-fit:contain;border-radius:6px}
.footer-text{color:#cfd6e4;font-size:.95rem}
.footer-socials{display:flex;align-items:center;gap:12px}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,0.12);border-radius:10px;transition:transform .2s,background .2s,border-color .2s}
.footer-socials a:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.06)}
.footer-socials svg{width:20px;height:20px;fill:#fff}

/* Mobile layout tweaks */
@media(max-width:900px){
  .hero{flex-direction:column;align-items:center;justify-content:center;padding:96px 18px 120px;min-height:calc(100vh - 60px)}
  .hero-content{padding-left:0;text-align:center}
  .hero-title{font-size:12vw}
  .coin-img{width:58vw;max-width:260px}
  .news-box,.contract-box{max-width:100%}
  .token-grid,.steps-grid,.trust-grid,.road-grid{grid-template-columns:1fr}
  body{padding-bottom:72px}
}

/* Preloader */
.preloader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(60% 80% at 50% 10%, rgba(255,123,0,.15), transparent 60%), #000;z-index:2000;transition:opacity .5s ease, visibility .5s ease}
.preloader.hide{opacity:0;visibility:hidden;pointer-events:none}
.preloader-logo{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(255,140,0,.35));animation:bounce 2.2s infinite}
.preloader-text{margin-top:14px;letter-spacing:.5px;opacity:.85}
.progress{margin-top:16px;width:240px;display:flex;align-items:center;gap:10px}
.progress-track{flex:1;height:8px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}
.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#ff7b00,#ffcc4d,#ff7b00);background-size:200% 100%;animation:ctabg 3s linear infinite}
.progress-label{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.95rem;color:#ffd27a;min-width:3ch;text-align:right}
.lock-scroll{overflow:hidden}
@media(prefers-reduced-motion:reduce){.preloader-logo{animation:none}.progress-bar{animation:none}}

/* ULTRA ANIMATIONS EXTRAS */
.section-title{position:relative;font-family:'Montserrat',sans-serif;font-size:2.6rem;margin-bottom:12px}
.section-title::after{content:'';position:absolute;left:50%;transform:translateX(-50%) scaleX(0);bottom:-10px;width:120px;height:3px;background:linear-gradient(90deg,#ff7b00,#ffcc4d);border-radius:2px;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.section-title.revealed::after{transform:translateX(-50%) scaleX(1)}


/* Roadmap Vertical */
.roadmap-vertical{max-width:900px;margin:0 auto;text-align:left;position:relative}
.roadmap-vertical::before{content:'';position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(255,123,0,.4),rgba(255,204,77,.2))}
.roadmap-vertical .phase{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:22px 22px 22px 54px;margin:16px 0;box-shadow:0 10px 24px rgba(0,0,0,.35);opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
.roadmap-vertical .phase::before{content:'';position:absolute;left:14px;top:28px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#ffcc4d,#ff7b00);box-shadow:0 0 18px rgba(255,140,0,.6)}
.roadmap-vertical .phase h3{font-family:'Montserrat',sans-serif;color:#ffae42;margin-bottom:8px}
.roadmap-vertical .phase p{color:#dfe5f2;margin-bottom:8px}
.roadmap-vertical .phase ul{padding-left:18px}
.roadmap-vertical .phase li{margin:6px 0;color:#cbd2dc}
.roadmap-vertical .phase.active{opacity:1;transform:translateY(0)}


/* Roadmap index (pills) */
.roadmap-index{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px auto 22px;max-width:900px}
.roadmap-index a{display:inline-block;padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);font-weight:700;font-family:'Montserrat',sans-serif;transition:transform .15s, background .2s, border-color .2s}
.roadmap-index a:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.12)}
@media(max-width:640px){.roadmap-index{justify-content:flex-start;overflow-x:auto;padding:0 6vw;scrollbar-width:none}.roadmap-index::-webkit-scrollbar{display:none}}

/* === Whitepaper Section === */
.whitepaper{position:relative;overflow:hidden;text-align:center;padding:100px 6vw}
.whitepaper video.bg-video-whitepaper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.whitepaper::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}
.whitepaper .section-subtitle{color:#aab3c2;margin:6px 0 18px}
.whitepaper-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:6px auto 18px}
.pdf-embed{max-width:1100px;margin:0 auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.35);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.pdf-embed embed,.pdf-embed iframe{width:100%;height:75vh;border:0;display:block}
.pdf-embed .pdf-fallback{padding:14px 16px;color:#cbd2dc}
@media(max-width:900px){
  .pdf-embed embed,.pdf-embed iframe{height:70vh}
}


/* === Market (Live Stats) Section === */
.market{position:relative;overflow:hidden;text-align:center;padding:100px 6vw}
.market video.bg-video-market{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.market::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:14px auto 0}
.stat-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:28px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.stat-label{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.1rem;margin-bottom:6px;color:#ffae42}
.stat-value{font-size:1.8rem;font-weight:700;margin-bottom:6px}
.stat-delta{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.95rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.stat-delta.up{color:#88f0a3;border-color:rgba(136,240,163,.4);background:rgba(136,240,163,.08)}
.stat-delta.down{color:#ff9ca0;border-color:rgba(255,156,160,.35);background:rgba(255,156,160,.08)}
.stat-delta::before{content:attr(data-title);font-weight:600;opacity:.65;margin-right:6px}
.stat-footnote{max-width:900px;margin:12px auto 0;color:#cbd2dc;font-size:.9rem;opacity:.85}
@media(max-width:900px){.stat-grid{grid-template-columns:1fr}}


/* Status colors */
.status.done, .badge.done{color:#88f0a3;border-color:rgba(136,240,163,.4);background:rgba(136,240,163,.08)}


/* Candlestick chart embed (responsive, wider) */
.candles-embed{
  width: min(94vw, 1400px);
  max-width: 1400px;
  margin: 28px auto 0;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  aspect-ratio: 16 / 9;
}
.candles-embed iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: transparent;
}
@media (max-width: 900px){
  .candles-embed{ width: min(96vw, 100%); aspect-ratio: 16 / 10; }
}


/* === Audit Proof Section === */
.audit{position:relative;overflow:hidden;text-align:center;padding:100px 6vw}
.audit video.bg-video-audit{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.audit::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}
.audit .section-subtitle{color:#aab3c2;margin:6px 0 22px}
.audit-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.audit-proof{display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(0,0,0,.35);background:rgba(0,0,0,.35)}
.audit-image{width:100%;height:auto;display:block}
.audit-text{text-align:left;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:22px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.audit-text h3{font-family:'Montserrat',sans-serif;font-size:1.5rem;margin-bottom:12px;color:#ffae42}
.audit-text ul{padding-left:18px;margin-bottom:12px}
.audit-text li{margin:6px 0;color:#cbd2dc}
.audit-note{color:#cbd2dc;opacity:.9;margin-top:8px;font-size:.95rem}

@media(max-width:900px){
  .audit-grid{grid-template-columns:1fr;gap:16px}
  .audit-text{text-align:left}
}