/*
Theme Name: AgileMole
Theme URI: https://agilemole.com/
Author: AgileMole
Author URI: https://agilemole.com/
Description: Purpose-built theme for the AgileMole AI Skill Store.
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: agilemole
*/

:root {
  --am-black: #050505;
  --am-charcoal: #202325;
  --am-ivory: #f7f4ea;
  --am-white: #ffffff;
  --am-mint: #57d6a4;
  --am-mint-dark: #28a978;
  --am-coral: #ff7a66;
  --am-violet: #6c5ff2;
  --am-gray-100: #f4f5f3;
  --am-gray-200: #e4e6e2;
  --am-gray-500: #737975;
  --am-gray-700: #3a403d;
  --am-radius-sm: 12px;
  --am-radius: 20px;
  --am-radius-lg: 32px;
  --am-shadow: 0 22px 60px rgba(18, 35, 27, 0.12);
  --am-max: 1200px;
}

/* 1.1.0 — compact agent-workspace homepage */
body.home { background: #151515; color: #f3f2ee; }
body.home main { background: #151515; }
.am-container { width: min(calc(100% - 40px), 1088px); }
.am-header-inner { min-height: 58px; gap: 26px; }
.am-brand { gap: 8px; }
.am-brand-mark { width: 34px; height: 34px; }
.am-brand-word { font-size: 20px; letter-spacing: -.7px; }
.am-primary-nav { margin-left: 10px; }
.am-primary-nav ul { gap: 25px; }
.am-primary-nav a, .am-login { font-size: 13px; font-weight: 560; }
.am-header-actions .am-button { min-height: 36px; padding: 0 15px; border-radius: 10px; font-size: 13px; background: #f4f3ef; }
.am-icon-link { width: 34px; height: 34px; }

.am-workspace-hero { position: relative; overflow: hidden; padding: 66px 0 62px; border-bottom: 1px solid #2a2a2a; background: #151515; }
.am-workspace-inner { position: relative; display: flex; flex-direction: column; align-items: center; }
.am-hero-title { text-align: center; }
.am-live-dot { display: inline-block; width: 7px; height: 7px; margin-bottom: 13px; border-radius: 50%; background: var(--am-mint); box-shadow: 0 0 0 5px rgba(87,214,164,.09); }
.am-hero-title h1 { margin: 0; color: #f5f4f0; font-size: clamp(42px,5.3vw,62px); font-weight: 650; line-height: 1.03; letter-spacing: -.052em; }
.am-hero-title p { max-width: 720px; margin: 15px auto 0; color: #a7a7a5; font-size: 17px; line-height: 1.5; }
.am-nimo-perch { position: absolute; z-index: 3; top: 95px; right: 12px; width: 118px; height: 118px; pointer-events: none; }
.am-nimo-perch img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 12px 20px rgba(0,0,0,.38)); }
.am-composer { position: relative; z-index: 2; width: min(100%, 740px); margin-top: 34px; overflow: hidden; border: 1px solid #393939; border-radius: 19px; background: #1e1e1e; box-shadow: 0 24px 55px rgba(0,0,0,.24); }
.am-composer input[type="search"] { width: 100%; height: 77px; padding: 5px 18px 0; border: 0; outline: 0; color: #ececea; background: transparent; font-size: 16px; }
.am-composer input[type="search"]::placeholder { color: #777; opacity: 1; }
.am-composer-tools { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 11px 9px 17px; }
.am-composer-left,.am-composer-right { display: flex; align-items: center; gap: 9px; }
.am-plus { color: #a3a3a3; font-size: 24px; font-weight: 300; line-height: 1; }
.am-tool-chip { color: #adadab; font-size: 13px; }
.am-spark { color: var(--am-mint); }
.am-source-dot { display: grid; place-items: center; width: 27px; height: 27px; margin-left: -5px; border: 1px solid #484848; border-radius: 50%; color: #d6d6d2; background: #242424; font-size: 9px; font-weight: 700; }
.am-source-dot.wordpress { color: var(--am-mint); }
.am-source-dot.search { color: var(--am-coral); font-size: 16px; }
.am-composer-right button { display: grid; place-items: center; width: 32px; height: 32px; margin-left: 4px; border: 0; border-radius: 50%; color: #151515; background: var(--am-mint); font-size: 18px; cursor: pointer; }
.am-connect-row { display: flex; align-items: center; gap: 13px; min-height: 39px; padding: 0 17px; border-top: 1px solid #343434; color: #777; font-size: 11px; }
.am-connect-row span::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #555; vertical-align: 1px; }
.am-connect-row b { margin-left: auto; color: #8c8c8a; font-weight: 500; }
.am-quick-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 760px; margin-top: 20px; }
.am-quick-actions a { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border: 1px solid #383838; border-radius: 99px; color: #a9a9a7; font-size: 12px; transition: border-color .2s,color .2s,background .2s; }
.am-quick-actions a:hover { border-color: #5d5d5d; color: #fff; background: #202020; }
.am-quick-actions span { color: var(--am-mint); }

.am-showcase { padding: 58px 0 28px; background: #151515; }
.am-row-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.am-kicker { display: block; margin-bottom: 5px; color: #777; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.am-row-heading h2 { margin: 0; color: #ecebe7; font-size: 19px; font-weight: 560; letter-spacing: -.02em; }
.am-row-heading > a { color: #8e8e8b; font-size: 12px; }
.am-row-heading > a span { margin-left: 4px; color: var(--am-mint); }
.am-showcase-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.am-showcase-card { overflow: hidden; border: 1px solid #303030; border-radius: 14px; background: #1b1b1b; }
.am-card-visual { position: relative; display: grid; place-items: center; aspect-ratio: 1.68/1; overflow: hidden; background: linear-gradient(135deg,#272b29,#131a17); }
.am-showcase-card.violet .am-card-visual { background: linear-gradient(135deg,#27243b,#171624); }
.am-showcase-card.coral .am-card-visual { background: linear-gradient(135deg,#382522,#1d1716); }
.am-card-visual::before,.am-card-visual::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; transform: rotate(-8deg); }
.am-card-visual::before { width: 57%; height: 54%; background: rgba(255,255,255,.035); }
.am-card-visual::after { width: 37%; height: 40%; transform: translate(42px,18px) rotate(8deg); background: rgba(87,214,164,.08); }
.am-card-glyph { position: relative; z-index: 2; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; color: #141414; background: var(--am-mint); font-size: 25px; }
.violet .am-card-glyph { background: var(--am-violet); color: #fff; }
.coral .am-card-glyph { background: var(--am-coral); }
.am-card-visual small { position: absolute; z-index: 2; right: 10px; bottom: 9px; padding: 5px 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 99px; color: #a9aaa7; background: rgba(15,15,15,.72); font-size: 9px; }
.am-card-copy { padding: 14px 15px 16px; }
.am-card-copy > span { color: #777; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.am-card-copy h3 { margin: 3px 0 5px; color: #ecebe8; font-size: 15px; font-weight: 590; letter-spacing: -.02em; }
.am-card-copy p { margin: 0; color: #858583; font-size: 11px; line-height: 1.45; }
.am-usecase-section { padding-top: 50px; padding-bottom: 70px; }
.am-usecase-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.am-usecase-grid a { min-height: 168px; padding: 19px; border: 1px solid #303030; border-radius: 14px; background: #1b1b1b; }
.am-usecase-grid a > span { color: var(--am-mint); font-size: 10px; }
.am-usecase-grid h3 { margin: 38px 0 5px; color: #efeeea; font-size: 17px; font-weight: 580; }
.am-usecase-grid p { margin: 0; color: #858583; font-size: 12px; }
.am-bottom-cta { padding: 58px 0; border-top: 1px solid #303030; background: #191919; }
.am-bottom-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.am-bottom-cta h2 { max-width: 650px; margin: 0; color: #f2f1ed; font-size: clamp(28px,4vw,44px); line-height: 1.08; letter-spacing: -.04em; }
.am-bottom-cta .am-button { min-height: 42px; border-radius: 10px; }
body.home .am-site-footer { border-top: 1px solid #292929; }

@media (max-width: 800px) {
  .am-nimo-perch { position: relative; top: auto; right: auto; width: 92px; height: 92px; margin: 20px 0 -20px; }
  .am-showcase-grid,.am-usecase-grid { grid-template-columns: 1fr; }
  .am-card-visual { aspect-ratio: 2.25/1; }
}
@media (max-width: 640px) {
  .am-workspace-hero { padding: 47px 0 48px; }
  .am-hero-title h1 { font-size: 39px; }
  .am-hero-title p { font-size: 15px; }
  .am-connect-row span { display: none; }
  .am-connect-row b { margin-left: 0; }
  .am-bottom-cta-inner { align-items: flex-start; flex-direction: column; }
}

/* 1.7.0 — Nimo icon language and outcome-led Use Cases */
.am-brand-tile { display: inline-grid; place-items: center; flex: 0 0 auto; width: 54px; height: 54px; border: 1px solid rgba(255,255,255,.16); border-radius: 15px; color: #fff; font-size: 19px; font-weight: 800; line-height: 1; box-shadow: 0 12px 25px rgba(0,0,0,.18); }
.am-tile-code { color: #effff8; background: linear-gradient(145deg,#35c995,#1fa878); }
.am-tile-data { color: #596067; background: linear-gradient(145deg,#fffdf7,#dfe4e1); }
.am-tile-spark { color: #fff; background: linear-gradient(145deg,#7a6cff,#5140e8); }
.am-tile-social { color: #151515; background: linear-gradient(145deg,#ff8a76,#ff6755); }
.am-tile-target { color: #122119; background: linear-gradient(145deg,#69e3b3,#37bd8d); }
.am-pricing-value-strip .am-brand-tile { width: 31px; height: 31px; border: 0; border-radius: 9px; font-size: 10px; box-shadow: 0 7px 16px rgba(0,0,0,.2); }
.am-why-pay-grid article > .am-brand-tile { width: 46px; height: 46px; font-size: 15px; }
.am-pricing-value-strip .am-tile-code,.am-why-pay-grid article > .am-tile-code { color: #effff8; }
.am-pricing-value-strip .am-tile-data,.am-why-pay-grid article > .am-tile-data { color: #596067; }
.am-pricing-value-strip .am-tile-spark,.am-why-pay-grid article > .am-tile-spark { color: #fff; }

.am-usecases-hero { position: relative; overflow: hidden; padding: 80px 0 70px; color: #f1f0ec; background: #151515; }
.am-usecases-hero::before { content: ""; position: absolute; right: -180px; top: -260px; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle,rgba(87,214,164,.13),transparent 68%); animation: am-ambient 12s ease-in-out infinite alternate; pointer-events: none; }
.am-usecases-hero-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(380px,.85fr); align-items: center; gap: 70px; }
.am-usecases-copy { position: relative; z-index: 2; }
.am-usecases-copy h1 { max-width: 820px; margin: 10px 0 20px; font-size: clamp(56px,6.5vw,90px); font-weight: 650; line-height: .96; letter-spacing: -.065em; }
.am-usecases-copy h1 span { color: var(--am-mint); }
.am-usecases-copy > p { max-width: 680px; margin: 0; color: #a1a29f; font-size: 18px; line-height: 1.6; }
.am-usecases-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.am-usecases-nimo { position: relative; min-height: 420px; }
.am-usecases-nimo img { position: absolute; z-index: 2; inset: 15px 0 0 auto; width: min(100%,460px); height: 400px; object-fit: contain; filter: drop-shadow(0 24px 45px rgba(0,0,0,.38)); animation: am-float 5.8s ease-in-out infinite; }
.am-orbit-tile { position: absolute; z-index: 3; animation: am-icon-orbit 5s ease-in-out infinite; }
.am-orbit-tile.am-tile-code { left: 2%; top: 21%; transform: rotate(-10deg); }
.am-orbit-tile.am-tile-data { right: 3%; top: 8%; animation-delay: -1.5s; transform: rotate(9deg); }
.am-orbit-tile.am-tile-spark { right: 4%; bottom: 12%; animation-delay: -3s; transform: rotate(-6deg); }

.am-outcomes { padding: 82px 0 96px; color: #efeeea; background: #151515; }
.am-outcomes-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 32px; }
.am-outcomes-heading h2 { margin: 5px 0 0; font-size: clamp(34px,4.5vw,58px); font-weight: 620; line-height: 1; letter-spacing: -.05em; }
.am-outcomes-heading > p { max-width: 480px; margin: 0; color: #92938f; font-size: 14px; line-height: 1.6; }
.am-outcome-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.am-outcome-card { position: relative; min-height: 320px; padding: 28px; overflow: hidden; border: 1px solid #303030; border-radius: 18px; background: #1b1b1b; transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease; }
.am-outcome-card::after { content: ""; position: absolute; right: -55px; bottom: -65px; width: 180px; height: 180px; border: 1px solid rgba(255,255,255,.08); border-radius: 42px; transform: rotate(-16deg); transition: transform .35s ease; }
.am-outcome-card:hover { transform: translateY(-7px); border-color: #4c514e; box-shadow: 0 25px 60px rgba(0,0,0,.24); }
.am-outcome-card:hover::after { transform: translate(-12px,-10px) rotate(-8deg); }
.am-outcome-card:hover .am-brand-tile { animation: am-nimo-wiggle .65s ease both; }
.am-outcome-number { position: absolute; top: 30px; right: 28px; color: #5f605d; font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.am-outcome-card h3 { margin: 42px 0 8px; color: #efeeea; font-size: 23px; font-weight: 610; letter-spacing: -.03em; }
.am-outcome-card p { max-width: 340px; margin: 0; color: #92938f; font-size: 14px; line-height: 1.6; }
.am-outcome-card strong { position: absolute; z-index: 2; left: 28px; bottom: 25px; color: #bfc0bc; font-size: 13px; font-weight: 570; }
.am-outcome-card strong span { margin-left: 5px; color: var(--am-mint); transition: margin-left .2s ease; }
.am-outcome-card:hover strong span { margin-left: 10px; }

.am-workflow-story { padding: 88px 0; border-top: 1px solid #2d2d2d; color: #efeeea; background: #191919; }
.am-workflow-title { display: grid; grid-template-columns: 90px minmax(0,760px); align-items: center; gap: 22px; }
.am-workflow-title > img { width: 90px; height: 90px; object-fit: contain; animation: am-float 5.8s ease-in-out infinite; }
.am-workflow-title h2 { margin: 5px 0 0; font-size: clamp(34px,4.5vw,54px); font-weight: 620; line-height: 1.05; letter-spacing: -.05em; }
.am-workflow-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 42px; }
.am-workflow-steps article { display: grid; grid-template-columns: 54px 1fr; gap: 17px; padding: 26px; border: 1px solid #303030; border-radius: 17px; background: #1d1d1d; }
.am-workflow-steps small { color: #6f706d; font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.am-workflow-steps h3 { margin: 6px 0 7px; font-size: 20px; font-weight: 610; }
.am-workflow-steps p { margin: 0; color: #969793; font-size: 14px; line-height: 1.6; }

.am-usecases-cta { padding: 68px 0; border-top: 1px solid #303030; color: #efeeea; background: #151515; }
.am-usecases-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.am-usecases-cta h2 { max-width: 780px; margin: 5px 0 0; font-size: clamp(34px,4.5vw,58px); font-weight: 620; line-height: 1.03; letter-spacing: -.05em; }
.am-usecases-cta .am-button { flex: 0 0 auto; }
@keyframes am-icon-orbit { 0%,100% { translate: 0 0; } 50% { translate: 0 -12px; } }

@media (max-width: 980px) {
  .am-usecases-hero-grid { grid-template-columns: 1fr; gap: 10px; }
  .am-usecases-nimo { min-height: 330px; }
  .am-usecases-nimo img { inset: 0; margin: auto; height: 320px; }
  .am-outcome-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .am-workflow-steps { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .am-usecases-hero { padding: 58px 0 44px; }
  .am-usecases-copy h1 { font-size: 50px; }
  .am-usecases-copy > p { font-size: 16px; }
  .am-usecases-nimo { min-height: 280px; }
  .am-usecases-nimo img { height: 270px; }
  .am-orbit-tile { width: 43px; height: 43px; border-radius: 12px; font-size: 14px; }
  .am-outcomes-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .am-outcome-grid { grid-template-columns: 1fr; }
  .am-workflow-title { grid-template-columns: 68px 1fr; gap: 15px; }
  .am-workflow-title > img { width: 68px; height: 68px; }
  .am-usecases-cta-inner { align-items: flex-start; flex-direction: column; }
}

/* 1.4.0 — expanded pricing and PayPal subscriptions */
.am-billing-toggle { display: inline-flex; gap: 3px; margin-top: 28px; padding: 4px; border: 1px solid #383838; border-radius: 11px; background: #1d1d1d; }
.am-billing-toggle button { height: 34px; padding: 0 13px; border: 0; border-radius: 8px; color: #858582; background: transparent; font-size: 11px; cursor: pointer; }
.am-billing-toggle button.active { color: #111; background: var(--am-mint); }
.am-billing-toggle button span { margin-left: 4px; padding: 2px 5px; border-radius: 99px; color: #dff9ef; background: rgba(255,255,255,.15); font-size: 8px; }
.am-billing-toggle button.active span { color: #246148; background: rgba(0,0,0,.08); }
.am-pricing-grid-five { grid-template-columns: repeat(6,minmax(0,1fr)); align-items: stretch; }
.am-pricing-grid-five article { position: relative; grid-column: span 2; min-height: 430px; }
.am-pricing-grid-five article:nth-child(4) { grid-column: 2 / span 2; }
.am-pricing-grid-five article:nth-child(5) { grid-column: 4 / span 2; }
.am-popular-label { position: absolute; top: -11px; right: 16px; padding: 5px 9px; border-radius: 99px; color: #111; background: var(--am-mint); font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.am-plan-price { display: flex; align-items: baseline; gap: 3px; margin: 22px 0 8px; }
.am-plan-price > span { color: #b9b9b6; font-size: 18px; }
.am-plan-price strong { color: #f2f1ed; font-size: 43px; font-weight: 620; line-height: 1; letter-spacing: -.055em; }
.am-plan-price small { color: #757572; font-size: 11px; }
.am-paypal-wrap { position: relative; width: 100%; min-height: 44px; margin-top: auto; }
.am-paypal-slot { position: absolute; left: -9999px; width: 100%; min-height: 40px; }
.am-paypal-slot.is-period-active { position: relative; left: auto; }
.am-paypal-slot > span { display: grid; place-items: center; min-height: 40px; border: 1px dashed #454545; border-radius: 9px; color: #70706d; font-size: 9px; }
.am-payment-message { padding: 10px; border-radius: 8px; font-size: 10px; }
.am-payment-message.success { color: #9ae6c6; background: rgba(87,214,164,.1); }
.am-payment-message.error { color: #ffaaa0; background: rgba(255,122,102,.1); }
.am-pricing-note { display: flex; gap: 18px; max-width: 850px; margin: 22px auto 0; padding: 16px 18px; border: 1px solid #303030; border-radius: 12px; color: #888985; background: #1a1a1a; font-size: 10px; }
.am-pricing-note strong { flex: 0 0 auto; color: var(--am-mint); }
.am-pricing-note p { margin: 0; }
@media (max-width: 900px) {
  .am-pricing-grid-five { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .am-pricing-grid-five article,.am-pricing-grid-five article:nth-child(4),.am-pricing-grid-five article:nth-child(5) { grid-column: auto; }
}
@media (max-width: 640px) {
  .am-pricing-grid-five { grid-template-columns: 1fr; }
  .am-billing-toggle button span { display: none; }
  .am-pricing-note { align-items: flex-start; flex-direction: column; gap: 5px; }
}

/* 1.2.0 — Skill Store and skill detail */
.am-store-hero { padding: 68px 0 34px; color: #f1f0ec; background: #151515; }
.am-store-title-row { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.am-store-title-row h1 { margin: 8px 0 14px; font-size: clamp(48px,6vw,72px); font-weight: 640; line-height: .96; letter-spacing: -.055em; }
.am-store-title-row p { max-width: 610px; margin: 0; color: #999a97; font-size: 16px; }
.am-store-title-row img { width: 126px; height: 126px; object-fit: contain; }
.am-store-search { display: flex; align-items: center; gap: 12px; max-width: 760px; height: 58px; margin-top: 32px; padding: 0 9px 0 18px; border: 1px solid #3a3a3a; border-radius: 15px; background: #202020; }
.am-store-search svg { flex: 0 0 auto; color: #777; }
.am-store-search input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; color: #eee; background: transparent; font-size: 14px; }
.am-store-search input::placeholder { color: #767676; }
.am-store-search button { height: 40px; padding: 0 18px; border: 0; border-radius: 10px; color: #111; background: var(--am-mint); font-size: 13px; font-weight: 700; cursor: pointer; }
.am-store-content { min-height: 500px; padding: 26px 0 88px; color: #ecebe8; background: #151515; }
.am-store-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid #2e2e2e; }
.am-filter-pills { display: flex; flex-wrap: wrap; gap: 7px; }
.am-filter-pills a { padding: 7px 12px; border: 1px solid #363636; border-radius: 99px; color: #999; font-size: 11px; }
.am-filter-pills a:hover,.am-filter-pills a.active { border-color: #595959; color: #151515; background: var(--am-mint); }
.am-sort-form { display: flex; align-items: center; gap: 8px; color: #797976; font-size: 11px; white-space: nowrap; }
.am-sort-form select { height: 34px; padding: 0 28px 0 10px; border: 1px solid #383838; border-radius: 9px; color: #b6b6b3; background: #1e1e1e; font-size: 11px; }
.am-result-count { margin: 22px 0 13px; color: #6f706d; font-size: 11px; }
.am-store-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.am-store-card { overflow: hidden; border: 1px solid #303030; border-radius: 14px; background: #1b1b1b; transition: transform .18s,border-color .18s; }
.am-store-card:hover { transform: translateY(-3px); border-color: #484848; }
.am-store-card-top { position: relative; display: flex; align-items: flex-start; min-height: 154px; padding: 18px; overflow: hidden; background: linear-gradient(135deg,#222b27,#191b1a); }
.am-store-card:nth-child(3n+2) .am-store-card-top { background: linear-gradient(135deg,#26233a,#1a1922); }
.am-store-card:nth-child(3n) .am-store-card-top { background: linear-gradient(135deg,#382521,#1e1918); }
.am-store-card-top::after { content: ""; position: absolute; width: 130px; height: 90px; right: -17px; bottom: -15px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; transform: rotate(-12deg); }
.am-store-card-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #111; background: var(--am-mint); font-size: 21px; }
.am-store-card:nth-child(3n+2) .am-store-card-icon { color: #fff; background: var(--am-violet); }
.am-store-card:nth-child(3n) .am-store-card-icon { background: var(--am-coral); }
.am-store-card-category { margin-left: auto; color: #939390; font-size: 10px; }
.am-verified { position: absolute; left: 18px; bottom: 14px; color: var(--am-mint); font-size: 9px; }
.am-store-card-body { padding: 16px 17px 17px; }
.am-creator { color: #70716e; font-size: 9px; }
.am-store-card h2 { margin: 4px 0 7px; color: #efeeea; font-size: 17px; font-weight: 590; letter-spacing: -.025em; }
.am-store-card p { min-height: 48px; margin: 0; color: #898a87; font-size: 11px; line-height: 1.45; }
.am-store-card-meta { display: flex; justify-content: space-between; gap: 10px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #2d2d2d; color: #70716e; font-size: 10px; }
.am-store-card-meta a { color: var(--am-mint); }
.am-pagination { margin-top: 30px; }
.am-pagination .nav-links { display: flex; justify-content: center; gap: 6px; }
.am-pagination .page-numbers { padding: 7px 11px; border: 1px solid #343434; border-radius: 8px; color: #999; font-size: 11px; }
.am-pagination .current { color: #111; background: var(--am-mint); }
.am-store-empty { display: flex; align-items: center; justify-content: center; gap: 28px; min-height: 300px; padding: 40px; border: 1px dashed #3a3a3a; border-radius: 16px; background: #191919; }
.am-store-empty img { width: 110px; }
.am-store-empty h2 { margin: 0 0 6px; font-size: 24px; }
.am-store-empty p { max-width: 530px; margin: 0 0 18px; color: #858583; font-size: 13px; }

.am-skill-detail-hero { padding: 42px 0 58px; color: #efeeea; background: #151515; }
.am-back-link { color: #858583; font-size: 11px; }
.am-skill-detail-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(260px,.5fr); align-items: end; gap: 60px; margin-top: 44px; }
.am-detail-badges { display: flex; flex-wrap: wrap; gap: 7px; }
.am-detail-badges span { padding: 5px 9px; border: 1px solid #393939; border-radius: 99px; color: #969693; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.am-detail-badges .reviewed { color: var(--am-mint); }
.am-skill-detail-grid h1 { max-width: 780px; margin: 15px 0 12px; font-size: clamp(44px,6vw,70px); font-weight: 640; line-height: .98; letter-spacing: -.055em; }
.am-skill-detail-grid > div > p { max-width: 680px; margin: 0; color: #9b9b98; font-size: 16px; }
.am-detail-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.am-button-outline { border-color: #424242; color: #ddd; background: transparent; }
.am-button-outline:hover { background: #222; box-shadow: none; }
.am-skill-facts { overflow: hidden; border: 1px solid #343434; border-radius: 14px; background: #1d1d1d; }
.am-skill-facts div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 15px; border-bottom: 1px solid #303030; }
.am-skill-facts div:last-child { border-bottom: 0; }
.am-skill-facts span { color: #777; font-size: 10px; }
.am-skill-facts strong { color: #c7c7c3; font-size: 11px; font-weight: 570; }
.am-skill-detail-content { padding: 62px 0 90px; background: #f7f4ea; }
.am-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 310px; align-items: start; gap: 80px; }
.am-detail-layout .am-prose { max-width: 720px; }
.am-detail-layout .am-prose h2 { margin-top: 0; color: #171817; font-size: 30px; }
.am-nimo-note { display: flex; gap: 13px; padding: 17px; border: 1px solid #deddd6; border-radius: 14px; background: #fff; }
.am-nimo-note img { width: 52px; height: 52px; object-fit: contain; }
.am-nimo-note strong { font-size: 12px; }
.am-nimo-note p { margin: 4px 0 0; color: #6e716d; font-size: 11px; line-height: 1.5; }

@media (max-width: 800px) {
  .am-store-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .am-skill-detail-grid,.am-detail-layout { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 640px) {
  .am-store-hero { padding-top: 48px; }
  .am-store-title-row img { width: 84px; height: 84px; }
  .am-store-toolbar { align-items: flex-start; flex-direction: column; }
  .am-store-grid { grid-template-columns: 1fr; }
  .am-store-empty { align-items: flex-start; flex-direction: column; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--am-charcoal);
  background: var(--am-ivory);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  position: fixed !important; z-index: 99999; top: 8px; left: 8px;
  width: auto; height: auto; padding: 12px 16px; margin: 0;
  clip: auto; background: var(--am-white); color: var(--am-black); border-radius: 8px;
}
.am-container { width: min(calc(100% - 40px), var(--am-max)); margin-inline: auto; }

/* Header */
.am-site-header {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(5, 5, 5, 0.96);
  border-bottom: 1px solid rgba(255,255,255,.09);
  backdrop-filter: blur(16px);
}
.admin-bar .am-site-header { top: 32px; }
.am-header-inner { min-height: 74px; display: flex; align-items: center; gap: 28px; }
.am-brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.am-brand-mark { width: 42px; height: 42px; object-fit: contain; }
.am-brand-word { color: var(--am-ivory); font-size: 23px; font-weight: 850; letter-spacing: -1px; line-height: 1; }
.am-brand-word .mole { color: var(--am-mint); }
.am-brand-word .am-i { position: relative; }
.am-brand-word .am-i::after {
  content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%;
  background: var(--am-coral); top: 2px; left: 50%; transform: translateX(-50%);
}
.am-primary-nav { margin-left: 18px; }
.am-primary-nav ul { list-style: none; display: flex; align-items: center; gap: 28px; margin: 0; padding: 0; }
.am-primary-nav a { color: #c8ccc9; font-weight: 620; font-size: 14px; transition: color .2s ease; }
.am-primary-nav a:hover, .am-primary-nav .current-menu-item > a { color: var(--am-mint); }
.am-header-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.am-icon-link, .am-login { color: #d9dcd9; font-size: 14px; font-weight: 650; }
.am-icon-link { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; }
.am-icon-link:hover { background: rgba(255,255,255,.09); }
.am-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px; padding: 0 20px; border: 1px solid transparent; border-radius: 13px;
  background: var(--am-mint); color: var(--am-black); font-weight: 780; line-height: 1;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.am-button:hover { transform: translateY(-2px); background: #70e1b6; box-shadow: 0 12px 30px rgba(87,214,164,.24); }
.am-button-dark { background: var(--am-black); color: var(--am-ivory); }
.am-button-dark:hover { background: var(--am-charcoal); }
.am-button-ghost { background: transparent; color: var(--am-charcoal); border-color: #cbd0cc; }
.am-button-ghost:hover { background: var(--am-white); box-shadow: none; }
.am-mobile-toggle { display: none; background: none; border: 0; color: white; padding: 8px; cursor: pointer; }
.am-mobile-toggle span { display: block; width: 24px; height: 2px; margin: 5px; background: currentColor; border-radius: 2px; }

/* Hero */
.am-hero { position: relative; overflow: hidden; padding: 78px 0 72px; background: var(--am-ivory); }
.am-hero::before {
  content: ""; position: absolute; width: 560px; height: 560px; right: -110px; top: -180px;
  border-radius: 50%; background: rgba(87,214,164,.20); filter: blur(2px);
}
.am-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); align-items: center; gap: 64px; }
.am-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--am-mint-dark); font-size: 13px; font-weight: 820; letter-spacing: .12em; text-transform: uppercase; }
.am-eyebrow::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--am-coral); }
.am-hero h1 { max-width: 760px; margin: 18px 0 20px; color: var(--am-black); font-size: clamp(48px, 6.4vw, 82px); line-height: .98; letter-spacing: -.065em; }
.am-hero h1 span { color: var(--am-mint-dark); }
.am-hero-copy { max-width: 660px; margin: 0 0 30px; color: #525955; font-size: clamp(18px,2vw,21px); }
.am-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 30px; }
.am-trust-row { display: flex; flex-wrap: wrap; gap: 18px; color: #69706c; font-size: 13px; font-weight: 650; }
.am-trust-row span::before { content: "✓"; color: var(--am-mint-dark); font-weight: 900; margin-right: 6px; }
.am-hero-art { position: relative; min-height: 500px; display: grid; place-items: center; }
.am-hero-orb { position: absolute; inset: 6% 0 0 7%; border-radius: 48% 52% 44% 56%; background: var(--am-black); box-shadow: var(--am-shadow); transform: rotate(-3deg); }
.am-hero-nimo { position: relative; z-index: 2; width: min(100%, 530px); filter: drop-shadow(0 24px 28px rgba(20,42,32,.16)); }
.am-float-chip {
  position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px;
  padding: 10px 14px; border: 1px solid rgba(5,5,5,.1); border-radius: 14px;
  background: rgba(255,255,255,.92); box-shadow: 0 14px 34px rgba(8,28,18,.14); font-size: 13px; font-weight: 780;
}
.am-float-chip.one { top: 10%; right: 0; }
.am-float-chip.two { bottom: 10%; left: 0; }
.am-chip-dot { width: 10px; height: 10px; border-radius: 3px; background: var(--am-violet); }
.am-chip-dot.mint { background: var(--am-mint); }

/* Search */
.am-search-band { padding: 0 0 36px; background: var(--am-ivory); }
.am-search-panel { position: relative; z-index: 5; margin-top: -6px; padding: 14px; border-radius: 20px; background: var(--am-white); box-shadow: var(--am-shadow); }
.am-search-form { display: flex; align-items: center; gap: 10px; }
.am-search-form svg { flex: 0 0 auto; margin-left: 10px; color: #838985; }
.am-search-form input[type="search"] { flex: 1; min-width: 0; height: 52px; border: 0; outline: 0; background: transparent; color: var(--am-charcoal); font-size: 17px; }
.am-search-form .am-button { min-width: 132px; }

/* Sections */
.am-section { padding: 88px 0; }
.am-section-white { background: var(--am-white); }
.am-section-dark { background: var(--am-black); color: var(--am-ivory); }
.am-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 34px; }
.am-section-heading h2 { margin: 0; font-size: clamp(34px,4vw,52px); line-height: 1.05; letter-spacing: -.045em; }
.am-section-heading p { max-width: 560px; margin: 0; color: var(--am-gray-500); }
.am-section-dark .am-section-heading p { color: #9da39f; }
.am-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.am-card { min-height: 240px; padding: 24px; border: 1px solid var(--am-gray-200); border-radius: var(--am-radius); background: var(--am-white); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.am-card:hover { transform: translateY(-5px); border-color: #b8dccc; box-shadow: var(--am-shadow); }
.am-card-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 28px; border-radius: 14px; background: #ddf8eb; color: var(--am-mint-dark); font-size: 21px; font-weight: 900; }
.am-card:nth-child(2) .am-card-icon { background: #ebe8ff; color: var(--am-violet); }
.am-card:nth-child(3) .am-card-icon { background: #ffe6e0; color: #cf4e3e; }
.am-card h3 { margin: 0 0 8px; font-size: 21px; letter-spacing: -.025em; }
.am-card p { margin: 0; color: #656c68; font-size: 14px; }
.am-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 24px; color: #747a76; font-size: 12px; }
.am-tag { display: inline-flex; padding: 5px 9px; border-radius: 99px; background: var(--am-gray-100); font-size: 11px; font-weight: 750; }
.am-link-arrow { color: var(--am-mint-dark); font-weight: 780; }
.am-empty-card { border-style: dashed; background: #fbfcfa; }

.am-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.am-feature { padding: 26px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--am-radius); background: #111412; }
.am-feature-number { color: var(--am-mint); font-size: 13px; font-weight: 850; }
.am-feature h3 { margin: 28px 0 8px; font-size: 24px; letter-spacing: -.03em; }
.am-feature p { margin: 0; color: #a8ada9; }

.am-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 30px; padding: 42px 48px; border-radius: var(--am-radius-lg); background: var(--am-mint); }
.am-cta h2 { margin: 0 0 8px; color: var(--am-black); font-size: clamp(32px,4vw,50px); line-height: 1; letter-spacing: -.045em; }
.am-cta p { margin: 0; color: #164d38; }

/* Archive and pages */
.am-page-hero { padding: 72px 0 44px; background: var(--am-black); color: var(--am-ivory); }
.am-page-hero h1 { margin: 10px 0 12px; font-size: clamp(44px,6vw,70px); line-height: 1; letter-spacing: -.055em; }
.am-page-hero p { max-width: 680px; margin: 0; color: #aeb3af; font-size: 18px; }
.am-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 30px 0 0; }
.am-tab { padding: 8px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; color: #c7cbc8; font-size: 13px; font-weight: 700; }
.am-tab.active { border-color: var(--am-mint); background: var(--am-mint); color: var(--am-black); }
.am-content-wrap { padding: 64px 0 96px; }
.am-prose { max-width: 820px; }
.am-prose h1,.am-prose h2,.am-prose h3 { line-height: 1.15; letter-spacing: -.035em; }
.am-prose a { color: var(--am-mint-dark); text-decoration: underline; }
.am-skill-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.am-skill-card { display: flex; flex-direction: column; }
.am-skill-card .am-card-meta { margin-top: auto; padding-top: 24px; }
.am-empty-state { padding: 64px 28px; text-align: center; border: 1px dashed #cdd1ce; border-radius: var(--am-radius); background: var(--am-white); }
.am-empty-state img { width: 140px; margin-bottom: 18px; }
.am-empty-state h2 { margin: 0 0 8px; }
.am-empty-state p { margin: 0 auto 22px; max-width: 520px; color: var(--am-gray-500); }

/* Footer */
.am-site-footer { padding: 64px 0 26px; background: var(--am-black); color: var(--am-ivory); }
.am-footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 42px; }
.am-footer-brand p { max-width: 340px; color: #999f9b; font-size: 14px; }
.am-footer-title { margin: 4px 0 18px; color: #787f7a; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.am-footer-links { list-style: none; padding: 0; margin: 0; }
.am-footer-links li { margin: 10px 0; }
.am-footer-links a { color: #c7cbc8; font-size: 14px; }
.am-footer-links a:hover { color: var(--am-mint); }
.am-footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 52px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: #777d79; font-size: 12px; }

@media (max-width: 980px) {
  .am-primary-nav, .am-header-actions .am-icon-link, .am-header-actions .am-login { display: none; }
  .am-header-actions { margin-left: auto; }
  .am-mobile-toggle { display: block; }
  .am-primary-nav.is-open { display: block; position: absolute; top: 74px; left: 0; right: 0; margin: 0; padding: 16px 20px 24px; background: var(--am-black); border-top: 1px solid rgba(255,255,255,.08); }
  .am-primary-nav.is-open ul { flex-direction: column; align-items: stretch; gap: 0; }
  .am-primary-nav.is-open a { display: block; padding: 13px 0; font-size: 16px; }
  .am-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .am-hero-art { min-height: 440px; }
  .am-card-grid, .am-skill-grid, .am-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .am-footer-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 640px) {
  .admin-bar .am-site-header { top: 46px; }
  .am-container { width: min(calc(100% - 28px), var(--am-max)); }
  .am-header-inner { min-height: 66px; gap: 10px; }
  .am-brand-mark { width: 36px; height: 36px; }
  .am-brand-word { font-size: 20px; }
  .am-header-actions .am-button { display: none; }
  .am-primary-nav.is-open { top: 66px; }
  .am-hero { padding: 58px 0 42px; }
  .am-hero h1 { font-size: 49px; }
  .am-hero-art { min-height: 350px; }
  .am-float-chip { display: none; }
  .am-search-form { align-items: stretch; flex-wrap: wrap; }
  .am-search-form input[type="search"] { width: calc(100% - 50px); }
  .am-search-form .am-button { width: 100%; }
  .am-section { padding: 64px 0; }
  .am-section-heading { align-items: start; flex-direction: column; }
  .am-card-grid, .am-skill-grid, .am-feature-grid { grid-template-columns: 1fr; }
  .am-cta { grid-template-columns: 1fr; padding: 32px 24px; }
  .am-footer-grid { grid-template-columns: 1fr; gap: 26px; }
  .am-footer-bottom { flex-direction: column; }
}

/* Final compact header cascade. */
.am-container { width: min(calc(100% - 40px), 1088px); }
.am-header-inner { min-height: 58px; gap: 26px; }
.am-brand { gap: 8px; }
.am-brand-mark { width: 34px; height: 34px; }
.am-brand-word { font-size: 20px; letter-spacing: -.7px; }
.am-primary-nav { margin-left: 10px; }
.am-primary-nav ul { gap: 25px; }
.am-primary-nav a,.am-login { font-size: 13px; font-weight: 560; }
.am-header-actions .am-button { min-height: 36px; padding: 0 15px; border-radius: 10px; font-size: 13px; background: #f4f3ef; }
.am-icon-link { width: 34px; height: 34px; }
.am-mobile-account { display: none; }
@media (max-width: 980px) { .am-primary-nav.is-open { top: 58px; } }
@media (max-width: 640px) {
  .am-container { width: min(calc(100% - 28px), 1088px); }
  .am-header-inner { min-height: 58px; }
  .am-primary-nav.is-open { top: 58px; }
}

/* 1.3.0 — accounts, dashboard and pricing */
.am-save-form { display: inline-flex; margin: 0; }
.am-save-form button { cursor: pointer; }
.am-auth-page { min-height: 720px; padding: 72px 20px 96px; color: #efeeea; background: #151515; }
.am-auth-shell { display: grid; grid-template-columns: minmax(260px,390px) minmax(360px,480px); align-items: center; justify-content: center; gap: 80px; }
.am-auth-brand { text-align: center; }
.am-auth-brand img { width: 190px; height: 190px; object-fit: contain; filter: drop-shadow(0 20px 35px rgba(0,0,0,.34)); }
.am-auth-brand span { display: block; margin-top: 18px; color: #999a97; font-size: 15px; }
.am-auth-card { padding: 34px; border: 1px solid #343434; border-radius: 18px; background: #1d1d1d; box-shadow: 0 24px 70px rgba(0,0,0,.24); }
.am-auth-card h1 { margin: 8px 0 7px; font-size: 38px; font-weight: 630; letter-spacing: -.045em; }
.am-auth-intro { margin: 0 0 24px; color: #8d8e8b; font-size: 13px; }
.am-form-alert { margin-bottom: 16px; padding: 10px 12px; border: 1px solid rgba(255,122,102,.35); border-radius: 9px; color: #ffaaa0; background: rgba(255,122,102,.07); font-size: 11px; }
.am-account-form { display: grid; gap: 14px; }
.am-account-form > label:not(.am-checkbox) { display: grid; gap: 6px; color: #adadaa; font-size: 11px; font-weight: 600; }
.am-account-form label > span { color: #666; font-weight: 400; }
.am-account-form input[type="text"],.am-account-form input[type="email"],.am-account-form input[type="password"] { width: 100%; height: 44px; padding: 0 12px; border: 1px solid #3b3b3b; border-radius: 10px; outline: 0; color: #eee; background: #181818; font-size: 13px; }
.am-account-form input:focus { border-color: var(--am-mint); }
.am-checkbox { display: flex; align-items: flex-start; gap: 8px; color: #8c8d8a; font-size: 10px; font-weight: 400; }
.am-checkbox input { margin: 3px 0 0; accent-color: var(--am-mint); }
.am-checkbox a,.am-form-row > a,.am-auth-switch a { color: var(--am-mint); }
.am-account-form > .am-button { width: 100%; margin-top: 3px; cursor: pointer; }
.am-form-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 10px; }
.am-auth-switch { margin: 20px 0 0; text-align: center; color: #777; font-size: 11px; }
.am-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.am-dashboard-hero { padding: 66px 0 38px; color: #efeeea; background: #151515; }
.am-dashboard-hero h1 { margin: 8px 0 7px; font-size: clamp(44px,6vw,68px); font-weight: 630; line-height: 1; letter-spacing: -.055em; }
.am-dashboard-hero p { margin: 0; color: #898a87; font-size: 15px; }
.am-dashboard-content { min-height: 480px; padding: 32px 0 90px; color: #efeeea; background: #151515; }
.am-dashboard-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 18px; border-bottom: 1px solid #2f2f2f; }
.am-dashboard-heading h2 { display: inline; margin: 0; font-size: 19px; font-weight: 590; }
.am-dashboard-heading span { margin-left: 9px; color: #70716e; font-size: 10px; }
.am-dashboard-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.am-dashboard-grid article { display: grid; grid-template-columns: 54px 1fr; gap: 15px; padding: 18px; border: 1px solid #303030; border-radius: 14px; background: #1b1b1b; }
.am-dashboard-grid .am-card-glyph { width: 48px; height: 48px; border-radius: 13px; }
.am-dashboard-grid h3 { margin: 0 0 5px; font-size: 15px; }
.am-dashboard-grid p { margin: 0 0 12px; color: #858583; font-size: 10px; line-height: 1.5; }
.am-dashboard-grid article div > a { color: var(--am-mint); font-size: 10px; }
.am-dashboard-empty { display: flex; align-items: center; justify-content: center; gap: 30px; min-height: 300px; margin-top: 20px; padding: 35px; border: 1px dashed #3a3a3a; border-radius: 16px; background: #191919; }
.am-dashboard-empty img { width: 110px; }
.am-dashboard-empty h2 { margin: 0 0 5px; font-size: 23px; }
.am-dashboard-empty p { margin: 0 0 16px; color: #858583; font-size: 12px; }

.am-pricing-hero { padding: 72px 0 58px; text-align: center; color: #efeeea; background: #151515; }
.am-pricing-hero h1 { margin: 8px auto 14px; font-size: clamp(48px,6.4vw,74px); font-weight: 630; line-height: .97; letter-spacing: -.06em; }
.am-pricing-hero p { max-width: 620px; margin: 0 auto; color: #91918e; font-size: 15px; }
.am-pricing-content { padding: 0 0 96px; color: #efeeea; background: #151515; }
.am-pricing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.am-pricing-grid article { display: flex; flex-direction: column; min-height: 400px; padding: 25px; border: 1px solid #333; border-radius: 16px; background: #1b1b1b; }
.am-pricing-grid article.featured { border-color: rgba(87,214,164,.55); background: linear-gradient(180deg,rgba(87,214,164,.08),#1b1b1b 36%); }
.am-plan-label { color: var(--am-mint); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.am-pricing-grid h2 { margin: 20px 0 8px; font-size: 42px; font-weight: 620; letter-spacing: -.05em; }
.am-pricing-grid h2 span { color: #777; font-size: 13px; letter-spacing: 0; }
.am-pricing-grid p { min-height: 42px; margin: 0; color: #8c8d8a; font-size: 11px; }
.am-pricing-grid ul { flex: 1; padding: 0; margin: 26px 0; list-style: none; }
.am-pricing-grid li { margin: 11px 0; color: #b0b0ad; font-size: 11px; }
.am-pricing-grid li::before { content: "✓"; margin-right: 8px; color: var(--am-mint); }
.am-pricing-grid .am-button { width: 100%; }

@media (max-width: 800px) {
  .am-auth-shell { grid-template-columns: 1fr; gap: 20px; max-width: 480px; margin: 0 auto; }
  .am-auth-brand img { width: 105px; height: 105px; }
  .am-auth-brand span { display: none; }
  .am-pricing-grid { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
  .am-primary-nav.is-open .am-mobile-account { display: flex; gap: 8px; margin-top: 10px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.09); }
  .am-primary-nav.is-open .am-mobile-account a { flex: 1; padding: 10px 12px; border: 1px solid #363636; border-radius: 9px; text-align: center; }
}
@media (max-width: 640px) {
  .am-auth-page { padding: 45px 14px 70px; }
  .am-auth-card { padding: 25px 20px; }
  .am-dashboard-heading { align-items: flex-start; flex-direction: column; }
  .am-dashboard-grid { grid-template-columns: 1fr; }
  .am-dashboard-empty { align-items: flex-start; flex-direction: column; }
}

/* Final pricing grid cascade. */
.am-pricing-grid.am-pricing-grid-five { grid-template-columns: repeat(6,minmax(0,1fr)); }
.am-pricing-grid-five article { grid-column: span 2; min-height: 430px; }
.am-pricing-grid-five article:nth-child(4) { grid-column: 2 / span 2; }
.am-pricing-grid-five article:nth-child(5) { grid-column: 4 / span 2; }
@media (max-width: 900px) {
  .am-pricing-grid.am-pricing-grid-five { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .am-pricing-grid-five article,.am-pricing-grid-five article:nth-child(4),.am-pricing-grid-five article:nth-child(5) { grid-column: auto; }
}
@media (max-width: 640px) { .am-pricing-grid.am-pricing-grid-five { grid-template-columns: 1fr; } }

/* 1.5.0 — wider layout, readable type and restrained motion */
:root { --am-max: 1400px; }
.am-container { width: min(calc(100% - 64px), var(--am-max)); }

/* Readability: body copy never drops into display-only micro type. */
.am-primary-nav a,.am-login { font-size: 14px; }
.am-header-actions .am-button { font-size: 14px; }
.am-kicker { font-size: 11px; }
.am-row-heading h2 { font-size: 22px; }
.am-row-heading > a { font-size: 13px; }
.am-tool-chip { font-size: 14px; }
.am-connect-row { font-size: 12px; }
.am-quick-actions a { height: 39px; padding-inline: 16px; font-size: 13px; }
.am-card-copy { padding: 18px 19px 20px; }
.am-card-copy > span,.am-creator,.am-verified { font-size: 11px; }
.am-card-copy h3 { font-size: 18px; }
.am-card-copy p { font-size: 13.5px; line-height: 1.6; }
.am-usecase-grid a { padding: 23px; }
.am-usecase-grid a > span { font-size: 12px; }
.am-usecase-grid h3 { font-size: 20px; }
.am-usecase-grid p { font-size: 14px; line-height: 1.55; }

.am-store-search input { font-size: 16px; }
.am-filter-pills a { padding: 8px 14px; font-size: 13px; }
.am-sort-form,.am-sort-form select,.am-result-count { font-size: 12.5px; }
.am-store-card-top { min-height: 174px; padding: 21px; }
.am-store-card-category { font-size: 11.5px; }
.am-store-card-body { padding: 19px 20px 20px; }
.am-store-card h2 { font-size: 20px; }
.am-store-card p { min-height: 66px; font-size: 13.5px; line-height: 1.55; }
.am-store-card-meta { font-size: 12px; }
.am-pagination .page-numbers,.am-back-link { font-size: 12.5px; }
.am-detail-badges span { font-size: 10.5px; }
.am-skill-facts span,.am-skill-facts strong { font-size: 12.5px; }
.am-nimo-note strong { font-size: 14px; }
.am-nimo-note p { font-size: 13px; }

.am-pricing-hero p { font-size: 17px; line-height: 1.55; }
.am-billing-toggle button { height: 38px; padding-inline: 16px; font-size: 13px; }
.am-billing-toggle button span { font-size: 10px; }
.am-pricing-grid article { min-height: 450px; padding: 30px; }
.am-plan-label { font-size: 11.5px; }
.am-plan-price strong { font-size: 48px; }
.am-plan-price small { font-size: 13px; }
.am-pricing-grid p { min-height: 46px; font-size: 13.5px; line-height: 1.55; }
.am-pricing-grid li { margin: 13px 0; font-size: 13.5px; line-height: 1.45; }
.am-paypal-slot > span { font-size: 11.5px; }
.am-payment-message { font-size: 12px; }
.am-pricing-note { max-width: 980px; font-size: 12.5px; line-height: 1.55; }

.am-auth-intro,.am-auth-brand span { font-size: 15px; }
.am-form-alert,.am-account-form > label:not(.am-checkbox),.am-auth-switch { font-size: 13px; }
.am-account-form input[type="text"],.am-account-form input[type="email"],.am-account-form input[type="password"] { height: 48px; font-size: 15px; }
.am-checkbox,.am-form-row { font-size: 12.5px; }
.am-dashboard-heading h2 { font-size: 22px; }
.am-dashboard-heading span { font-size: 12px; }
.am-dashboard-grid h3 { font-size: 17px; }
.am-dashboard-grid p,.am-dashboard-grid article div > a { font-size: 13px; }
.am-dashboard-empty p { font-size: 14px; }

/* Depth and motion: visible but calm, with no dependency on a library. */
.am-workspace-hero::before,.am-store-hero::before,.am-pricing-hero::before {
  content: ""; position: absolute; width: 520px; height: 520px; border-radius: 50%;
  background: radial-gradient(circle,rgba(87,214,164,.1),rgba(87,214,164,0) 68%);
  filter: blur(8px); pointer-events: none; animation: am-ambient 12s ease-in-out infinite alternate;
}
.am-workspace-hero::before { top: -290px; left: calc(50% - 260px); }
.am-store-hero,.am-pricing-hero { position: relative; overflow: hidden; }
.am-store-hero::before { top: -330px; right: 4%; }
.am-pricing-hero::before { top: -350px; left: 8%; }
.am-workspace-hero > *,.am-store-hero > *,.am-pricing-hero > * { position: relative; z-index: 1; }
.am-live-dot { animation: am-pulse 2.4s ease-out infinite; }
.am-nimo-perch img,.am-store-title-row img,.am-auth-brand img { animation: am-float 5.8s ease-in-out infinite; }
.am-composer { transition: border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.am-composer:focus-within { transform: translateY(-2px); border-color: rgba(87,214,164,.62); box-shadow: 0 28px 70px rgba(0,0,0,.34),0 0 0 3px rgba(87,214,164,.08); }
.am-composer-right button { transition: transform .2s ease,box-shadow .2s ease; }
.am-composer-right button:hover { transform: translateY(-2px) rotate(7deg); box-shadow: 0 7px 20px rgba(87,214,164,.25); }
.am-source-dot { transition: transform .2s ease,border-color .2s ease; }
.am-source-dot:hover { z-index: 2; transform: translateY(-3px) scale(1.08); border-color: var(--am-mint); }
.am-showcase-card,.am-store-card,.am-usecase-grid a,.am-pricing-grid article,.am-dashboard-grid article {
  position: relative; transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.am-showcase-card:hover,.am-store-card:hover,.am-usecase-grid a:hover,.am-pricing-grid article:hover,.am-dashboard-grid article:hover {
  transform: translateY(-6px); border-color: #4a4f4c; box-shadow: 0 22px 55px rgba(0,0,0,.22);
}
.am-card-visual::before { animation: am-card-drift 7s ease-in-out infinite alternate; }
.am-card-visual::after { animation: am-card-drift-alt 8s ease-in-out infinite alternate; }
.am-card-glyph { transition: transform .3s ease,box-shadow .3s ease; }
.am-showcase-card:hover .am-card-glyph,.am-dashboard-grid article:hover .am-card-glyph { transform: rotate(8deg) scale(1.08); box-shadow: 0 12px 25px rgba(0,0,0,.2); }
.am-pricing-grid article.featured { animation: am-featured-glow 4.5s ease-in-out infinite; }
.am-button { position: relative; overflow: hidden; transition: transform .2s ease,box-shadow .2s ease,background-color .2s ease; }
.am-button:hover { transform: translateY(-2px); }
.am-button::after { content: ""; position: absolute; top: -50%; left: -70%; width: 45%; height: 200%; transform: rotate(18deg); background: linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); transition: left .55s ease; pointer-events: none; }
.am-button:hover::after { left: 125%; }

body.am-motion-ready .am-reveal { opacity: 0; transform: translateY(24px); }
body.am-motion-ready .am-reveal.is-visible { opacity: 1; transform: translateY(0); transition: opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1); transition-delay: var(--am-reveal-delay,0ms); }

@keyframes am-pulse { 0% { box-shadow: 0 0 0 0 rgba(87,214,164,.35); } 70%,100% { box-shadow: 0 0 0 10px rgba(87,214,164,0); } }
@keyframes am-float { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-10px) rotate(1.5deg); } }
@keyframes am-ambient { from { opacity: .55; transform: translate3d(-4%,0,0) scale(.92); } to { opacity: 1; transform: translate3d(5%,5%,0) scale(1.08); } }
@keyframes am-card-drift { to { transform: translate(-8px,4px) rotate(-3deg); } }
@keyframes am-card-drift-alt { to { transform: translate(34px,11px) rotate(13deg); } }
@keyframes am-featured-glow { 0%,100% { box-shadow: 0 0 0 rgba(87,214,164,0); } 50% { box-shadow: 0 16px 45px rgba(32,130,93,.14); } }

@media (max-width: 980px) {
  .am-container { width: min(calc(100% - 40px), var(--am-max)); }
}
@media (max-width: 640px) {
  .am-container { width: min(calc(100% - 28px), var(--am-max)); }
  .am-card-copy p,.am-store-card p,.am-pricing-grid p,.am-pricing-grid li { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  body.am-motion-ready .am-reveal { opacity: 1; transform: none; }
}

/* 1.5.1 — balanced desktop width and branded motion accents */
:root { --am-max: 1280px; }
@media (min-width: 981px) {
  .am-primary-nav { margin-left: 44px; }
}
.am-showcase-card:nth-child(3n+1) .am-card-glyph,
.am-store-card:nth-child(3n+1) .am-store-card-icon {
  color: transparent;
  background-color: rgba(87,214,164,.12);
  background-image: url("nimo-mark.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 82%;
  box-shadow: 0 10px 28px rgba(0,0,0,.2);
}
.am-showcase-card:nth-child(3n+1):hover .am-card-glyph,
.am-store-card:nth-child(3n+1):hover .am-store-card-icon {
  animation: am-nimo-wiggle .65s ease both;
}
@keyframes am-nimo-wiggle {
  0%,100% { transform: translateY(0) rotate(0) scale(1); }
  35% { transform: translateY(-5px) rotate(-7deg) scale(1.08); }
  70% { transform: translateY(-2px) rotate(5deg) scale(1.05); }
}

/* 1.6.0 — three clear offers and a value-first pricing story */
.am-pricing-hero { padding: 72px 0 64px; }
.am-pricing-hero-inner { position: relative; }
.am-pricing-nimo { width: 78px; height: 78px; margin-bottom: 10px; object-fit: contain; filter: drop-shadow(0 12px 24px rgba(0,0,0,.28)); animation: am-float 5.8s ease-in-out infinite; }
.am-pricing-hero h1 { max-width: 930px; font-size: clamp(54px,6.7vw,88px); }
.am-pricing-hero p { max-width: 760px; }
.am-pricing-value-strip { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 28px; margin: 28px auto 0; color: #aaa; font-size: 13px; }
.am-pricing-value-strip span { display: inline-flex; align-items: center; gap: 8px; }
.am-pricing-value-strip b { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #3b3b3b; border-radius: 50%; color: var(--am-mint); font-size: 9px; }
.am-pricing-content { padding-top: 38px; }
.am-pricing-grid.am-pricing-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; align-items: stretch; }
.am-pricing-grid-three .am-plan-card { grid-column: auto; min-height: 610px; padding: 31px; }
.am-plan-audience { color: #81827f; font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.am-plan-heading { min-height: 118px; margin-top: 15px; }
.am-pricing-grid .am-plan-heading h2 { margin: 0 0 8px; color: #f2f1ed; font-size: 29px; font-weight: 620; letter-spacing: -.035em; }
.am-pricing-grid .am-plan-heading p { min-height: 0; max-width: 340px; color: #aaa; font-size: 15px; line-height: 1.5; }
.am-pricing-grid-three .am-plan-price { margin: 18px 0 10px; }
.am-pricing-grid-three .am-plan-price strong { font-size: 54px; }
.am-plan-outcome { min-height: 48px; color: #d3d3cf; font-size: 14px; font-weight: 560; line-height: 1.5; }
.am-plan-divider { position: relative; margin: 26px 0 18px; border-top: 1px solid #333; }
.am-plan-divider span { position: relative; top: -10px; padding-right: 10px; color: #6f706d; background: #1b1b1b; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.am-pricing-grid-three article.featured .am-plan-divider span { background: #1a211e; }
.am-pricing-grid-three ul { margin: 0 0 28px; }
.am-pricing-grid-three li { padding-left: 0; }
.am-pricing-grid-three .am-button { min-height: 48px; margin-top: auto; }
.am-pricing-grid-three article.featured { transform: translateY(-8px); border-color: rgba(87,214,164,.68); background: linear-gradient(180deg,rgba(87,214,164,.11),#1b1b1b 34%); }
.am-pricing-grid-three article.featured:hover { transform: translateY(-13px); }
body.am-motion-ready .am-pricing-grid-three article.featured.am-reveal.is-visible { transform: translateY(-8px); }
body.am-motion-ready .am-pricing-grid-three article.featured.am-reveal.is-visible:hover { transform: translateY(-13px); }
.am-popular-label { top: 16px; right: 18px; }

.am-why-pay { margin-top: 88px; padding: 50px; border: 1px solid #303030; border-radius: 22px; background: #191919; }
.am-why-pay-heading { display: grid; grid-template-columns: 76px minmax(0,760px); align-items: center; gap: 22px; }
.am-why-pay-heading img { width: 76px; height: 76px; object-fit: contain; animation: am-float 5.8s ease-in-out infinite; }
.am-why-pay-heading h2 { margin: 5px 0 0; color: #efeeea; font-size: clamp(30px,4vw,48px); font-weight: 620; line-height: 1.08; letter-spacing: -.045em; }
.am-why-pay-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 38px; }
.am-why-pay-grid article { padding: 24px; border: 1px solid #303030; border-radius: 15px; background: #1d1d1d; transition: transform .25s ease,border-color .25s ease; }
.am-why-pay-grid article:hover { transform: translateY(-5px); border-color: #484d4a; }
.am-why-pay-grid article > span { color: var(--am-mint); font-size: 11px; font-weight: 750; }
.am-why-pay-grid h3 { margin: 24px 0 7px; color: #efeeea; font-size: 20px; font-weight: 600; }
.am-why-pay-grid p { margin: 0; color: #989996; font-size: 14px; line-height: 1.6; }
.am-why-pay + .am-pricing-note { margin-top: 18px; }

@media (max-width: 900px) {
  .am-pricing-grid.am-pricing-grid-three { grid-template-columns: 1fr; }
  .am-pricing-grid-three .am-plan-card { min-height: auto; }
  .am-pricing-grid-three article.featured,.am-pricing-grid-three article.featured:hover,
  body.am-motion-ready .am-pricing-grid-three article.featured.am-reveal.is-visible,
  body.am-motion-ready .am-pricing-grid-three article.featured.am-reveal.is-visible:hover { transform: none; }
  .am-plan-heading { min-height: 0; }
  .am-why-pay { margin-top: 60px; padding: 34px; }
  .am-why-pay-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .am-pricing-hero { padding: 52px 0 48px; }
  .am-pricing-nimo { width: 62px; height: 62px; }
  .am-pricing-hero h1 { font-size: 46px; }
  .am-pricing-value-strip { align-items: flex-start; flex-direction: column; max-width: 260px; }
  .am-pricing-grid-three .am-plan-card { padding: 25px 22px; }
  .am-why-pay { padding: 27px 22px; }
  .am-why-pay-heading { grid-template-columns: 58px 1fr; gap: 14px; }
  .am-why-pay-heading img { width: 58px; height: 58px; }
}

/* 1.8.0 — Teams sales page */
.am-teams-hero { position: relative; overflow: hidden; padding: 78px 0 74px; color: #efeeea; background: #151515; }
.am-teams-hero::before { content: ""; position: absolute; right: -230px; top: -260px; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(circle,rgba(108,95,242,.15),transparent 67%); animation: am-ambient 12s ease-in-out infinite alternate; }
.am-teams-hero-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(440px,.95fr); align-items: center; gap: 60px; }
.am-teams-copy { position: relative; z-index: 2; }
.am-teams-copy h1 { margin: 10px 0 20px; font-size: clamp(54px,6.2vw,86px); font-weight: 650; line-height: .97; letter-spacing: -.062em; }
.am-teams-copy h1 span { color: var(--am-mint); }
.am-teams-copy > p { max-width: 690px; margin: 0; color: #a1a29f; font-size: 18px; line-height: 1.62; }
.am-teams-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.am-teams-proof { display: flex; flex-wrap: wrap; gap: 9px 20px; margin-top: 24px; color: #858682; font-size: 12px; }
.am-teams-proof span::before { content: "✓"; margin-right: 6px; color: var(--am-mint); }

.am-team-visual { position: relative; min-height: 500px; }
.am-team-nimo { position: absolute; z-index: 2; inset: 18px 0 0 30px; display: grid; place-items: center; }
.am-team-nimo::before { content: ""; position: absolute; width: 390px; height: 390px; border: 1px solid rgba(255,255,255,.08); border-radius: 46% 54% 48% 52%; background: rgba(255,255,255,.018); animation: am-team-blob 9s ease-in-out infinite alternate; }
.am-team-nimo img { position: relative; z-index: 2; width: 430px; height: 430px; object-fit: contain; filter: drop-shadow(0 28px 45px rgba(0,0,0,.36)); animation: am-float 5.8s ease-in-out infinite; }
.am-team-float { position: absolute; z-index: 4; display: flex; align-items: center; gap: 11px; min-width: 205px; padding: 10px 14px 10px 10px; border: 1px solid #3a3a3a; border-radius: 15px; color: #eee; background: rgba(29,29,29,.9); box-shadow: 0 18px 45px rgba(0,0,0,.28); backdrop-filter: blur(12px); animation: am-team-card-float 5.5s ease-in-out infinite; }
.am-team-float .am-brand-tile { width: 42px; height: 42px; border-radius: 12px; font-size: 13px; }
.am-team-float small { display: block; margin-bottom: 2px; color: var(--am-mint); font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.am-team-float strong { font-size: 12px; font-weight: 600; white-space: nowrap; }
.am-team-float-one { left: -10px; top: 82px; }
.am-team-float-two { right: -8px; top: 218px; animation-delay: -1.8s; }
.am-team-float-three { left: 20px; bottom: 25px; animation-delay: -3.4s; }

.am-team-problem { padding: 92px 0; border-top: 1px solid #2e2e2e; color: #efeeea; background: #151515; }
.am-team-section-heading h2 { max-width: 900px; margin: 6px 0 0; font-size: clamp(38px,5vw,64px); font-weight: 620; line-height: 1.02; letter-spacing: -.055em; }
.am-team-compare { display: grid; grid-template-columns: minmax(0,1fr) 100px minmax(0,1fr); align-items: center; gap: 20px; margin-top: 42px; }
.am-team-compare article { min-height: 330px; padding: 30px; border: 1px solid #333; border-radius: 18px; background: #1b1b1b; }
.am-team-compare article.before { opacity: .76; }
.am-team-compare article.after { border-color: rgba(87,214,164,.52); background: linear-gradient(145deg,rgba(87,214,164,.08),#1b1b1b 48%); }
.am-team-compare article > span { color: #8b8c88; font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.am-team-compare .after > span { color: var(--am-mint); }
.am-team-compare ul { padding: 0; margin: 35px 0 0; list-style: none; }
.am-team-compare li { margin: 18px 0; color: #aaa; font-size: 15px; }
.am-team-compare .before li::before { content: "×"; margin-right: 11px; color: var(--am-coral); }
.am-team-compare .after li::before { content: "✓"; margin-right: 11px; color: var(--am-mint); }
.am-team-arrow { display: grid; justify-items: center; gap: 3px; }
.am-team-arrow img { width: 74px; height: 74px; object-fit: contain; animation: am-float 5.8s ease-in-out infinite; }
.am-team-arrow span { color: var(--am-mint); font-size: 27px; }

.am-team-benefits { padding: 92px 0; border-top: 1px solid #2e2e2e; color: #efeeea; background: #191919; }
.am-team-benefit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 34px; }
.am-team-benefit-grid article { position: relative; min-height: 330px; padding: 28px; border: 1px solid #303030; border-radius: 18px; background: #1d1d1d; transition: transform .28s ease,border-color .28s ease; }
.am-team-benefit-grid article:hover { transform: translateY(-7px); border-color: #4b504d; }
.am-team-benefit-grid small { position: absolute; right: 28px; top: 30px; color: #60615e; font-size: 11px; }
.am-team-benefit-grid h3 { margin: 54px 0 9px; font-size: 22px; font-weight: 610; }
.am-team-benefit-grid p { margin: 0; color: #969793; font-size: 14px; line-height: 1.65; }

.am-team-onboarding { padding: 94px 0; border-top: 1px solid #2e2e2e; color: #efeeea; background: #151515; }
.am-team-onboarding-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(440px,1.1fr); align-items: start; gap: 80px; }
.am-team-onboarding-copy h2 { margin: 7px 0 16px; font-size: clamp(38px,5vw,60px); font-weight: 620; line-height: 1.02; letter-spacing: -.055em; }
.am-team-onboarding-copy p { max-width: 590px; margin: 0; color: #999a96; font-size: 15px; line-height: 1.65; }
.am-team-onboarding-copy > a { display: inline-block; margin-top: 25px; color: var(--am-mint); font-size: 14px; font-weight: 620; }
.am-team-onboarding-copy > a span { margin-left: 5px; }
.am-team-onboarding ol { padding: 0; margin: 0; list-style: none; }
.am-team-onboarding li { display: grid; grid-template-columns: 44px 1fr; gap: 18px; padding: 23px 0; border-bottom: 1px solid #303030; }
.am-team-onboarding li:first-child { padding-top: 0; }
.am-team-onboarding li > span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #3b3b3b; border-radius: 13px; color: #151515; background: var(--am-mint); font-size: 13px; font-weight: 800; }
.am-team-onboarding strong { font-size: 17px; font-weight: 610; }
.am-team-onboarding li p { margin: 5px 0 0; color: #8f908c; font-size: 13px; line-height: 1.55; }

.am-team-price-cta { padding: 42px 0 92px; color: #efeeea; background: #151515; }
.am-team-price-card { display: grid; grid-template-columns: 100px minmax(0,1fr) auto; align-items: center; gap: 28px; padding: 34px 38px; border: 1px solid rgba(87,214,164,.48); border-radius: 22px; background: linear-gradient(135deg,rgba(87,214,164,.1),#1b1b1b 42%); }
.am-team-price-icon img { width: 96px; height: 96px; object-fit: contain; animation: am-float 5.8s ease-in-out infinite; }
.am-team-price-card h2 { margin: 5px 0 6px; font-size: clamp(30px,4vw,46px); font-weight: 620; line-height: 1; letter-spacing: -.045em; }
.am-team-price-card p { max-width: 760px; margin: 0; color: #9c9d99; font-size: 14px; }
.am-team-price-actions { display: grid; justify-items: stretch; gap: 10px; min-width: 155px; text-align: center; }
.am-team-price-actions > a:last-child { color: #989995; font-size: 12px; }
@keyframes am-team-card-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes am-team-blob { from { transform: rotate(-5deg) scale(.96); } to { transform: rotate(7deg) scale(1.05); } }

@media (max-width: 1050px) {
  .am-teams-hero-grid { grid-template-columns: 1fr; gap: 15px; }
  .am-team-visual { min-height: 460px; max-width: 620px; width: 100%; margin: 0 auto; }
  .am-team-compare { grid-template-columns: 1fr; }
  .am-team-arrow { grid-template-columns: auto auto; justify-content: center; align-items: center; }
  .am-team-arrow img { width: 58px; height: 58px; }
  .am-team-arrow span { transform: rotate(90deg); }
  .am-team-onboarding-grid { grid-template-columns: 1fr; gap: 50px; }
  .am-team-price-card { grid-template-columns: 80px 1fr; }
  .am-team-price-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; }
}
@media (max-width: 760px) {
  .am-teams-hero { padding: 58px 0 48px; }
  .am-teams-copy h1 { font-size: 49px; }
  .am-teams-copy > p { font-size: 16px; }
  .am-team-visual { min-height: 380px; }
  .am-team-nimo img { width: 330px; height: 330px; }
  .am-team-nimo::before { width: 300px; height: 300px; }
  .am-team-float { min-width: 180px; }
  .am-team-float-one { left: 0; top: 50px; }
  .am-team-float-two { right: 0; top: 190px; }
  .am-team-float-three { left: 8px; bottom: 7px; }
  .am-team-benefit-grid { grid-template-columns: 1fr; }
  .am-team-price-card { grid-template-columns: 1fr; padding: 28px 23px; text-align: center; }
  .am-team-price-icon img { width: 82px; height: 82px; }
  .am-team-price-actions { grid-column: auto; flex-direction: column; }
}
@media (max-width: 480px) {
  .am-team-visual { min-height: 340px; }
  .am-team-float { min-width: 0; padding-right: 10px; }
  .am-team-float strong { display: none; }
  .am-team-compare article { padding: 24px 21px; }
  .am-team-onboarding-grid { gap: 38px; }
}

/* 1.9.0 — contact and inquiry conversion */
.am-contact-hero { position: relative; overflow: hidden; padding: 74px 0 65px; color: #efeeea; background: #151515; }
.am-contact-hero::before { content: ""; position: absolute; right: -170px; top: -300px; width: 720px; height: 720px; border-radius: 50%; background: radial-gradient(circle,rgba(255,122,102,.12),transparent 67%); animation: am-ambient 12s ease-in-out infinite alternate; }
.am-contact-hero-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(380px,.95fr); align-items: center; gap: 70px; }
.am-contact-copy { position: relative; z-index: 2; }
.am-contact-copy h1 { margin: 9px 0 20px; font-size: clamp(54px,6.3vw,86px); font-weight: 650; line-height: .97; letter-spacing: -.062em; }
.am-contact-copy > p { max-width: 690px; margin: 0; color: #a1a29f; font-size: 18px; line-height: 1.62; }
.am-contact-direct { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.am-contact-direct > a { display: grid; grid-template-columns: 42px minmax(145px,1fr) auto; align-items: center; gap: 11px; min-width: 270px; padding: 11px 14px 11px 11px; border: 1px solid #393939; border-radius: 15px; background: #1d1d1d; transition: transform .25s ease,border-color .25s ease; }
.am-contact-direct > a:hover { transform: translateY(-4px); border-color: #50534f; }
.am-contact-direct .am-brand-tile { width: 42px; height: 42px; border-radius: 12px; font-size: 13px; }
.am-contact-direct small { display: block; color: #71726e; font-size: 9px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.am-contact-direct strong { display: block; margin-top: 2px; color: #e2e1dd; font-size: 13px; font-weight: 590; }
.am-contact-direct b { color: var(--am-mint); }
.am-contact-nimo { position: relative; min-height: 430px; }
.am-contact-nimo img { position: absolute; inset: 20px 0 0; width: 100%; height: 400px; object-fit: contain; filter: drop-shadow(0 28px 45px rgba(0,0,0,.35)); animation: am-float 5.8s ease-in-out infinite; }
.am-contact-bubble { position: absolute; z-index: 3; top: 28px; right: 10px; padding: 12px 16px; border: 1px solid #3b3b3b; border-radius: 16px 16px 4px 16px; color: #d9d9d5; background: #202020; box-shadow: 0 15px 35px rgba(0,0,0,.25); font-size: 13px; animation: am-team-card-float 5.5s ease-in-out infinite; }

.am-contact-main { padding: 84px 0 100px; border-top: 1px solid #2e2e2e; color: #efeeea; background: #151515; }
.am-contact-layout { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(480px,1.28fr); align-items: start; gap: 70px; }
.am-contact-reasons { position: sticky; top: 105px; }
.am-contact-reasons > h2 { margin: 6px 0 30px; font-size: clamp(34px,4vw,50px); font-weight: 620; line-height: 1.05; letter-spacing: -.05em; }
.am-contact-reasons article { display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 18px 0; border-top: 1px solid #303030; }
.am-contact-reasons article:last-child { border-bottom: 1px solid #303030; }
.am-contact-reasons article .am-brand-tile { width: 46px; height: 46px; border-radius: 13px; font-size: 13px; }
.am-contact-reasons h3 { margin: 0 0 4px; font-size: 17px; font-weight: 610; }
.am-contact-reasons p { margin: 0; color: #8f908c; font-size: 13px; line-height: 1.55; }

.am-contact-form-card { min-height: 620px; padding: 38px; border: 1px solid #343434; border-radius: 22px; background: #1b1b1b; box-shadow: 0 30px 80px rgba(0,0,0,.2); }
.am-contact-form-card > h2 { margin: 6px 0 7px; font-size: 36px; font-weight: 620; letter-spacing: -.04em; }
.am-contact-intro { margin: 0 0 26px; color: #898a86; font-size: 13px; }
.am-contact-form { display: grid; gap: 17px; }
.am-contact-fields-two { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.am-contact-form label:not(.am-checkbox) { display: grid; gap: 7px; color: #b4b5b1; font-size: 12px; font-weight: 620; }
.am-contact-form input,.am-contact-form select,.am-contact-form textarea { width: 100%; border: 1px solid #3a3a3a; border-radius: 11px; outline: 0; color: #eee; background: #181818; font: inherit; font-size: 14px; transition: border-color .2s ease,box-shadow .2s ease; }
.am-contact-form input,.am-contact-form select { height: 48px; padding: 0 13px; }
.am-contact-form textarea { min-height: 150px; padding: 13px; resize: vertical; line-height: 1.55; }
.am-contact-form input:focus,.am-contact-form select:focus,.am-contact-form textarea:focus { border-color: var(--am-mint); box-shadow: 0 0 0 3px rgba(87,214,164,.08); }
.am-contact-form select { color-scheme: dark; }
.am-contact-form .am-checkbox { font-size: 12px; line-height: 1.5; }
.am-contact-form .am-button { min-height: 49px; cursor: pointer; }
.am-contact-success { display: flex; align-items: center; justify-content: center; gap: 28px; min-height: 540px; text-align: left; }
.am-contact-success img { width: 120px; height: 120px; object-fit: contain; animation: am-float 5.8s ease-in-out infinite; }
.am-contact-success h2 { max-width: 500px; margin: 6px 0 8px; font-size: clamp(32px,4vw,48px); font-weight: 620; line-height: 1.05; letter-spacing: -.045em; }
.am-contact-success p { margin: 0 0 20px; color: #939490; font-size: 14px; }

@media (max-width: 950px) {
  .am-contact-hero-grid { grid-template-columns: 1fr; gap: 10px; }
  .am-contact-nimo { min-height: 330px; }
  .am-contact-nimo img { height: 320px; }
  .am-contact-layout { grid-template-columns: 1fr; gap: 45px; }
  .am-contact-reasons { position: static; }
}
@media (max-width: 640px) {
  .am-contact-hero { padding: 54px 0 42px; }
  .am-contact-copy h1 { font-size: 48px; }
  .am-contact-copy > p { font-size: 16px; }
  .am-contact-direct { display: grid; }
  .am-contact-direct > a { min-width: 0; }
  .am-contact-nimo { min-height: 275px; }
  .am-contact-nimo img { height: 270px; }
  .am-contact-main { padding: 62px 0 78px; }
  .am-contact-form-card { min-height: 0; padding: 27px 21px; }
  .am-contact-fields-two { grid-template-columns: 1fr; }
  .am-contact-success { align-items: flex-start; flex-direction: column; min-height: 430px; }
  .am-contact-success img { width: 88px; height: 88px; }
}

/* 1.10.0 — Premium Skill Packs */
.am-packs-hero { position: relative; overflow: hidden; padding: 78px 0 70px; color: #efeeea; background: #151515; }
.am-packs-hero::before { content: ""; position: absolute; right: -220px; top: -300px; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(circle,rgba(108,95,242,.16),transparent 68%); animation: am-ambient 12s ease-in-out infinite alternate; }
.am-packs-hero-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); align-items: center; gap: 70px; }
.am-packs-hero h1 { margin: 9px 0 18px; font-size: clamp(55px,6.5vw,88px); font-weight: 650; line-height: .96; letter-spacing: -.065em; }
.am-packs-hero h1 span { color: var(--am-mint); }
.am-packs-hero p { max-width: 680px; margin: 0 0 28px; color: #9d9e9a; font-size: 17px; line-height: 1.62; }
.am-packs-nimo { position: relative; min-height: 390px; }
.am-packs-nimo img { position: absolute; inset: 0; width: 100%; height: 380px; object-fit: contain; filter: drop-shadow(0 28px 45px rgba(0,0,0,.36)); animation: am-float 5.8s ease-in-out infinite; }
.am-packs-nimo .am-brand-tile { position: absolute; z-index: 3; animation: am-icon-orbit 5s ease-in-out infinite; }
.am-packs-nimo .am-tile-code { left: 3%; top: 19%; }
.am-packs-nimo .am-tile-data { right: 2%; top: 7%; animation-delay: -1.7s; }
.am-packs-nimo .am-tile-spark { right: 6%; bottom: 10%; animation-delay: -3.3s; }
.am-packs-content { min-height: 560px; padding: 82px 0 100px; border-top: 1px solid #2e2e2e; color: #efeeea; background: #151515; }
.am-pack-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin-top: 35px; }
.am-pack-card { overflow: hidden; border: 1px solid #303030; border-radius: 19px; background: #1b1b1b; transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease; }
.am-pack-card:hover { transform: translateY(-7px); border-color: #4c514e; box-shadow: 0 25px 60px rgba(0,0,0,.24); }
.am-pack-card-top { display: flex; align-items: flex-start; justify-content: space-between; min-height: 185px; padding: 24px; background: linear-gradient(145deg,#28243e,#191821); }
.am-pack-card:nth-child(3n+2) .am-pack-card-top { background: linear-gradient(145deg,#24352e,#181d1a); }
.am-pack-card:nth-child(3n) .am-pack-card-top { background: linear-gradient(145deg,#382824,#1d1918); }
.am-pack-card:hover .am-brand-tile { animation: am-nimo-wiggle .65s ease both; }
.am-pack-tier { padding: 6px 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 99px; color: #c1c2be; background: rgba(0,0,0,.12); font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.am-pack-card-body { padding: 22px 23px 24px; }
.am-pack-version { color: #72736f; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.am-pack-card h2 { margin: 6px 0 9px; color: #efeeea; font-size: 23px; font-weight: 620; letter-spacing: -.035em; }
.am-pack-card-body > p { min-height: 66px; margin: 0; color: #969793; font-size: 14px; line-height: 1.58; }
.am-pack-card ul { min-height: 104px; padding: 18px 0 0; margin: 20px 0 0; border-top: 1px solid #303030; list-style: none; }
.am-pack-card li { margin: 8px 0; color: #aaa; font-size: 12.5px; }
.am-pack-card li::before { content: "✓"; margin-right: 8px; color: var(--am-mint); }
.am-pack-open { display: inline-block; margin-top: 18px; color: #d1d2ce; font-size: 13px; font-weight: 600; }
.am-pack-open span { margin-left: 4px; color: var(--am-mint); transition: margin-left .2s ease; }
.am-pack-card:hover .am-pack-open span { margin-left: 9px; }

.am-pack-detail-hero { padding: 44px 0 68px; color: #efeeea; background: #151515; }
.am-pack-detail-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); align-items: center; gap: 70px; margin-top: 48px; }
.am-pack-detail-grid h1 { max-width: 850px; margin: 15px 0 15px; font-size: clamp(50px,6.5vw,82px); font-weight: 650; line-height: .97; letter-spacing: -.06em; }
.am-pack-detail-grid > div:first-child > p { max-width: 720px; margin: 0; color: #9b9c98; font-size: 17px; line-height: 1.6; }
.am-pack-detail-art { position: relative; min-height: 280px; }
.am-pack-detail-art img { position: absolute; inset: 20px 0 0; width: 100%; height: 250px; object-fit: contain; animation: am-float 5.8s ease-in-out infinite; }
.am-pack-detail-art .am-brand-tile { position: absolute; z-index: 2; width: 46px; height: 46px; border-radius: 13px; font-size: 13px; }
.am-pack-detail-art .am-tile-code { left: 8%; top: 15%; }
.am-pack-detail-art .am-tile-data { right: 8%; top: 5%; }
.am-pack-detail-art .am-tile-spark { right: 10%; bottom: 5%; }
.am-pack-detail-content { padding: 72px 0 100px; background: #f7f4ea; }
.am-pack-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 370px; align-items: start; gap: 90px; }
.am-pack-detail-layout .am-prose { max-width: 760px; font-size: 17px; }
.am-pack-includes { display: grid; gap: 10px; padding: 0; list-style: none; }
.am-pack-includes li { padding: 14px 17px; border: 1px solid #deddd6; border-radius: 11px; background: #fff; }
.am-pack-includes li::before { content: "✓"; margin-right: 10px; color: var(--am-mint-dark); font-weight: 800; }

/* 2.0.0 - premium system refresh */
:root {
  --am-black: #070908;
  --am-ink: #0b0e0c;
  --am-surface: #111411;
  --am-surface-2: #161a17;
  --am-line: rgba(238,242,237,.105);
  --am-line-strong: rgba(238,242,237,.17);
  --am-ivory: #f4f2eb;
  --am-muted: #979e99;
  --am-mint: #59d9aa;
  --am-mint-soft: #a6f4d5;
  --am-violet: #7667f7;
  --am-coral: #ff7868;
  --am-max: 1220px;
}
html { background: var(--am-black); }
body { color: var(--am-ivory); background: var(--am-ink); font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 16px; line-height: 1.6; }
h1,h2,h3,h4,.am-brand-word { font-family: Manrope, Inter, ui-sans-serif, system-ui, sans-serif; }
main { overflow: clip; background: var(--am-ink); }
.am-container { width: min(calc(100% - 56px), var(--am-max)); }
.am-kicker,.am-v2-label,.am-console-label { font-family: Inter, sans-serif; }
.am-kicker { color: #747b76; font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.am-site-header { background: rgba(7,9,8,.86); border-color: var(--am-line); box-shadow: 0 1px 0 rgba(255,255,255,.025); backdrop-filter: blur(22px) saturate(140%); }
.am-header-inner { display: grid; grid-template-columns: 1fr auto 1fr; min-height: 68px; gap: 28px; }
.am-header-inner > a { justify-self: start; }
.am-primary-nav { margin: 0; justify-self: center; }
.am-primary-nav ul { gap: 32px; }
.am-primary-nav a,.am-login { color: #aeb4b0; font-size: 13px; font-weight: 600; }
.am-primary-nav a:hover,.am-primary-nav .current-menu-item > a { color: var(--am-ivory); }
.am-primary-nav .current-menu-item > a { position: relative; }
.am-primary-nav .current-menu-item > a::after { content: ""; position: absolute; left: 50%; bottom: -24px; width: 18px; height: 2px; border-radius: 2px; background: var(--am-mint); transform: translateX(-50%); }
.am-header-actions { justify-self: end; margin: 0; }
.am-brand-mark { width: 31px; height: 31px; }
.am-brand-word { font-size: 20px; font-weight: 800; letter-spacing: -.8px; }
.am-header-actions .am-button { min-height: 38px; padding: 0 17px; border-radius: 10px; background: var(--am-ivory); font-size: 13px; }
.am-button { border-radius: 11px; box-shadow: inset 0 1px 0 rgba(255,255,255,.28); }
.am-button:hover { box-shadow: 0 12px 34px rgba(89,217,170,.18), inset 0 1px 0 rgba(255,255,255,.28); }
.am-button-outline { color: var(--am-ivory); border-color: var(--am-line-strong); background: rgba(255,255,255,.025); box-shadow: none; }
.am-button-outline:hover { color: var(--am-ivory); border-color: rgba(89,217,170,.45); background: rgba(89,217,170,.07); box-shadow: none; }
.am-v2-label { display: inline-flex; align-items: center; gap: 9px; color: #9ca39e; font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.am-v2-label i { width: 7px; height: 7px; border-radius: 50%; background: var(--am-mint); box-shadow: 0 0 0 5px rgba(89,217,170,.09); }
.am-text-link { color: #c0c6c1; font-size: 14px; font-weight: 600; }
.am-text-link span { margin-left: 5px; color: var(--am-mint); transition: margin .2s ease; }
.am-text-link:hover span { margin-left: 10px; }

/* Use Cases: editorial workflow selector, deliberately unlike Teams */
.am-v2-use-hero { position: relative; padding: 86px 0 72px; border-bottom: 1px solid var(--am-line); background: radial-gradient(circle at 50% -30%,rgba(89,217,170,.12),transparent 44%),var(--am-ink); }
.am-v2-use-hero::before { content: ""; position: absolute; inset: 0; opacity: .22; pointer-events: none; background-image: linear-gradient(var(--am-line) 1px,transparent 1px),linear-gradient(90deg,var(--am-line) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,black,transparent 76%); }
.am-v2-use-hero > .am-container { position: relative; }
.am-v2-centered-heading { max-width: 850px; margin: 0 auto 42px; text-align: center; }
.am-v2-centered-heading h1 { margin: 15px 0 17px; font-size: clamp(52px,7vw,88px); font-weight: 700; line-height: .96; letter-spacing: -.065em; }
.am-v2-centered-heading h1 span { color: var(--am-mint); }
.am-v2-centered-heading > p { max-width: 710px; margin: auto; color: var(--am-muted); font-size: 18px; line-height: 1.58; }
.am-use-command { display: grid; grid-template-columns: 330px 1fr; max-width: 1050px; min-height: 395px; margin: auto; overflow: hidden; border: 1px solid var(--am-line-strong); border-radius: 22px; background: rgba(14,17,15,.94); box-shadow: 0 34px 90px rgba(0,0,0,.34); }
.am-use-command-nav { padding: 22px 12px; border-right: 1px solid var(--am-line); background: rgba(255,255,255,.018); }
.am-console-label { display: block; padding: 0 13px 16px; color: #666d68; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.am-use-command-nav a { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 8px; min-height: 66px; padding: 0 13px; border: 1px solid transparent; border-radius: 12px; color: #8e9690; font-size: 14px; }
.am-use-command-nav a b { color: #59605b; font-size: 10px; font-weight: 600; }
.am-use-command-nav a em { color: #59605b; font-style: normal; }
.am-use-command-nav a.active,.am-use-command-nav a:hover { color: var(--am-ivory); border-color: var(--am-line); background: rgba(255,255,255,.04); }
.am-use-command-nav a.active b,.am-use-command-nav a.active em { color: var(--am-mint); }
.am-use-command-canvas { position: relative; padding: 0 28px 28px; background: radial-gradient(circle at 85% 5%,rgba(118,103,247,.1),transparent 36%); }
.am-console-top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 56px; border-bottom: 1px solid var(--am-line); color: #7f8781; font-size: 11px; }
.am-console-top > span { display: flex; gap: 6px; }
.am-console-top i { width: 7px; height: 7px; border-radius: 50%; background: #404642; }
.am-console-top i:nth-child(2) { background: var(--am-coral); }.am-console-top i:nth-child(3) { background: var(--am-mint); }
.am-console-top b { color: #cdd1ce; font-weight: 600; }.am-console-top small { justify-self: end; color: var(--am-mint); }
.am-workflow-preview { padding-top: 25px; }
.am-workflow-line { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 15px; min-height: 77px; padding: 0 16px; margin-bottom: 9px; border: 1px solid var(--am-line); border-radius: 13px; background: rgba(255,255,255,.022); }
.am-workflow-line > span { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 9px; color: var(--am-mint); background: rgba(89,217,170,.1); font-size: 10px; font-weight: 700; }
.am-workflow-line div { display: flex; flex-direction: column; }.am-workflow-line b { color: #d8dcd8; font-size: 13px; }.am-workflow-line small { color: #747c76; font-size: 11px; }
.am-workflow-line em { padding: 4px 8px; border: 1px solid var(--am-line); border-radius: 99px; color: #818983; font-size: 9px; font-style: normal; }
.am-nimo-guide { position: absolute; right: 28px; bottom: 14px; display: flex; align-items: center; gap: 8px; color: #8e9690; font-size: 10px; }
.am-nimo-guide img { width: 42px; height: 42px; object-fit: contain; }
.am-v2-hero-actions { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 28px; }
.am-v2-use-hero + .am-outcomes { padding-top: 100px; background: #0d100e; }

/* Teams: enterprise control plane */
.am-v2-teams-hero { position: relative; padding: 92px 0 94px; border-bottom: 1px solid var(--am-line); background: radial-gradient(circle at 90% 15%,rgba(118,103,247,.16),transparent 37%),linear-gradient(180deg,#0b0d0c,#0d100e); }
.am-v2-teams-hero::after { content: ""; position: absolute; right: 8%; top: 12%; width: 340px; height: 340px; border: 1px solid rgba(118,103,247,.12); border-radius: 50%; filter: blur(.2px); pointer-events: none; }
.am-v2-teams-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 74px; }
.am-v2-teams-copy h1 { max-width: 620px; margin: 16px 0 22px; font-size: clamp(53px,6vw,80px); font-weight: 700; line-height: .98; letter-spacing: -.062em; }
.am-v2-teams-copy h1 span { color: #a99eff; }
.am-v2-teams-copy > p { max-width: 560px; margin: 0; color: var(--am-muted); font-size: 18px; line-height: 1.6; }
.am-v2-teams-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.am-v2-proof { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; color: #777f79; font-size: 11px; }
.am-v2-proof span::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: #a99eff; vertical-align: 1px; }
.am-team-console { overflow: hidden; border: 1px solid rgba(193,186,255,.2); border-radius: 21px; background: rgba(17,20,18,.94); box-shadow: 0 36px 100px rgba(0,0,0,.42),0 0 80px rgba(118,103,247,.06); transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.am-team-console-head { display: flex; align-items: center; justify-content: space-between; min-height: 79px; padding: 0 23px; border-bottom: 1px solid var(--am-line); }
.am-team-console-head > div:first-child { display: flex; align-items: center; gap: 11px; }.am-team-console-head img { width: 38px; height: 38px; object-fit: contain; }.am-team-console-head span { display: flex; flex-direction: column; }.am-team-console-head small { color: #68706a; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }.am-team-console-head b { color: #e0e2df; font-size: 13px; }
.am-avatar-stack { display: flex; }.am-avatar-stack i { display: grid; place-items: center; width: 29px; height: 29px; margin-left: -7px; border: 2px solid #111411; border-radius: 50%; color: #151817; background: var(--am-mint); font-size: 8px; font-style: normal; font-weight: 700; }.am-avatar-stack i:nth-child(2) { color: white; background: var(--am-violet); }.am-avatar-stack i:nth-child(3) { color: #b8bdb9; background: #303530; }
.am-team-console-tabs { display: flex; align-items: center; gap: 22px; height: 52px; padding: 0 23px; border-bottom: 1px solid var(--am-line); color: #747c76; font-size: 10px; }.am-team-console-tabs span.active { color: #dadeda; }.am-team-console-tabs b { margin-left: auto; color: #68706a; font-weight: 500; }
.am-team-skill-row { display: grid; grid-template-columns: 43px 1fr auto; align-items: center; gap: 15px; min-height: 83px; padding: 0 23px; border-bottom: 1px solid var(--am-line); }.am-team-skill-row .am-brand-tile { width: 39px; height: 39px; border-radius: 11px; font-size: 12px; }.am-team-skill-row div { display: flex; flex-direction: column; }.am-team-skill-row b { color: #d5d9d5; font-size: 13px; }.am-team-skill-row small { color: #6e7670; font-size: 10px; }.am-team-skill-row em { padding: 5px 9px; border-radius: 99px; color: var(--am-mint); background: rgba(89,217,170,.09); font-size: 9px; font-style: normal; }.am-team-skill-row em.update { color: #b8adff; background: rgba(118,103,247,.1); }
.am-team-console-foot { display: flex; justify-content: space-between; align-items: center; min-height: 58px; padding: 0 23px; color: #747c76; font-size: 10px; }.am-team-console-foot i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--am-mint); box-shadow: 0 0 0 4px rgba(89,217,170,.08); }.am-team-console-foot a { color: #b8adff; }
.am-v2-teams-hero + .am-team-problem { background: #0d100e; }

/* Store: searchable catalog */
.am-v2-store-hero { position: relative; padding: 82px 0 44px; border-bottom: 1px solid var(--am-line); background: radial-gradient(circle at 83% -25%,rgba(89,217,170,.14),transparent 45%),#0b0e0c; }
.am-v2-store-heading { display: grid; grid-template-columns: 1fr 310px; align-items: end; gap: 70px; }
.am-v2-store-heading h1 { max-width: 900px; margin: 15px 0 0; font-size: clamp(52px,6.8vw,86px); font-weight: 700; line-height: .97; letter-spacing: -.064em; }.am-v2-store-heading h1 span { color: var(--am-mint); }
.am-store-guide { display: flex; align-items: center; gap: 15px; padding: 18px; border: 1px solid var(--am-line); border-radius: 16px; background: rgba(255,255,255,.025); }.am-store-guide img { width: 60px; height: 60px; object-fit: contain; }.am-store-guide p { margin: 0; color: #89908b; font-size: 12px; line-height: 1.5; }
.am-v2-store-search { display: flex; align-items: center; gap: 14px; height: 74px; margin-top: 44px; padding: 0 10px 0 22px; border: 1px solid var(--am-line-strong); border-radius: 16px; background: #151917; box-shadow: 0 20px 55px rgba(0,0,0,.25); }.am-v2-store-search svg { color: #777f79; }.am-v2-store-search input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; color: var(--am-ivory); background: transparent; font-size: 16px; }.am-v2-store-search input::placeholder { color: #656c67; }.am-v2-store-search button { height: 52px; padding: 0 22px; border: 0; border-radius: 11px; color: #08100c; background: var(--am-mint); font-size: 13px; font-weight: 700; cursor: pointer; }.am-v2-store-search button span { margin-left: 6px; }
.am-store-signals { display: flex; align-items: center; gap: 28px; padding: 19px 2px 0; color: #737b75; font-size: 10px; }.am-store-signals span { position: relative; padding-left: 12px; }.am-store-signals span::before { content: ""; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: #4c534e; }.am-store-signals b { color: #aeb4af; font-weight: 600; }.am-store-signals a { margin-left: auto; color: var(--am-mint); }
.am-v2-store-hero + .am-store-content { padding-top: 35px; background: #0d100e; }
.am-store-toolbar { padding-bottom: 22px; border-bottom: 1px solid var(--am-line); }
.am-store-card { border-color: var(--am-line); border-radius: 17px; background: #141714; box-shadow: none; }.am-store-card:hover { border-color: var(--am-line-strong); box-shadow: 0 24px 60px rgba(0,0,0,.28); }.am-store-card-body { padding: 20px 17px 18px; }.am-store-card h2 { font-family: Manrope,Inter,sans-serif; }

/* Pricing: value ledger before plans */
.am-v2-pricing-hero { position: relative; padding: 86px 0 75px; border-bottom: 1px solid var(--am-line); background: radial-gradient(circle at 15% -20%,rgba(89,217,170,.12),transparent 40%),radial-gradient(circle at 95% 40%,rgba(255,120,104,.07),transparent 32%),#0b0e0c; }
.am-v2-pricing-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 78px; }
.am-v2-pricing-copy h1 { max-width: 720px; margin: 15px 0 20px; font-size: clamp(52px,6.5vw,83px); font-weight: 700; line-height: .97; letter-spacing: -.064em; }.am-v2-pricing-copy h1 span { color: var(--am-mint); }.am-v2-pricing-copy > p { max-width: 610px; margin: 0; color: var(--am-muted); font-size: 18px; line-height: 1.6; }
.am-v2-pricing-proof { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 29px; color: #747c76; font-size: 11px; }.am-v2-pricing-proof span::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: var(--am-mint); vertical-align: 1px; }
.am-value-ledger { padding: 22px; border: 1px solid var(--am-line-strong); border-radius: 21px; background: rgba(20,24,21,.9); box-shadow: 0 30px 80px rgba(0,0,0,.3); }
.am-value-ledger-head { display: flex; align-items: center; gap: 13px; padding: 0 3px 19px; border-bottom: 1px solid var(--am-line); }.am-value-ledger-head img { width: 47px; height: 47px; object-fit: contain; }.am-value-ledger-head span { display: flex; flex-direction: column; }.am-value-ledger-head small { color: #68706a; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }.am-value-ledger-head b { color: #d7dbd7; font-size: 13px; }
.am-value-ledger ol { padding: 8px 0; margin: 0; list-style: none; }.am-value-ledger li { display: grid; grid-template-columns: 33px 1fr auto; align-items: center; gap: 13px; min-height: 66px; border-bottom: 1px solid var(--am-line); }.am-value-ledger li > span { color: #59615b; font-size: 9px; }.am-value-ledger li div { display: flex; flex-direction: column; }.am-value-ledger li b { color: #cdd2ce; font-size: 12px; }.am-value-ledger li small { color: #6f7771; font-size: 10px; }.am-value-ledger li em { color: var(--am-mint); font-size: 10px; font-style: normal; }
.am-value-ledger .am-billing-toggle { width: 100%; margin: 18px 0 0; padding: 4px; border-color: var(--am-line); background: #0e110f; }.am-value-ledger .am-billing-toggle button { flex: 1; }
.am-v2-pricing-hero + .am-pricing-content { padding-top: 54px; background: #0d100e; }
.am-pricing-grid-three .am-plan-card { border-color: var(--am-line); border-radius: 19px; background: #141714; }.am-pricing-grid-three article.featured { border-color: rgba(89,217,170,.45); background: linear-gradient(180deg,rgba(89,217,170,.085),#141714 34%); }.am-pricing-grid .am-plan-heading h2 { font-family: Manrope,Inter,sans-serif; font-weight: 700; }

/* Shared section polish */
.am-outcomes,.am-workflow-story,.am-usecases-cta,.am-team-problem,.am-team-benefits,.am-team-onboarding,.am-team-price-cta { border-color: var(--am-line); }
.am-outcome-card,.am-workflow-steps article,.am-team-benefit-grid article,.am-team-compare article { border-color: var(--am-line); background: #141714; }
.am-outcome-card:hover { border-color: rgba(89,217,170,.25); box-shadow: 0 26px 70px rgba(0,0,0,.26); }
.am-outcomes-heading h2,.am-team-section-heading h2,.am-workflow-title h2,.am-usecases-cta h2,.am-team-onboarding h2,.am-team-price-card h2 { font-family: Manrope,Inter,sans-serif; font-weight: 700; }
.am-site-footer { border-top: 1px solid var(--am-line); background: #070908; }

@media (max-width: 980px) {
  .am-header-inner { display: flex; }
  .am-primary-nav { justify-self: auto; }
  .am-v2-use-hero { padding-top: 68px; }
  .am-use-command { grid-template-columns: 270px 1fr; }
  .am-v2-teams-grid,.am-v2-pricing-grid { grid-template-columns: 1fr; gap: 48px; }
  .am-team-console { max-width: 720px; width: 100%; transform: none; }
  .am-v2-store-heading { grid-template-columns: 1fr; gap: 28px; }
  .am-store-guide { max-width: 400px; }
}
@media (max-width: 700px) {
  .am-container { width: min(calc(100% - 30px),var(--am-max)); }
  .am-v2-use-hero,.am-v2-teams-hero,.am-v2-store-hero,.am-v2-pricing-hero { padding-top: 56px; padding-bottom: 50px; }
  .am-v2-centered-heading { margin-bottom: 28px; text-align: left; }
  .am-v2-centered-heading h1,.am-v2-teams-copy h1,.am-v2-store-heading h1,.am-v2-pricing-copy h1 { font-size: 45px; letter-spacing: -.055em; }
  .am-v2-centered-heading > p,.am-v2-teams-copy > p,.am-v2-pricing-copy > p { font-size: 16px; }
  .am-use-command { grid-template-columns: 1fr; }
  .am-use-command-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; border-right: 0; border-bottom: 1px solid var(--am-line); }
  .am-use-command-nav .am-console-label { grid-column: 1 / -1; }
  .am-use-command-nav a { min-height: 52px; grid-template-columns: 22px 1fr; padding: 0 9px; font-size: 11px; }.am-use-command-nav a em { display: none; }
  .am-use-command-canvas { padding: 0 13px 60px; }.am-console-top { padding: 0 4px; }.am-console-top b { font-size: 10px; }
  .am-workflow-line { grid-template-columns: 36px 1fr; padding: 0 10px; }.am-workflow-line em { display: none; }.am-workflow-line small { font-size: 9px; }
  .am-v2-hero-actions { justify-content: flex-start; flex-wrap: wrap; }
  .am-team-console-head,.am-team-skill-row,.am-team-console-tabs,.am-team-console-foot { padding-left: 14px; padding-right: 14px; }.am-team-console-tabs { gap: 12px; }.am-team-skill-row { grid-template-columns: 40px 1fr; }.am-team-skill-row > em { display: none; }.am-team-console-foot { gap: 12px; }
  .am-v2-store-heading { gap: 22px; }.am-store-guide { max-width: none; }.am-v2-store-search { height: 66px; margin-top: 28px; padding-left: 15px; }.am-v2-store-search button { width: 52px; padding: 0; font-size: 0; }.am-v2-store-search button span { margin: 0; font-size: 17px; }.am-store-signals { align-items: flex-start; flex-direction: column; gap: 7px; }.am-store-signals a { margin: 5px 0 0; }
  .am-value-ledger { padding: 16px; }.am-value-ledger li { grid-template-columns: 26px 1fr; }.am-value-ledger li em { display: none; }
}
.am-pack-access-card { position: sticky; top: 95px; padding: 27px; border: 1px solid #dadbd5; border-radius: 17px; background: #fff; box-shadow: 0 22px 55px rgba(30,40,35,.08); }
.am-pack-access-card h2 { margin: 5px 0 20px; font-size: 27px; letter-spacing: -.035em; }
.am-pack-access-card > p { padding: 15px 0; margin: 0 0 20px; border-top: 1px solid #ecece7; border-bottom: 1px solid #ecece7; color: #666b67; font-size: 13px; }
.am-pack-access-card > p strong { display: block; margin-bottom: 4px; color: #242724; }
.am-pack-access-card .am-button { width: 100%; }
.am-pack-access-card small { display: block; margin-top: 10px; color: #7a7e7a; font-size: 11px; line-height: 1.5; }
.am-pack-preview-note { margin-bottom: 14px; padding: 13px; border: 1px solid rgba(40,169,120,.22); border-radius: 10px; color: #27664c; background: rgba(87,214,164,.1); font-size: 12px; line-height: 1.5; }
.am-pack-secondary { display: block; margin-top: 13px; text-align: center; color: #636864; font-size: 12px; }

.am-dashboard-pack-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-top: 65px; padding-bottom: 17px; border-bottom: 1px solid #2f2f2f; }
.am-dashboard-pack-heading h2 { margin: 4px 0 0; font-size: 25px; font-weight: 610; }
.am-dashboard-pack-heading > a { color: var(--am-mint); font-size: 12px; }
.am-dashboard-pack-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.am-dashboard-pack-grid article { display: grid; grid-template-columns: 50px 1fr; gap: 15px; padding: 19px; border: 1px solid #303030; border-radius: 14px; background: #1b1b1b; }
.am-dashboard-pack-grid .am-brand-tile { width: 48px; height: 48px; border-radius: 13px; font-size: 13px; }
.am-dashboard-pack-grid small { color: var(--am-mint); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.am-dashboard-pack-grid h3 { margin: 4px 0 6px; font-size: 16px; }
.am-dashboard-pack-grid p { margin: 0 0 12px; color: #898a86; font-size: 12px; line-height: 1.5; }
.am-dashboard-pack-grid article div > a { color: var(--am-mint); font-size: 11px; }

@media (max-width: 980px) {
  .am-packs-hero-grid,.am-pack-detail-grid { grid-template-columns: 1fr; gap: 25px; }
  .am-packs-nimo { min-height: 320px; }
  .am-packs-nimo img { height: 310px; }
  .am-pack-grid,.am-dashboard-pack-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .am-pack-detail-layout { grid-template-columns: 1fr; gap: 45px; }
  .am-pack-access-card { position: static; }
}
@media (max-width: 650px) {
  .am-packs-hero { padding: 56px 0 48px; }
  .am-packs-hero h1 { font-size: 49px; }
  .am-packs-nimo { min-height: 270px; }
  .am-packs-nimo img { height: 260px; }
  .am-pack-grid,.am-dashboard-pack-grid { grid-template-columns: 1fr; }
  .am-pack-detail-grid h1 { font-size: 49px; }
  .am-pack-detail-layout { gap: 35px; }
}