/* Additive styles; the original stylesheet and hero are unchanged. */
.dara-app{background:#121212}.app-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:50px}.app-brand{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#0d0d0d;min-height:240px;display:grid;place-items:center}.app-brand img{width:264px;max-width:85%;height:auto}.pending-copy{color:var(--color-gray);font-size:.8rem;overflow-wrap:anywhere;margin:24px 0}.extension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.extension-grid h2{font-size:1.8rem;margin-bottom:25px}.extension-grid .feature-card{display:flex;flex-direction:column;align-items:flex-start}.extension-grid .button{margin-top:auto}.route-content{padding-top:130px;min-height:70vh}.route-content>.container>h1{font-size:clamp(2.25rem,5vw,4rem)}.route-back{display:inline-block;color:var(--color-yellow);margin-bottom:28px}.route-content .reveal{opacity:1;transform:none}.route-content .section{padding:50px 0}.route-header .main-nav{display:flex}.route-header .brand{flex-shrink:0}.route-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:30px 0;border-top:1px solid var(--color-border)}.route-links a:hover{color:var(--color-yellow)}
@media(max-width:1050px){.extension-grid{grid-template-columns:1fr}}
@media(max-width:820px){.app-layout{grid-template-columns:1fr}.route-header .main-nav{position:static;flex-direction:row;padding:0;border:0;box-shadow:none;background:none}.route-header .main-nav a{font-size:.8rem}}
@media(max-width:540px){.route-header .brand,.route-header .brand img{width:130px}}

/* Shared navigation: grouped sections and a permanently visible recharge CTA. */
.dara-header .header-inner{gap:22px}.dara-header .brand{flex-shrink:0}.dara-header .main-nav{margin-left:auto;gap:22px}.dara-header .recharge-cta{flex-shrink:0;padding-inline:26px;box-shadow:0 0 26px #ffc10755}.nav-group{position:relative}.nav-trigger{display:flex;align-items:center;gap:7px;min-height:44px;padding:0;border:0;background:none;color:#ddd;font:inherit;cursor:pointer}.nav-trigger:hover,.nav-trigger[aria-expanded=true]{color:var(--color-yellow)}.nav-trigger span{color:var(--color-yellow)}.nav-panel{position:absolute;top:calc(100% + 12px);left:-20px;min-width:250px;padding:12px;background:#101010;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 16px 40px #0009}.nav-panel[hidden]{display:none}.nav-panel a{display:block;padding:11px 14px;border-radius:10px;color:#ddd;font-size:.85rem}.nav-panel a:hover,.nav-panel a:focus-visible{background:#ffc10712;color:var(--color-yellow)}
@media(max-width:1100px){.dara-header .header-inner{gap:16px}.dara-header .main-nav{gap:14px;font-size:.76rem}.dara-header .brand,.dara-header .brand img{width:150px}}
@media(max-width:960px){.dara-header,.dara-header.scrolled{height:70px;background:#080808f0}.dara-header .menu-toggle{display:block;flex-shrink:0}.dara-header .recharge-cta{margin-left:auto}.dara-header .main-nav{position:absolute;top:70px;left:0;right:0;display:none;margin:0;flex-direction:column;align-items:stretch;gap:5px;padding:20px 24px;max-height:calc(100dvh - 70px);overflow-y:auto;background:#090909;border-top:1px solid #333;box-shadow:0 20px 35px #000}.dara-header .main-nav.open{display:flex}.dara-header .main-nav>a,.dara-header .nav-trigger{font-size:.95rem;min-height:44px}.dara-header .main-nav>a{display:flex;align-items:center}.nav-trigger{width:100%;justify-content:space-between}.nav-panel{position:static;min-width:0;margin:4px 0 10px;padding:6px 10px;box-shadow:none;border-radius:12px}.nav-panel a{font-size:.9rem}.dara-header .brand,.dara-header .brand img{width:150px}}
@media(max-width:540px){.dara-header .header-inner{gap:8px}.dara-header .brand,.dara-header .brand img{width:130px}.dara-header .recharge-cta{padding:8px 18px}.dara-header .menu-toggle{width:42px}}