/* Shared site navigation — compact desktop navigation with an accessible overflow menu. */
.oshi-nav{gap:18px!important}
nav.oshi-site-nav{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:18px;min-height:64px;padding:10px clamp(18px,4vw,64px);background:rgba(13,13,18,.92);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px) saturate(130%)}
nav.oshi-site-nav .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}nav.oshi-site-nav .brand img{width:28px;height:28px;border-radius:7px}nav.oshi-site-nav .nav-links{display:flex;align-items:center;gap:clamp(14px,1.8vw,28px);margin-left:auto}nav.oshi-site-nav .nav-links a{color:#aaaabc;text-decoration:none;font-size:14px;font-weight:500}nav.oshi-site-nav .nav-links a:hover{color:#fff}nav.oshi-site-nav .nav-btn{padding:10px 18px;border-radius:7px;background:#7653df;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.mobile-menu{display:none}
.oshi-nav .nav-links{gap:clamp(14px,1.8vw,28px)!important;min-width:0}
.oshi-nav .nav-links .oshi-extra-link{display:none!important}
.oshi-nav-more{position:relative;display:flex;align-items:center}
.oshi-nav-more-toggle{appearance:none;border:1px solid transparent;background:transparent;color:var(--text-muted,#aaaabc);font:inherit;font-size:14px;font-weight:500;line-height:1;padding:9px 10px;border-radius:7px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.oshi-nav-more-toggle::after{content:'⌄';margin-left:5px;font-size:14px}
.oshi-nav-more-toggle:hover,.oshi-nav-more-toggle:focus-visible,.oshi-nav-more.is-open .oshi-nav-more-toggle{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);color:#fff;outline:none}
.oshi-nav-more-panel{position:absolute;top:100%;right:0;z-index:1200;display:none;width:220px;padding:8px;background:#181820;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 18px 42px rgba(0,0,0,.38)}
.oshi-nav-more.is-open .oshi-nav-more-panel{display:block}
.oshi-nav-more-panel a{display:block;padding:10px 11px;border-radius:6px;color:var(--text-muted,#aaaabc);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:background .16s ease,color .16s ease}
.oshi-nav-more-panel a:hover,.oshi-nav-more-panel a:focus-visible{background:rgba(120,86,232,.16);color:#fff;outline:none}
@media (max-width:1024px){
  nav.oshi-site-nav{gap:12px}nav.oshi-site-nav .mobile-menu{display:block;margin-left:0;background:none;border:0;color:#fff;font-size:22px;padding:7px;cursor:pointer}nav.oshi-site-nav .nav-btn{margin-left:auto;padding:9px 14px}nav.oshi-site-nav .nav-links{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 64px);overflow-y:auto;margin:0;padding:14px 20px;flex-direction:column;align-items:stretch;gap:0;background:#101016;border-bottom:1px solid rgba(255,255,255,.1);overscroll-behavior:contain}.oshi-site-nav .nav-links::-webkit-scrollbar{width:5px}.oshi-site-nav .nav-links::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:5px}nav.oshi-site-nav .nav-links.open{display:flex!important}nav.oshi-site-nav .nav-links a{padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.06)}
  .oshi-nav .nav-links .oshi-extra-link{display:block!important}
  .oshi-nav-more{display:none!important}
}
@media (hover:hover) and (min-width:1025px){
  .oshi-nav-more:hover .oshi-nav-more-panel{display:block}
}

/* A quiet common shell for the older static pages.  It intentionally avoids changing
   article copy or page-specific components. */
.oshi-shared-shell{scroll-behavior:smooth}
.oshi-shared-shell footer{background:rgba(0,0,0,.14)}
.oshi-shared-shell .footer-top{max-width:1180px;margin-left:auto;margin-right:auto;gap:clamp(28px,4vw,56px)}
.oshi-shared-shell .footer-links h4{letter-spacing:.09em}
.oshi-shared-shell .footer-links a{transition:color .16s ease,transform .16s ease}
.oshi-shared-shell .footer-links a:hover{transform:translateX(2px)}
.oshi-shared-shell .content,.oshi-shared-shell .page-hero,.oshi-shared-shell .breadcrumb{max-width:1100px}
.oshi-shared-shell .highlight-box,.oshi-shared-shell .internal-links{box-shadow:0 14px 38px rgba(0,0,0,.12)}
.oshi-shared-shell .feature-card,.oshi-shared-shell .country-link-card,.oshi-shared-shell .compare-card{transition:border-color .18s ease,transform .18s ease,background .18s ease}
.oshi-shared-shell .feature-card:hover,.oshi-shared-shell .country-link-card:hover,.oshi-shared-shell .compare-card:hover{transform:translateY(-2px)}
@media (max-width:768px){.oshi-shared-shell .footer-top{gap:32px}.oshi-shared-shell footer{padding-top:42px}}

/* 2026 site refresh: one visual language for the static site, deliberately low-noise. */
.oshi-shared-shell body{background:#0d0d12;color:#f3f2f7;text-rendering:optimizeLegibility}
.oshi-shared-shell .gradient-bg{background:radial-gradient(680px 480px at 94% 2%,rgba(111,76,217,.15),transparent 72%),radial-gradient(600px 420px at 0% 44%,rgba(48,37,106,.1),transparent 74%)}
.oshi-shared-shell nav{background:rgba(13,13,18,.92)!important;border-color:rgba(255,255,255,.1)!important;backdrop-filter:blur(14px) saturate(130%)!important}
.oshi-shared-shell .logo{letter-spacing:.01em!important}
.oshi-shared-shell .nav-btn,.oshi-shared-shell .btn-primary{background:#7653df!important;border-radius:7px!important;box-shadow:none!important}
.oshi-shared-shell .nav-btn:hover,.oshi-shared-shell .btn-primary:hover{background:#8565e8!important;transform:translateY(-1px)!important}
.oshi-shared-shell .section-header h2,.oshi-shared-shell .page-hero h1,.oshi-shared-shell .content h1{letter-spacing:-.045em!important;line-height:1.07}
.oshi-shared-shell .section-header p,.oshi-shared-shell .page-hero .lead,.oshi-shared-shell .content p{color:#b7b6c4!important}
.oshi-shared-shell .feature-card,.oshi-shared-shell .whatsnew-card,.oshi-shared-shell .delivery-card,.oshi-shared-shell .testimonial-card,.oshi-shared-shell .country-link-card,.oshi-shared-shell .compare-card,.oshi-shared-shell .scenario-card{background:#17171f!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;box-shadow:none!important}
.oshi-shared-shell .feature-card,.oshi-shared-shell .whatsnew-card,.oshi-shared-shell .delivery-card{padding:24px!important}
.oshi-shared-shell .feature-icon,.oshi-shared-shell .wn-icon,.oshi-shared-shell .delivery-icon,.oshi-shared-shell .trust-icon{background:rgba(118,83,223,.13)!important;border:1px solid rgba(139,108,239,.3)!important;border-radius:8px!important;color:#bcaaff!important}
.oshi-shared-shell .feature-card:hover,.oshi-shared-shell .whatsnew-card:hover,.oshi-shared-shell .delivery-card:hover,.oshi-shared-shell .country-link-card:hover,.oshi-shared-shell .compare-card:hover{border-color:rgba(157,131,244,.46)!important;background:#1a1a24!important}
.oshi-shared-shell .cta-box,.oshi-shared-shell .highlight-box,.oshi-shared-shell .pq-box{background:#181821!important;border:1px solid rgba(157,131,244,.25)!important;border-radius:12px!important}
.oshi-shared-shell .whatsnew,.oshi-shared-shell .features,.oshi-shared-shell .delivery,.oshi-shared-shell .security,.oshi-shared-shell .cta{position:relative}
.oshi-shared-shell .whatsnew::before,.oshi-shared-shell .features::before{content:'';position:absolute;top:0;left:clamp(20px,5vw,76px);right:clamp(20px,5vw,76px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.oshi-shared-shell .hero{position:relative;overflow:hidden}
.oshi-shared-shell .hero-visual{isolation:isolate;min-height:650px;align-items:center}
.oshi-shared-shell .hero-visual::before{content:'';position:absolute;z-index:-1;width:290px;height:560px;right:-38px;top:38px;border-radius:12px;background:linear-gradient(90deg,rgba(13,13,18,.6),rgba(13,13,18,.04)),url('/assets/oshi-evening-connection.webp') center/cover;opacity:.82;box-shadow:0 22px 60px rgba(0,0,0,.38)}
.oshi-shared-shell .phone-mockup{position:relative;z-index:1}.oshi-shared-shell .floating-badge{z-index:2}
@media (max-width:1024px){.oshi-shared-shell .hero-visual{min-height:600px}.oshi-shared-shell .hero-visual::before{right:0;width:250px;height:510px}}
@media (max-width:768px){.oshi-shared-shell .hero-visual{min-height:570px}.oshi-shared-shell .hero-visual::before{width:238px;height:470px;right:calc(50% - 150px);top:48px;opacity:.58}.oshi-shared-shell .section-header h2{font-size:32px!important}.oshi-shared-shell .feature-card,.oshi-shared-shell .whatsnew-card,.oshi-shared-shell .delivery-card{padding:21px!important}}
@media (prefers-reduced-motion:reduce){.oshi-shared-shell *, .oshi-shared-shell *::before, .oshi-shared-shell *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Editorial pause between product sections — image-led, not decorative UI. */
.human-moment{max-width:1180px;margin:0 auto;padding:28px clamp(20px,5vw,76px) 12px}.human-moment img{display:block;width:100%;height:min(48vw,500px);object-fit:cover;object-position:center;border-radius:12px;filter:saturate(.82) contrast(1.03);box-shadow:0 24px 55px rgba(0,0,0,.28)}
@media(max-width:768px){.human-moment{padding:18px 20px 4px}.human-moment img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:9px}}
.oshi-editorial-strip{margin:0;max-height:260px;overflow:hidden;background:#111}.oshi-editorial-strip img{display:block;width:100%;height:260px;object-fit:cover;object-position:center 46%;opacity:.74;filter:saturate(.72) contrast(1.04)}
@media(max-width:768px){.oshi-editorial-strip{max-height:none}.oshi-editorial-strip img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}}

/* Fix 2026-09-21: the base `.mobile-menu{display:none}` above is only re-shown for
   nav.oshi-site-nav, so on plain-<nav> pages (loaded after their inline <style>) the
   hamburger was hidden at every width and the mobile menu could not be opened. Re-show
   it for EVERY nav on mobile, and make sure the opened panel and its overflow links
   render. Last in the file on purpose: it must win equal-specificity ties by order. */
@media (max-width:1024px){
  .mobile-menu{display:block!important}
  .nav-links.open{display:flex!important;z-index:1001}
  .nav-links.open .oshi-extra-link{display:block!important}
}