#gh-ab, #gh-ab * { box-sizing: border-box !important; }
  #gh-ab {
    --b: #2D5A27; --b-d: #1e3d1a; --b-l: #f0f7ef; --b-ll: #f9fcf8; --b-line: #c2dec0; --glow: #9db0ff;
    --navy: #141c40; --navy-2: #1f2b63; --ink: #1c2233; --muted: #5a6275; --line: #e3e7f0; --gold: #f5b83d;
    width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 28px 16px 48px !important;
    background: transparent !important; color: var(--ink) !important; line-height: 1.6 !important; font-size: 16px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  }
  #gh-ab svg, #gh-ab img { display: block !important; }
  #gh-ab .ib { position: relative !important; flex-shrink: 0 !important; display: block !important; }
  #gh-ab .ib svg { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; max-width: none !important; }
  #gh-ab .wrap { max-width: 1200px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 22px !important; }
  #gh-ab a { color: var(--b-d) !important; text-decoration: none !important; font-weight: 700 !important; }
  #gh-ab .badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 7px 14px !important; border-radius: 999px !important; background: var(--b-l) !important; color: var(--b-d) !important; font-size: 11.5px !important; font-weight: 800 !important; letter-spacing: .14em !important; text-transform: uppercase !important; margin: 0 0 14px !important; }
  #gh-ab .badge.dk { background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.18) !important; color: #c9d6ff !important; }
  #gh-ab .badge i { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--glow) !important; animation: ghAbPulse 2s infinite !important; }
  @keyframes ghAbPulse { 0% { box-shadow: 0 0 0 0 rgba(143,168,255,.7); } 70% { box-shadow: 0 0 0 10px rgba(143,168,255,0); } 100% { box-shadow: 0 0 0 0 rgba(143,168,255,0); } }
  #gh-ab h2 { font-size: clamp(28px, 3.8vw, 42px) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.025em !important; color: var(--navy) !important; margin: 0 0 16px !important; }
  #gh-ab h2 span { color: var(--b) !important; }
  #gh-ab .lead { font-size: 17px !important; line-height: 1.75 !important; color: var(--muted) !important; margin: 0 0 14px !important; }
  #gh-ab .btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 15px 24px !important; border-radius: 14px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; transition: transform .25s ease, box-shadow .25s ease, background .25s ease !important; position: relative !important; overflow: hidden !important; }
  #gh-ab .btn svg { width: 18px !important; height: 18px !important; transition: transform .25s ease !important; }
  #gh-ab .btn:hover svg { transform: translateX(4px) !important; }
  #gh-ab .btn.pr { background: var(--b) !important; color: #fff !important; box-shadow: 0 14px 30px -12px rgba(76,110,245,.75) !important; }
  #gh-ab .btn.pr::after { content: "" !important; position: absolute !important; top: 0 !important; left: -80% !important; width: 50% !important; height: 100% !important; background: linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent) !important; transform: skewX(-18deg) !important; animation: ghAbBtn 3.8s ease-in-out infinite !important; }
  @keyframes ghAbBtn { 0%, 60% { left: -80%; } 100% { left: 140%; } }
  #gh-ab .btn.pr:hover { transform: translateY(-3px) !important; background: var(--b-d) !important; color: #fff !important; }
  #gh-ab .btn.gh { background: rgba(255,255,255,.1) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.25) !important; }
  #gh-ab .btn.gh:hover { background: rgba(255,255,255,.18) !important; transform: translateY(-3px) !important; color: #fff !important; }
  #gh-ab .btn.ol { background: #fff !important; color: var(--navy) !important; border: 1.5px solid var(--line) !important; }
  #gh-ab .btn.ol:hover { border-color: var(--b) !important; transform: translateY(-3px) !important; }

  /* HERO */
  #gh-ab .hero { position: relative !important; overflow: hidden !important; border-radius: 30px !important; padding: 60px 54px !important; color: #fff !important;
    background: radial-gradient(900px 420px at 90% -20%, rgba(76,110,245,.8), transparent 60%), radial-gradient(600px 360px at -5% 120%, rgba(76,110,245,.4), transparent 60%), linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%) !important;
    box-shadow: 0 40px 80px -40px rgba(14,26,61,.85) !important; display: flex !important; flex-wrap: wrap !important; gap: 44px !important; align-items: center !important; }
  #gh-ab .hero::before { content: "" !important; position: absolute !important; inset: 0 !important; pointer-events: none !important; background-image: radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px) !important; background-size: 22px 22px !important; -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%) !important; mask-image: linear-gradient(180deg, #000, transparent 85%) !important; }
  #gh-ab .hero-t { position: relative !important; z-index: 1 !important; flex: 1.1 1 440px !important; min-width: 0 !important; }
  #gh-ab .hero h1 { font-size: clamp(38px, 5.6vw, 66px) !important; font-weight: 900 !important; line-height: 1.02 !important; letter-spacing: -.03em !important; margin: 0 0 18px !important; color: #fff !important; }
  #gh-ab .hero h1 span { background: linear-gradient(90deg, #8fa8ff, #dfe6ff, #8fa8ff) !important; background-size: 200% auto !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; animation: ghAbGrad 5s linear infinite !important; }
  @keyframes ghAbGrad { to { background-position: 200% center; } }
  #gh-ab .hero-t p { color: #cfd8ef !important; font-size: 17.5px !important; line-height: 1.75 !important; margin: 0 0 26px !important; max-width: 580px !important; }
  #gh-ab .hero-t p strong { color: #fff !important; }
  #gh-ab .btns { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }
  #gh-ab .ticks { display: flex !important; flex-wrap: wrap !important; gap: 16px !important; margin: 26px 0 0 !important; padding: 0 !important; list-style: none !important; }
  #gh-ab .ticks li { margin: 0 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; font-weight: 700 !important; color: #dfe6ff !important; }
  #gh-ab .ticks svg { width: 18px !important; height: 18px !important; color: var(--glow) !important; }
  #gh-ab .hero-v { position: relative !important; z-index: 1 !important; flex: 1 1 380px !important; min-width: 0 !important; }
  #gh-ab .hero-img { position: relative !important; border-radius: 22px !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,.18) !important; box-shadow: 0 30px 60px -24px rgba(0,0,0,.6) !important; transform: perspective(1000px) rotateY(-6deg) rotateX(3deg) !important; transition: transform .6s ease !important; animation: ghAbFloat 7s ease-in-out infinite !important; }
  #gh-ab .hero-v:hover .hero-img { transform: perspective(1000px) rotateY(0) rotateX(0) !important; }
  @keyframes ghAbFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
  #gh-ab .hero-img, #gh-ab .diff-v .frame { background: linear-gradient(135deg, #1f2b63, #2D5A27) !important; }
  #gh-ab .hero-img img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important; object-fit: cover !important; }
  #gh-ab .hero-img::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.18) 45%, transparent 60%) !important; background-size: 250% 100% !important; animation: ghAbHolo 4.5s ease-in-out infinite !important; pointer-events: none !important; }
  @keyframes ghAbHolo { 0% { background-position: 150% 0; } 100% { background-position: -100% 0; } }
  #gh-ab .chip { position: absolute !important; display: flex !important; align-items: center !important; gap: 10px !important; padding: 11px 14px !important; border-radius: 14px !important; background: #fff !important; color: var(--navy) !important; box-shadow: 0 18px 36px -16px rgba(0,0,0,.5) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.25 !important; }
  #gh-ab .chip small { display: block !important; font-size: 11px !important; font-weight: 600 !important; color: var(--muted) !important; }
  #gh-ab .chip .ib { width: 34px !important; height: 34px !important; border-radius: 10px !important; background: var(--b) !important; color: #fff !important; }
  #gh-ab .chip .ib svg { width: 17px !important; height: 17px !important; }
  #gh-ab .chip.c1 { left: -18px !important; bottom: -18px !important; animation: ghAbBob 5s ease-in-out infinite !important; }
  #gh-ab .chip.c2 { right: -14px !important; top: 24px !important; animation: ghAbBob 5s ease-in-out infinite 1.2s !important; }
  @keyframes ghAbBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

  /* STORY */
  #gh-ab .story { display: flex !important; flex-wrap: wrap !important; gap: 44px !important; padding: 54px !important; border-radius: 28px !important; background: #fff !important; border: 1px solid var(--line) !important; box-shadow: 0 30px 60px -40px rgba(14,26,61,.45) !important; }
  #gh-ab .story-t { flex: 1.25 1 460px !important; min-width: 0 !important; }
  #gh-ab .story-t p { font-size: 16.5px !important; line-height: 1.8 !important; color: #3d4559 !important; margin: 0 0 16px !important; }
  #gh-ab .story-t .pull { font-size: 21px !important; font-weight: 800 !important; color: var(--navy) !important; line-height: 1.45 !important; padding: 6px 0 6px 20px !important; border-left: 4px solid var(--b) !important; margin: 22px 0 !important; }
  #gh-ab .story-s { flex: 1 1 320px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 0 !important; }
  #gh-ab .tl { position: relative !important; padding: 0 0 26px 54px !important; }
  #gh-ab .tl:last-child { padding-bottom: 0 !important; }
  #gh-ab .tl::before { content: "" !important; position: absolute !important; left: 19px !important; top: 42px !important; bottom: 0 !important; width: 2px !important; background: linear-gradient(var(--b), var(--b-line)) !important; transform-origin: top !important; transform: scaleY(0) !important; transition: transform .8s ease !important; }
  #gh-ab .in .tl::before { transform: scaleY(1) !important; }
  #gh-ab .tl:last-child::before { display: none !important; }
  #gh-ab .tl .ib { position: absolute !important; left: 0 !important; top: 0 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: var(--b-l) !important; color: var(--b-d) !important; border: 2px solid var(--b) !important; }
  #gh-ab .tl .ib svg { width: 18px !important; height: 18px !important; }
  #gh-ab .tl b { display: block !important; font-size: 16px !important; color: var(--navy) !important; margin: 7px 0 4px !important; }
  #gh-ab .tl span { display: block !important; font-size: 14.5px !important; color: var(--muted) !important; line-height: 1.6 !important; }

  /* HEART band */
  #gh-ab .band { position: relative !important; overflow: hidden !important; display: flex !important; flex-wrap: wrap !important; gap: 36px !important; align-items: center !important; padding: 48px 54px !important; border-radius: 28px !important; color: #fff !important; background: linear-gradient(135deg, var(--b-d), var(--b)) !important; }
  #gh-ab .band::before, #gh-ab .band::after { content: "" !important; position: absolute !important; border-radius: 50% !important; background: rgba(255,255,255,.08) !important; pointer-events: none !important; }
  #gh-ab .band::before { width: 380px !important; height: 380px !important; right: -120px !important; top: -170px !important; animation: ghAbBob 9s ease-in-out infinite !important; }
  #gh-ab .band::after { width: 220px !important; height: 220px !important; left: -80px !important; bottom: -120px !important; animation: ghAbBob 7s ease-in-out infinite 1s !important; }
  #gh-ab .band-t { position: relative !important; z-index: 1 !important; flex: 1.3 1 420px !important; min-width: 0 !important; }
  #gh-ab .band h2 { color: #fff !important; }
  #gh-ab .band h2 span { color: #dfe6ff !important; }
  #gh-ab .band p { color: #e3e9ff !important; font-size: 16.5px !important; line-height: 1.75 !important; margin: 0 0 12px !important; }
  #gh-ab .band-s { position: relative !important; z-index: 1 !important; flex: 1 1 300px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  #gh-ab .bs { padding: 18px !important; border-radius: 16px !important; background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.2) !important; transition: transform .3s ease, background .3s ease !important; }
  #gh-ab .bs:hover { transform: translateY(-4px) !important; background: rgba(255,255,255,.18) !important; }
  #gh-ab .bs b { display: block !important; font-family: 'JetBrains Mono', monospace !important; font-size: 22px !important; color: #fff !important; margin: 0 0 4px !important; }
  #gh-ab .bs small { display: block !important; font-size: 12.5px !important; color: #dfe6ff !important; line-height: 1.45 !important; }

  /* BELIEFS */
  #gh-ab .sec-head { text-align: center !important; max-width: 760px !important; margin: 26px auto 26px !important; }
  #gh-ab .beliefs { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: 16px !important; }
  #gh-ab .bl { position: relative !important; overflow: hidden !important; padding: 30px 28px !important; border-radius: 22px !important; background: #fff !important; border: 1px solid var(--line) !important; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease !important; }
  #gh-ab .bl::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; height: 4px !important; background: linear-gradient(90deg, var(--b), var(--glow)) !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform .45s ease !important; }
  #gh-ab .bl:hover { transform: translateY(-6px) !important; border-color: var(--b-line) !important; box-shadow: 0 28px 50px -34px rgba(14,26,61,.55) !important; }
  #gh-ab .bl:hover::before { transform: scaleX(1) !important; }
  #gh-ab .bl em { position: absolute !important; right: 22px !important; top: 18px !important; font-style: normal !important; font-family: 'JetBrains Mono', monospace !important; font-size: 34px !important; font-weight: 700 !important; color: var(--b-l) !important; transition: color .35s ease !important; }
  #gh-ab .bl:hover em { color: var(--b-line) !important; }
  #gh-ab .bl .ib { width: 52px !important; height: 52px !important; border-radius: 16px !important; background: var(--b-l) !important; color: var(--b-d) !important; margin: 0 0 18px !important; transition: transform .35s ease, background .35s ease, color .35s ease !important; }
  #gh-ab .bl:hover .ib { transform: rotate(-8deg) scale(1.08) !important; background: var(--b) !important; color: #fff !important; }
  #gh-ab .bl .ib svg { width: 24px !important; height: 24px !important; }
  #gh-ab .bl h3 { font-size: 19px !important; font-weight: 800 !important; color: var(--navy) !important; margin: 0 0 10px !important; letter-spacing: -.01em !important; }
  #gh-ab .bl p { font-size: 15.5px !important; line-height: 1.7 !important; color: var(--muted) !important; margin: 0 !important; }

  /* DIFFERENT */
  #gh-ab .diff { display: flex !important; flex-wrap: wrap !important; gap: 44px !important; align-items: center !important; padding: 54px !important; border-radius: 28px !important; background: #fff !important; border: 1px solid var(--line) !important; }
  #gh-ab .diff-v { flex: 1 1 380px !important; min-width: 0 !important; position: relative !important; }
  #gh-ab .diff-v .frame { position: relative !important; border-radius: 22px !important; overflow: hidden !important; box-shadow: 0 30px 60px -30px rgba(14,26,61,.6) !important; }
  #gh-ab .diff-v img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3.4 !important; object-fit: cover !important; transition: transform 1.2s ease !important; }
  #gh-ab .diff-v:hover img { transform: scale(1.05) !important; }
  #gh-ab .diff-v::before { content: "" !important; position: absolute !important; inset: 18px -18px -18px 18px !important; border-radius: 22px !important; border: 2px dashed var(--b-line) !important; z-index: -1 !important; }
  #gh-ab .diff-t { flex: 1.15 1 440px !important; min-width: 0 !important; }
  #gh-ab .checks { list-style: none !important; margin: 18px 0 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
  #gh-ab .checks li { margin: 0 !important; display: flex !important; align-items: center !important; gap: 14px !important; padding: 14px 16px !important; border-radius: 14px !important; background: var(--b-ll) !important; font-size: 15.5px !important; font-weight: 700 !important; color: var(--navy) !important; transition: transform .25s ease, background .25s ease !important; opacity: 0 !important; transform: translateX(-16px) !important; }
  #gh-ab .in .checks li { opacity: 1 !important; transform: none !important; transition: opacity .5s ease, transform .5s ease, background .25s ease !important; }
  #gh-ab .in .checks li:nth-child(2) { transition-delay: .08s !important; } #gh-ab .in .checks li:nth-child(3) { transition-delay: .16s !important; } #gh-ab .in .checks li:nth-child(4) { transition-delay: .24s !important; } #gh-ab .in .checks li:nth-child(5) { transition-delay: .32s !important; } #gh-ab .in .checks li:nth-child(6) { transition-delay: .4s !important; } #gh-ab .in .checks li:nth-child(7) { transition-delay: .48s !important; }
  #gh-ab .checks li:hover { background: var(--b-l) !important; transform: translateX(4px) !important; transition-delay: 0s !important; }
  #gh-ab .checks li .ib { width: 30px !important; height: 30px !important; border-radius: 50% !important; background: var(--b) !important; color: #fff !important; }
  #gh-ab .checks li .ib svg { width: 15px !important; height: 15px !important; }
  #gh-ab .checks li small { display: block !important; font-size: 13px !important; font-weight: 500 !important; color: var(--muted) !important; margin-top: 2px !important; }
  #gh-ab .checks li a { color: var(--b-d) !important; border-bottom: 1.5px solid var(--b-line) !important; }

  /* CARRY */
  #gh-ab .carry { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; gap: 14px !important; }
  #gh-ab .cy { position: relative !important; overflow: hidden !important; padding: 26px 22px !important; border-radius: 20px !important; background: linear-gradient(160deg, var(--navy), var(--navy-2)) !important; color: #fff !important; transition: transform .35s ease, box-shadow .35s ease !important; }
  #gh-ab .cy:hover { transform: translateY(-6px) rotate(-.6deg) !important; box-shadow: 0 26px 46px -24px rgba(14,26,61,.8) !important; }
  #gh-ab .cy::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(115deg, transparent 35%, rgba(143,168,255,.25) 50%, transparent 65%) !important; background-size: 260% 100% !important; background-position: 150% 0 !important; transition: background-position .9s ease !important; pointer-events: none !important; }
  #gh-ab .cy:hover::after { background-position: -60% 0 !important; }
  #gh-ab .cy .ib { width: 50px !important; height: 50px !important; border-radius: 14px !important; background: rgba(143,168,255,.16) !important; color: var(--glow) !important; border: 1px solid rgba(143,168,255,.3) !important; margin: 0 0 16px !important; }
  #gh-ab .cy .ib svg { width: 23px !important; height: 23px !important; }
  #gh-ab .cy h3 { font-size: 17px !important; font-weight: 800 !important; margin: 0 0 8px !important; color: #fff !important; }
  #gh-ab .cy p { font-size: 14px !important; line-height: 1.6 !important; color: #b9c5e4 !important; margin: 0 !important; }
  #gh-ab .ask { margin: 18px 0 0 !important; text-align: center !important; font-size: 15.5px !important; color: var(--muted) !important; }
  #gh-ab .ask a { border-bottom: 1.5px solid var(--b-line) !important; }

  /* MORE THAN A STORE */
  #gh-ab .more { position: relative !important; overflow: hidden !important; padding: 56px 54px !important; border-radius: 28px !important; background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%) !important; color: #fff !important; text-align: center !important; }
  #gh-ab .more::before { content: "" !important; position: absolute !important; inset: 0 !important; background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px) !important; background-size: 22px 22px !important; pointer-events: none !important; }
  #gh-ab .more > * { position: relative !important; }
  #gh-ab .more h2 { color: #fff !important; }
  #gh-ab .more h2 span { color: var(--glow) !important; }
  #gh-ab .more p { max-width: 780px !important; margin: 0 auto 14px !important; color: #cfd8ef !important; font-size: 17px !important; line-height: 1.8 !important; }
  #gh-ab .marq { overflow: hidden !important; margin: 26px -54px 0 !important; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent) !important; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent) !important; }
  #gh-ab .marq-in { display: flex !important; gap: 12px !important; width: max-content !important; animation: ghAbMarq 32s linear infinite !important; }
  #gh-ab .marq:hover .marq-in { animation-play-state: paused !important; }
  @keyframes ghAbMarq { to { transform: translateX(-50%); } }
  #gh-ab .marq span { white-space: nowrap !important; padding: 10px 18px !important; border-radius: 999px !important; background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.16) !important; font-size: 14px !important; font-weight: 700 !important; color: #e3e9ff !important; }

  /* PROMISE */
  #gh-ab .promise { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 14px !important; }
  #gh-ab .pm { display: flex !important; gap: 14px !important; align-items: flex-start !important; padding: 22px !important; border-radius: 18px !important; background: #fff !important; border: 1px solid var(--line) !important; transition: transform .3s ease, border-color .3s ease !important; }
  #gh-ab .pm:hover { transform: translateY(-4px) !important; border-color: var(--gold) !important; }
  #gh-ab .pm .ib { width: 44px !important; height: 44px !important; border-radius: 13px !important; background: #fff6e3 !important; color: #c98a12 !important; transition: transform .35s ease !important; }
  #gh-ab .pm:hover .ib { transform: rotate(-10deg) scale(1.08) !important; }
  #gh-ab .pm .ib svg { width: 21px !important; height: 21px !important; }
  #gh-ab .pm b { display: block !important; font-size: 16px !important; color: var(--navy) !important; margin: 0 0 4px !important; }
  #gh-ab .pm span { display: block !important; font-size: 14px !important; color: var(--muted) !important; line-height: 1.55 !important; }

  /* CONTACT */
  #gh-ab .contact { display: flex !important; flex-wrap: wrap !important; gap: 32px !important; align-items: stretch !important; padding: 44px !important; border-radius: 28px !important; background: var(--b-ll) !important; border: 1px solid var(--b-line) !important; }
  #gh-ab .contact-t { flex: 1 1 340px !important; min-width: 0 !important; }
  #gh-ab .contact-t p { font-size: 16px !important; color: var(--muted) !important; line-height: 1.7 !important; margin: 0 0 20px !important; }
  #gh-ab .cg { flex: 1.3 1 440px !important; min-width: 0 !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; gap: 12px !important; }
  #gh-ab .cc { display: flex !important; gap: 14px !important; align-items: center !important; padding: 16px !important; border-radius: 16px !important; background: #fff !important; border: 1px solid var(--line) !important; text-decoration: none !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; }
  #gh-ab a.cc:hover { transform: translateY(-3px) !important; border-color: var(--b) !important; box-shadow: 0 18px 34px -24px rgba(76,110,245,.7) !important; }
  #gh-ab .cc .ib { width: 44px !important; height: 44px !important; border-radius: 13px !important; background: var(--b) !important; color: #fff !important; }
  #gh-ab .cc .ib svg { width: 19px !important; height: 19px !important; }
  #gh-ab .cc small { display: block !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--muted) !important; }
  #gh-ab .cc span { display: block !important; font-size: 14.5px !important; font-weight: 700 !important; color: var(--navy) !important; line-height: 1.4 !important; word-break: break-word !important; }
  #gh-ab .cc.full { grid-column: 1 / -1 !important; }
  #gh-ab .closing { text-align: center !important; padding: 20px 10px 0 !important; }
  #gh-ab .closing p { font-size: clamp(20px, 2.6vw, 26px) !important; font-weight: 900 !important; color: var(--navy) !important; letter-spacing: -.01em !important; margin: 0 0 18px !important; line-height: 1.35 !important; }
  #gh-ab .closing p span { color: var(--b) !important; }

  /* reveal */
  #gh-ab .rv { opacity: 0 !important; transform: translateY(26px) !important; transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1) !important; }
  #gh-ab .rv.in { opacity: 1 !important; transform: none !important; }
  #gh-ab .beliefs .rv:nth-child(2), #gh-ab .carry .rv:nth-child(2), #gh-ab .promise .rv:nth-child(2) { transition-delay: .08s !important; }
  #gh-ab .beliefs .rv:nth-child(3), #gh-ab .carry .rv:nth-child(3), #gh-ab .promise .rv:nth-child(3) { transition-delay: .16s !important; }
  #gh-ab .beliefs .rv:nth-child(4), #gh-ab .carry .rv:nth-child(4), #gh-ab .promise .rv:nth-child(4) { transition-delay: .24s !important; }
  #gh-ab .beliefs .rv:nth-child(5), #gh-ab .carry .rv:nth-child(5), #gh-ab .promise .rv:nth-child(5) { transition-delay: .32s !important; }
  #gh-ab .promise .rv:nth-child(6) { transition-delay: .4s !important; }

  @media (max-width: 700px) {
    #gh-ab .hero, #gh-ab .story, #gh-ab .band, #gh-ab .diff, #gh-ab .more, #gh-ab .contact { padding: 32px 20px !important; border-radius: 22px !important; }
    #gh-ab .marq { margin: 22px -20px 0 !important; }
    #gh-ab .chip.c1 { left: 8px !important; bottom: 10px !important; }
    #gh-ab .chip.c2 { right: 8px !important; top: 10px !important; }
    #gh-ab .hero-img { transform: none !important; }
    #gh-ab .diff-v::before { display: none !important; }
    #gh-ab .beliefs, #gh-ab .carry, #gh-ab .promise { grid-template-columns: 1fr !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    #gh-ab *, #gh-ab *::before, #gh-ab *::after { animation: none !important; transition: none !important; }
    #gh-ab .rv, #gh-ab .checks li { opacity: 1 !important; transform: none !important; }
  }

  #gh-ab .emb { position: relative !important; overflow: hidden !important; border-radius: 24px !important; padding: 46px 30px 38px !important; text-align: center !important; background: linear-gradient(160deg, #1d2a7a 0%, var(--b) 60%, #7b95ff 100%) !important; border: 1px solid rgba(255,255,255,.2) !important; box-shadow: 0 30px 60px -24px rgba(0,0,0,.55) !important; animation: ghAbFloat 7s ease-in-out infinite !important; }
  #gh-ab .emb::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.2) 45%, transparent 60%) !important; background-size: 250% 100% !important; animation: ghAbHolo 4.5s ease-in-out infinite !important; pointer-events: none !important; }
  #gh-ab .emb .leaf { width: 86px !important; height: 86px !important; margin: 0 auto 14px !important; border-radius: 26px !important; background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.28) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
  #gh-ab .emb .leaf svg { width: 46px !important; height: 46px !important; color: #fff !important; animation: ghAbSway 4s ease-in-out infinite !important; transform-origin: 50% 90% !important; }
  @keyframes ghAbSway { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }
  #gh-ab .emb .wm { font-size: clamp(26px, 3.2vw, 34px) !important; font-weight: 900 !important; letter-spacing: .03em !important; color: #fff !important; line-height: 1 !important; white-space: nowrap !important; }
  #gh-ab .emb .wm span { color: #cdd8ff !important; }
  #gh-ab .emb .tg { font-size: 12px !important; letter-spacing: .2em !important; text-transform: uppercase !important; color: #dfe6ff !important; margin: 10px 0 22px !important; font-weight: 700 !important; }
  #gh-ab .emb .tools { display: flex !important; justify-content: center !important; gap: 10px !important; flex-wrap: wrap !important; }
  #gh-ab .emb .tools span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; border-radius: 14px !important; background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.22) !important; color: #fff !important; transition: transform .3s ease, background .3s ease !important; }
  #gh-ab .emb .tools span:hover { transform: translateY(-4px) rotate(-6deg) !important; background: rgba(255,255,255,.22) !important; }
  #gh-ab .emb .tools svg { width: 22px !important; height: 22px !important; }
  #gh-ab .ipan { flex: 1 1 380px !important; min-width: 0 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
  #gh-ab .itile { position: relative !important; overflow: hidden !important; padding: 26px 18px !important; border-radius: 20px !important; background: var(--b-ll) !important; border: 1px solid var(--line) !important; text-align: center !important; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease !important; }
  #gh-ab .itile:hover { transform: translateY(-6px) !important; border-color: var(--b) !important; box-shadow: 0 24px 44px -30px rgba(76,110,245,.7) !important; }
  #gh-ab .itile i { width: 56px !important; height: 56px !important; margin: 0 auto 12px !important; border-radius: 50% !important; background: linear-gradient(135deg, var(--b), #7b95ff) !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 12px 24px -12px rgba(76,110,245,.9) !important; transition: transform .35s ease !important; }
  #gh-ab .itile:hover i { transform: scale(1.1) rotate(-8deg) !important; }
  #gh-ab .itile i svg { width: 24px !important; height: 24px !important; }
  #gh-ab .itile b { display: block !important; font-size: 15px !important; color: var(--navy) !important; margin: 0 0 4px !important; }
  #gh-ab .itile span { display: block !important; font-size: 13px !important; color: var(--muted) !important; line-height: 1.5 !important; }