.agh {--paper: #ffffff; --mist: #f5f5f7; --ink: #1d1d1f; --ink-2: #6e6e73; --ink-3: #86868b; --hair: rgba(0, 0, 0, 0.09); --signal: #2457f5; --signal-press: #1b44c8; --signal-soft: rgba(36, 87, 245, 0.08); --good: #1a8f4c; --warn: #b26b00; --bad: #c9372c; --c-ki: #8b5cf6; --c-mkt: #22a55b; --c-proz: #ef8a1a; --c-web: #2f7bf6; --r-xl: 32px; --r-lg: 24px; --r-md: 18px; --r-sm: 12px; --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif; --ease: cubic-bezier(0.22, 1, 0.36, 1); --glass-fill: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.58)); --glass-blur: blur(22px) saturate(185%); --glass-ring: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 0 rgba(0, 0, 0, 0.035), inset 0 0 0 0.5px rgba(0, 0, 0, 0.07); --glass-drop: 0 10px 34px rgba(0, 0, 0, 0.09), 0 1px 3px rgba(0, 0, 0, 0.05); --nav-h: 52px; --wrap: 1200px; color-scheme: light;}
.agh *, .agh *::before, .agh *::after {box-sizing: border-box;}
:where(.agh) :where(img) {max-width: 100%; display: block;}
:where(.agh) :where(a) {color: inherit;}
:where(.agh) :where(button) {font: inherit; color: inherit;}
:where(.agh) :where(h1, h2, h3, h4, p, ul, ol, figure, dl, dd) {margin: 0;}
:where(.agh) :where(ul[role="list"], ol[role="list"]) {list-style: none; padding: 0;}
.agh [hidden] {display: none !important;}
.agh :focus-visible {outline: 3px solid rgba(36, 87, 245, 0.55); outline-offset: 3px; border-radius: 10px;}
.agh .sr-only {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.agh .display {font-size: clamp(44px, 7.4vw, 96px); font-weight: 700; line-height: 1.02; letter-spacing: -0.038em;}
.agh .h2 {font-size: clamp(34px, 5vw, 64px); font-weight: 700; line-height: 1.04; letter-spacing: -0.032em;}
.agh .h3 {font-size: clamp(23px, 2.3vw, 30px); font-weight: 650; line-height: 1.14; letter-spacing: -0.022em;}
.agh .h4 {font-size: 19px; font-weight: 650; line-height: 1.25; letter-spacing: -0.016em;}
.agh .lead {font-size: clamp(19px, 1.7vw, 24px); line-height: 1.42; color: var(--ink-2); letter-spacing: -0.016em; max-width: 34em;}
.agh .kicker {font-size: clamp(17px, 1.4vw, 21px); font-weight: 650; letter-spacing: -0.012em; color: var(--kicker, var(--signal));}
.agh .muted {color: var(--ink-2);}
.agh .small {font-size: 14px; line-height: 1.45; color: var(--ink-2);}
.agh .center {text-align: center; margin-inline: auto;}
.agh .balance {text-wrap: balance;}
.agh .wrap {width: min(var(--wrap), 100% - 44px); margin-inline: auto;}
.agh .wrap--narrow {width: min(820px, 100% - 44px); margin-inline: auto;}
.agh .section {padding-block: clamp(72px, 10vw, 140px);}
.agh .section--mist {background: var(--mist);}
.agh .section--tight {padding-block: clamp(56px, 7vw, 96px);}
.agh .stack > * + * {margin-top: var(--gap, 18px);}
.agh .split {display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(32px, 5vw, 80px); align-items: center;}
@media (max-width: 900px){
.agh .split {grid-template-columns: 1fr;}
}
.agh .glass {position: relative; background: var(--glass-fill); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); box-shadow: var(--glass-ring), var(--glass-drop); isolation: isolate;}
.agh .glass::before {content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(140% 90% at 30% -40%, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0) 55%); opacity: 0.7; z-index: -1;}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
.agh .glass {background: rgba(255, 255, 255, 0.96);}
}
.agh .btn {display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 24px; border-radius: 999px; border: 0; font-size: 17px; font-weight: 550; letter-spacing: -0.012em; text-decoration: none; cursor: pointer; transition: background-color 0.2s ease, transform 0.2s var(--ease), box-shadow 0.2s ease, color 0.2s ease;}
.agh .btn:active {transform: scale(0.97);}
.agh .btn--signal {background: var(--signal); color: #fff !important;}
.agh .btn--signal:hover {background: var(--signal-press);}
.agh .btn--ink {background: var(--ink); color: #fff !important;}
.agh .btn--ink:hover {background: #000;}
.agh .btn--quiet {background: rgba(0, 0, 0, 0.05); color: var(--ink) !important;}
.agh .btn--quiet:hover {background: rgba(0, 0, 0, 0.08);}
.agh .btn--glass {color: var(--ink) !important;}
.agh .btn--sm {min-height: 36px; padding: 0 16px; font-size: 14px;}
.agh .btn--xs {min-height: 30px; padding: 0 14px; font-size: 13px;}
.agh .btn[disabled], .agh .btn[aria-disabled="true"] {opacity: 0.45; pointer-events: none;}
.agh .link {color: var(--signal) !important; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 4px;}
.agh .link:hover {text-decoration: underline; text-underline-offset: 3px;}
.agh .link .chev {width: 8px; height: 12px; flex: none;}
.agh .cta-row {display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px;}
.agh .cta-row.center {justify-content: center;}
.agh .gnav-bar {height: var(--nav-h); border-radius: 999px; padding: 0 8px 0 22px; display: flex; align-items: center; gap: 18px;}
.agh .gnav-logo {font-size: 18px; font-weight: 700; letter-spacing: -0.03em; text-decoration: none; white-space: nowrap; margin-right: auto;}
.agh .gnav-links {display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0;}
.agh .gnav-links a {display: block; padding: 7px 13px; border-radius: 999px; font-size: 14px; color: rgba(0, 0, 0, 0.62); text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease;}
.agh .gnav-links a:hover {color: var(--ink); background: rgba(0, 0, 0, 0.05);}
.agh .gnav-links a[aria-current="page"] {color: var(--ink); background: rgba(0, 0, 0, 0.065); font-weight: 550;}
.agh .gnav-cta {margin-left: 6px;}
.agh .gnav-burger {display: none; width: 40px; height: 40px; border: 0; border-radius: 999px; background: transparent; cursor: pointer; position: relative;}
.agh .gnav-burger span {position: absolute; left: 12px; right: 12px; height: 1.6px; border-radius: 2px; background: var(--ink); transition: transform 0.3s var(--ease), top 0.3s var(--ease);}
.agh .gnav-burger span:nth-child(1) {top: 16px;}
.agh .gnav-burger span:nth-child(2) {top: 23px;}
.agh .gnav-burger[aria-expanded="true"] span:nth-child(1) {top: 19.5px; transform: rotate(45deg);}
.agh .gnav-burger[aria-expanded="true"] span:nth-child(2) {top: 19.5px; transform: rotate(-45deg);}
.agh .gnav-menu {margin-top: 8px; border-radius: 26px; padding: 10px;}
.agh .gnav-menu[hidden] {display: none;}
.agh .gnav-menu a {display: block; padding: 13px 16px; border-radius: 16px; font-size: 19px; font-weight: 550; text-decoration: none;}
.agh .gnav-menu a:hover, .agh .gnav-menu a[aria-current="page"] {background: rgba(0, 0, 0, 0.05);}
@media (max-width: 960px){
.agh .gnav-links, .agh .gnav-cta {display: none;}
.agh .gnav-burger {display: block;}
.agh .gnav-bar {padding-right: 6px;}
}
.agh .lnav-bar {height: 46px; border-radius: 999px; padding: 0 6px 0 20px; display: flex; align-items: center; gap: 6px;}
.agh .lnav-title {font-size: 15px; font-weight: 650; letter-spacing: -0.016em; white-space: nowrap; margin-right: auto;}
.agh .lnav-links {display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none;}
.agh .lnav-links::-webkit-scrollbar {display: none;}
.agh .lnav-links a {padding: 6px 12px; border-radius: 999px; font-size: 13px; color: rgba(0, 0, 0, 0.6); text-decoration: none; white-space: nowrap;}
.agh .lnav-links a:hover {color: var(--ink); background: rgba(0, 0, 0, 0.05);}
.agh .lnav-links a.is-here {color: var(--ink); background: rgba(0, 0, 0, 0.065);}
@media (max-width: 760px){
.agh .lnav-links {display: none;}
}
.agh .hero--center {text-align: center;}
.agh .hero--center .lead {margin-inline: auto;}
.agh .hero--center .cta-row {justify-content: center;}
.agh .hero-stage {margin-top: clamp(44px, 6vw, 80px);}
.agh .bento {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px;}
.agh .tile {position: relative; overflow: hidden; background: var(--paper); border-radius: var(--r-xl); padding: clamp(26px, 3vw, 40px); min-height: 400px; display: flex; flex-direction: column;}
.agh .section--mist .tile {background: var(--paper);}
.agh .section:not(.section--mist) .tile {background: var(--mist);}
.agh .tile--4 {grid-column: span 4;}
.agh .tile--3 {grid-column: span 3;}
.agh .tile--2 {grid-column: span 2;}
.agh .tile--6 {grid-column: span 6;}
.agh .tile--short {min-height: 300px; border-radius: var(--r-lg);}
.agh .tile--dark {background: #0b0d12 !important; color: #f5f5f7;}
.agh .tile--dark .muted, .agh .tile--dark .tile-text {color: rgba(245, 245, 247, 0.7);}
.agh .tile-kicker {font-size: 15px; font-weight: 650; color: var(--kicker, var(--ink-2)); margin-bottom: 8px;}
.agh .tile-title {font-size: clamp(24px, 2.4vw, 32px); font-weight: 700; line-height: 1.1; letter-spacing: -0.026em; max-width: 16em;}
.agh .tile-text {margin-top: 10px; color: var(--ink-2); max-width: 30em;}
.agh .tile-art {margin-top: auto; padding-top: 26px; display: flex; justify-content: center; align-items: flex-end;}
.agh .tile a.tile-link::after {content: ""; position: absolute; inset: 0;}
@media (max-width: 1000px){
.agh .tile--4, .agh .tile--3, .agh .tile--2 {grid-column: span 3;}
}
@media (max-width: 700px){
.agh .bento {grid-template-columns: 1fr;}
.agh .tile--4, .agh .tile--3, .agh .tile--2, .agh .tile--6 {grid-column: auto;}
.agh .tile {min-height: 0;}
}
.agh .sheet-card {position: relative; background: var(--paper); border-radius: 30px; padding: clamp(32px, 5vw, 64px); max-height: calc(100dvh - 40px); overflow-y: auto; overscroll-behavior: contain; box-shadow: 0 40px 120px rgba(0, 0, 0, 0.25);}
@keyframes sheet-in{ from { opacity: 0; transform: translateY(24px) scale(0.97); } to { opacity: 1; transform: none; } }
@keyframes sheet-out{ to { opacity: 0; transform: translateY(12px) scale(0.98); } }
.agh .sheet-close {position: sticky; float: right; top: 0; margin: -14px -14px 0 12px; width: 40px; height: 40px; border-radius: 999px; border: 0; cursor: pointer; display: grid; place-items: center; z-index: 3;}
.agh .sheet-close svg {width: 14px; height: 14px;}
.agh .sheet-grid {margin-top: 36px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 40px;}
.agh .sheet-grid h3 {font-size: 19px; font-weight: 650; letter-spacing: -0.016em;}
.agh .sheet-grid p {margin-top: 6px; color: var(--ink-2);}
.agh .sheet-foot {margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--hair);}
@media (max-width: 640px){
.agh .sheet-grid {grid-template-columns: 1fr;}
.agh .sheet-card {border-radius: 26px 26px 0 0;}
}
.agh .cards {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}
.agh .pcard {text-decoration: none; display: block;}
.agh .pcard-pic {border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4 / 5; background: var(--mist);}
.agh .pcard-pic img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease);}
.agh .pcard:hover .pcard-pic img {transform: scale(1.03);}
.agh .pcard h3 {margin-top: 14px; font-size: 19px; font-weight: 650; letter-spacing: -0.016em;}
.agh .pcard p {margin-top: 4px; color: var(--ink-2); font-size: 16px;}
@media (max-width: 860px){
.agh .cards {grid-template-columns: 1fr;}
.agh .pcard-pic {aspect-ratio: 16 / 10;}
}
.agh .steps {counter-reset: step; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; list-style: none; padding: 0; margin: 0;}
.agh .step {background: var(--paper); border-radius: var(--r-lg); padding: 28px 26px 30px; counter-increment: step;}
.agh .section:not(.section--mist) .step {background: var(--mist);}
.agh .step::before {content: counter(step); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 15px; font-weight: 650; margin-bottom: 22px;}
.agh .step h3 {font-size: 19px; font-weight: 650; letter-spacing: -0.016em; line-height: 1.25;}
.agh .step p {margin-top: 8px; color: var(--ink-2); font-size: 16px;}
@media (max-width: 980px){
.agh .steps {grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(260px, 78%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: none;}
.agh .steps::-webkit-scrollbar {display: none;}
.agh .step {scroll-snap-align: start;}
}
.agh .facts {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 48px;}
.agh .fact h3 {font-size: 19px; font-weight: 650; letter-spacing: -0.016em;}
.agh .fact p {margin-top: 8px; color: var(--ink-2);}
.agh .fact-icon {width: 36px; height: 36px; margin-bottom: 16px; color: var(--kicker, var(--signal));}
@media (max-width: 900px){
.agh .facts {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 560px){
.agh .facts {grid-template-columns: 1fr;}
}
.agh .faq {border-top: 1px solid var(--hair);}
.agh .faq details {border-bottom: 1px solid var(--hair);}
.agh .faq summary {list-style: none; cursor: pointer; padding: 24px 44px 24px 0; position: relative; font-size: 19px; font-weight: 600; letter-spacing: -0.016em;}
.agh .faq summary::-webkit-details-marker {display: none;}
.agh .faq summary::after {content: ""; position: absolute; right: 6px; top: 50%; width: 12px; height: 12px; margin-top: -8px; border-right: 2px solid var(--ink-3); border-bottom: 2px solid var(--ink-3); transform: rotate(45deg); transition: transform 0.3s var(--ease), margin 0.3s var(--ease);}
.agh .faq details[open] summary::after {transform: rotate(-135deg); margin-top: -2px;}
.agh .faq details p {padding: 0 44px 26px 0; color: var(--ink-2); max-width: 46em;}
.agh .closer {text-align: center;}
.agh .closer .h2 {max-width: 14em; margin-inline: auto;}
.agh .closer .lead {margin: 20px auto 0;}
.agh .closer .cta-row {justify-content: center; margin-top: 34px;}
.agh .closer-pic {margin: 0 auto 40px; width: min(560px, 100%); border-radius: var(--r-lg); overflow: hidden;}
.agh .gfoot {background: var(--mist); color: var(--ink-2); font-size: 13px; line-height: 1.5; padding: 56px 0 40px;}
.agh .gfoot-cols {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px;}
.agh .gfoot h2 {font-size: 13px; font-weight: 650; color: var(--ink); margin-bottom: 10px; letter-spacing: -0.01em;}
.agh .gfoot ul {list-style: none; padding: 0; margin: 0;}
.agh .gfoot li + li {margin-top: 7px;}
.agh .gfoot a {color: var(--ink-2); text-decoration: none;}
.agh .gfoot a:hover {color: var(--ink); text-decoration: underline; text-underline-offset: 2px;}
.agh .gfoot-base {margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--hair); display: flex; flex-wrap: wrap; gap: 8px 28px; justify-content: space-between;}
@media (max-width: 760px){
.agh .gfoot-cols {grid-template-columns: 1fr 1fr;}
}
.agh .frame {border-radius: var(--r-xl); overflow: hidden; background: var(--mist);}
.agh .frame img {width: 100%; height: auto;}
.agh .caption {margin-top: 12px; font-size: 14px; color: var(--ink-3);}
.agh .rise {opacity: 0; transform: translateY(18px); animation: rise 0.9s var(--ease) forwards;}
.agh .rise-2 {animation-delay: 0.08s;}
.agh .rise-3 {animation-delay: 0.16s;}
.agh .rise-4 {animation-delay: 0.28s;}
@keyframes rise{ to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce){
.agh *, .agh *::before, .agh *::after {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}
.agh .rise {opacity: 1; transform: none;}
}

.agh .demo {position: relative; width: 100%; max-width: 36em; margin-inline: auto; font-size: clamp(11px, 1.45vw, 16px); user-select: none; -webkit-user-select: none; line-height: 1.3; text-align: left;}
.agh .demo--mini {font-size: clamp(9.5px, 1vw, 12px);}
.agh .demo *, .agh .demo *::before, .agh .demo *::after {animation-play-state: paused;}
.agh .demo.is-live *, .agh .demo.is-live *::before, .agh .demo.is-live *::after {animation-play-state: running;}
.agh .demo .win {background: #fff; border-radius: 1.1em; overflow: hidden; box-shadow: 0 1.6em 4em rgba(15, 23, 42, 0.13), 0 0.2em 0.6em rgba(15, 23, 42, 0.06), inset 0 0 0 1px rgba(0, 0, 0, 0.06);}
.agh .demo .win-bar {height: 2.8em; display: flex; align-items: center; gap: 0.9em; padding: 0 0.9em 0 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.06); background: linear-gradient(#fbfbfd, #f4f4f6);}
.agh .demo .win-dots {display: flex; gap: 0.42em;}
.agh .demo .win-dots i {width: 0.72em; height: 0.72em; border-radius: 50%; background: #dedfe4;}
.agh .demo .win-title {font-weight: 650; font-size: 0.92em;}
.agh .demo-inbox .agent {margin-left: auto; font-size: 0.76em; font-weight: 650; padding: 0.38em 0.85em 0.38em 0.7em; border-radius: 999px; display: inline-flex; align-items: center; gap: 0.5em;}
.agh .demo-inbox .agent i {width: 0.55em; height: 0.55em; border-radius: 50%; background: var(--good); animation: d-pulse 2s ease-out infinite;}
@keyframes d-pulse{ 0% { box-shadow: 0 0 0 0 rgba(26, 143, 76, 0.45); } 80%, 100% { box-shadow: 0 0 0 0.6em rgba(26, 143, 76, 0); } }
.agh .demo-inbox .mails {list-style: none; margin: 0; padding: 0.7em; display: grid; gap: 0.5em;}
.agh .demo-inbox .mail {display: grid; grid-template-columns: 2.3em minmax(0, 1fr) auto; align-items: center; gap: 0.8em; padding: 0.7em 0.8em; border-radius: 0.85em; background: #f6f6f8; animation: d-mail 9s var(--ease) infinite both; animation-delay: calc(var(--i) * 1s);}
.agh .demo-inbox .mail-av {width: 2.3em; height: 2.3em; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 0.95em; color: #fff; background: #8f9bb8;}
.agh .demo-inbox .mail:nth-child(2) .mail-av {background: #9aa6a0;}
.agh .demo-inbox .mail:nth-child(3) .mail-av {background: #b39a8b;}
.agh .demo-inbox .mail:nth-child(4) .mail-av {background: #8d93a8;}
.agh .demo-inbox .mail-txt {display: flex; flex-direction: column; min-width: 0; font-size: 0.9em;}
.agh .demo-inbox .mail-txt b {font-weight: 650;}
.agh .demo-inbox .mail-txt span {color: #6e6e73; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.agh .demo-inbox .mail-chip {display: grid; justify-items: end; font-size: 0.76em; font-weight: 650;}
.agh .demo-inbox .chip-read, .agh .demo-inbox .chip-done {grid-area: 1 / 1; padding: 0.4em 0.8em; border-radius: 999px; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.35em;}
.agh .demo-inbox .chip-read {color: #6e6e73; background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.11) 50%, rgba(0, 0, 0, 0.05) 100%); background-size: 200% 100%; animation: d-read 9s infinite both, d-shimmer 1.1s linear infinite; animation-delay: calc(var(--i) * 1s), 0s;}
.agh .demo-inbox .chip-done {animation: d-done 9s var(--ease) infinite both; animation-delay: calc(var(--i) * 1s);}
.agh .demo-inbox .chip-done svg {width: 1.05em; height: 1.05em;}
.agh .demo .c-g {color: #137a40; background: rgba(26, 143, 76, 0.12);}
.agh .demo .c-b {color: #1b44c8; background: rgba(36, 87, 245, 0.1);}
.agh .demo .c-v {color: #6232d8; background: rgba(139, 92, 246, 0.13);}
.agh .demo .c-o {color: #a2560a; background: rgba(239, 138, 26, 0.15);}
@keyframes d-mail{ 0% { opacity: 0; transform: translateY(-0.8em) scale(0.98); } 5% { opacity: 1; transform: none; } 82% { opacity: 1; transform: none; } 90%, 100% { opacity: 0; transform: translateY(0.4em); } }
@keyframes d-read{ 0%, 4% { opacity: 0; } 6%, 16% { opacity: 1; } 19%, 100% { opacity: 0; } }
@keyframes d-done{ 0%, 17% { opacity: 0; transform: scale(0.85); } 21% { opacity: 1; transform: scale(1.05); } 24%, 82% { opacity: 1; transform: none; } 90%, 100% { opacity: 0; } }
@keyframes d-shimmer{ from { background-position: 100% 0; } to { background-position: -100% 0; } }
.agh .demo-inbox.is-still .mail, .agh .demo-inbox.is-still .chip-done {animation: none; opacity: 1; transform: none;}
.agh .demo-inbox.is-still .chip-read {display: none;}
.agh .demo-site {padding: 0 4.6em 2.2em 0;}
.agh .demo-site .url {margin: 0 auto; font-size: 0.78em; padding: 0.32em 1.3em; border-radius: 999px; color: #6e6e73;}
.agh .demo-site .browser .page {padding: 1.1em 1.2em 1.3em; display: grid; gap: 0.85em;}
.agh .demo-site .b {animation: d-block 9s var(--ease) infinite both;}
.agh .demo-site .b-nav {display: flex; gap: 0.6em; justify-content: flex-end; align-items: center; animation-delay: 0.2s;}
.agh .demo-site .b-nav i {width: 2.6em; height: 0.45em; border-radius: 1em; background: #e4e5ea;}
.agh .demo-site .b-nav i:first-child {margin-right: auto; width: 4.2em; height: 0.7em; background: #1d1d1f;}
.agh .demo-site .b-hero {display: grid; gap: 0.5em; justify-items: start; padding-top: 0.6em; animation-delay: 0.7s;}
.agh .demo-site .b-h1 {display: block; height: 1.15em; width: 72%; border-radius: 0.3em; background: #1d1d1f;}
.agh .demo-site .b-h1.short {width: 46%;}
.agh .demo-site .b-p {display: block; height: 0.5em; width: 58%; border-radius: 1em; background: #d8dae0; margin-top: 0.35em;}
.agh .demo-site .b-btn {display: block; height: 1.8em; width: 7.2em; border-radius: 999px; background: var(--signal); margin-top: 0.5em;}
.agh .demo-site .b-pic {display: block; height: 5.6em; border-radius: 0.85em; background: linear-gradient(120deg, #dbe5ff, #efe6ff 55%, #ffe8d5); animation-delay: 1.2s;}
.agh .demo-site .b-cards {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6em; animation-delay: 1.7s;}
.agh .demo-site .b-cards i {height: 3.3em; border-radius: 0.65em; background: #f0f1f4;}
.agh .demo-site .mini-phone {position: absolute; right: 0; bottom: 0; width: 8.8em; height: 16.4em; border-radius: 1.7em; background: #fff; padding: 1.5em 0.8em 0.8em; box-shadow: 0 1.2em 3em rgba(15, 23, 42, 0.2), inset 0 0 0 0.36em #1d1d1f; animation: d-phone 9s var(--ease) infinite both; animation-delay: 2.4s;}
.agh .demo-site .mini-phone .page {display: grid; gap: 0.5em;}
.agh .demo-site .mini-phone .b-h1 {width: 86%; height: 0.8em;}
.agh .demo-site .mini-phone .b-p {width: 70%;}
.agh .demo-site .mini-phone .b-pic {height: 4.4em;}
.agh .demo-site .mini-phone .b-btn {width: 5.2em; height: 1.45em;}
@keyframes d-block{ 0% { opacity: 0; transform: translateY(0.8em); } 6% { opacity: 1; transform: none; } 84% { opacity: 1; transform: none; } 92%, 100% { opacity: 0; } }
@keyframes d-phone{ 0% { opacity: 0; transform: translateY(1.2em) rotate(5deg); } 8% { opacity: 1; transform: rotate(5deg); } 84% { opacity: 1; transform: rotate(5deg); } 92%, 100% { opacity: 0; transform: rotate(5deg); } }
.agh .demo-site.is-still .b {animation: none; opacity: 1; transform: none;}
.agh .demo-site.is-still .mini-phone {animation: none; opacity: 1; transform: rotate(5deg);}
.agh .demo-app {display: grid; place-items: center;}
.agh .demo-app .phone {position: relative; width: 17em; height: 34em; border-radius: 3em; background: #0b0d12; padding: 0.55em; box-shadow: 0 2em 5em rgba(15, 23, 42, 0.26), inset 0 0 0 0.12em #2a2d35;}
.agh .demo-app .island {position: absolute; top: 1.05em; left: 50%; transform: translateX(-50%); width: 5.6em; height: 1.65em; border-radius: 1em; background: #000; z-index: 4;}
.agh .demo-app .screen {position: relative; height: 100%; border-radius: 2.5em; overflow: hidden; background: linear-gradient(180deg, #f2f3f7, #ffffff 60%); padding: 3.6em 1.1em 1em;}
.agh .demo-app .app-h {font-size: 1.75em; font-weight: 750; letter-spacing: -0.03em; margin: 0 0 0.45em;}
.agh .demo-app .slots {list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6em;}
.agh .demo-app .slots li {display: grid; grid-template-columns: 3.3em minmax(0, 1fr) auto; align-items: center; gap: 0.6em; padding: 0.8em 0.9em; border-radius: 1.1em; background: #fff; box-shadow: 0 0.1em 0.45em rgba(0, 0, 0, 0.06); font-size: 0.9em;}
.agh .demo-app .slot-t {font-weight: 700; font-variant-numeric: tabular-nums;}
.agh .demo-app .slot-l {display: flex; flex-direction: column; min-width: 0;}
.agh .demo-app .slot-l span {color: #6e6e73; font-size: 0.88em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.agh .demo-app .slot-new {animation: d-slot 7s var(--ease) infinite both;}
.agh .demo-app .slot-ok {width: 1.65em; height: 1.65em; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--good); animation: d-ok 7s var(--ease) infinite both;}
.agh .demo-app .slot-ok svg {width: 0.95em; height: 0.95em;}
.agh .demo-app .promo {position: absolute; left: 1.1em; right: 1.1em; bottom: 2.4em; height: 6.4em; border-radius: 1.3em; padding: 0.9em 1em; color: #fff; background: radial-gradient(120% 140% at 0% 0%, #5b8cff 0%, #2457f5 45%, #7a4dff 100%); font-weight: 700; font-size: 0.95em;}
.agh .demo-app .promo span {display: block; font-weight: 500; opacity: 0.85; font-size: 0.85em; margin-top: 0.15em;}
.agh .demo-app .note {position: absolute; left: 0.7em; right: 0.7em; top: 3.1em; z-index: 3; border-radius: 1.4em; padding: 0.75em 0.9em; display: flex; gap: 0.7em; align-items: center; font-size: 0.88em; animation: d-note 7s var(--ease) infinite both;}
.agh .demo-app .note b {display: block; font-weight: 650;}
.agh .demo-app .note > span:last-child > span {color: #6e6e73; font-size: 0.92em;}
.agh .demo-app .note-ic {width: 2.2em; height: 2.2em; border-radius: 0.7em; display: grid; place-items: center; background: var(--good); color: #fff; flex: none;}
.agh .demo-app .note-ic svg {width: 1.1em; height: 1.1em;}
.agh .demo-app .tabbar {position: absolute; left: 1.2em; right: 1.2em; bottom: 1em; height: 3.7em; border-radius: 999px; display: flex; justify-content: space-around; align-items: center; z-index: 2; background: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4));}
.agh .demo-app .tab {width: 2.9em; height: 2.9em; border-radius: 999px; display: grid; place-items: center; color: #3a3a3f;}
.agh .demo-app .tab svg {width: 1.35em; height: 1.35em;}
.agh .demo-app .tab.on {color: var(--signal); background: rgba(255, 255, 255, 0.75); box-shadow: 0 0.1em 0.4em rgba(0, 0, 0, 0.08);}
@keyframes d-note{ 0%, 8% { opacity: 0; transform: translateY(-140%); } 14% { opacity: 1; transform: none; } 52% { opacity: 1; transform: none; } 60%, 100% { opacity: 0; transform: translateY(-140%); } }
@keyframes d-slot{ 0%, 13% { background: #fff; box-shadow: 0 0.1em 0.45em rgba(0, 0, 0, 0.06); } 19%, 50% { background: #eef3ff; box-shadow: 0 0 0 0.16em rgba(36, 87, 245, 0.28); } 64%, 100% { background: #fff; box-shadow: 0 0.1em 0.45em rgba(0, 0, 0, 0.06); } }
@keyframes d-ok{ 0%, 15% { transform: scale(0); } 21% { transform: scale(1.18); } 25%, 90% { transform: scale(1); } 96%, 100% { transform: scale(0); } }
.agh .demo-app.is-still .note {animation: none; opacity: 1; transform: none;}
.agh .demo-app.is-still .slot-ok {animation: none; transform: none;}
.agh .demo-app.is-still .slot-new {animation: none;}
.agh .demo-funnel .lane {position: relative; height: 15em;}
.agh .demo-funnel .track {position: absolute; left: 7%; right: 7%; top: 50%; height: 2px; margin-top: -1px; background: linear-gradient(90deg, rgba(36, 87, 245, 0.12), rgba(36, 87, 245, 0.5));}
.agh .demo-funnel .stations {position: absolute; inset: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; gap: 0.9em;}
.agh .demo-funnel .station {justify-self: center; width: 100%; max-width: 9.6em; border-radius: 1.2em; padding: 0.95em 0.8em; display: flex; flex-direction: column; gap: 0.25em; text-align: center; z-index: 2; background: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.36));}
.agh .demo-funnel .station b {font-weight: 700; font-size: 1em;}
.agh .demo-funnel .station span {font-size: 0.78em; color: #6e6e73;}
.agh .demo-funnel .station:last-child {box-shadow: var(--glass-ring), 0 0 0 0.2em rgba(26, 143, 76, 0.18), var(--glass-drop);}
.agh .demo-funnel .dot {position: absolute; top: 50%; left: 7%; width: 1.05em; height: 1.05em; margin: -0.525em 0 0 -0.525em; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 0.25em rgba(36, 87, 245, 0.14); z-index: 1; animation: d-run 6.3s linear infinite both; animation-delay: calc(var(--i) * -0.7s);}
.agh .demo-funnel .dot.d1 {animation-name: d-run-mid; background: #7a8fd8;}
.agh .demo-funnel .dot.d2 {animation-name: d-run-short; background: #a9b6e6;}
@keyframes d-run{ 0% { left: 7%; opacity: 0; } 4% { opacity: 1; } 94% { opacity: 1; } 100% { left: 93%; opacity: 0; } }
@keyframes d-run-mid{ 0% { left: 7%; opacity: 0; } 4% { opacity: 1; } 58% { left: 62%; opacity: 1; } 66%, 100% { left: 66%; opacity: 0; } }
@keyframes d-run-short{ 0% { left: 7%; opacity: 0; } 4% { opacity: 1; } 30% { left: 35%; opacity: 1; } 38%, 100% { left: 38%; opacity: 0; } }
.agh .demo-funnel.is-still .dot {animation: none; opacity: 1; left: calc(9% + var(--i) * 9.5%);}
@media (max-width: 560px){
.agh .demo-funnel {font-size: 12.5px;}
.agh .demo-funnel .station span {display: none;}
.agh .demo-funnel .station {padding: 0.85em 0.3em; font-size: 0.95em;}
.agh .demo-funnel .lane {height: 10em;}
.agh .demo-funnel .stations {gap: 0.5em;}
}
.agh .demo-post {max-width: 50em; display: grid; grid-template-columns: 13.5em 3.4em minmax(0, 1fr); align-items: center;}
.agh .demo-post .post-body {padding: 0.85em; display: grid; gap: 0.55em;}
.agh .demo-post .post-vid {height: 9.5em; border-radius: 0.8em; background: linear-gradient(160deg, #dbe5ff, #efe6ff 55%, #ffe8d5); display: grid; place-items: center;}
.agh .demo-post .post-play {position: relative; width: 2.8em; height: 2.8em; border-radius: 50%; background: rgba(255, 255, 255, 0.85); box-shadow: 0 0.4em 1.2em rgba(15, 23, 42, 0.14);}
.agh .demo-post .post-play::before {content: ""; position: absolute; left: 1.08em; top: 0.82em; border-style: solid; border-width: 0.58em 0 0.58em 0.95em; border-color: transparent transparent transparent #1d1d1f;}
.agh .demo-post .post-ln {display: block; height: 0.5em; border-radius: 1em; background: #e4e5ea;}
.agh .demo-post .post-ln.short {width: 62%;}
.agh .demo-post .post-btn {display: grid; place-items: center; height: 2.4em; margin-top: 0.15em; border-radius: 999px; color: #fff; font-size: 0.84em; font-weight: 650; background: var(--signal); animation: d-pbtn 9s var(--ease) infinite both;}
.agh .demo-post .post-btn > span {grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 0.35em; white-space: nowrap;}
.agh .demo-post .post-btn svg, .agh .demo-post .post-sum svg {width: 1.1em; height: 1.1em;}
.agh .demo-post .pb-a {animation: d-pba 9s infinite both;}
.agh .demo-post .pb-b {animation: d-pbb 9s infinite both;}
.agh .demo-post .post-flow {position: relative; height: 2px; margin: 0 0.45em; border-radius: 2px; background: rgba(36, 87, 245, 0.16); animation: d-gate 9s infinite both;}
.agh .demo-post .post-flow i {position: absolute; top: 50%; left: 0; width: 0.6em; height: 0.6em; margin: -0.3em 0 0 -0.3em; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 0.22em rgba(36, 87, 245, 0.14); animation: d-flow 1.2s linear infinite both; animation-delay: calc(var(--i) * -0.4s);}
.agh .demo-post .post-out {display: grid; gap: 0.85em; justify-items: center;}
.agh .demo-post .post-grid {width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5em;}
.agh .demo-post .pf {display: flex; flex-direction: column; align-items: center; gap: 0.42em; padding: 0.75em 0.25em 0.65em; border-radius: 0.9em; background: #f3f4f6; animation: d-pf 9s var(--ease) infinite both; animation-delay: calc(var(--i) * 0.24s);}
.agh .demo-post .pf-dot {width: 1.6em; height: 1.6em; border-radius: 50%; display: grid; place-items: center; color: #fff; box-shadow: inset 0 0 0 0.14em #d3d5db; animation: d-pfdot 9s var(--ease) infinite both; animation-delay: calc(var(--i) * 0.24s);}
.agh .demo-post .pf-dot svg {width: 1em; height: 1em; animation: d-pfok 9s var(--ease) infinite both; animation-delay: calc(var(--i) * 0.24s);}
.agh .demo-post .pf-n {font-size: 0.78em; font-weight: 600; white-space: nowrap; color: #86868b; animation: d-pfn 9s infinite both; animation-delay: calc(var(--i) * 0.24s);}
.agh .demo-post .post-sum {display: grid; border-radius: 999px; font-size: 0.82em; font-weight: 650; animation: d-sum 9s var(--ease) infinite both;}
.agh .demo-post .post-sum > span {grid-area: 1 / 1; display: inline-flex; align-items: center; justify-content: center; gap: 0.4em; padding: 0.5em 1.1em; white-space: nowrap;}
.agh .demo-post .ps-a {color: #6e6e73; animation: d-psa 9s infinite both;}
.agh .demo-post .ps-b {color: #137a40; animation: d-psb 9s infinite both;}
@keyframes d-pbtn{ 0%, 11% { background: var(--signal); transform: none; } 12.5% { transform: scale(0.94); } 14%, 71% { background: var(--good); transform: none; } 73%, 100% { background: var(--signal); } }
@keyframes d-pba{ 0%, 12% { opacity: 1; } 13.5%, 71% { opacity: 0; } 73%, 100% { opacity: 1; } }
@keyframes d-pbb{ 0%, 12% { opacity: 0; } 13.5%, 71% { opacity: 1; } 73%, 100% { opacity: 0; } }
@keyframes d-gate{ 0%, 13% { opacity: 0.35; } 15%, 54% { opacity: 1; } 57%, 100% { opacity: 0.35; } }
@keyframes d-flow{ from { left: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } to { left: 100%; opacity: 0; } }
@keyframes d-pf{ 0%, 14% { background: #f3f4f6; box-shadow: none; } 17%, 72% { background: #fff; box-shadow: 0 0.35em 1.1em rgba(15, 23, 42, 0.08), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } 75%, 100% { background: #f3f4f6; box-shadow: none; } }
@keyframes d-pfdot{ 0%, 14% { background: transparent; box-shadow: inset 0 0 0 0.14em #d3d5db; transform: none; } 15.5% { background: var(--good); box-shadow: inset 0 0 0 0.14em var(--good); transform: scale(1.18); } 17.5%, 72% { background: var(--good); box-shadow: inset 0 0 0 0.14em var(--good); transform: none; } 75%, 100% { background: transparent; box-shadow: inset 0 0 0 0.14em #d3d5db; } }
@keyframes d-pfok{ 0%, 14% { transform: scale(0); } 17%, 72% { transform: scale(1); } 75%, 100% { transform: scale(0); } }
@keyframes d-pfn{ 0%, 14% { color: #86868b; } 17%, 72% { color: #1d1d1f; } 75%, 100% { color: #86868b; } }
@keyframes d-sum{ 0%, 12% { opacity: 0; transform: translateY(0.4em); } 15%, 71% { opacity: 1; transform: none; } 74%, 100% { opacity: 0; transform: translateY(0.4em); } }
@keyframes d-psa{ 0%, 54% { opacity: 1; } 56%, 100% { opacity: 0; } }
@keyframes d-psb{ 0%, 54% { opacity: 0; } 56%, 100% { opacity: 1; } }
.agh .demo-post.is-still *, .agh .demo-post.is-still *::before {animation: none !important;}
.agh .demo-post.is-still .post-btn {background: var(--good);}
.agh .demo-post.is-still .pb-a, .agh .demo-post.is-still .ps-a, .agh .demo-post.is-still .post-flow i {opacity: 0;}
.agh .demo-post.is-still .pf {background: #fff; box-shadow: 0 0.35em 1.1em rgba(15, 23, 42, 0.08), inset 0 0 0 1px rgba(0, 0, 0, 0.05);}
.agh .demo-post.is-still .pf-dot {background: var(--good); box-shadow: inset 0 0 0 0.14em var(--good);}
.agh .demo-post.is-still .pf-n {color: #1d1d1f;}
@media (max-width: 620px){
.agh .demo-post {font-size: 11.5px; grid-template-columns: 1fr; justify-items: center;}
.agh .demo-post .post-src {width: min(100%, 20em);}
.agh .demo-post .post-body {grid-template-columns: 4.6em minmax(0, 1fr); align-items: center; column-gap: 0.85em;}
.agh .demo-post .post-vid {height: 4.6em; grid-row: span 2;}
.agh .demo-post .post-play {width: 2em; height: 2em;}
.agh .demo-post .post-play::before {left: 0.78em; top: 0.58em; border-width: 0.42em 0 0.42em 0.68em;}
.agh .demo-post .post-ln.short {display: none;}
.agh .demo-post .post-flow {width: 2px; height: 2.2em; margin: 0.35em auto;}
.agh .demo-post .post-flow i {left: 50%; top: 0; animation-name: d-flow-v;}
.agh .demo-post .pf {padding: 0.6em 0.1em 0.55em;}
.agh .demo-post .pf-n {font-size: 0.74em;}
}
@keyframes d-flow-v{ from { top: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } to { top: 100%; opacity: 0; } }

.agh .checks-row {margin-top: 44px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;}
.agh .check-card {display: flex; flex-direction: column; gap: 10px; padding: 26px 24px; border-radius: var(--r-lg); background: var(--mist); text-decoration: none; transition: transform 0.3s var(--ease);}
.agh .check-card:hover {transform: translateY(-3px);}
.agh .check-card b {font-size: 19px; letter-spacing: -0.016em;}
.agh .check-card > span:not(.check-dot):not(.link) {color: var(--ink-2); font-size: 15.5px; flex: 1;}
.agh .check-dot {width: 12px; height: 12px; border-radius: 50%; background: var(--dot); box-shadow: 0 0 0 5px color-mix(in srgb, var(--dot) 18%, transparent);}
@media (max-width: 1000px){
.agh .checks-row {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 560px){
.agh .checks-row {grid-template-columns: 1fr;}
}


.agh {
  position: relative; z-index: 700;             
  margin-top: -44px;                            
  color: var(--ink); text-align: left;
  font: 400 17px/1.5 var(--font); letter-spacing: -0.012em;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  scroll-margin-top: 0;
}
.agh [id] { scroll-margin-top: 96px; }          
.agh-sheet {
  position: relative; background: var(--paper);
  border-radius: 44px 44px 0 0;
  box-shadow: 0 -16px 60px rgba(0, 0, 0, 0.36), 0 -1px 0 rgba(255, 255, 255, 0.5);
  overflow: hidden; overflow: clip;
}
.agh-grab { position: absolute; top: 12px; left: 50%; width: 40px; height: 5px; margin-left: -20px; border-radius: 3px; background: rgba(0, 0, 0, 0.14); }


.agh-intro { padding: clamp(96px, 10vw, 148px) 0 clamp(80px, 9vw, 128px); }
.agh-kicker { margin-bottom: 20px; }
.agh-intro-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr); gap: clamp(28px, 5vw, 80px); align-items: end; }
.agh-intro .h2 { max-width: 12.5em; }
.agh-intro .lead { max-width: none; }
.agh-intro .lead strong { color: var(--ink); font-weight: 600; }
.agh-founders { margin-top: 18px; color: var(--ink-2); }
.agh-founders b { color: var(--ink); font-weight: 600; }
.agh-goal {
  margin-top: clamp(64px, 8vw, 112px); max-width: 23em;
  font-size: clamp(28px, 3.4vw, 48px); font-weight: 650; line-height: 1.14; letter-spacing: -0.03em;
  color: var(--ink-3); text-wrap: pretty;
}
.agh-goal b { color: var(--ink); font-weight: inherit; }
.agh-facts { margin-top: clamp(56px, 7vw, 96px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; list-style: none; padding: 0; }
.agh-facts li { border-top: 1px solid var(--hair); padding-top: 22px; display: flex; flex-direction: column; gap: 6px; }
.agh-facts b { font-size: clamp(22px, 2.2vw, 30px); font-weight: 700; line-height: 1.1; letter-spacing: -0.026em; }
.agh-facts span { color: var(--ink-2); }
@media (max-width: 900px) {
  .agh-intro-grid { grid-template-columns: minmax(0, 1fr); }
  .agh-facts { grid-template-columns: minmax(0, 1fr); }
}


.agh-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 32px; margin-bottom: clamp(36px, 4vw, 52px); }
.agh-head .lead { margin-top: 16px; }
.agh-head > .link { margin-bottom: 6px; font-size: 19px; }


.agh .tile { transition: transform 0.35s var(--ease), box-shadow 0.35s var(--ease); }
.agh .tile:hover { transform: translateY(-4px); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08); }


.agh-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; list-style: none; padding: 0; margin: 0; }
.agh-post a {
  display: flex; flex-direction: column; gap: 10px; height: 100%;
  padding: 28px 26px 26px; border-radius: var(--r-lg); background: var(--paper); text-decoration: none;
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
}
.agh-post a:hover { transform: translateY(-3px); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.08); }
.agh-post .k { font-size: 14px; color: var(--ink-3); }
.agh-post b { font-size: 21px; line-height: 1.22; letter-spacing: -0.02em; font-weight: 650; }
.agh-post a > span:not(.k):not(.link) { color: var(--ink-2); font-size: 15.5px; flex: 1; }
@media (max-width: 900px) { .agh-posts { grid-template-columns: minmax(0, 1fr); } }


.agh-nap { margin: 44px auto 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; color: var(--ink-2); font-size: 15px; }
.agh-nap strong { color: var(--ink); font-weight: 600; }
.agh-nap a { color: var(--ink-2); text-decoration: none; }
.agh-nap a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
.agh .gfoot { padding-bottom: 104px; }          



body.about-near #nav-header .nav-capsule { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(255, 255, 255, 0.04); }

body.about-in #section-nav, body.about-in #story-progress, body.about-in #scroll-hint,
body.about-in .quiz-trigger, body.about-in #checker-trigger, body.about-in #site-footer {
  opacity: 0 !important; pointer-events: none !important;
}


body.about-top #nav-header .nav-capsule { background: rgba(255,255,255,0.62); border-color: rgba(0,0,0,0.08);
  box-shadow: 0 12px 40px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.95); }
body.about-top .nav-top-highlight, body.about-top .nav-reflection { opacity: 0; }
body.about-top .logo-wordmark { color: #1d1d1f; }
body.about-top .logo-mark { filter: none; }
body.about-top .nav-link { color: rgba(0,0,0,0.60); }
body.about-top .nav-link:hover { color: #1d1d1f; background: rgba(0,0,0,0.05); }
body.about-top .nav-link.active { color: #1d1d1f; background: rgba(0,0,0,0.06); }
body.about-top .nav-cta { color: #fff; background: #1d1d1f; border-color: #1d1d1f; box-shadow: none; }
body.about-top .nav-hamburger span { background: #1d1d1f; }

body.about-in .snav-glass { background: rgba(255,255,255,0.66); border-color: rgba(0,0,0,0.08);
  box-shadow: 0 8px 28px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.95); }
body.about-in .snav-top-highlight { opacity: 0; }
body.about-in .snav-dot { background: rgba(0,0,0,0.28); }
body.about-in .snav-bubble.active .snav-dot { background: #1d1d1f; }
body.about-in .snav-label { color: rgba(0,0,0,0.55); }
body.about-in .snav-bubble.active .snav-label,
body.about-in .snav-bubble:not(.snav-bubble--future):hover .snav-label { color: #1d1d1f; }

body.about-in .quiz-trigger, body.about-in #checker-trigger, body.about-in #chat-trigger { color: #1d1d1f; background: rgba(255,255,255,0.66); border-color: rgba(0,0,0,0.08);
  box-shadow: 0 8px 28px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.95); }
body.about-in .quiz-trigger::before, body.about-in #checker-trigger::before, body.about-in #chat-trigger::before { opacity: 0; }
body.about-in .quiz-trigger-icon, body.about-in .checker-trigger-icon, body.about-in .chat-trigger-icon { color: rgba(0,0,0,0.72); }
body.about-in .quiz-trigger-label, body.about-in .checker-trigger-label, body.about-in .chat-trigger-label { color: #1d1d1f; }

body.about-in .footer-capsule { background: rgba(255,255,255,0.66); border-color: rgba(0,0,0,0.08);
  box-shadow: 0 8px 28px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.95); }
body.about-in .footer-top-highlight, body.about-in .footer-reflection { opacity: 0; }
body.about-in .footer-link { color: rgba(0,0,0,0.55); }
body.about-in .footer-link:hover { color: #1d1d1f; }
body.about-in .footer-divider { background: rgba(0,0,0,0.14); }
body.about-in .footer-link--checker { color: rgba(0,0,0,0.55) !important; }   
body.about-in .footer-link--checker:hover { color: #1d1d1f !important; }

body.about-in .cookie-glass { background: rgba(255,255,255,0.66); border-color: rgba(0,0,0,0.08);
  box-shadow: 0 8px 28px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.95); }
body.about-in .cookie-top-highlight, body.about-in .cookie-reflection { opacity: 0; }
body.about-in .cookie-text { color: rgba(0,0,0,0.72); }
body.about-in .cookie-policy-link { color: #1d1d1f; }
body.about-in .cookie-btn--secondary { color: #1d1d1f; background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.12); }
body.about-in .cookie-btn--primary { color: #fff; background: #1d1d1f; border-color: #1d1d1f; }

body.about-in .prog-dot { background: rgba(0,0,0,0.18); }
body.about-in .prog-dot.active { background: rgba(0,0,0,0.70); }