*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#d4af37;--gold-light:#f0cc5a;--gold-dim:#d4af3726;--gold-border:#d4af374d;--bg-void:#080b10;--bg-deep:#0d1117;--bg-surface:#111820;--bg-card:#141c26;--text-primary:#f0ede4;--text-muted:#7a8a9a;--text-dim:#3d4f5f;--accent-line:#d4af3766}html{scroll-behavior:smooth;background:#fff;justify-content:center;display:flex}body{background:var(--bg-void);color:var(--text-primary);width:100%;max-width:430px;margin:0;font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b10d9;background:var(--bg-void);color:var(--text-primary);border-bottom:1px solid #d4af371a;justify-content:space-between;align-items:center;width:100%;max-width:430px;margin:auto;padding:1.25rem 2vw;font-family:DM Sans,sans-serif;line-height:1.6;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:hidden}.nav-logo{letter-spacing:.12em;color:var(--gold);font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800;text-decoration:none}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.85rem;font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--gold)}.nav-cta{gap:.75rem;display:flex}.btn-ghost{border:1px solid var(--gold-border);letter-spacing:.06em;color:var(--gold);cursor:pointer;background:0 0;border-radius:4px;padding:.55rem 1.4rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .22s}.btn-ghost:hover{background:var(--gold-dim)}.btn-solid{letter-spacing:.06em;color:#080b10;background:var(--gold);cursor:pointer;border:none;border-radius:4px;padding:.55rem 1.4rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .22s}.btn-solid:hover{background:var(--gold-light);transform:translateY(-1px)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;min-height:100vh;padding:8rem 2vw 5rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#d4af370f 0%,#0000 65%);width:65%;height:130%;position:absolute;top:-20%;right:-10%}.hero-grid-bg{background-image:linear-gradient(#d4af370a 1px,#0000 1px),linear-gradient(90deg,#d4af370a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 60% 40%,#000 20%,#0000 80%);mask-image:radial-gradient(80% 80% at 60% 40%,#000 20%,#0000 80%);z-index:-1!important}.hero-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:2px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .9rem;font-size:.55rem;font-weight:500;display:inline-flex}.hero-tag:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800;line-height:1.3}.hero h1 em{color:var(--gold);font-style:normal;display:block}.hero-desc{color:var(--text-muted);max-width:480px;margin-bottom:1rem;font-size:1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-hero-primary{background:var(--gold);color:#080b10;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;width:max-content;padding:10px 15px;font-family:Syne,sans-serif;font-size:.7rem;font-weight:700;text-decoration:none;transition:all .22s}.btn-hero-primary:hover{background:var(--gold-light);transform:translateY(-2px)}.btn-hero-outline{color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f0ede433;border-radius:4px;width:max-content;padding:10px 15px;font-family:Syne,sans-serif;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .22s}.btn-hero-outline:hover{border-color:var(--gold-border);color:var(--gold)}.hero-panel{flex-direction:column;gap:1.25rem;display:flex;position:relative}.hero-panel:before{content:"The BBN";color:#d4af370a;letter-spacing:.1em;pointer-events:none;white-space:nowrap;font-family:Syne,sans-serif;font-size:7rem;font-weight:800;line-height:1;position:absolute;top:-2.5rem;right:0}.stat-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid #d4af371f;border-radius:8px;padding:25px 20px;transition:border-color .25s;position:relative;overflow:hidden}.stat-card:hover{border-color:#d4af3759}.stat-card:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:100%;height:2px;position:absolute;bottom:0;left:0}.stat-number{color:var(--gold);margin-bottom:.7rem;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800;line-height:1}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.55rem;font-weight:400}.chain-badge{background:var(--bg-card);border:1px solid #d4af371f;border-radius:8px;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex}.chain-icon{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.chain-info span{display:block}.chain-name{color:var(--text-primary);letter-spacing:.05em;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700}.chain-sub{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.section-problem{background:var(--bg-deep);padding:5rem 2vw;position:relative}.section-problem:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-border), transparent);height:1px;position:absolute;top:0;left:5vw;right:5vw}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;font-size:.62rem;font-weight:500}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:800;line-height:1.3}.problem-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.problem-card{background:var(--bg-card);border:1px solid #ffffff0d;border-top:2px solid var(--gold);border-radius:8px;padding:1.5rem;transition:transform .25s,border-color .25s}.problem-card:hover{border-top-color:var(--gold-light);transform:translateY(-4px)}.problem-icon{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.3rem;display:flex}.problem-card h3{color:var(--text-primary);margin-bottom:.75rem;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700}.problem-card p{color:var(--text-muted);font-size:.9rem;line-height:1.7}.section-how{padding:5rem 2vw;position:relative;overflow:hidden}.section-how:before{content:"";background:radial-gradient(circle,#d4af370d 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:-20%;transform:translateY(-50%)}.how-layout{grid-template-columns:1fr 1.3fr;align-items:center;gap:5rem;display:grid}.how-steps{flex-direction:column;gap:0;display:flex}.step-item{border-bottom:1px solid #ffffff0d;gap:1.5rem;padding-bottom:1.5rem;display:flex;position:relative}.step-item:last-child{border-bottom:none}.step-num{letter-spacing:.1em;color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:.15rem;font-family:Syne,sans-serif;font-size:.7rem;font-weight:700;display:flex}.step-content h4{color:var(--text-primary);margin-bottom:.4rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.step-content p{color:var(--text-muted);font-size:.88rem;line-height:1.65}.section-advantages{background:var(--bg-deep);padding:5rem 2vw;position:relative}.section-advantages:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-border), transparent);height:1px;position:absolute;top:0;left:5vw;right:5vw}.adv-header{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;margin-bottom:1rem;display:grid}.adv-header p{color:var(--text-muted);font-size:1rem;line-height:1.75}.adv-grid{background:#d4af3714;border:1px solid #d4af3714;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.adv-cell{background:var(--bg-surface);padding:1.5rem;transition:background .22s}.adv-cell:hover{background:var(--bg-card)}.adv-cell h4{color:var(--text-primary);margin-bottom:.65rem;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700}.adv-cell p{color:var(--text-muted);font-size:.85rem;line-height:1.7}.adv-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;margin-bottom:1.25rem}.section-faq{padding:5rem 2vw}.section-faq .section-title,.section-faq .section-label{text-align:center}.faq-list{flex-direction:column;gap:1px;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-q{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;font-family:Syne,sans-serif;font-size:.97rem;font-weight:600;line-height:1.4;transition:color .2s;display:flex}.faq-q:hover{color:var(--gold)}.faq-q .icon{border:1px solid var(--gold-border);width:22px;height:22px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:transform .22s;display:flex}.faq-item.open .faq-q .icon{transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .4s;overflow:hidden}.faq-item.open .faq-a{max-height:400px}.faq-a-inner{color:var(--text-muted);padding-bottom:1.5rem;font-size:.9rem;line-height:1.75}.section-bnb{background:var(--bg-deep);padding:7rem 5vw;position:relative;overflow:hidden}.section-bnb:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-border), transparent);height:1px;position:absolute;top:0;left:5vw;right:5vw}.bnb-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:5rem;display:grid}.bnb-visual{justify-content:center;align-items:center;height:320px;display:flex;position:relative}.bnb-ring{border:1px solid var(--gold-border);border-radius:50%;animation:12s linear infinite spinRing;position:absolute}.bnb-ring:first-child{border-color:#d4af3733;width:280px;height:280px}.bnb-ring:nth-child(2){border-color:#d4af374d;width:200px;height:200px;animation-duration:8s;animation-direction:reverse}.bnb-ring:nth-child(3){border-color:#d4af3766;width:120px;height:120px;animation-duration:5s}@keyframes spinRing{to{transform:rotate(360deg)}}.bnb-center{z-index:1;text-align:center}.bnb-center .symbol{color:var(--gold);margin-bottom:.3rem;font-family:Syne,sans-serif;font-size:2.4rem;font-weight:800;line-height:1}.bnb-center .sub{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}footer{background:var(--bg-void);border-top:1px solid #d4af371f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:3rem 2vw 2vw;display:flex}.footer-logo{letter-spacing:.15em;color:var(--gold);font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800;text-decoration:none}.footer-links{flex-wrap:wrap;gap:1rem;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:.82rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--gold)}.footer-copy{color:var(--text-dim);font-size:.78rem}.hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text-primary);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.mobile-menu{background:var(--bg-void);z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:430px;margin:auto;display:none;position:fixed;inset:0;overflow-x:hidden}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--text-primary);letter-spacing:.05em;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .2s}.mobile-menu a:hover{color:var(--gold)}.close-mobile{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:6.5rem;right:2vw}.fade-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.fade-up.visible{opacity:1;transform:none}.fade-up:nth-child(2){transition-delay:.1s}.fade-up:nth-child(3){transition-delay:.2s}.fade-up:nth-child(4){transition-delay:.3s}.hero-panel{max-width:500px}.how-layout{grid-template-columns:1fr;gap:3rem}.bnb-layout{grid-template-columns:1fr}.bnb-visual{height:220px}.bnb-ring:first-child{width:200px;height:200px}.bnb-ring:nth-child(2){width:140px;height:140px}.bnb-ring:nth-child(3){width:80px;height:80px}.adv-header{grid-template-columns:1fr;gap:1rem}.adv-grid{grid-template-columns:1fr 1fr}.problem-grid,.adv-grid{grid-template-columns:1fr}.btn-hero-primary,.btn-hero-outline{text-align:center}.hero,.how-layout,.bnb-layout,.adv-header,.problem-grid,.adv-grid{grid-template-columns:1fr!important}.nav-links,.nav-cta{display:none!important}.hamburger{display:flex!important}@media (width<=430px){.hero{padding:8rem 5vw 5rem!important}.section-problem,.section-how{padding:5rem 5vw}.section-advantages{padding:5rem 5vw;position:relative}.section-faq{padding:5rem 5vw}footer{padding:3rem 5vw}.close-mobile{right:5vw}}