:root{
  --aa-container:1880px;
  --aa-gap:28px;
  --aa-nav-h:82px;

  --aa-bg:#F8FAFC;
  --aa-bg-soft:#F1F5F9;
  --aa-surface:#FFFFFF;
  --aa-surface-soft:#F8FAFC;
  --aa-surface-raised:#FFFFFF;
  --aa-border:#E2E8F0;
  --aa-border-strong:#CBD5E1;
  --aa-text:#0F172A;
  --aa-text-soft:#475569;
  --aa-muted:#64748B;

  --aa-primary-500:#2563EB;
  --aa-primary-600:#1D4ED8;
  --aa-primary-700:#0EA5E9;
  --aa-accent-green:#10B981;
  --aa-accent-purple:#8B5CF6;
  --aa-accent-violet:#7C3AED;
  --aa-success:#22C55E;
  --aa-warning:#F59E0B;
  --aa-error:#EF4444;
  --aa-info:#3B82F6;

  --aa-radius-xs:6px;
  --aa-radius-sm:8px;
  --aa-radius-md:12px;
  --aa-radius-lg:16px;
  --aa-radius-xl:24px;
  --aa-radius-2xl:32px;
  --aa-radius-full:999px;

  --aa-shadow-xs:0 1px 2px rgba(15,23,42,.06);
  --aa-shadow-sm:0 4px 12px rgba(15,23,42,.08);
  --aa-shadow-md:0 12px 32px rgba(15,23,42,.10);
  --aa-shadow-lg:0 22px 64px rgba(15,23,42,.13);
  --aa-glow-blue:0 0 28px rgba(37,99,235,.18);
  --aa-glow-cyan:0 0 28px rgba(14,165,233,.18);
  --aa-glow-green:0 0 28px rgba(16,185,129,.16);
  --aa-glow-purple:0 0 28px rgba(139,92,246,.16);
}

html[data-theme="night"]{
  --aa-bg:#0B1220;
  --aa-bg-soft:#0F172A;
  --aa-surface:#111827;
  --aa-surface-soft:#1F2937;
  --aa-surface-raised:#162235;
  --aa-border:rgba(148,163,184,.20);
  --aa-border-strong:rgba(148,163,184,.34);
  --aa-text:#E6ECF5;
  --aa-text-soft:#CBD5E1;
  --aa-muted:#94A3B8;
  --aa-primary-500:#60A5FA;
  --aa-primary-600:#22D3EE;
  --aa-primary-700:#3B82F6;
  --aa-success:#34D399;
  --aa-warning:#FBBF24;
  --aa-accent-purple:#A78BFA;
  --aa-shadow-xs:0 1px 2px rgba(0,0,0,.18);
  --aa-shadow-sm:0 6px 18px rgba(0,0,0,.22);
  --aa-shadow-md:0 16px 40px rgba(0,0,0,.30);
  --aa-shadow-lg:0 28px 78px rgba(0,0,0,.42);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--aa-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 12% 0%, rgba(14,165,233,.07), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(16,185,129,.06), transparent 28%),
    linear-gradient(180deg,#FFFFFF 0%,var(--aa-bg) 45%,#FFFFFF 100%);
}
html[data-theme="night"] body{
  background:
    radial-gradient(circle at 12% 0%, rgba(96,165,250,.12), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(167,139,250,.12), transparent 26%),
    linear-gradient(180deg,var(--aa-bg) 0%,#07101d 48%,var(--aa-bg) 100%);
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}

.aa-container{width:min(var(--aa-container),calc(100% - var(--aa-gap)*2));margin-inline:auto}
.aa-section{padding:clamp(86px,7.2vw,128px) 0}
.aa-section--tight{padding-top:clamp(68px,5.8vw,96px)}
.aa-section-head{max-width:960px;margin:0 auto clamp(40px,4vw,60px);text-align:center}
.aa-section-head--wide{max-width:1180px}
.aa-section-head h2,.aa-hero-slide__copy h1,.aa-cta-panel h2,.aa-dashboard-preview h2,.aa-dashboard-main h1{
  margin:14px 0 16px;color:var(--aa-text);font-weight:700;letter-spacing:-.055em;line-height:.98;
}
.aa-section-head h2{font-size:clamp(34px,4vw,58px)}
.aa-section-head p,.aa-hero-slide__copy p,.aa-visual-feature p,.aa-step-card p,.aa-capacity-card p,.aa-cta-panel p,.aa-dashboard-preview p{
  color:var(--aa-muted);font-size:15px;line-height:1.68;font-weight:450;
}
.aa-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--aa-primary-600);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.aa-eyebrow:before{content:"";width:24px;height:2px;border-radius:var(--aa-radius-full);background:linear-gradient(90deg,var(--aa-primary-500),var(--aa-primary-700));box-shadow:var(--aa-glow-blue)}

.aa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border-radius:var(--aa-radius-md);border:1px solid transparent;font-weight:650;font-size:14px;line-height:1;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}
.aa-btn:hover{transform:translateY(-2px)}
.aa-btn--sm{min-height:38px;padding:0 16px;font-size:13px}
.aa-btn--lg{min-height:54px;padding:0 26px;font-size:15px}
.aa-btn--primary{background:linear-gradient(180deg,var(--aa-primary-500) 0%,var(--aa-primary-600) 100%);color:#fff;border-color:rgba(37,99,235,.42);box-shadow:0 12px 28px rgba(37,99,235,.22)}
.aa-btn--primary:hover{background:linear-gradient(180deg,#3B82F6 0%,var(--aa-primary-500) 100%);box-shadow:0 18px 38px rgba(37,99,235,.28)}
.aa-btn--secondary{background:linear-gradient(180deg,var(--aa-primary-700) 0%,#0284C7 100%);color:#fff;border-color:rgba(14,165,233,.36)}
.aa-btn--outline{background:rgba(255,255,255,.72);color:var(--aa-primary-600);border-color:rgba(37,99,235,.32)}
html[data-theme="night"] .aa-btn--outline{background:rgba(17,24,39,.72)}
.aa-btn--ghost{background:transparent;color:var(--aa-text-soft);border-color:transparent}
.aa-btn--ghost:hover{background:rgba(37,99,235,.06);color:var(--aa-primary-600)}
.aa-btn--soft{background:linear-gradient(180deg,var(--aa-surface) 0%,var(--aa-surface-soft) 100%);color:var(--aa-text);border-color:var(--aa-border);box-shadow:var(--aa-shadow-xs)}

.aa-navbar{position:sticky;top:0;z-index:80;height:var(--aa-nav-h);background:rgba(255,255,255,.86);border-bottom:1px solid var(--aa-border);backdrop-filter:blur(18px);box-shadow:var(--aa-shadow-xs)}
html[data-theme="night"] .aa-navbar{background:rgba(11,18,32,.82)}
.aa-navbar__inner{height:var(--aa-nav-h);display:grid;grid-template-columns:minmax(220px,300px) 1fr auto;gap:28px;align-items:center}
.aa-brand{display:flex;align-items:center;min-width:0}.aa-brand__logo{width:clamp(210px,13vw,270px);height:64px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(15,23,42,.08))}
.aa-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.2vw,28px)}
.aa-nav a,.aa-nav__button{position:relative;border:0;background:transparent;color:var(--aa-text-soft);font-size:13px;font-weight:600;padding:10px 0}
.aa-nav a:hover,.aa-nav__button:hover{color:var(--aa-primary-600)}
.aa-nav a:after,.aa-nav__button:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--aa-primary-500),var(--aa-primary-700));transform:scaleX(0);transition:transform .22s ease}
.aa-nav a:hover:after,.aa-nav__button:hover:after{transform:scaleX(1)}
.aa-navbar__actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.aa-theme-toggle{width:54px;height:30px;border:1px solid var(--aa-border);border-radius:999px;background:var(--aa-surface);padding:3px;box-shadow:var(--aa-shadow-xs)}
.aa-theme-toggle span{display:block;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--aa-primary-700),var(--aa-primary-500));box-shadow:var(--aa-glow-cyan);transition:transform .22s ease}
html[data-theme="night"] .aa-theme-toggle span{transform:translateX(22px)}
.aa-menu-btn{display:none;width:42px;height:42px;border:1px solid var(--aa-border);border-radius:var(--aa-radius-md);background:var(--aa-surface)}
.aa-menu-btn span{display:block;width:18px;height:2px;border-radius:99px;background:var(--aa-text);margin:4px auto}

.aa-hero-slider{padding:clamp(34px,4vw,64px) 0 clamp(62px,6vw,96px)}
.aa-hero-slider__shell{position:relative}
.aa-hero-slider__viewport{position:relative;overflow:hidden;border:1px solid var(--aa-border);border-radius:var(--aa-radius-xl);background:radial-gradient(circle at 15% 0%,rgba(14,165,233,.10),transparent 34%),linear-gradient(180deg,var(--aa-surface) 0%,var(--aa-surface-soft) 100%);box-shadow:var(--aa-shadow-md)}
.aa-hero-slide{display:none;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);gap:clamp(44px,5vw,88px);align-items:center;min-height:clamp(610px,42vw,760px);padding:clamp(34px,4vw,70px)}
.aa-hero-slide.is-active{display:grid;animation:aaFade .42s ease both}
@keyframes aaFade{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.aa-hero-slide__copy h1{font-size:clamp(42px,5vw,78px);max-width:780px}
.aa-hero-slide__copy p{font-size:clamp(15px,1vw,18px);max-width:720px}
.aa-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.aa-hero-slide__media{aspect-ratio:4/3;margin:0}
.aa-slider-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}.aa-slider-dots{display:flex;gap:8px}.aa-slider-dot{width:10px;height:10px;border-radius:99px;border:1px solid var(--aa-border);background:#CBD5E1;transition:.22s ease}.aa-slider-dot.is-active{width:34px;background:var(--aa-primary-500);box-shadow:0 0 0 4px rgba(37,99,235,.10)}.aa-slider-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--aa-radius-full);border:1px solid var(--aa-border);background:var(--aa-surface);color:var(--aa-text);font-size:26px;line-height:1;box-shadow:var(--aa-shadow-sm)}.aa-slider-arrow:hover{color:var(--aa-primary-600);border-color:rgba(37,99,235,.28)}

.aa-media-slot{background:linear-gradient(180deg,#F8FAFC 0%,#EEF2F7 100%);border-top:1px solid var(--aa-border);overflow:hidden}
html[data-theme="night"] .aa-media-slot{background:linear-gradient(180deg,rgba(31,41,55,.88),rgba(15,23,42,.94));border-top-color:var(--aa-border)}
.aa-media-slot img{width:100%;height:100%;object-fit:contain;object-position:center;padding:10px}.aa-media-slot--hero{border:1px solid var(--aa-border);border-radius:var(--aa-radius-xl);background:radial-gradient(circle at 20% 0%,rgba(14,165,233,.12),transparent 34%),linear-gradient(180deg,#FFFFFF 0%,#F1F5F9 100%);box-shadow:var(--aa-shadow-sm)}
html[data-theme="night"] .aa-media-slot--hero{background:radial-gradient(circle at 22% 0%,rgba(34,211,238,.12),transparent 34%),linear-gradient(180deg,#111827 0%,#0F172A 100%)}

.aa-step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.aa-step-card,.aa-visual-feature,.aa-capacity-card,.aa-cta-panel,.aa-dashboard-preview,.aa-info-panel,.aa-faq-list details,.aa-dashboard-side,.aa-dashboard-main,.aa-dashboard-card,.aa-auth-card,.aa-drawer__panel{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 0%,rgba(14,165,233,.07),transparent 28%),linear-gradient(180deg,var(--aa-surface) 0%,var(--aa-surface-soft) 100%);border:1px solid var(--aa-border);border-radius:var(--aa-radius-lg);box-shadow:var(--aa-shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.aa-step-card:hover,.aa-visual-feature:hover,.aa-capacity-card:hover,.aa-info-panel:hover{border-color:rgba(37,99,235,.28);box-shadow:var(--aa-shadow-md),0 0 0 4px rgba(37,99,235,.04);transform:translateY(-3px)}
.aa-step-card__top{min-height:160px;padding:22px}.aa-step-card h3,.aa-visual-feature h3,.aa-capacity-card h3,.aa-info-panel h3{font-size:clamp(20px,1.35vw,28px);line-height:1.1;font-weight:650;letter-spacing:-.035em;margin:14px 0 8px;color:var(--aa-text)}.aa-step-card__media{height:240px;margin:0}.aa-icon-dot{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--aa-radius-md);border:1px solid rgba(37,99,235,.24);background:#EFF6FF;color:var(--aa-primary-600);box-shadow:var(--aa-shadow-xs)}.aa-icon-dot:before{content:"";width:10px;height:10px;border-radius:99px;background:currentColor;box-shadow:var(--aa-glow-blue)}

.aa-panel--info{border-color:rgba(59,130,246,.28);background:linear-gradient(180deg,var(--aa-surface),#EFF6FF)}.aa-panel--success{border-color:rgba(34,197,94,.30);background:linear-gradient(180deg,var(--aa-surface),#ECFDF5)}.aa-panel--warning{border-color:rgba(245,158,11,.32);background:linear-gradient(180deg,var(--aa-surface),#FFFBEB)}.aa-panel--note{border-color:rgba(139,92,246,.30);background:linear-gradient(180deg,var(--aa-surface),#F5F3FF)}
html[data-theme="night"] .aa-panel--info,html[data-theme="night"] .aa-panel--success,html[data-theme="night"] .aa-panel--warning,html[data-theme="night"] .aa-panel--note{background:radial-gradient(circle at 15% 0%,rgba(96,165,250,.10),transparent 30%),linear-gradient(180deg,var(--aa-surface) 0%,var(--aa-bg-soft) 100%)}

.aa-feature-grid{display:grid;gap:clamp(24px,2vw,36px)}.aa-feature-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.aa-visual-feature__copy{min-height:170px;padding:26px}.aa-visual-feature figure{height:420px;margin:0}.aa-capacity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,1.8vw,34px)}.aa-capacity-card__media{height:310px;margin:0}.aa-capacity-card__body{padding:26px}.aa-chip{display:inline-flex;align-items:center;width:max-content;padding:7px 12px;border-radius:var(--aa-radius-full);border:1px solid var(--aa-border);background:var(--aa-surface);color:var(--aa-text-soft);font-size:12px;font-weight:600}.aa-chip--active{background:#EFF6FF;border-color:rgba(37,99,235,.30);color:var(--aa-primary-600)}.aa-metrics{display:grid;gap:6px;margin:18px 0;padding:16px;border:1px solid var(--aa-border);border-radius:var(--aa-radius-md);background:rgba(255,255,255,.68)}html[data-theme="night"] .aa-metrics{background:rgba(15,23,42,.52)}.aa-metrics strong{font-size:28px}.aa-metrics span{color:var(--aa-muted);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.05em}

.aa-dashboard-preview{display:grid;grid-template-columns:280px 1fr;gap:28px;padding:28px;border-radius:var(--aa-radius-xl)}.aa-dashboard-preview__side{display:grid;gap:12px;align-content:start;padding:20px;border:1px solid var(--aa-border);border-radius:var(--aa-radius-lg);background:rgba(255,255,255,.52)}html[data-theme="night"] .aa-dashboard-preview__side{background:rgba(15,23,42,.42)}.aa-dashboard-preview__side a{padding:12px 14px;border-radius:var(--aa-radius-md);color:var(--aa-muted);font-weight:600}.aa-dashboard-preview__side a.active{background:rgba(37,99,235,.10);color:var(--aa-primary-600)}.aa-user-chip{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;margin-bottom:10px}.aa-user-chip span{grid-row:span 2;width:36px;height:36px;display:grid;place-items:center;border-radius:var(--aa-radius-md);background:var(--aa-text);color:var(--aa-surface)}.aa-user-chip small{color:var(--aa-muted)}.aa-dashboard-preview h2{font-size:clamp(34px,4vw,58px)}.aa-dashboard-preview__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.aa-dashboard-preview__stats div,.aa-request-flow,.aa-dashboard-preview__cards>div{padding:20px;border:1px solid var(--aa-border);border-radius:var(--aa-radius-lg);background:rgba(255,255,255,.62)}html[data-theme="night"] .aa-dashboard-preview__stats div,html[data-theme="night"] .aa-request-flow,html[data-theme="night"] .aa-dashboard-preview__cards>div{background:rgba(15,23,42,.50)}.aa-dashboard-preview__stats strong{display:block;font-size:28px}.aa-dashboard-preview__stats span{display:block;color:var(--aa-muted);font-size:12px;font-weight:650;text-transform:uppercase}.aa-flow-line{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.aa-flow-line span{padding:10px;border:1px solid var(--aa-border);border-radius:var(--aa-radius-full);text-align:center;font-size:12px;color:var(--aa-text-soft)}.aa-dashboard-preview__cards{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.aa-bars{display:flex;align-items:end;gap:10px;height:90px;margin-top:16px}.aa-bars i{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--aa-primary-700),var(--aa-primary-500))}.aa-bars i:nth-child(1){height:35%}.aa-bars i:nth-child(2){height:56%}.aa-bars i:nth-child(3){height:78%}.aa-bars i:nth-child(4){height:48%}.aa-bars i:nth-child(5){height:92%}

.aa-panel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.aa-info-panel{padding:24px}.aa-panel-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--aa-radius-md);border:1px solid currentColor;color:var(--aa-primary-600);font-weight:700;margin-bottom:18px}.aa-cta-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;padding:clamp(34px,4vw,64px);border-radius:var(--aa-radius-xl)}.aa-cta-panel h2{font-size:clamp(34px,4vw,58px)}.aa-cta-panel__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.aa-cta-panel__cards div{padding:20px;border:1px solid var(--aa-border);border-radius:var(--aa-radius-lg);background:rgba(255,255,255,.58)}.aa-cta-panel__cards strong{display:block;font-size:28px}.aa-cta-panel__cards span{display:block;color:var(--aa-muted);font-size:12px;font-weight:650;text-transform:uppercase;margin-top:6px}.aa-faq-list{display:grid;gap:14px;max-width:980px;margin-inline:auto}.aa-faq-list details{padding:22px}.aa-faq-list summary{font-weight:650;color:var(--aa-text);cursor:pointer}.aa-faq-list p{color:var(--aa-muted);line-height:1.68}

.aa-footer{padding:76px 0 34px;border-top:1px solid var(--aa-border);background:linear-gradient(180deg,var(--aa-surface) 0%,var(--aa-bg-soft) 100%)}html[data-theme="night"] .aa-footer{background:linear-gradient(180deg,#0F172A 0%,#0B1220 100%);color:#E6ECF5}.aa-footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.aa-footer__logo{width:240px;height:68px;object-fit:contain}.aa-footer p,.aa-footer a,.aa-footer button{display:block;color:var(--aa-muted);line-height:1.7;background:transparent;border:0;padding:0;margin:8px 0;text-align:left}.aa-footer h4{margin:0 0 12px;color:var(--aa-text)}.aa-footer__socials{display:flex;gap:10px;margin-top:18px}.aa-footer__socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--aa-border);border-radius:var(--aa-radius-md);background:var(--aa-surface);color:var(--aa-text)}.aa-footer__bottom{display:flex;justify-content:space-between;gap:20px;padding-top:28px;margin-top:38px;border-top:1px solid var(--aa-border);color:var(--aa-muted);font-size:13px}

.aa-drawer[aria-hidden="true"]{display:none}.aa-drawer{position:fixed;inset:0;z-index:100}.aa-drawer__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(5px)}.aa-drawer__panel{position:absolute;right:0;top:0;height:100%;width:min(540px,100%);padding:38px;border-radius:0;overflow:auto}.aa-drawer__close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid var(--aa-border);border-radius:var(--aa-radius-md);background:var(--aa-surface);font-size:26px}.aa-form{display:grid;gap:16px;margin-top:24px}.aa-form label{display:grid;gap:8px;color:var(--aa-muted);font-weight:600}.aa-form input,.aa-form textarea,.aa-form select{width:100%;background:var(--aa-surface);border:1px solid var(--aa-border);border-radius:var(--aa-radius-md);color:var(--aa-text);padding:14px 16px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.90)}.aa-form input:hover,.aa-form textarea:hover,.aa-form select:hover{border-color:var(--aa-border-strong)}.aa-form input:focus,.aa-form textarea:focus,.aa-form select:focus{border-color:rgba(37,99,235,.44);box-shadow:0 0 0 4px rgba(37,99,235,.10)}

.aa-auth-page{min-height:72vh;display:grid;place-items:center;padding:90px 20px}.aa-auth-card{width:min(560px,100%);padding:38px}.aa-auth-card h1{font-size:42px;line-height:1;letter-spacing:-.05em}.aa-dashboard-page{padding:90px 0}.aa-dashboard-shell{display:grid;grid-template-columns:280px 1fr;gap:26px}.aa-dashboard-side{padding:24px;display:grid;gap:12px;align-content:start}.aa-dashboard-side a{padding:12px 14px;border-radius:var(--aa-radius-md);color:var(--aa-muted)}.aa-dashboard-side a.active{background:rgba(37,99,235,.10);color:var(--aa-primary-600)}.aa-dashboard-main{padding:34px}.aa-dashboard-main h1{font-size:54px}.aa-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.aa-dashboard-card{padding:24px}.aa-dashboard-card--wide{grid-column:span 2}.aa-dashboard-card strong{display:block;font-size:24px}.aa-dashboard-card span{display:block;color:var(--aa-muted);margin-top:8px}

@media (max-width:1280px){:root{--aa-gap:24px}.aa-hero-slide{grid-template-columns:1fr}.aa-hero-slide__media{order:-1;max-width:760px;margin-inline:auto}.aa-step-grid{grid-template-columns:repeat(3,1fr)}.aa-feature-grid--three{grid-template-columns:1fr}.aa-capacity-grid{grid-template-columns:repeat(2,1fr)}.aa-dashboard-preview{grid-template-columns:1fr}.aa-panel-grid{grid-template-columns:repeat(2,1fr)}.aa-cta-panel{grid-template-columns:1fr}.aa-dashboard-preview__stats,.aa-dashboard-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.aa-navbar__inner{grid-template-columns:1fr auto}.aa-nav{position:absolute;left:18px;right:18px;top:calc(var(--aa-nav-h) + 10px);display:none;flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--aa-border);border-radius:var(--aa-radius-lg);background:var(--aa-surface);box-shadow:var(--aa-shadow-lg)}.aa-nav.is-open{display:flex}.aa-menu-btn{display:block}.aa-navbar__actions .aa-btn{display:none}.aa-step-grid,.aa-capacity-grid,.aa-panel-grid,.aa-cta-panel__cards,.aa-dashboard-preview__stats,.aa-dashboard-preview__cards,.aa-flow-line,.aa-dashboard-shell,.aa-dashboard-grid{grid-template-columns:1fr}.aa-dashboard-card--wide{grid-column:auto}.aa-hero-slide{padding:28px;min-height:auto}.aa-hero-slide__copy h1{font-size:clamp(38px,11vw,68px)}}
@media (max-width:640px){:root{--aa-gap:16px;--aa-nav-h:76px}.aa-brand__logo{width:176px;height:56px}.aa-section{padding:72px 0}.aa-section-head{text-align:left}.aa-step-card__media{height:250px}.aa-visual-feature figure{height:330px}.aa-capacity-card__media{height:260px}.aa-footer__grid{grid-template-columns:1fr}.aa-footer__bottom{flex-direction:column}.aa-slider-controls{gap:10px}}


/* =========================================================
   AgentsApp v19 — Card / Slider / Navbar / Width Hard Fix
   ========================================================= */

/* 1) Global width: remove narrow-column feeling */
:root{
  --aa-container: 1880px !important;
  --aa-gap: 24px !important;
  --aa-nav-h: 92px !important;

  --aa-primary-500:#2563EB !important;
  --aa-primary-600:#1D4ED8 !important;
  --aa-primary-700:#0EA5E9 !important;
  --aa-accent-green:#10B981 !important;
  --aa-accent-purple:#8B5CF6 !important;

  --aa-bg:#F8FAFC !important;
  --aa-surface:#FFFFFF !important;
  --aa-surface-soft:#F8FAFC !important;
  --aa-border:#D9E2EE !important;
  --aa-border-strong:#BFD0E4 !important;
  --aa-text:#0F172A !important;
  --aa-text-soft:#475569 !important;
  --aa-muted:#64748B !important;

  --aa-shadow-card:0 18px 48px rgba(15,23,42,.12) !important;
  --aa-shadow-card-hover:0 24px 70px rgba(15,23,42,.17),0 0 0 4px rgba(37,99,235,.06) !important;
}

body{
  background:
    radial-gradient(circle at 10% 0%, rgba(14,165,233,.08), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(16,185,129,.06), transparent 24%),
    linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 45%,#FFFFFF 100%) !important;
  color:var(--aa-text) !important;
}

.aa-container,
.container,
.site-container,
.page-container{
  width:min(1880px, calc(100% - 48px)) !important;
  max-width:1880px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 2) Navbar: taller, readable, logo without white plate */
.aa-navbar,
.site-navbar,
.navbar{
  min-height:92px !important;
  height:auto !important;
  background:rgba(255,255,255,.88) !important;
  border-bottom:1px solid rgba(191,208,228,.88) !important;
  box-shadow:0 12px 34px rgba(15,23,42,.09) !important;
  backdrop-filter:blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(150%) !important;
}

.aa-navbar__inner,
.nav-shell,
.navbar-inner{
  min-height:92px !important;
  width:min(1880px, calc(100% - 48px)) !important;
  max-width:1880px !important;
  margin:auto !important;
}

.aa-brand,
.brand-logo-link,
.navbar-brand{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
  min-width:240px !important;
}

.aa-brand__logo,
.brand-logo-img,
.nav-logo,
.aa-footer__logo{
  width:clamp(230px, 15vw, 310px) !important;
  height:74px !important;
  object-fit:contain !important;
  background:transparent !important;
  mix-blend-mode:multiply;
  filter:drop-shadow(0 10px 18px rgba(15,23,42,.10)) !important;
}

html[data-theme="night"] .aa-brand__logo,
html[data-theme="night"] .brand-logo-img,
html[data-theme="night"] .nav-logo,
html[data-theme="night"] .aa-footer__logo{
  mix-blend-mode:screen !important;
  background:transparent !important;
  filter:drop-shadow(0 0 16px rgba(96,165,250,.25)) !important;
}

.aa-nav,
.nav-menu{
  gap:clamp(18px, 1.6vw, 34px) !important;
}

.aa-nav a,
.aa-nav__button,
.nav-menu a,
.nav-link-button{
  font-size:clamp(14px,.84vw,16px) !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  color:#263244 !important;
}

.aa-nav a:hover,
.aa-nav__button:hover,
.nav-menu a:hover{
  color:var(--aa-primary-600) !important;
}

.aa-btn{
  font-size:14px !important;
  font-weight:700 !important;
}

/* 3) Hero slider: remove inner box, make image stage; text over image left */
.aa-hero-slider,
.hero-slider,
.hero-stage,
.slider-hero,
.aa-hero{
  width:100% !important;
  padding:clamp(28px,3vw,54px) 0 !important;
}

.aa-hero__grid,
.hero-slide,
.slider-slide,
.aa-hero-slide{
  width:min(1880px, calc(100% - 48px)) !important;
  max-width:1880px !important;
  margin:auto !important;
}

/* If existing hero uses grid, turn it into one visual stage */
.aa-hero__grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  position:relative !important;
}

.aa-hero__visual,
.hero-slide__visual,
.slider-visual{
  grid-area:1/1 !important;
  width:100% !important;
  min-height:clamp(520px,42vw,760px) !important;
}

.aa-hero__copy,
.hero-slide__copy,
.slider-copy{
  grid-area:1/1 !important;
  position:relative !important;
  z-index:4 !important;
  align-self:center !important;
  justify-self:start !important;
  width:min(620px, 42vw) !important;
  margin-left:clamp(30px,4vw,78px) !important;
  padding:clamp(22px,2.4vw,38px) !important;
  background:linear-gradient(90deg, rgba(255,255,255,.82), rgba(255,255,255,.56), rgba(255,255,255,0)) !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(4px) !important;
}

.aa-hero__copy h1,
.hero-slide__copy h1{
  font-size:clamp(42px,5vw,78px) !important;
  line-height:.96 !important;
  font-weight:760 !important;
  color:#0F172A !important;
}

.aa-hero__copy p,
.hero-slide__copy p{
  font-size:clamp(15px,1vw,18px) !important;
  line-height:1.65 !important;
  color:#334155 !important;
}

.aa-visual-card--hero,
.hero-visual-card,
.slider-image-card{
  width:100% !important;
  min-height:clamp(520px,42vw,760px) !important;
  aspect-ratio:auto !important;
  border-radius:28px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#F8FAFC !important;
  border:1px solid rgba(191,208,228,.95) !important;
  box-shadow:0 24px 80px rgba(15,23,42,.16) !important;
}

.aa-visual-card--hero:before,
.aa-visual-card--hero:after,
.hero-visual-card:before,
.hero-visual-card:after{
  display:none !important;
}

.aa-visual-card--hero img,
.hero-visual-card img,
.slider-image-card img{
  width:100% !important;
  height:100% !important;
  min-height:clamp(520px,42vw,760px) !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}

/* 4) Supported Projects style card language for all cards */
.aa-step-card,
.aa-visual-feature,
.aa-capacity-card,
.aa-card,
.aa-panel,
.aa-dashboard-card,
.aa-visual-card,
.aa-cta-panel{
  border-radius:18px !important;
  border:1px solid rgba(191,208,228,.95) !important;
  background:#FFFFFF !important;
  box-shadow:0 14px 34px rgba(15,23,42,.10) !important;
  overflow:hidden !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.aa-step-card:hover,
.aa-visual-feature:hover,
.aa-capacity-card:hover,
.aa-card:hover,
.aa-panel:hover,
.aa-dashboard-card:hover,
.aa-visual-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(37,99,235,.42) !important;
  box-shadow:var(--aa-shadow-card-hover) !important;
}

/* remove decorative top-lines that create nested-box feel */
.aa-step-card:before,
.aa-visual-feature:before,
.aa-capacity-card:before,
.aa-card:before,
.aa-panel:before,
.aa-dashboard-card:before,
.aa-visual-card:before,
.aa-visual-card:after,
.aa-cta-panel:before{
  display:none !important;
}

/* Card image fit: no gaps, no visible background, scalable, centered */
.aa-step-card__media,
.aa-visual-feature figure,
.aa-capacity-card__media,
.aa-media-slot,
.card-media,
.visual-card-media,
.project-card-media{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
}

.aa-step-card__media,
.aa-capacity-card__media{
  height:clamp(230px,18vw,340px) !important;
}

.aa-visual-feature figure{
  height:clamp(300px,24vw,455px) !important;
}

.aa-step-card__media img,
.aa-visual-feature figure img,
.aa-capacity-card__media img,
.aa-media-slot img,
.card-media img,
.visual-card-media img,
.project-card-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}

/* Text areas like the reference card: clean bottom/upper info panel */
.aa-step-card__top,
.aa-visual-feature__copy,
.aa-capacity-card__body{
  background:#FFFFFF !important;
  padding:clamp(18px,1.6vw,28px) !important;
  border:0 !important;
}

.aa-step-card h3,
.aa-visual-feature h3,
.aa-capacity-card h3{
  font-size:clamp(22px,1.7vw,34px) !important;
  line-height:1.04 !important;
  font-weight:720 !important;
  letter-spacing:-.035em !important;
  color:#0F172A !important;
}

.aa-step-card p,
.aa-visual-feature p,
.aa-capacity-card p{
  font-size:clamp(14px,.9vw,16px) !important;
  line-height:1.55 !important;
  color:#475569 !important;
}

/* Small number badges should be softer, not thick blocks */
.aa-step-card__top span,
.aa-visual-feature__copy span,
.aa-chip{
  background:#EFF6FF !important;
  color:#1D4ED8 !important;
  border:1px solid rgba(37,99,235,.22) !important;
  box-shadow:none !important;
}

/* 5) More visible but clean borders / hover / shadows */
.aa-btn--primary{
  background:linear-gradient(180deg,#3B82F6 0%,#1D4ED8 100%) !important;
  box-shadow:0 14px 32px rgba(37,99,235,.24) !important;
}

.aa-btn--primary:hover{
  box-shadow:0 18px 46px rgba(37,99,235,.32) !important;
}

.aa-btn--soft,
.aa-btn--ghost,
.aa-btn--outline{
  border-color:rgba(191,208,228,.95) !important;
  background:#FFFFFF !important;
}

.aa-btn--soft:hover,
.aa-btn--ghost:hover,
.aa-btn--outline:hover{
  border-color:rgba(37,99,235,.34) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.10) !important;
}

/* 6) Remove UI Component System section if CSS-only fallback */
#visual-system,
.visual-system,
.ui-component-system,
[data-section="ui-component-system"]{
  display:none !important;
}

/* 7) Night mode logo and cards cleanup */
html[data-theme="night"] .aa-navbar{
  background:rgba(11,18,32,.86) !important;
  border-bottom-color:rgba(96,165,250,.20) !important;
}

html[data-theme="night"] .aa-step-card,
html[data-theme="night"] .aa-visual-feature,
html[data-theme="night"] .aa-capacity-card,
html[data-theme="night"] .aa-card,
html[data-theme="night"] .aa-panel,
html[data-theme="night"] .aa-dashboard-card{
  background:#0F172A !important;
  border-color:rgba(96,165,250,.22) !important;
}

html[data-theme="night"] .aa-step-card__top,
html[data-theme="night"] .aa-visual-feature__copy,
html[data-theme="night"] .aa-capacity-card__body{
  background:#0F172A !important;
}

html[data-theme="night"] .aa-step-card h3,
html[data-theme="night"] .aa-visual-feature h3,
html[data-theme="night"] .aa-capacity-card h3{
  color:#E6ECF5 !important;
}

html[data-theme="night"] .aa-step-card p,
html[data-theme="night"] .aa-visual-feature p,
html[data-theme="night"] .aa-capacity-card p{
  color:#CBD5E1 !important;
}

html[data-theme="night"] .aa-step-card__media,
html[data-theme="night"] .aa-visual-feature figure,
html[data-theme="night"] .aa-capacity-card__media{
  background:transparent !important;
}

/* Responsive */
@media (max-width:1280px){
  .aa-container,
  .container,
  .site-container,
  .page-container,
  .aa-navbar__inner,
  .nav-shell,
  .navbar-inner,
  .aa-hero__grid,
  .hero-slide,
  .slider-slide,
  .aa-hero-slide{
    width:min(100% - 36px, 1880px) !important;
  }
}

@media (max-width:760px){
  :root{--aa-nav-h:82px !important;}
  .aa-container,
  .container,
  .site-container,
  .page-container,
  .aa-navbar__inner,
  .nav-shell,
  .navbar-inner,
  .aa-hero__grid,
  .hero-slide,
  .slider-slide,
  .aa-hero-slide{
    width:min(100% - 24px, 1880px) !important;
  }

  .aa-brand__logo,
  .brand-logo-img,
  .nav-logo{
    width:180px !important;
    height:62px !important;
  }

  .aa-hero__copy,
  .hero-slide__copy,
  .slider-copy{
    width:calc(100% - 28px) !important;
    margin:14px !important;
    padding:22px !important;
    align-self:end !important;
    background:rgba(255,255,255,.80) !important;
    border-radius:18px !important;
  }
}


/* =========================================================
   AgentsApp v20 — Premium Supernode Capacity Cards
   Reference: Supported Projects clean card structure.
   ========================================================= */

:root {
  --aa-cap-card-radius: 22px;
  --aa-cap-line: rgba(177, 196, 220, .96);
  --aa-cap-line-hover: rgba(37, 99, 235, .46);
  --aa-cap-shadow: 0 18px 42px rgba(15, 23, 42, .13);
  --aa-cap-shadow-hover: 0 28px 72px rgba(15, 23, 42, .18), 0 0 0 4px rgba(37, 99, 235, .065);
}

.aa-capacity-section {
  padding-top: clamp(96px, 8vw, 142px) !important;
}

.aa-capacity-section .aa-container {
  width: min(1880px, calc(100% - 48px)) !important;
  max-width: 1880px !important;
}

.aa-capacity-grid--premium {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(22px, 1.8vw, 34px) !important;
  align-items: stretch !important;
}

.aa-package-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 690px !important;
  overflow: hidden !important;
  border-radius: var(--aa-cap-card-radius) !important;
  background: #ffffff !important;
  border: 1px solid var(--aa-cap-line) !important;
  box-shadow: var(--aa-cap-shadow) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.aa-package-card:hover {
  transform: translateY(-5px) !important;
  border-color: var(--aa-cap-line-hover) !important;
  box-shadow: var(--aa-cap-shadow-hover) !important;
}

.aa-package-card__media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: clamp(305px, 22vw, 420px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
}

.aa-package-card__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  filter: saturate(1.04) contrast(1.015) !important;
}

.aa-package-card__badge {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  color: #1d4ed8 !important;
  background: rgba(239, 246, 255, .90) !important;
  border: 1px solid rgba(37, 99, 235, .22) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .10) !important;
  backdrop-filter: blur(8px) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
}

.aa-package-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 18px !important;
  padding: clamp(22px, 1.6vw, 30px) !important;
  background: #ffffff !important;
}

.aa-package-card__head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  align-items: flex-start !important;
}

.aa-package-card__kicker {
  display: block !important;
  margin-bottom: 8px !important;
  color: #2563eb !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}

.aa-package-card h3 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(30px, 2.3vw, 44px) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  font-weight: 760 !important;
}

.aa-package-card__status {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: #10b981 !important;
  background: rgba(236, 253, 245, .92) !important;
  border: 1px solid rgba(16, 185, 129, .22) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.aa-package-card p {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.56 !important;
  font-weight: 500 !important;
}

.aa-package-card__specs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.aa-package-card__specs span {
  display: grid !important;
  gap: 5px !important;
  min-height: 76px !important;
  padding: 13px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid rgba(213, 224, 238, .95) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.aa-package-card__specs strong {
  color: #0f172a !important;
  font-size: 16px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}

.aa-package-card__specs small {
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
}

.aa-package-card__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-top: auto !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(226, 232, 240, .95) !important;
}

.aa-package-card__footer small {
  max-width: 58% !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 550 !important;
}

.aa-package-card__footer .aa-btn {
  min-height: 42px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  background: #ffffff !important;
  color: #1d4ed8 !important;
  border: 1px solid rgba(37, 99, 235, .28) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .06) !important;
}

.aa-package-card__footer .aa-btn:hover {
  background: #eff6ff !important;
  border-color: rgba(37, 99, 235, .46) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .14) !important;
}

/* Different tiers: small natural accent only */
.aa-package-card--starter .aa-package-card__kicker,
.aa-package-card--starter .aa-package-card__footer .aa-btn { color: #0ea5e9 !important; }
.aa-package-card--lite .aa-package-card__kicker,
.aa-package-card--lite .aa-package-card__footer .aa-btn { color: #10b981 !important; }
.aa-package-card--pro .aa-package-card__kicker,
.aa-package-card--pro .aa-package-card__footer .aa-btn { color: #2563eb !important; }
.aa-package-card--edge .aa-package-card__kicker,
.aa-package-card--edge .aa-package-card__footer .aa-btn { color: #7c3aed !important; }

html[data-theme="night"] .aa-package-card {
  background: #0f172a !important;
  border-color: rgba(96, 165, 250, .24) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .34) !important;
}

html[data-theme="night"] .aa-package-card__media {
  background: #0b1220 !important;
  border-bottom-color: rgba(96, 165, 250, .18) !important;
}

html[data-theme="night"] .aa-package-card__body {
  background: #0f172a !important;
}

html[data-theme="night"] .aa-package-card h3,
html[data-theme="night"] .aa-package-card__specs strong {
  color: #e6ecf5 !important;
}

html[data-theme="night"] .aa-package-card p,
html[data-theme="night"] .aa-package-card__footer small,
html[data-theme="night"] .aa-package-card__specs small {
  color: #cbd5e1 !important;
}

html[data-theme="night"] .aa-package-card__specs span {
  background: #111827 !important;
  border-color: rgba(96, 165, 250, .16) !important;
}

html[data-theme="night"] .aa-package-card__footer {
  border-top-color: rgba(96, 165, 250, .16) !important;
}

@media (max-width: 1480px) {
  .aa-capacity-grid--premium {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .aa-package-card {
    min-height: 640px !important;
  }
}

@media (max-width: 760px) {
  .aa-capacity-grid--premium {
    grid-template-columns: 1fr !important;
  }
  .aa-package-card {
    min-height: auto !important;
  }
  .aa-package-card__media {
    height: 300px !important;
  }
  .aa-package-card__footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .aa-package-card__footer small {
    max-width: 100% !important;
  }
}

/* =========================================================
   AgentsApp v21 Phase 1 — Layout / Navbar / Footer / Image Fit Stabilization
   ========================================================= */

:root{
  --aa-container:1480px !important;
  --aa-gap:28px !important;
  --aa-nav-h:86px !important;
  --aa-border:#d7e1ee !important;
  --aa-border-strong:#b7c8dc !important;
  --aa-text:#0f172a !important;
  --aa-muted:#64748b !important;
  --aa-primary-500:#2563eb !important;
  --aa-primary-600:#1d4ed8 !important;
  --aa-primary-700:#0ea5e9 !important;
  --aa-shadow-soft:0 10px 28px rgba(15,23,42,.075) !important;
  --aa-shadow-md:0 18px 48px rgba(15,23,42,.11) !important;
  --aa-shadow-hover:0 24px 64px rgba(15,23,42,.15),0 0 0 4px rgba(37,99,235,.045) !important;
}

body{
  background:
    radial-gradient(circle at 12% 0%, rgba(14,165,233,.055), transparent 25%),
    radial-gradient(circle at 88% 0%, rgba(16,185,129,.045), transparent 23%),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 44%,#ffffff 100%) !important;
  color:var(--aa-text) !important;
}

.aa-container,
.container,
.site-container,
.page-container,
.aa-navbar__inner,
.nav-shell,
.navbar-inner,
.aa-hero-slider__shell,
.aa-hero__grid,
.hero-slide,
.slider-slide,
.aa-hero-slide{
  width:min(var(--aa-container), calc(100% - 56px)) !important;
  max-width:var(--aa-container) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.aa-section{
  padding-top:clamp(72px,6vw,104px) !important;
  padding-bottom:clamp(72px,6vw,104px) !important;
}

.aa-section--tight{padding-top:clamp(58px,5vw,82px) !important;}

.aa-section-head{
  max-width:920px !important;
  margin-bottom:clamp(32px,3.2vw,48px) !important;
}

.aa-section-head--wide{max-width:1040px !important;}

.aa-section-head h2{
  font-size:clamp(34px,3.7vw,58px) !important;
  line-height:1 !important;
  font-weight:740 !important;
  letter-spacing:-.045em !important;
}

.aa-section-head p{
  max-width:820px !important;
  font-size:clamp(15px,1vw,18px) !important;
  line-height:1.62 !important;
}

/* Navbar */
.aa-navbar,
.site-navbar,
.navbar{
  min-height:var(--aa-nav-h) !important;
  background:rgba(255,255,255,.90) !important;
  border-bottom:1px solid rgba(215,225,238,.95) !important;
  box-shadow:0 10px 30px rgba(15,23,42,.075) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
}

.aa-navbar__inner,
.nav-shell,
.navbar-inner{
  min-height:var(--aa-nav-h) !important;
  display:grid !important;
  grid-template-columns:minmax(205px,260px) minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:clamp(18px,1.8vw,34px) !important;
}

.aa-brand,
.brand-logo-link,
.navbar-brand{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}

.aa-brand__logo,
.brand-logo-img,
.nav-logo{
  width:clamp(190px,12vw,245px) !important;
  height:66px !important;
  object-fit:contain !important;
  object-position:left center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background-color:transparent !important;
  filter:drop-shadow(0 8px 15px rgba(15,23,42,.09)) !important;
  mix-blend-mode:multiply !important;
}

html[data-theme="night"] .aa-brand__logo,
html[data-theme="night"] .brand-logo-img,
html[data-theme="night"] .nav-logo{
  mix-blend-mode:lighten !important;
  filter:drop-shadow(0 0 12px rgba(96,165,250,.28)) !important;
}

.aa-nav,
.nav-menu{
  display:flex !important;
  justify-content:center !important;
  gap:clamp(14px,1.25vw,24px) !important;
}

.aa-nav a,
.aa-nav__button,
.nav-menu a,
.nav-link-button{
  font-size:clamp(13px,.78vw,15px) !important;
  line-height:1 !important;
  font-weight:680 !important;
  letter-spacing:.012em !important;
  color:#273449 !important;
  padding:12px 0 !important;
}

.aa-nav a:hover,
.aa-nav__button:hover,
.nav-menu a:hover,
.nav-link-button:hover{color:var(--aa-primary-600) !important;}

.aa-navbar__actions{gap:10px !important;}
.aa-navbar__actions .aa-btn{
  min-height:42px !important;
  padding:0 16px !important;
  font-size:13px !important;
}

/* Footer */
.aa-footer{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.98)) !important;
  border-top:1px solid rgba(215,225,238,.95) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.aa-footer__grid{
  width:min(var(--aa-container), calc(100% - 56px)) !important;
  max-width:var(--aa-container) !important;
  margin:0 auto !important;
  gap:clamp(28px,3vw,54px) !important;
}

.aa-footer__logo{
  width:clamp(190px,12vw,245px) !important;
  height:66px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  mix-blend-mode:multiply !important;
  filter:drop-shadow(0 8px 15px rgba(15,23,42,.08)) !important;
}

/* Hero/slider scale stabilization */
.aa-hero-slider{
  padding-top:clamp(30px,3vw,48px) !important;
  padding-bottom:clamp(46px,4vw,72px) !important;
}

.aa-hero-slide,
.aa-hero__grid{
  min-height:clamp(500px,39vw,650px) !important;
}

.aa-hero-slide__media,
.aa-visual-card--hero,
.aa-media-slot--hero{
  min-height:clamp(500px,39vw,650px) !important;
  max-height:650px !important;
  border-radius:24px !important;
}

.aa-hero-slide__media img,
.aa-visual-card--hero img,
.aa-media-slot--hero img{
  width:100% !important;
  height:100% !important;
  min-height:inherit !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
}

.aa-hero-slide__copy,
.aa-hero__copy{
  width:min(560px,42vw) !important;
  margin-left:clamp(28px,4vw,64px) !important;
  padding:clamp(20px,2vw,30px) !important;
}

.aa-hero-slide__copy h1,
.aa-hero__copy h1{
  font-size:clamp(40px,4.4vw,68px) !important;
  line-height:.97 !important;
  font-weight:740 !important;
  letter-spacing:-.052em !important;
}

.aa-hero-slide__copy p,
.aa-hero__copy p{
  font-size:clamp(15px,.95vw,17px) !important;
  line-height:1.62 !important;
}

/* Universal image fit */
.aa-step-card__media,
.aa-visual-feature figure,
.aa-capacity-card__media,
.aa-package-card__media,
.aa-media-slot,
.card-media,
.visual-card-media,
.project-card-media{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

.aa-step-card__media img,
.aa-visual-feature figure img,
.aa-capacity-card__media img,
.aa-package-card__media img,
.aa-media-slot img,
.card-media img,
.visual-card-media img,
.project-card-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}

/* Cards: controlled scale, not oversized */
.aa-step-grid{gap:18px !important;}
.aa-feature-grid--three{gap:clamp(20px,2vw,30px) !important;}
.aa-capacity-grid--premium,
.aa-capacity-grid{gap:clamp(18px,1.5vw,26px) !important;}

.aa-package-card{
  min-height:610px !important;
  border-radius:20px !important;
}

.aa-package-card__media{height:clamp(255px,18vw,330px) !important;}

.aa-package-card__body{
  padding:clamp(18px,1.35vw,24px) !important;
  gap:14px !important;
}

.aa-package-card h3{font-size:clamp(28px,1.9vw,38px) !important;}

.aa-package-card p{
  font-size:14px !important;
  line-height:1.52 !important;
}

.aa-package-card__specs{gap:8px !important;}

.aa-package-card__specs span{
  min-height:68px !important;
  padding:11px 12px !important;
}

/* Dark mode stabilization */
html[data-theme="night"] body{
  background:
    radial-gradient(circle at 14% 0%, rgba(96,165,250,.12), transparent 26%),
    linear-gradient(180deg,#0b1220 0%,#0f172a 54%,#0b1220 100%) !important;
  color:#e6ecf5 !important;
}

html[data-theme="night"] .aa-navbar{
  background:rgba(11,18,32,.92) !important;
  border-bottom-color:rgba(148,163,184,.22) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.34) !important;
}

html[data-theme="night"] .aa-nav a,
html[data-theme="night"] .aa-nav__button,
html[data-theme="night"] .nav-menu a{color:#dbe7f6 !important;}

html[data-theme="night"] .aa-nav a:hover,
html[data-theme="night"] .aa-nav__button:hover,
html[data-theme="night"] .nav-menu a:hover{color:#60a5fa !important;}

html[data-theme="night"] .aa-footer{
  background:linear-gradient(180deg,#0f172a 0%,#0b1220 100%) !important;
  border-top-color:rgba(148,163,184,.22) !important;
}

html[data-theme="night"] .aa-footer__logo{
  mix-blend-mode:lighten !important;
  filter:drop-shadow(0 0 12px rgba(96,165,250,.28)) !important;
}

html[data-theme="night"] .aa-footer h4{color:#e6ecf5 !important;}

html[data-theme="night"] .aa-footer p,
html[data-theme="night"] .aa-footer a,
html[data-theme="night"] .aa-footer button{color:#cbd5e1 !important;}

html[data-theme="night"] .aa-footer a:hover,
html[data-theme="night"] .aa-footer button:hover{color:#60a5fa !important;}

/* Responsive */
@media (max-width:1280px){
  :root{--aa-container:1180px !important;--aa-gap:22px !important;}
  .aa-container,
  .container,
  .site-container,
  .page-container,
  .aa-navbar__inner,
  .nav-shell,
  .navbar-inner,
  .aa-hero-slider__shell,
  .aa-hero__grid,
  .hero-slide,
  .slider-slide,
  .aa-hero-slide,
  .aa-footer__grid{
    width:min(var(--aa-container), calc(100% - 44px)) !important;
  }
}

@media (max-width:980px){
  :root{--aa-nav-h:80px !important;}
  .aa-navbar__inner{grid-template-columns:1fr auto !important;}
  .aa-nav{background:#ffffff !important;}
  html[data-theme="night"] .aa-nav{background:#0f172a !important;}

  .aa-hero-slide__copy,
  .aa-hero__copy{
    width:calc(100% - 28px) !important;
    margin:14px !important;
    align-self:end !important;
    background:rgba(255,255,255,.82) !important;
    border-radius:18px !important;
  }

  html[data-theme="night"] .aa-hero-slide__copy,
  html[data-theme="night"] .aa-hero__copy{background:rgba(15,23,42,.84) !important;}
}

@media (max-width:640px){
  .aa-container,
  .container,
  .site-container,
  .page-container,
  .aa-navbar__inner,
  .nav-shell,
  .navbar-inner,
  .aa-hero-slider__shell,
  .aa-hero__grid,
  .hero-slide,
  .slider-slide,
  .aa-hero-slide,
  .aa-footer__grid{
    width:min(100% - 28px, var(--aa-container)) !important;
  }

  .aa-brand__logo,
  .brand-logo-img,
  .nav-logo,
  .aa-footer__logo{
    width:176px !important;
    height:58px !important;
  }

  .aa-section{
    padding-top:64px !important;
    padding-bottom:64px !important;
  }
}


/* =========================================================
   AgentsApp v22 — Phase 2 Capacity Click Modal
   ========================================================= */

.aa-capacity-grid--premium{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.45vw, 24px) !important;
}

.aa-package-card{
  cursor: pointer !important;
  min-height: 580px !important;
  outline: none !important;
}

.aa-package-card:focus-visible{
  border-color: rgba(37,99,235,.55) !important;
  box-shadow: 0 0 0 5px rgba(37,99,235,.13), var(--aa-shadow-md) !important;
}

.aa-package-card__media{
  height: clamp(270px, 18vw, 340px) !important;
  background: #f8fafc !important;
}

.aa-package-card__media img{
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  transform: scale(1.08);
  transition: transform .24s ease;
}

.aa-package-card:hover .aa-package-card__media img{
  transform: scale(1.13);
}

.aa-package-card__open{
  position: relative;
  z-index: 3;
}

.aa-capacity-modal[aria-hidden="true"]{
  display: none !important;
}

.aa-capacity-modal{
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: clamp(18px, 3vw, 42px);
}

.aa-capacity-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,.42);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.aa-capacity-modal__panel{
  position: relative;
  z-index: 1;
  width: min(1160px, calc(100vw - 36px));
  max-height: min(820px, calc(100vh - 36px));
  display: grid;
  grid-template-columns: minmax(420px, 1.15fr) minmax(360px, .85fr);
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(191,208,228,.96);
  background: #ffffff;
  box-shadow: 0 36px 120px rgba(15,23,42,.34);
  animation: aaCapacityModalIn .22s ease both;
}

@keyframes aaCapacityModalIn{
  from{opacity: 0; transform: translateY(14px) scale(.985);}
  to{opacity: 1; transform: translateY(0) scale(1);}
}

.aa-capacity-modal__close{
  position: absolute;
  right: 18px;
  top: 18px;
  z-index: 4;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(191,208,228,.95);
  background: rgba(255,255,255,.86);
  color: #0f172a;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(15,23,42,.12);
}

.aa-capacity-modal__close:hover{
  border-color: rgba(37,99,235,.38);
  color: #1d4ed8;
}

.aa-capacity-modal__media{
  min-height: 600px;
  margin: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.96), transparent 32%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
  border-right: 1px solid rgba(226,232,240,.95);
  display: grid;
  place-items: center;
  overflow: hidden;
}

.aa-capacity-modal__media img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  padding: 0;
  transform: scale(1.04);
}

.aa-capacity-modal__content{
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: clamp(30px, 3vw, 48px);
}

.aa-capacity-modal__content h3{
  margin: 0;
  font-size: clamp(42px, 5vw, 72px);
  line-height: .92;
  letter-spacing: -.06em;
  font-weight: 760;
  color: #0f172a;
}

.aa-capacity-modal__content p{
  margin: 0;
  color: #475569;
  font-size: 16px;
  line-height: 1.62;
  font-weight: 500;
}

.aa-capacity-modal__specs{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 8px;
}

.aa-capacity-modal__specs span{
  display: grid;
  gap: 6px;
  min-height: 90px;
  padding: 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(213,224,238,.95);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98);
}

.aa-capacity-modal__specs strong{
  color: #0f172a;
  font-size: 20px;
  line-height: 1.05;
  font-weight: 800;
}

.aa-capacity-modal__specs small{
  color: #64748b;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 650;
}

.aa-capacity-modal__footer{
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(226,232,240,.95);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.aa-capacity-modal__footer small{
  color: #64748b;
  line-height: 1.45;
  font-size: 13px;
}

html[data-theme="night"] .aa-capacity-modal__backdrop{
  background: rgba(0,0,0,.58);
}

html[data-theme="night"] .aa-capacity-modal__panel{
  background: #0f172a;
  border-color: rgba(96,165,250,.24);
  box-shadow: 0 36px 120px rgba(0,0,0,.60);
}

html[data-theme="night"] .aa-capacity-modal__media{
  background: linear-gradient(180deg, #0b1220 0%, #111827 100%);
  border-right-color: rgba(96,165,250,.16);
}

html[data-theme="night"] .aa-capacity-modal__content h3,
html[data-theme="night"] .aa-capacity-modal__specs strong{
  color: #e6ecf5;
}

html[data-theme="night"] .aa-capacity-modal__content p,
html[data-theme="night"] .aa-capacity-modal__footer small,
html[data-theme="night"] .aa-capacity-modal__specs small{
  color: #cbd5e1;
}

html[data-theme="night"] .aa-capacity-modal__specs span{
  background: #111827;
  border-color: rgba(96,165,250,.16);
}

html[data-theme="night"] .aa-capacity-modal__footer{
  border-top-color: rgba(96,165,250,.16);
}

html[data-theme="night"] .aa-capacity-modal__close{
  background: rgba(15,23,42,.86);
  color: #e6ecf5;
  border-color: rgba(96,165,250,.22);
}

@media (max-width: 1480px){
  .aa-capacity-grid--premium{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .aa-package-card__media{
    height: 330px !important;
  }
}

@media (max-width: 920px){
  .aa-capacity-modal__panel{
    grid-template-columns: 1fr;
    overflow: auto;
  }
  .aa-capacity-modal__media{
    min-height: 390px;
    border-right: 0;
    border-bottom: 1px solid rgba(226,232,240,.95);
  }
  .aa-capacity-modal__footer{
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 760px){
  .aa-capacity-grid--premium{
    grid-template-columns: 1fr !important;
  }
  .aa-package-card__media{
    height: 300px !important;
  }
  .aa-capacity-modal__specs{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   AgentsApp v23 — Dark Mode / Navbar / Footer / Card Polish
   ========================================================= */

:root{
  --aa-page-max:1480px !important;
  --aa-clean-border:rgba(199,213,230,.95) !important;
  --aa-clean-border-strong:rgba(37,99,235,.38) !important;
  --aa-clean-shadow:0 16px 40px rgba(15,23,42,.10) !important;
  --aa-clean-shadow-hover:0 22px 58px rgba(15,23,42,.15),0 0 0 4px rgba(37,99,235,.05) !important;
}

/* Navbar / logo final polish */
.aa-navbar{min-height:86px !important;background:rgba(255,255,255,.92) !important;border-bottom-color:rgba(215,225,238,.95) !important;box-shadow:0 10px 30px rgba(15,23,42,.075) !important;}
.aa-navbar__inner{min-height:86px !important;}
.aa-brand,.aa-brand__logo,.aa-footer__logo{background:transparent !important;background-color:transparent !important;border:0 !important;box-shadow:none !important;outline:0 !important;}
.aa-brand__logo,.aa-footer__logo{object-fit:contain !important;object-position:left center !important;}
.aa-nav a,.aa-nav__button{font-size:14px !important;font-weight:700 !important;color:#243044 !important;}
.aa-nav a:hover,.aa-nav__button:hover{color:#1d4ed8 !important;}

/* Footer */
.aa-footer{padding-top:clamp(56px,5vw,82px) !important;padding-bottom:32px !important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.98)) !important;border-top-color:rgba(215,225,238,.95) !important;}
.aa-footer h4{color:#0f172a !important;font-size:14px !important;text-transform:uppercase !important;letter-spacing:.055em !important;font-weight:800 !important;}
.aa-footer p,.aa-footer a,.aa-footer button{color:#64748b !important;font-size:14px !important;}
.aa-footer a:hover,.aa-footer button:hover{color:#1d4ed8 !important;}

/* How It Works / Test Flow scale polish */
.aa-step-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:16px !important;}
.aa-step-card{min-height:420px !important;}
.aa-step-card__top{min-height:146px !important;padding:18px 18px 12px !important;}
.aa-step-card h3{font-size:clamp(18px,1.15vw,22px) !important;margin-top:12px !important;}
.aa-step-card p{font-size:13px !important;line-height:1.45 !important;}
.aa-step-card__media{height:250px !important;}

.aa-visual-feature{min-height:560px !important;}
.aa-visual-feature__copy{min-height:138px !important;padding:22px 24px 12px !important;}
.aa-visual-feature h3{font-size:clamp(26px,1.9vw,36px) !important;margin-top:12px !important;}
.aa-visual-feature p{font-size:14px !important;line-height:1.52 !important;}
.aa-visual-feature figure{height:390px !important;}

/* Cleaner card surface, border and hover */
.aa-step-card,.aa-visual-feature,.aa-package-card,.aa-dashboard-preview,.aa-cta-panel,.aa-faq-list details{border-color:var(--aa-clean-border) !important;box-shadow:var(--aa-clean-shadow) !important;}
.aa-step-card:hover,.aa-visual-feature:hover,.aa-package-card:hover,.aa-faq-list details:hover{border-color:var(--aa-clean-border-strong) !important;box-shadow:var(--aa-clean-shadow-hover) !important;}

/* Capacity card refinement after modal approval */
.aa-package-card{min-height:570px !important;}
.aa-package-card__media{height:clamp(258px,17vw,320px) !important;}
.aa-package-card__media img{transform:scale(1.10) !important;}
.aa-package-card:hover .aa-package-card__media img{transform:scale(1.15) !important;}
.aa-package-card__body{padding:20px !important;}
.aa-package-card__specs span{min-height:64px !important;}
.aa-package-card__footer{padding-top:12px !important;}

/* Dark mode final */
html[data-theme="night"] body{background:radial-gradient(circle at 12% 0%,rgba(96,165,250,.16),transparent 28%),radial-gradient(circle at 90% 4%,rgba(34,211,238,.08),transparent 24%),linear-gradient(180deg,#070d18 0%,#0b1220 48%,#070d18 100%) !important;color:#e6ecf5 !important;}
html[data-theme="night"] .aa-navbar{background:rgba(7,13,24,.92) !important;border-bottom-color:rgba(148,163,184,.24) !important;box-shadow:0 12px 36px rgba(0,0,0,.42) !important;}
html[data-theme="night"] .aa-navbar::after{background:linear-gradient(90deg,transparent,rgba(96,165,250,.26),rgba(34,211,238,.18),transparent) !important;}
html[data-theme="night"] .aa-nav a,html[data-theme="night"] .aa-nav__button{color:#dbe7f6 !important;}
html[data-theme="night"] .aa-nav a:hover,html[data-theme="night"] .aa-nav__button:hover{color:#60a5fa !important;}

html[data-theme="night"] .aa-btn--ghost,html[data-theme="night"] .aa-btn--soft,html[data-theme="night"] .aa-btn--outline{background:rgba(15,23,42,.72) !important;border-color:rgba(148,163,184,.24) !important;color:#e6ecf5 !important;}
html[data-theme="night"] .aa-btn--ghost:hover,html[data-theme="night"] .aa-btn--soft:hover,html[data-theme="night"] .aa-btn--outline:hover{border-color:rgba(96,165,250,.42) !important;color:#60a5fa !important;box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 0 4px rgba(96,165,250,.08) !important;}

html[data-theme="night"] .aa-step-card,html[data-theme="night"] .aa-visual-feature,html[data-theme="night"] .aa-package-card,html[data-theme="night"] .aa-dashboard-preview,html[data-theme="night"] .aa-dashboard-preview__side,html[data-theme="night"] .aa-dashboard-preview__main,html[data-theme="night"] .aa-dashboard-preview__cards>div,html[data-theme="night"] .aa-cta-panel,html[data-theme="night"] .aa-faq-list details,html[data-theme="night"] .aa-auth-card,html[data-theme="night"] .aa-drawer__panel{background:linear-gradient(180deg,#0f172a 0%,#0b1220 100%) !important;border-color:rgba(148,163,184,.22) !important;box-shadow:0 18px 48px rgba(0,0,0,.34) !important;}
html[data-theme="night"] .aa-step-card:hover,html[data-theme="night"] .aa-visual-feature:hover,html[data-theme="night"] .aa-package-card:hover,html[data-theme="night"] .aa-faq-list details:hover{border-color:rgba(96,165,250,.46) !important;box-shadow:0 24px 64px rgba(0,0,0,.46),0 0 0 4px rgba(96,165,250,.08) !important;}

html[data-theme="night"] .aa-step-card__top,html[data-theme="night"] .aa-visual-feature__copy,html[data-theme="night"] .aa-package-card__body,html[data-theme="night"] .aa-capacity-modal__content{background:transparent !important;}
html[data-theme="night"] .aa-step-card__media,html[data-theme="night"] .aa-visual-feature figure,html[data-theme="night"] .aa-package-card__media,html[data-theme="night"] .aa-media-slot{background:linear-gradient(180deg,#111827 0%,#0b1220 100%) !important;border-color:rgba(148,163,184,.16) !important;}

html[data-theme="night"] h1,html[data-theme="night"] h2,html[data-theme="night"] h3,html[data-theme="night"] .aa-package-card h3,html[data-theme="night"] .aa-step-card h3,html[data-theme="night"] .aa-visual-feature h3,html[data-theme="night"] .aa-dashboard-preview h2{color:#f8fbff !important;}
html[data-theme="night"] p,html[data-theme="night"] .aa-step-card p,html[data-theme="night"] .aa-visual-feature p,html[data-theme="night"] .aa-package-card p,html[data-theme="night"] .aa-section-head p{color:#cbd5e1 !important;}

html[data-theme="night"] .aa-chip,html[data-theme="night"] .aa-package-card__badge,html[data-theme="night"] .aa-step-card__top span,html[data-theme="night"] .aa-visual-feature__copy span{background:rgba(96,165,250,.12) !important;color:#93c5fd !important;border-color:rgba(96,165,250,.26) !important;}

html[data-theme="night"] .aa-footer{background:radial-gradient(circle at 12% 0%,rgba(96,165,250,.12),transparent 28%),linear-gradient(180deg,#0f172a 0%,#070d18 100%) !important;border-top-color:rgba(148,163,184,.24) !important;}
html[data-theme="night"] .aa-footer h4{color:#f8fbff !important;}
html[data-theme="night"] .aa-footer p,html[data-theme="night"] .aa-footer a,html[data-theme="night"] .aa-footer button{color:#cbd5e1 !important;}
html[data-theme="night"] .aa-footer a:hover,html[data-theme="night"] .aa-footer button:hover{color:#60a5fa !important;}

html[data-theme="night"] .aa-brand__logo,html[data-theme="night"] .aa-footer__logo{mix-blend-mode:screen !important;opacity:.96 !important;filter:drop-shadow(0 0 14px rgba(96,165,250,.20)) contrast(1.05) !important;}

html[data-theme="night"] .aa-capacity-modal__panel{background:#0b1220 !important;border-color:rgba(96,165,250,.28) !important;}
html[data-theme="night"] .aa-capacity-modal__media{background:radial-gradient(circle at 50% 0%,rgba(96,165,250,.12),transparent 32%),linear-gradient(180deg,#111827 0%,#070d18 100%) !important;}
html[data-theme="night"] .aa-capacity-modal__specs span{background:rgba(15,23,42,.92) !important;border-color:rgba(148,163,184,.20) !important;}

@media (max-width:1280px){
  .aa-step-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .aa-step-card__media{height:260px !important;}
}

@media (max-width:760px){
  .aa-step-grid{grid-template-columns:1fr !important;}
  .aa-visual-feature{min-height:auto !important;}
  .aa-visual-feature figure{height:330px !important;}
  .aa-package-card{min-height:auto !important;}
}


/* =========================================================
   AgentsApp v24 — Dashboard Preview / Trial Community / FAQ Polish
   ========================================================= */

.aa-dashboard-preview-section{
  padding-top: clamp(82px, 7vw, 118px) !important;
}

.aa-dashboard-preview--premium{
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 22px !important;
  padding: 18px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(219,234,254,.68), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  box-shadow: 0 22px 70px rgba(15,23,42,.13) !important;
}

.aa-dashboard-preview__side{
  border-radius: 22px !important;
  border: 1px solid rgba(199,213,230,.92) !important;
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  padding: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.aa-user-chip{
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  column-gap: 12px !important;
  align-items: center !important;
  padding: 14px !important;
  margin-bottom: 16px !important;
  border-radius: 18px !important;
  background: #eff6ff !important;
  border: 1px solid rgba(37,99,235,.18) !important;
}

.aa-user-chip span{
  grid-row: span 2 !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: linear-gradient(180deg,#3b82f6,#1d4ed8) !important;
  font-weight: 800 !important;
}

.aa-user-chip strong{
  color: #0f172a !important;
  line-height: 1.1 !important;
}

.aa-user-chip small{
  color: #64748b !important;
  font-size: 12px !important;
}

.aa-dashboard-preview__side a{
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  color: #475569 !important;
  font-weight: 650 !important;
}

.aa-dashboard-preview__side a.active,
.aa-dashboard-preview__side a:hover{
  color: #1d4ed8 !important;
  background: #eff6ff !important;
}

.aa-dashboard-preview__main{
  padding: clamp(22px, 2vw, 32px) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(199,213,230,.92) !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.aa-dashboard-preview__top{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 22px !important;
  margin-bottom: 22px !important;
}

.aa-dashboard-preview__top h2{
  margin: 10px 0 8px !important;
  color: #0f172a !important;
  font-size: clamp(34px, 3.2vw, 56px) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
}

.aa-dashboard-preview__top p{
  margin: 0 !important;
  max-width: 680px !important;
  color: #64748b !important;
  line-height: 1.56 !important;
}

.aa-dashboard-preview__stats{
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

.aa-dashboard-preview__stats div,
.aa-dashboard-preview__cards > div,
.aa-dashboard-workspace__main,
.aa-dashboard-workspace__side{
  border-radius: 18px !important;
  border: 1px solid rgba(199,213,230,.92) !important;
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.07) !important;
}

.aa-dashboard-preview__stats div{
  padding: 16px !important;
}

.aa-dashboard-preview__stats strong{
  display: block !important;
  color: #0f172a !important;
  font-size: 26px !important;
  letter-spacing: -.04em !important;
}

.aa-dashboard-preview__stats span{
  display: block !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-top: 5px !important;
}

.aa-dashboard-workspace{
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px,.75fr) !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.aa-dashboard-workspace__main,
.aa-dashboard-workspace__side{
  padding: 20px !important;
}

.aa-dashboard-workspace h3,
.aa-dashboard-preview__cards h3{
  margin: 0 0 8px !important;
  color: #0f172a !important;
  font-size: 20px !important;
  letter-spacing: -.025em !important;
}

.aa-dashboard-workspace p,
.aa-dashboard-preview__cards p{
  margin: 0 !important;
  color: #64748b !important;
  line-height: 1.52 !important;
  font-size: 14px !important;
}

.aa-flow-line{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.aa-flow-line span{
  display: grid !important;
  place-items: center !important;
  min-height: 44px !important;
  border-radius: 999px !important;
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.aa-slot-list{
  display: grid !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.aa-slot-list span{
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.aa-slot-list i{
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 0 4px rgba(16,185,129,.12) !important;
}

.aa-dashboard-preview__cards{
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px !important;
}

.aa-dashboard-preview__cards > div{
  padding: 18px !important;
}

/* Trial / Community */
.aa-trial-community-panel{
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(520px, 1.05fr) !important;
  gap: 24px !important;
  align-items: center !important;
  padding: clamp(28px, 4vw, 54px) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(236,253,245,.88), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(239,246,255,.9), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  box-shadow: 0 22px 70px rgba(15,23,42,.12) !important;
}

.aa-trial-community-panel__copy h2{
  margin: 12px 0 14px !important;
  color: #0f172a !important;
  font-size: clamp(36px, 4.2vw, 66px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.aa-trial-community-panel__copy p{
  color: #64748b !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  max-width: 680px !important;
}

.aa-trial-community-grid{
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px !important;
}

.aa-trial-community-grid article{
  min-height: 170px !important;
  padding: 20px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.08) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.aa-trial-community-grid article:hover{
  transform: translateY(-4px) !important;
  border-color: rgba(37,99,235,.36) !important;
  box-shadow: 0 20px 52px rgba(15,23,42,.13) !important;
}

.aa-trial-community-grid span{
  display: inline-grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 30px !important;
  border-radius: 12px !important;
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.aa-trial-community-grid strong{
  display: block !important;
  margin-top: 14px !important;
  color: #0f172a !important;
  font-size: 19px !important;
  letter-spacing: -.025em !important;
}

.aa-trial-community-grid p{
  margin: 8px 0 0 !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
}

/* FAQ */
.aa-faq-list{
  width: min(980px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: 12px !important;
}

.aa-faq-list details{
  border-radius: 18px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.07) !important;
  overflow: hidden !important;
}

.aa-faq-list summary{
  cursor: pointer !important;
  padding: 18px 22px !important;
  color: #0f172a !important;
  font-weight: 750 !important;
  list-style: none !important;
}

.aa-faq-list summary::-webkit-details-marker{
  display: none !important;
}

.aa-faq-list summary::after{
  content: "+" !important;
  float: right !important;
  color: #1d4ed8 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.aa-faq-list details[open] summary::after{
  content: "−" !important;
}

.aa-faq-list details p{
  margin: 0 !important;
  padding: 0 22px 20px !important;
  color: #64748b !important;
  line-height: 1.62 !important;
}

/* Dark mode for v24 sections */
html[data-theme="night"] .aa-dashboard-preview--premium,
html[data-theme="night"] .aa-trial-community-panel{
  background: linear-gradient(180deg,#0f172a 0%,#0b1220 100%) !important;
  border-color: rgba(148,163,184,.22) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.38) !important;
}

html[data-theme="night"] .aa-dashboard-preview__side,
html[data-theme="night"] .aa-dashboard-preview__main,
html[data-theme="night"] .aa-dashboard-preview__stats div,
html[data-theme="night"] .aa-dashboard-preview__cards > div,
html[data-theme="night"] .aa-dashboard-workspace__main,
html[data-theme="night"] .aa-dashboard-workspace__side,
html[data-theme="night"] .aa-trial-community-grid article,
html[data-theme="night"] .aa-faq-list details{
  background: linear-gradient(180deg,#111827 0%,#0f172a 100%) !important;
  border-color: rgba(148,163,184,.20) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.32) !important;
}

html[data-theme="night"] .aa-user-chip,
html[data-theme="night"] .aa-flow-line span,
html[data-theme="night"] .aa-trial-community-grid span{
  background: rgba(96,165,250,.12) !important;
  border-color: rgba(96,165,250,.24) !important;
  color: #93c5fd !important;
}

html[data-theme="night"] .aa-dashboard-preview__top h2,
html[data-theme="night"] .aa-dashboard-workspace h3,
html[data-theme="night"] .aa-dashboard-preview__cards h3,
html[data-theme="night"] .aa-trial-community-panel__copy h2,
html[data-theme="night"] .aa-trial-community-grid strong,
html[data-theme="night"] .aa-faq-list summary,
html[data-theme="night"] .aa-dashboard-preview__stats strong{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-dashboard-preview__top p,
html[data-theme="night"] .aa-dashboard-workspace p,
html[data-theme="night"] .aa-dashboard-preview__cards p,
html[data-theme="night"] .aa-trial-community-panel__copy p,
html[data-theme="night"] .aa-trial-community-grid p,
html[data-theme="night"] .aa-faq-list details p,
html[data-theme="night"] .aa-slot-list span,
html[data-theme="night"] .aa-dashboard-preview__stats span{
  color: #cbd5e1 !important;
}

html[data-theme="night"] .aa-dashboard-preview__side a{
  color: #cbd5e1 !important;
}

html[data-theme="night"] .aa-dashboard-preview__side a.active,
html[data-theme="night"] .aa-dashboard-preview__side a:hover{
  background: rgba(96,165,250,.12) !important;
  color: #93c5fd !important;
}

@media (max-width: 1180px){
  .aa-dashboard-preview--premium,
  .aa-dashboard-workspace,
  .aa-trial-community-panel{
    grid-template-columns: 1fr !important;
  }

  .aa-dashboard-preview__stats,
  .aa-dashboard-preview__cards,
  .aa-trial-community-grid{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 720px){
  .aa-dashboard-preview__stats,
  .aa-dashboard-preview__cards,
  .aa-trial-community-grid,
  .aa-flow-line{
    grid-template-columns: 1fr !important;
  }

  .aa-dashboard-preview__top{
    flex-direction: column !important;
  }
}


/* =========================================================
   AgentsApp v25 — Supported Project Slots Section
   Adds project-slot cards in the same premium card language.
   ========================================================= */

.aa-project-slots-section{
  padding-top: clamp(78px, 7vw, 118px) !important;
  padding-bottom: clamp(78px, 7vw, 118px) !important;
}

.aa-project-slot-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.6vw, 28px) !important;
}

.aa-project-slot-card{
  position: relative !important;
  overflow: hidden !important;
  min-height: 430px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 40px rgba(15,23,42,.10) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.aa-project-slot-card:hover{
  transform: translateY(-4px) !important;
  border-color: rgba(37,99,235,.40) !important;
  box-shadow: 0 24px 64px rgba(15,23,42,.15), 0 0 0 4px rgba(37,99,235,.05) !important;
}

.aa-project-slot-card__media{
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  height: 230px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(239,246,255,.98), transparent 36%),
    linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
  border-bottom: 1px solid rgba(226,232,240,.96) !important;
}

.aa-project-orb{
  position: relative !important;
  z-index: 2 !important;
  width: 118px !important;
  height: 118px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 34px !important;
  color: #ffffff !important;
  font-size: 46px !important;
  font-weight: 850 !important;
  letter-spacing: -.06em !important;
  background:
    linear-gradient(145deg, #60a5fa 0%, #2563eb 56%, #8b5cf6 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 18px 46px rgba(37,99,235,.26) !important;
}

.aa-project-lines{
  position: absolute !important;
  inset: auto 34px 34px 34px !important;
  display: grid !important;
  gap: 8px !important;
  opacity: .72 !important;
}

.aa-project-lines i{
  display: block !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(37,99,235,.08), rgba(37,99,235,.28), rgba(16,185,129,.18)) !important;
}

.aa-project-lines i:nth-child(2){width: 72% !important;}
.aa-project-lines i:nth-child(3){width: 52% !important;}

.aa-project-slot-card__body{
  display: grid !important;
  gap: 14px !important;
  padding: 22px !important;
  background: #ffffff !important;
}

.aa-project-slot-card__status{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  width: max-content !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border: 1px solid rgba(37,99,235,.20) !important;
  font-size: 11px !important;
  font-weight: 780 !important;
  letter-spacing: .025em !important;
}

.aa-project-slot-card h3{
  margin: 12px 0 0 !important;
  color: #0f172a !important;
  font-size: clamp(25px, 1.9vw, 34px) !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
  font-weight: 760 !important;
}

.aa-project-slot-card p{
  margin: 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.56 !important;
}

.aa-project-slot-card__tags{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.aa-project-slot-card__tags span{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: #475569 !important;
  background: #f8fafc !important;
  border: 1px solid rgba(226,232,240,.95) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

/* Dark mode */
html[data-theme="night"] .aa-project-slot-card{
  background: linear-gradient(180deg,#0f172a 0%,#0b1220 100%) !important;
  border-color: rgba(148,163,184,.22) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.34) !important;
}

html[data-theme="night"] .aa-project-slot-card:hover{
  border-color: rgba(96,165,250,.46) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.46), 0 0 0 4px rgba(96,165,250,.08) !important;
}

html[data-theme="night"] .aa-project-slot-card__media{
  background:
    radial-gradient(circle at 50% 16%, rgba(96,165,250,.13), transparent 38%),
    linear-gradient(180deg, #111827 0%, #0b1220 100%) !important;
  border-bottom-color: rgba(148,163,184,.16) !important;
}

html[data-theme="night"] .aa-project-slot-card__body{
  background: transparent !important;
}

html[data-theme="night"] .aa-project-slot-card h3{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-project-slot-card p{
  color: #cbd5e1 !important;
}

html[data-theme="night"] .aa-project-slot-card__status{
  background: rgba(96,165,250,.12) !important;
  color: #93c5fd !important;
  border-color: rgba(96,165,250,.26) !important;
}

html[data-theme="night"] .aa-project-slot-card__tags span{
  background: rgba(15,23,42,.82) !important;
  color: #cbd5e1 !important;
  border-color: rgba(148,163,184,.20) !important;
}

@media (max-width: 1180px){
  .aa-project-slot-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px){
  .aa-project-slot-grid{
    grid-template-columns: 1fr !important;
  }

  .aa-project-slot-card{
    min-height: auto !important;
  }

  .aa-project-slot-card__media{
    height: 220px !important;
  }
}


/* =========================================================
   AgentsApp v27 — Dashboard Supported Projects Detail Area
   Moves supported project display from homepage into dashboard.
   ========================================================= */

.aa-dashboard-page--v27{
  padding: clamp(58px, 5vw, 90px) 0 !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(239,246,255,.92), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
}

.aa-dashboard-shell--v27{
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  width: min(1480px, calc(100% - 56px)) !important;
}

.aa-dashboard-side--v27{
  position: sticky !important;
  top: 108px !important;
  display: grid !important;
  gap: 8px !important;
  padding: 18px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.10) !important;
}

.aa-dashboard-brand-mini{
  padding: 14px !important;
  margin-bottom: 8px !important;
  border-radius: 18px !important;
  background: #eff6ff !important;
  border: 1px solid rgba(37,99,235,.18) !important;
}

.aa-dashboard-brand-mini strong{
  display: block !important;
  color: #0f172a !important;
  font-size: 18px !important;
}

.aa-dashboard-brand-mini small{
  display: block !important;
  margin-top: 4px !important;
  color: #64748b !important;
}

.aa-dashboard-side--v27 a{
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  color: #475569 !important;
  font-weight: 700 !important;
}

.aa-dashboard-side--v27 a.active,
.aa-dashboard-side--v27 a:hover{
  color: #1d4ed8 !important;
  background: #eff6ff !important;
}

.aa-dashboard-main--v27{
  display: grid !important;
  gap: 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.aa-dashboard-hero-panel,
.aa-dashboard-block{
  border-radius: 26px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.10) !important;
  padding: clamp(24px, 2.6vw, 40px) !important;
}

.aa-dashboard-hero-panel{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(360px,.42fr) !important;
  gap: 24px !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(219,234,254,.96), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(236,253,245,.75), transparent 28%),
    #ffffff !important;
}

.aa-dashboard-hero-panel h1{
  margin: 12px 0 14px !important;
  color: #0f172a !important;
  font-size: clamp(42px, 5vw, 72px) !important;
  line-height: .94 !important;
  letter-spacing: -.06em !important;
}

.aa-dashboard-hero-panel p,
.aa-dashboard-block p{
  color: #64748b !important;
  line-height: 1.62 !important;
  max-width: 820px !important;
}

.aa-dashboard-hero-stats,
.aa-dashboard-mini-grid{
  display: grid !important;
  gap: 12px !important;
}

.aa-dashboard-hero-stats span,
.aa-dashboard-mini-grid span{
  display: grid !important;
  gap: 4px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.07) !important;
}

.aa-dashboard-hero-stats strong,
.aa-dashboard-mini-grid strong{
  color: #0f172a !important;
  font-size: 26px !important;
  letter-spacing: -.04em !important;
}

.aa-dashboard-hero-stats small,
.aa-dashboard-mini-grid small{
  color: #64748b !important;
  font-weight: 700 !important;
}

.aa-dashboard-block__head{
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 22px !important;
  margin-bottom: 22px !important;
}

.aa-dashboard-block h2{
  margin: 10px 0 10px !important;
  color: #0f172a !important;
  font-size: clamp(30px, 3vw, 48px) !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
}

.aa-dashboard-grid--packages{
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 14px !important;
}

.aa-dashboard-package-card{
  padding: 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.07) !important;
}

.aa-dashboard-package-card strong{
  display: block !important;
  color: #0f172a !important;
  font-size: 22px !important;
}

.aa-dashboard-package-card span{
  display: block !important;
  color: #1d4ed8 !important;
  margin-top: 6px !important;
  font-weight: 750 !important;
}

.aa-dashboard-package-card p{
  margin: 10px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.aa-dashboard-project-grid{
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px !important;
}

.aa-dashboard-project-card{
  display: grid !important;
  grid-template-columns: 74px minmax(0,1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  min-height: 132px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.08) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.aa-dashboard-project-card:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(37,99,235,.40) !important;
  box-shadow: 0 20px 52px rgba(15,23,42,.13), 0 0 0 4px rgba(37,99,235,.045) !important;
}

.aa-dashboard-project-card__orb{
  width: 74px !important;
  height: 74px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 22px !important;
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  background: linear-gradient(145deg,#60a5fa 0%,#2563eb 54%,#8b5cf6 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 14px 32px rgba(37,99,235,.22) !important;
}

.aa-dashboard-project-card__top{
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: center !important;
}

.aa-dashboard-project-card h3{
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 22px !important;
  letter-spacing: -.035em !important;
}

.aa-dashboard-project-card__top span{
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.aa-dashboard-project-card p{
  margin: 8px 0 0 !important;
  color: #64748b !important;
  line-height: 1.45 !important;
  font-size: 14px !important;
}

.aa-dashboard-project-card__meta{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.aa-dashboard-project-card__meta small{
  display: inline-flex !important;
  min-height: 26px !important;
  align-items: center !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  color: #475569 !important;
  background: #ffffff !important;
  border: 1px solid rgba(226,232,240,.96) !important;
  font-weight: 650 !important;
}

.aa-dashboard-block--split{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 22px !important;
  align-items: center !important;
}

.aa-dashboard-profile-form{
  margin-top: 20px !important;
  max-width: 760px !important;
}

/* Dark mode */
html[data-theme="night"] .aa-dashboard-page--v27{
  background: radial-gradient(circle at 12% 0%,rgba(96,165,250,.13),transparent 28%),linear-gradient(180deg,#070d18 0%,#0b1220 100%) !important;
}

html[data-theme="night"] .aa-dashboard-side--v27,
html[data-theme="night"] .aa-dashboard-hero-panel,
html[data-theme="night"] .aa-dashboard-block,
html[data-theme="night"] .aa-dashboard-package-card,
html[data-theme="night"] .aa-dashboard-project-card,
html[data-theme="night"] .aa-dashboard-hero-stats span,
html[data-theme="night"] .aa-dashboard-mini-grid span{
  background: linear-gradient(180deg,#0f172a 0%,#0b1220 100%) !important;
  border-color: rgba(148,163,184,.22) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.34) !important;
}

html[data-theme="night"] .aa-dashboard-brand-mini,
html[data-theme="night"] .aa-dashboard-side--v27 a.active,
html[data-theme="night"] .aa-dashboard-side--v27 a:hover,
html[data-theme="night"] .aa-dashboard-project-card__top span{
  background: rgba(96,165,250,.12) !important;
  border-color: rgba(96,165,250,.24) !important;
  color: #93c5fd !important;
}

html[data-theme="night"] .aa-dashboard-side--v27 a,
html[data-theme="night"] .aa-dashboard-brand-mini small,
html[data-theme="night"] .aa-dashboard-hero-panel p,
html[data-theme="night"] .aa-dashboard-block p,
html[data-theme="night"] .aa-dashboard-project-card p,
html[data-theme="night"] .aa-dashboard-hero-stats small,
html[data-theme="night"] .aa-dashboard-mini-grid small{
  color: #cbd5e1 !important;
}

html[data-theme="night"] .aa-dashboard-hero-panel h1,
html[data-theme="night"] .aa-dashboard-block h2,
html[data-theme="night"] .aa-dashboard-project-card h3,
html[data-theme="night"] .aa-dashboard-package-card strong,
html[data-theme="night"] .aa-dashboard-hero-stats strong,
html[data-theme="night"] .aa-dashboard-mini-grid strong,
html[data-theme="night"] .aa-dashboard-brand-mini strong{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-dashboard-project-card__meta small{
  background: rgba(15,23,42,.82) !important;
  color: #cbd5e1 !important;
  border-color: rgba(148,163,184,.20) !important;
}

@media (max-width: 1180px){
  .aa-dashboard-shell--v27{
    grid-template-columns: 1fr !important;
  }

  .aa-dashboard-side--v27{
    position: relative !important;
    top: auto !important;
  }

  .aa-dashboard-hero-panel,
  .aa-dashboard-block--split{
    grid-template-columns: 1fr !important;
  }

  .aa-dashboard-grid--packages{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 720px){
  .aa-dashboard-shell--v27{
    width: min(100% - 28px, 1480px) !important;
  }

  .aa-dashboard-project-grid,
  .aa-dashboard-grid--packages{
    grid-template-columns: 1fr !important;
  }

  .aa-dashboard-project-card{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   AgentsApp v28 — Dashboard Internal Info Drawers
   Roadmap / Whitepaper / How It Works / Contact live inside dashboard.
   ========================================================= */

.aa-dashboard-side--v27 button[data-dashboard-drawer-open]{
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #475569 !important;
  font: inherit !important;
  font-weight: 700 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.aa-dashboard-side--v27 button[data-dashboard-drawer-open]:hover{
  color: #1d4ed8 !important;
  background: #eff6ff !important;
}

.aa-dashboard-info-drawer[aria-hidden="true"]{
  display: none !important;
}

.aa-dashboard-info-drawer{
  position: fixed !important;
  inset: 0 !important;
  z-index: 220 !important;
  display: flex !important;
  justify-content: flex-end !important;
}

.aa-dashboard-info-drawer__backdrop{
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15,23,42,.34) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.aa-dashboard-info-drawer__panel{
  position: relative !important;
  z-index: 1 !important;
  width: min(680px, 100%) !important;
  height: 100vh !important;
  overflow: auto !important;
  padding: clamp(30px, 4vw, 54px) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(239,246,255,.92), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  border-left: 1px solid rgba(199,213,230,.96) !important;
  box-shadow: -28px 0 90px rgba(15,23,42,.22) !important;
  animation: aaDashboardDrawerIn .24s ease both !important;
}

@keyframes aaDashboardDrawerIn{
  from{transform: translateX(28px); opacity: .72;}
  to{transform: translateX(0); opacity: 1;}
}

.aa-dashboard-info-drawer__close{
  position: sticky !important;
  top: 0 !important;
  float: right !important;
  z-index: 3 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background: rgba(255,255,255,.92) !important;
  color: #0f172a !important;
  font-size: 26px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.10) !important;
}

.aa-dashboard-info-view{
  display: none !important;
  clear: both !important;
}

.aa-dashboard-info-view.is-active{
  display: block !important;
}

.aa-dashboard-info-view h2{
  margin: 14px 0 14px !important;
  color: #0f172a !important;
  font-size: clamp(38px, 4.4vw, 64px) !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
}

.aa-dashboard-info-view p{
  color: #64748b !important;
  line-height: 1.65 !important;
  font-size: 16px !important;
  margin-bottom: 22px !important;
}

.aa-dashboard-info-timeline,
.aa-dashboard-info-list,
.aa-dashboard-info-steps{
  display: grid !important;
  gap: 12px !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
}

.aa-dashboard-info-timeline article,
.aa-dashboard-info-list article,
.aa-dashboard-info-steps li{
  list-style: none !important;
  display: grid !important;
  gap: 6px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.07) !important;
}

.aa-dashboard-info-timeline strong,
.aa-dashboard-info-list strong,
.aa-dashboard-info-steps strong{
  color: #0f172a !important;
  font-size: 17px !important;
}

.aa-dashboard-info-timeline span,
.aa-dashboard-info-list span,
.aa-dashboard-info-steps span{
  color: #64748b !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
}

.aa-dashboard-drawer-form{
  margin-top: 24px !important;
}

/* Dark mode */
html[data-theme="night"] .aa-dashboard-side--v27 button[data-dashboard-drawer-open]{
  color: #cbd5e1 !important;
}

html[data-theme="night"] .aa-dashboard-side--v27 button[data-dashboard-drawer-open]:hover{
  background: rgba(96,165,250,.12) !important;
  color: #93c5fd !important;
}

html[data-theme="night"] .aa-dashboard-info-drawer__backdrop{
  background: rgba(0,0,0,.56) !important;
}

html[data-theme="night"] .aa-dashboard-info-drawer__panel{
  background:
    radial-gradient(circle at 12% 0%, rgba(96,165,250,.12), transparent 28%),
    linear-gradient(180deg,#0f172a 0%,#0b1220 100%) !important;
  border-left-color: rgba(148,163,184,.22) !important;
  box-shadow: -28px 0 90px rgba(0,0,0,.48) !important;
}

html[data-theme="night"] .aa-dashboard-info-drawer__close{
  background: rgba(15,23,42,.92) !important;
  color: #f8fbff !important;
  border-color: rgba(148,163,184,.22) !important;
}

html[data-theme="night"] .aa-dashboard-info-view h2,
html[data-theme="night"] .aa-dashboard-info-timeline strong,
html[data-theme="night"] .aa-dashboard-info-list strong,
html[data-theme="night"] .aa-dashboard-info-steps strong{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-dashboard-info-view p,
html[data-theme="night"] .aa-dashboard-info-timeline span,
html[data-theme="night"] .aa-dashboard-info-list span,
html[data-theme="night"] .aa-dashboard-info-steps span{
  color: #cbd5e1 !important;
}

html[data-theme="night"] .aa-dashboard-info-timeline article,
html[data-theme="night"] .aa-dashboard-info-list article,
html[data-theme="night"] .aa-dashboard-info-steps li{
  background: linear-gradient(180deg,#111827 0%,#0f172a 100%) !important;
  border-color: rgba(148,163,184,.20) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.32) !important;
}


/* =========================================================
   AgentsApp v29 — Logo Transparency + Full Background Hero Slider
   ========================================================= */

/* Navbar/footer logo: no white plate, larger and readable */
.aa-navbar{
  min-height: 94px !important;
}

.aa-navbar__inner{
  min-height: 94px !important;
  grid-template-columns: minmax(310px, 390px) minmax(0, 1fr) auto !important;
}

.aa-brand{
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.aa-brand__logo{
  display: block !important;
  width: clamp(280px, 17vw, 365px) !important;
  height: 84px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 9px 18px rgba(15,23,42,.08)) !important;
}

.aa-footer__logo{
  display: block !important;
  width: clamp(270px, 16vw, 345px) !important;
  height: 82px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 9px 18px rgba(15,23,42,.08)) !important;
}

html[data-theme="night"] .aa-brand__logo,
html[data-theme="night"] .aa-footer__logo{
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 14px rgba(96,165,250,.24)) !important;
}

/* Full-width hero slider: remove inner image box completely */
.aa-hero-slider--background{
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #08111f !important;
}

.aa-hero-slider--background .aa-hero-slider__shell{
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.aa-hero-slider--background .aa-hero-slider__viewport{
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: clamp(660px, calc(100vh - 94px), 880px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #08111f !important;
  box-shadow: none !important;
}

.aa-hero-slide--background{
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  min-height: inherit !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background-image: var(--hero-bg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: scale(1.012) !important;
  transition: opacity .54s ease, transform 4.8s ease !important;
}

.aa-hero-slide--background.is-active{
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: scale(1) !important;
  animation: none !important;
}

.aa-hero-slide--background::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(3,10,22,.76) 0%, rgba(7,18,34,.60) 24%, rgba(7,18,34,.28) 48%, rgba(7,18,34,.04) 74%, rgba(7,18,34,0) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,.18) 100%) !important;
}

.aa-hero-slide__copy--overlay{
  position: relative !important;
  z-index: 2 !important;
  width: min(760px, 45vw) !important;
  margin: 0 !important;
  padding: 0 !important;
  left: clamp(54px, 6.4vw, 128px) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.aa-hero-slide__copy--overlay .aa-eyebrow{
  color: #38bdf8 !important;
  font-size: clamp(14px, 1vw, 19px) !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}

.aa-hero-slide__copy--overlay h1{
  max-width: 780px !important;
  margin: 22px 0 0 !important;
  color: #ffffff !important;
  font-size: clamp(56px, 6vw, 106px) !important;
  line-height: .92 !important;
  letter-spacing: -.065em !important;
  font-weight: 720 !important;
  text-shadow: 0 18px 46px rgba(0,0,0,.42) !important;
}

.aa-hero-slide__copy--overlay h1::first-line{
  color: #ffffff !important;
}

.aa-hero-accent-line{
  display: block !important;
  width: clamp(72px, 8vw, 132px) !important;
  height: 4px !important;
  margin: 26px 0 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #38bdf8, rgba(96,165,250,.72), transparent) !important;
  box-shadow: 0 0 24px rgba(56,189,248,.40) !important;
}

.aa-hero-slide__copy--overlay p{
  max-width: 590px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.90) !important;
  font-size: clamp(18px, 1.4vw, 25px) !important;
  line-height: 1.45 !important;
  font-weight: 430 !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.38) !important;
}

.aa-hero-slide__copy--overlay .aa-hero__actions{
  margin-top: 34px !important;
}

.aa-hero-slide__copy--overlay .aa-btn{
  border-radius: 999px !important;
  min-height: 54px !important;
  padding-inline: 24px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.22) !important;
}

.aa-hero-slide__copy--overlay .aa-btn--outline,
.aa-btn--hero-secondary{
  color: #ffffff !important;
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.30) !important;
  backdrop-filter: blur(10px) !important;
}

.aa-hero-slide__copy--overlay .aa-btn--outline:hover,
.aa-btn--hero-secondary:hover{
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.42) !important;
}

.aa-slider-controls--overlay{
  position: absolute !important;
  z-index: 5 !important;
  left: 50% !important;
  bottom: clamp(24px, 3vw, 42px) !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.aa-slider-controls--overlay .aa-slider-arrow{
  background: rgba(255,255,255,.92) !important;
  color: #0f172a !important;
  border-color: rgba(255,255,255,.26) !important;
}

.aa-slider-controls--overlay .aa-slider-dot{
  background: rgba(255,255,255,.50) !important;
}

.aa-slider-controls--overlay .aa-slider-dot.is-active{
  background: #38bdf8 !important;
  box-shadow: 0 0 18px rgba(56,189,248,.56) !important;
}

/* Remove old hero image slot if a browser cached old markup */
.aa-hero-slider--background .aa-hero-slide__media{
  display: none !important;
}

/* Dark mode keeps hero unchanged; only navbar/footer stay readable */
html[data-theme="night"] .aa-hero-slider--background .aa-hero-slider__viewport{
  background: #050b14 !important;
}

/* Responsive */
@media (max-width: 1180px){
  .aa-navbar__inner{
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) auto !important;
  }

  .aa-brand__logo{
    width: 285px !important;
    height: 78px !important;
  }

  .aa-hero-slide__copy--overlay{
    width: min(680px, 58vw) !important;
    left: clamp(34px, 5vw, 72px) !important;
  }

  .aa-hero-slide__copy--overlay h1{
    font-size: clamp(48px, 6.4vw, 82px) !important;
  }
}

@media (max-width: 980px){
  .aa-navbar{
    min-height: 86px !important;
  }

  .aa-navbar__inner{
    min-height: 86px !important;
    grid-template-columns: 1fr auto !important;
  }

  .aa-brand__logo{
    width: 250px !important;
    height: 70px !important;
  }

  .aa-hero-slider--background .aa-hero-slider__viewport{
    min-height: 720px !important;
  }

  .aa-hero-slide--background{
    background-position: 64% center !important;
  }

  .aa-hero-slide--background::before{
    background:
      linear-gradient(90deg, rgba(3,10,22,.82) 0%, rgba(7,18,34,.62) 42%, rgba(7,18,34,.18) 100%),
      linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.22)) !important;
  }

  .aa-hero-slide__copy--overlay{
    width: calc(100% - 48px) !important;
    left: 24px !important;
    top: auto !important;
    bottom: 110px !important;
    transform: none !important;
  }

  .aa-hero-slide__copy--overlay h1{
    font-size: clamp(44px, 11vw, 70px) !important;
  }

  .aa-hero-slide__copy--overlay p{
    font-size: 17px !important;
  }
}

@media (max-width: 640px){
  .aa-brand__logo{
    width: 220px !important;
    height: 64px !important;
  }

  .aa-footer__logo{
    width: 240px !important;
    height: 70px !important;
  }

  .aa-hero-slide__copy--overlay{
    width: calc(100% - 32px) !important;
    left: 16px !important;
  }

  .aa-hero-slide__copy--overlay .aa-hero__actions{
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* =========================================================
   AgentsApp v30 — Glass Navbar + Clean Hero Transition
   ========================================================= */

:root{--aa-nav-h:94px !important;}

.aa-navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:120 !important;
  min-height:var(--aa-nav-h) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.18)) !important;
  border-bottom:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 18px 56px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.55) !important;
  backdrop-filter:blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(150%) !important;
}

.aa-navbar::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.36),transparent 34%),linear-gradient(90deg,rgba(56,189,248,.09),transparent 30%,rgba(139,92,246,.08) 70%,transparent) !important;
}

.aa-navbar::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.38),rgba(139,92,246,.22),transparent) !important;
}

.aa-navbar__inner{
  position:relative !important;
  z-index:2 !important;
  min-height:var(--aa-nav-h) !important;
  grid-template-columns:minmax(350px,430px) minmax(0,1fr) auto !important;
}

.aa-brand,
.aa-brand:hover,
.aa-brand:focus,
.aa-brand::before,
.aa-brand::after{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

.aa-brand__logo{
  width:clamp(330px,20vw,430px) !important;
  height:88px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 10px 16px rgba(15,23,42,.14)) drop-shadow(0 0 14px rgba(56,189,248,.10)) !important;
}

.aa-footer__logo{
  width:clamp(300px,18vw,390px) !important;
  height:88px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.aa-nav a,.aa-nav__button{
  color:rgba(15,23,42,.86) !important;
  text-shadow:0 1px 8px rgba(255,255,255,.35) !important;
}

.aa-nav a:hover,.aa-nav__button:hover{color:#1d4ed8 !important;}

.aa-navbar__actions .aa-btn--soft,
.aa-navbar__actions .aa-btn--outline,
.aa-navbar__actions .aa-btn--ghost{
  background:rgba(255,255,255,.42) !important;
  border-color:rgba(255,255,255,.42) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  box-shadow:0 10px 26px rgba(15,23,42,.10) !important;
}

/* Hero now sits behind the fixed glass navbar */
.aa-hero-slider--background{
  margin-top:0 !important;
  padding-top:0 !important;
}

.aa-hero-slider--background .aa-hero-slider__viewport{
  min-height:clamp(720px,100vh,940px) !important;
}

.aa-hero-slide__copy--overlay{
  top:calc(50% + 28px) !important;
}

/* Remove slider navigation UI completely */
.aa-slider-controls,
.aa-slider-controls--overlay,
.aa-slider-arrow,
.aa-slider-dots,
.aa-slider-dot{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Soft organic transition instead of a hard straight line */
.aa-hero-slider--background::after{
  content:"" !important;
  position:absolute !important;
  z-index:8 !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:clamp(130px,12vw,210px) !important;
  pointer-events:none !important;
  background:
    radial-gradient(120% 82% at 52% 112%,#f8fafc 0%,#f8fafc 45%,rgba(248,250,252,.88) 57%,rgba(248,250,252,0) 74%),
    linear-gradient(180deg,rgba(248,250,252,0) 0%,rgba(248,250,252,.82) 78%,#f8fafc 100%) !important;
}

.aa-hero-slider--background .aa-hero-slider__shell::after{
  content:"" !important;
  position:absolute !important;
  z-index:9 !important;
  left:0 !important;
  right:0 !important;
  bottom:-2px !important;
  height:clamp(74px,7vw,128px) !important;
  pointer-events:none !important;
  background:#f8fafc !important;
  clip-path:ellipse(78% 72% at 50% 104%) !important;
}

.aa-hero-slider--background .aa-hero-slider__viewport::after{
  content:"" !important;
  position:absolute !important;
  z-index:7 !important;
  left:12% !important;
  right:12% !important;
  bottom:58px !important;
  height:1px !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.40),rgba(139,92,246,.24),transparent) !important;
  filter:blur(.2px) !important;
  opacity:.70 !important;
}

#how-it-works{
  position:relative !important;
  padding-top:clamp(76px,7vw,112px) !important;
  background:radial-gradient(circle at 50% 0%,rgba(239,246,255,.92),transparent 34%),linear-gradient(180deg,#f8fafc 0%,#ffffff 100%) !important;
}

[id]{scroll-margin-top:calc(var(--aa-nav-h) + 18px) !important;}

/* Night mode glass */
html[data-theme="night"] .aa-navbar{
  background:linear-gradient(180deg,rgba(7,13,24,.68),rgba(7,13,24,.30)) !important;
  border-bottom-color:rgba(148,163,184,.20) !important;
  box-shadow:0 18px 56px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-navbar::before{
  background:radial-gradient(circle at 18% 20%,rgba(96,165,250,.10),transparent 36%),linear-gradient(90deg,rgba(56,189,248,.10),transparent 35%,rgba(139,92,246,.09) 76%,transparent) !important;
}

html[data-theme="night"] .aa-nav a,
html[data-theme="night"] .aa-nav__button{
  color:rgba(226,232,240,.94) !important;
  text-shadow:0 1px 12px rgba(0,0,0,.28) !important;
}

html[data-theme="night"] .aa-navbar__actions .aa-btn--soft,
html[data-theme="night"] .aa-navbar__actions .aa-btn--outline,
html[data-theme="night"] .aa-navbar__actions .aa-btn--ghost{
  background:rgba(15,23,42,.42) !important;
  border-color:rgba(148,163,184,.24) !important;
}

html[data-theme="night"] .aa-brand__logo,
html[data-theme="night"] .aa-footer__logo{
  filter:drop-shadow(0 0 16px rgba(96,165,250,.24)) drop-shadow(0 10px 20px rgba(0,0,0,.22)) !important;
  mix-blend-mode:normal !important;
}

html[data-theme="night"] .aa-hero-slider--background::after{
  background:
    radial-gradient(120% 82% at 52% 112%,#0b1220 0%,#0b1220 45%,rgba(11,18,32,.88) 57%,rgba(11,18,32,0) 74%),
    linear-gradient(180deg,rgba(11,18,32,0) 0%,rgba(11,18,32,.82) 78%,#0b1220 100%) !important;
}

html[data-theme="night"] .aa-hero-slider--background .aa-hero-slider__shell::after{background:#0b1220 !important;}

html[data-theme="night"] #how-it-works{
  background:radial-gradient(circle at 50% 0%,rgba(96,165,250,.10),transparent 34%),linear-gradient(180deg,#0b1220 0%,#0f172a 100%) !important;
}

@media (max-width:1180px){
  .aa-navbar__inner{grid-template-columns:minmax(280px,330px) minmax(0,1fr) auto !important;}
  .aa-brand__logo{width:310px !important;height:82px !important;}
}

@media (max-width:980px){
  :root{--aa-nav-h:86px !important;}
  .aa-navbar{min-height:86px !important;}
  .aa-navbar__inner{min-height:86px !important;grid-template-columns:1fr auto !important;}
  .aa-brand__logo{width:260px !important;height:72px !important;}
  .aa-hero-slide__copy--overlay{top:auto !important;bottom:130px !important;}
}

@media (max-width:640px){
  .aa-brand__logo{width:228px !important;height:64px !important;}
  .aa-footer__logo{width:250px !important;height:72px !important;}
  .aa-hero-slider--background .aa-hero-slider__viewport{min-height:760px !important;}
}

/* =========================================================
   AgentsApp v31 — Transparent Navbar + Premium Hero Overlap
   Replaces v30 curved divider with a clean overlap/fade transition.
   Navbar is transparent and not blurred.
   ========================================================= */

/* 1) Navbar: fully transparent over hero, no blur panel */
.aa-navbar{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 140 !important;
  min-height: 96px !important;
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.aa-navbar::before,
.aa-navbar::after{
  content: none !important;
  display: none !important;
}

.aa-navbar__inner{
  min-height: 96px !important;
  grid-template-columns: minmax(360px, 440px) minmax(0, 1fr) auto !important;
}

/* Logo and nav elements sit directly on the hero */
.aa-brand,
.aa-brand:hover,
.aa-brand:focus,
.aa-brand::before,
.aa-brand::after{
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.aa-brand__logo{
  width: clamp(340px, 20vw, 440px) !important;
  height: 90px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 2px 3px rgba(255,255,255,.55))
    drop-shadow(0 10px 24px rgba(15,23,42,.22))
    drop-shadow(0 0 18px rgba(56,189,248,.16)) !important;
}

.aa-nav,
.nav-menu{
  gap: clamp(16px, 1.4vw, 28px) !important;
}

.aa-nav a,
.aa-nav__button,
.nav-menu a,
.nav-link-button{
  color: rgba(255,255,255,.94) !important;
  font-size: clamp(13px, .86vw, 15px) !important;
  font-weight: 780 !important;
  letter-spacing: .01em !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.42), 0 0 14px rgba(15,23,42,.34) !important;
}

.aa-nav a:hover,
.aa-nav__button:hover,
.nav-menu a:hover,
.nav-link-button:hover{
  color: #7dd3fc !important;
}

/* Navbar action buttons: transparent floating pills, no navbar plate */
.aa-navbar__actions .aa-btn,
.aa-navbar__actions .aa-theme-toggle,
.aa-theme-toggle{
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.28) !important;
}

.aa-navbar__actions .aa-btn--primary{
  background: linear-gradient(135deg, rgba(37,99,235,.96), rgba(29,78,216,.90)) !important;
  border-color: rgba(255,255,255,.28) !important;
  color: #ffffff !important;
}

.aa-navbar__actions .aa-btn:hover,
.aa-navbar__actions .aa-theme-toggle:hover,
.aa-theme-toggle:hover{
  background: rgba(255,255,255,.22) !important;
  border-color: rgba(255,255,255,.42) !important;
}

/* 2) Hero controls remain removed */
.aa-slider-controls,
.aa-slider-controls--overlay,
.aa-slider-arrow,
.aa-slider-dots,
.aa-slider-dot{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 3) Remove v30 curved/organic divider completely */
.aa-hero-slider--background::after,
.aa-hero-slider--background .aa-hero-slider__shell::after,
.aa-hero-slider--background .aa-hero-slider__viewport::after{
  content: none !important;
  display: none !important;
}

/* 4) Premium transition: fade + overlapping content tray, not a curved cut */
.aa-hero-slider--background{
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #07111f !important;
  overflow: visible !important;
}

.aa-hero-slider--background .aa-hero-slider__viewport{
  min-height: clamp(720px, 100vh, 940px) !important;
  overflow: hidden !important;
}

/* subtle fade at hero bottom only, no line/shape */
.aa-hero-slider--background .aa-hero-slider__viewport::before{
  content: "" !important;
  position: absolute !important;
  z-index: 6 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: clamp(150px, 16vw, 240px) !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.42) 62%, #f8fafc 100%) !important;
}

/* Hero text remains premium and readable */
.aa-hero-slide--background::before{
  background:
    linear-gradient(90deg, rgba(3,10,22,.73) 0%, rgba(7,18,34,.56) 24%, rgba(7,18,34,.26) 48%, rgba(7,18,34,.04) 76%, rgba(7,18,34,0) 100%),
    linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,.15) 100%) !important;
}

.aa-hero-slide__copy--overlay{
  top: calc(50% + 18px) !important;
}

/* 5) Next section overlays hero slightly like a premium SaaS landing, no hard border */
#how-it-works{
  position: relative !important;
  z-index: 20 !important;
  margin-top: -88px !important;
  padding-top: clamp(104px, 8vw, 140px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(239,246,255,.86), transparent 38%),
    linear-gradient(180deg, rgba(248,250,252,.98) 0%, #f8fafc 26%, #ffffff 100%) !important;
  border-radius: clamp(28px, 3vw, 46px) clamp(28px, 3vw, 46px) 0 0 !important;
  box-shadow: 0 -22px 70px rgba(15,23,42,.08) !important;
}

/* a transparent fade bridge behind the overlap */
#how-it-works::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -120px !important;
  height: 120px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.72) 82%, rgba(248,250,252,.98) 100%) !important;
}

/* Ensure section content sits above bridge */
#how-it-works > *{
  position: relative !important;
  z-index: 2 !important;
}

[id]{
  scroll-margin-top: 112px !important;
}

/* Night mode: keep transparent nav, readable links */
html[data-theme="night"] .aa-navbar{
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="night"] .aa-nav a,
html[data-theme="night"] .aa-nav__button,
html[data-theme="night"] .nav-menu a{
  color: rgba(248,251,255,.94) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.55) !important;
}

html[data-theme="night"] .aa-navbar__actions .aa-btn,
html[data-theme="night"] .aa-navbar__actions .aa-theme-toggle,
html[data-theme="night"] .aa-theme-toggle{
  background: rgba(15,23,42,.22) !important;
  border-color: rgba(255,255,255,.20) !important;
  color: #f8fbff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.28) !important;
}

html[data-theme="night"] .aa-hero-slider--background .aa-hero-slider__viewport::before{
  background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.42) 62%, #0b1220 100%) !important;
}

html[data-theme="night"] #how-it-works{
  background:
    radial-gradient(circle at 50% 0%, rgba(96,165,250,.10), transparent 38%),
    linear-gradient(180deg, rgba(11,18,32,.98) 0%, #0b1220 30%, #0f172a 100%) !important;
  box-shadow: 0 -22px 70px rgba(0,0,0,.22) !important;
}

html[data-theme="night"] #how-it-works::before{
  background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.72) 82%, rgba(11,18,32,.98) 100%) !important;
}

/* Responsive */
@media (max-width: 1180px){
  .aa-navbar__inner{
    grid-template-columns: minmax(290px, 340px) minmax(0, 1fr) auto !important;
  }
  .aa-brand__logo{
    width: 315px !important;
    height: 82px !important;
  }
}

@media (max-width: 980px){
  :root{--aa-nav-h: 86px !important;}
  .aa-navbar{min-height: 86px !important;}
  .aa-navbar__inner{
    min-height: 86px !important;
    grid-template-columns: 1fr auto !important;
  }
  .aa-brand__logo{
    width: 260px !important;
    height: 72px !important;
  }
  .aa-nav{
    background: rgba(7,13,24,.92) !important;
  }
  .aa-hero-slide__copy--overlay{
    top: auto !important;
    bottom: 134px !important;
  }
  #how-it-works{
    margin-top: -66px !important;
    padding-top: 96px !important;
  }
}

@media (max-width: 640px){
  .aa-brand__logo{
    width: 228px !important;
    height: 64px !important;
  }
}


/* =========================================================
   AgentsApp v32 — slider1.png as first homepage hero background
   ========================================================= */

.aa-hero-slide--background:first-child{
  background-position: center center !important;
  background-size: cover !important;
}

/* Slightly improve overlay readability for the new detailed image */
.aa-hero-slide--background:first-child::before{
  background:
    linear-gradient(90deg, rgba(3,10,22,.76) 0%, rgba(7,18,34,.58) 24%, rgba(7,18,34,.25) 50%, rgba(7,18,34,.04) 78%, rgba(7,18,34,0) 100%),
    linear-gradient(180deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,.12) 100%) !important;
}


/* =========================================================
   AgentsApp v33 — Home Hero Background + Overlay Fix
   Fixes the black/blank hero look from the previous stack and
   tunes navbar/text for the new light premium background.
   ========================================================= */

/* Use the uploaded image as the first hero slide background no matter which inline URL was cached */
.aa-hero-slide--background:first-child{
  background-image: url("assets/images/hero/home-hero-main-v33.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* The new background is bright on the left and object-heavy on the right.
   Do not darken the whole hero; use a soft readability veil only on the copy zone. */
.aa-hero-slide--background:first-child::before{
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.86) 0%,
      rgba(248,250,252,.72) 26%,
      rgba(248,250,252,.34) 45%,
      rgba(248,250,252,.04) 68%,
      rgba(248,250,252,0) 100%
    ),
    linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 42%, rgba(248,250,252,.20) 100%) !important;
}

/* Hero copy: dark premium typography on the light area */
.aa-hero-slide--background:first-child .aa-hero-slide__copy--overlay .aa-eyebrow{
  color: #2563eb !important;
  text-shadow: 0 10px 28px rgba(255,255,255,.55) !important;
}

.aa-hero-slide--background:first-child .aa-hero-slide__copy--overlay h1{
  color: #0f172a !important;
  text-shadow: 0 16px 42px rgba(255,255,255,.55), 0 3px 18px rgba(15,23,42,.08) !important;
}

.aa-hero-slide--background:first-child .aa-hero-slide__copy--overlay p{
  color: #253248 !important;
  text-shadow: 0 10px 26px rgba(255,255,255,.60) !important;
  font-weight: 520 !important;
}

.aa-hero-slide--background:first-child .aa-hero-accent-line{
  background: linear-gradient(90deg, #2563eb, rgba(14,165,233,.75), transparent) !important;
  box-shadow: 0 0 22px rgba(37,99,235,.25) !important;
}

/* Hero buttons on light image */
.aa-hero-slide--background:first-child .aa-btn--outline,
.aa-hero-slide--background:first-child .aa-btn--hero-secondary{
  color: #0f172a !important;
  background: rgba(255,255,255,.54) !important;
  border-color: rgba(15,23,42,.18) !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.10) !important;
}

.aa-hero-slide--background:first-child .aa-btn--outline:hover,
.aa-hero-slide--background:first-child .aa-btn--hero-secondary:hover{
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(37,99,235,.28) !important;
}

/* Transparent navbar over light hero: dark/navy text, still no navbar plate */
.aa-navbar{
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.aa-navbar::before,
.aa-navbar::after{
  content: none !important;
  display: none !important;
}

.aa-nav a,
.aa-nav__button,
.nav-menu a,
.nav-link-button{
  color: #0f172a !important;
  text-shadow: 0 1px 10px rgba(255,255,255,.68) !important;
}

.aa-nav a:hover,
.aa-nav__button:hover,
.nav-menu a:hover,
.nav-link-button:hover{
  color: #2563eb !important;
}

/* Navbar logo: keep large, readable, no white plate */
.aa-brand__logo{
  width: clamp(340px, 20vw, 440px) !important;
  height: 90px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 8px 20px rgba(255,255,255,.62))
    drop-shadow(0 7px 18px rgba(15,23,42,.10))
    drop-shadow(0 0 16px rgba(14,165,233,.10)) !important;
}

/* Navbar action pills over light hero */
.aa-navbar__actions .aa-btn,
.aa-navbar__actions .aa-theme-toggle,
.aa-theme-toggle{
  background: rgba(255,255,255,.54) !important;
  border: 1px solid rgba(15,23,42,.16) !important;
  color: #0f172a !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.10) !important;
  text-shadow: none !important;
}

.aa-navbar__actions .aa-btn--primary{
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: rgba(37,99,235,.22) !important;
  color: #ffffff !important;
}

/* Fix the previous overly heavy bottom fade. Keep only a clean premium transition. */
.aa-hero-slider--background .aa-hero-slider__viewport::before{
  background: linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.24) 72%, #f8fafc 100%) !important;
  height: clamp(110px, 12vw, 180px) !important;
}

/* Remove any leftover curved/shape divider */
.aa-hero-slider--background::after,
.aa-hero-slider--background .aa-hero-slider__shell::after,
.aa-hero-slider--background .aa-hero-slider__viewport::after{
  content: none !important;
  display: none !important;
}

/* The next section should not look like a huge white block cutting the image */
#how-it-works{
  margin-top: -54px !important;
  padding-top: clamp(92px, 7vw, 122px) !important;
  border-radius: clamp(22px, 2.5vw, 34px) clamp(22px, 2.5vw, 34px) 0 0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(239,246,255,.70), transparent 34%),
    linear-gradient(180deg, rgba(248,250,252,.96) 0%, #f8fafc 30%, #ffffff 100%) !important;
  box-shadow: 0 -18px 54px rgba(15,23,42,.065) !important;
}

#how-it-works::before{
  background: linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.48) 82%, rgba(248,250,252,.96) 100%) !important;
}

/* If dark mode is active on this light hero, keep navbar readable too */
html[data-theme="night"] .aa-navbar{
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="night"] .aa-nav a,
html[data-theme="night"] .aa-nav__button,
html[data-theme="night"] .nav-menu a{
  color: #0f172a !important;
  text-shadow: 0 1px 10px rgba(255,255,255,.68) !important;
}

html[data-theme="night"] .aa-navbar__actions .aa-btn,
html[data-theme="night"] .aa-navbar__actions .aa-theme-toggle,
html[data-theme="night"] .aa-theme-toggle{
  background: rgba(255,255,255,.56) !important;
  border-color: rgba(15,23,42,.16) !important;
  color: #0f172a !important;
}

@media (max-width: 980px){
  .aa-hero-slide--background:first-child{
    background-position: 62% center !important;
  }

  .aa-hero-slide--background:first-child::before{
    background:
      linear-gradient(180deg, rgba(248,250,252,.72) 0%, rgba(248,250,252,.46) 42%, rgba(248,250,252,.34) 100%) !important;
  }

  .aa-hero-slide--background:first-child .aa-hero-slide__copy--overlay h1{
    color: #0f172a !important;
  }
}

/* =========================================================
   AgentsApp v34 — Stable Navbar + Hero Kit
   Principle: single reliable hero component, no broken slider stack.
   The old hero-slider/navbar styles are isolated and neutralized.
   ========================================================= */

/* Hide old slider/navigation remnants if cached */
.aa-hero-slider,
.aa-slider-controls,
.aa-slider-controls--overlay,
.aa-slider-arrow,
.aa-slider-dots,
.aa-slider-dot{
  display: none !important;
}

/* -------- Stable top navigation kit -------- */
.aa-kit-navbar{
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  z-index: 200 !important;
  height: 104px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.aa-kit-navbar__inner{
  width: min(1480px, calc(100% - 56px)) !important;
  height: 104px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
}

.aa-kit-brand{
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  width: max-content !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.aa-kit-brand__mark{
  width: 74px !important;
  height: 74px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 12px 22px rgba(37,99,235,.22)) drop-shadow(0 0 16px rgba(14,165,233,.16)) !important;
}

.aa-kit-brand__text{
  display: grid !important;
  line-height: 1 !important;
}

.aa-kit-brand__text strong{
  color: #0f172a !important;
  font-size: clamp(26px, 1.8vw, 34px) !important;
  font-weight: 780 !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 8px 26px rgba(255,255,255,.66), 0 2px 12px rgba(15,23,42,.08) !important;
}

.aa-kit-brand__text small{
  margin-top: 7px !important;
  color: rgba(15,23,42,.58) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.aa-kit-nav{
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(18px, 1.5vw, 30px) !important;
}

.aa-kit-nav a{
  color: #172033 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  letter-spacing: .005em !important;
  text-shadow: 0 8px 22px rgba(255,255,255,.76), 0 2px 10px rgba(15,23,42,.06) !important;
  transition: color .18s ease, transform .18s ease !important;
}

.aa-kit-nav a:hover{
  color: #2563eb !important;
  transform: translateY(-1px) !important;
}

.aa-kit-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.aa-kit-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

.aa-kit-btn:hover{
  transform: translateY(-1px) !important;
}

.aa-kit-btn--primary{
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: rgba(37,99,235,.28) !important;
  box-shadow: 0 14px 32px rgba(37,99,235,.24) !important;
}

.aa-kit-btn--ghost,
.aa-kit-btn--glass{
  color: #0f172a !important;
  background: rgba(255,255,255,.62) !important;
  border-color: rgba(15,23,42,.14) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.08) !important;
}

.aa-kit-btn--glass{
  background: rgba(255,255,255,.52) !important;
}

.aa-kit-btn--lg{
  min-height: 54px !important;
  padding-inline: 24px !important;
  font-size: 14px !important;
}

.aa-kit-theme{
  width: 52px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  background: rgba(255,255,255,.58) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.08) !important;
  cursor: pointer !important;
  padding: 3px !important;
}

.aa-kit-theme span{
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
  box-shadow: 0 4px 12px rgba(37,99,235,.30) !important;
}

.aa-kit-menu{
  display: none !important;
}

/* -------- Stable hero kit -------- */
.aa-kit-hero{
  position: relative !important;
  min-height: clamp(720px, 100vh, 940px) !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  isolation: isolate !important;
}

.aa-kit-hero__bg{
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-image: url("assets/images/hero/home-hero-stable-kit-v34.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: scale(1.002) !important;
}

.aa-kit-hero__shade{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.92) 0%,
      rgba(248,250,252,.78) 24%,
      rgba(248,250,252,.42) 45%,
      rgba(248,250,252,.10) 68%,
      rgba(248,250,252,0) 100%
    ),
    linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,0) 42%, rgba(248,250,252,.80) 100%) !important;
}

.aa-kit-hero__inner{
  position: relative !important;
  z-index: 2 !important;
  width: min(1480px, calc(100% - 56px)) !important;
  min-height: inherit !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 104px !important;
  padding-bottom: 108px !important;
}

.aa-kit-hero__copy{
  width: min(720px, 48vw) !important;
  margin-top: clamp(18px, 4vw, 54px) !important;
}

.aa-kit-eyebrow{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #2563eb !important;
  font-size: clamp(13px, .9vw, 16px) !important;
  font-weight: 820 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.aa-kit-eyebrow::before{
  content: "" !important;
  width: 34px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #2563eb, rgba(14,165,233,.1)) !important;
}

.aa-kit-hero h1{
  margin: 22px 0 0 !important;
  color: #0f172a !important;
  font-size: clamp(58px, 6.2vw, 112px) !important;
  line-height: .91 !important;
  font-weight: 780 !important;
  letter-spacing: -.075em !important;
  text-shadow: 0 18px 46px rgba(255,255,255,.76), 0 8px 30px rgba(15,23,42,.08) !important;
}

.aa-kit-hero p{
  max-width: 650px !important;
  margin: 30px 0 0 !important;
  color: #243044 !important;
  font-size: clamp(18px, 1.35vw, 24px) !important;
  line-height: 1.48 !important;
  font-weight: 510 !important;
  text-shadow: 0 12px 28px rgba(255,255,255,.72) !important;
}

.aa-kit-hero__actions{
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 36px !important;
}

/* Clean fade into next section. No curved/black/grey broken divider. */
.aa-kit-hero::after{
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: clamp(96px, 10vw, 170px) !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.58) 68%, #f8fafc 100%) !important;
}

#how-it-works{
  position: relative !important;
  z-index: 4 !important;
  margin-top: 0 !important;
  padding-top: clamp(78px, 7vw, 112px) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(239,246,255,.76), transparent 34%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
  box-shadow: none !important;
}

#how-it-works::before{
  content: none !important;
  display: none !important;
}

/* Footer logo if old img remains */
.aa-footer__logo{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Night mode: same component, controlled dark surfaces below; hero stays readable */
html[data-theme="night"] .aa-kit-navbar{
  background: transparent !important;
}

html[data-theme="night"] .aa-kit-brand__text strong,
html[data-theme="night"] .aa-kit-nav a{
  color: #f8fbff !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.52), 0 0 20px rgba(15,23,42,.28) !important;
}

html[data-theme="night"] .aa-kit-brand__text small{
  color: rgba(248,251,255,.72) !important;
}

html[data-theme="night"] .aa-kit-btn--ghost,
html[data-theme="night"] .aa-kit-btn--glass,
html[data-theme="night"] .aa-kit-theme{
  color: #f8fbff !important;
  background: rgba(15,23,42,.38) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.22) !important;
}

html[data-theme="night"] .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(3,10,22,.66) 0%,
      rgba(3,10,22,.48) 24%,
      rgba(3,10,22,.22) 45%,
      rgba(3,10,22,.05) 68%,
      rgba(3,10,22,0) 100%
    ),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 42%, rgba(11,18,32,.72) 100%) !important;
}

html[data-theme="night"] .aa-kit-eyebrow{
  color: #7dd3fc !important;
}

html[data-theme="night"] .aa-kit-hero h1{
  color: #ffffff !important;
  text-shadow: 0 20px 52px rgba(0,0,0,.46) !important;
}

html[data-theme="night"] .aa-kit-hero p{
  color: rgba(248,251,255,.88) !important;
  text-shadow: 0 14px 32px rgba(0,0,0,.40) !important;
}

html[data-theme="night"] .aa-kit-hero::after{
  background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.60) 68%, #0b1220 100%) !important;
}

html[data-theme="night"] #how-it-works{
  background:
    radial-gradient(circle at 50% 0%, rgba(96,165,250,.10), transparent 34%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 100%) !important;
}

/* Responsive */
@media (max-width: 1180px){
  .aa-kit-navbar__inner{
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) auto !important;
    gap: 18px !important;
  }

  .aa-kit-brand__mark{
    width: 64px !important;
    height: 64px !important;
  }

  .aa-kit-brand__text strong{
    font-size: 27px !important;
  }

  .aa-kit-nav{
    gap: 16px !important;
  }

  .aa-kit-nav a{
    font-size: 13px !important;
  }
}

@media (max-width: 980px){
  .aa-kit-navbar{
    height: 88px !important;
  }

  .aa-kit-navbar__inner{
    height: 88px !important;
    grid-template-columns: 1fr auto !important;
  }

  .aa-kit-nav,
  .aa-kit-actions{
    display: none !important;
  }

  .aa-kit-menu{
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    flex-direction: column !important;
    gap: 5px !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15,23,42,.14) !important;
    background: rgba(255,255,255,.58) !important;
  }

  .aa-kit-menu span{
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #0f172a !important;
  }

  .aa-kit-hero{
    min-height: 780px !important;
  }

  .aa-kit-hero__bg{
    background-position: 63% center !important;
  }

  .aa-kit-hero__shade{
    background:
      linear-gradient(180deg, rgba(248,250,252,.72) 0%, rgba(248,250,252,.52) 44%, rgba(248,250,252,.86) 100%) !important;
  }

  .aa-kit-hero__inner{
    width: min(100% - 32px, 1480px) !important;
    padding-top: 96px !important;
    align-items: flex-end !important;
  }

  .aa-kit-hero__copy{
    width: 100% !important;
    margin-bottom: 110px !important;
  }

  .aa-kit-hero h1{
    font-size: clamp(46px, 12vw, 72px) !important;
  }

  .aa-kit-hero p{
    font-size: 17px !important;
  }
}

@media (max-width: 640px){
  .aa-kit-brand__mark{
    width: 56px !important;
    height: 56px !important;
  }

  .aa-kit-brand__text strong{
    font-size: 23px !important;
  }

  .aa-kit-brand__text small{
    font-size: 10px !important;
  }

  .aa-kit-hero__actions{
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* =========================================================
   AgentsApp v35 — Jarallax-like Hero Background Depth
   Adds controlled vertical parallax + left/right depth layers.
   No external library, no slider buttons, no broken divider.
   ========================================================= */

.aa-kit-hero{
  --aa-parallax-y: 0px;
  --aa-side-parallax-y: 0px;
  --aa-hero-scale: 1.08;
  overflow: hidden !important;
  min-height: clamp(760px, 100vh, 980px) !important;
}

/* Main background: overscaled so movement never exposes blank edges */
.aa-kit-hero__bg{
  inset: -8% -7% -10% -7% !important;
  transform:
    translate3d(0, var(--aa-parallax-y), 0)
    scale(var(--aa-hero-scale)) !important;
  transform-origin: center center !important;
  will-change: transform !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: saturate(1.04) contrast(1.02) !important;
}

/* Depth stage that makes left/right edges feel alive instead of flat empty */
.aa-kit-hero__parallax-stage{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.aa-kit-depth{
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  will-change: transform, opacity !important;
}

.aa-kit-depth--left{
  left: -8vw !important;
  top: 11vh !important;
  width: min(34vw, 520px) !important;
  height: min(52vh, 520px) !important;
  border-radius: 40% 58% 44% 56% !important;
  transform: translate3d(0, calc(var(--aa-side-parallax-y) * .65), 0) rotate(-8deg) !important;
  background:
    radial-gradient(circle at 36% 36%, rgba(255,255,255,.58), rgba(255,255,255,.15) 36%, rgba(255,255,255,0) 70%),
    radial-gradient(circle at 72% 58%, rgba(56,189,248,.16), transparent 48%) !important;
  filter: blur(3px) !important;
  opacity: .54 !important;
  mix-blend-mode: screen !important;
}

.aa-kit-depth--right{
  right: -9vw !important;
  top: 8vh !important;
  width: min(38vw, 560px) !important;
  height: min(58vh, 600px) !important;
  border-radius: 54% 42% 58% 46% !important;
  transform: translate3d(0, calc(var(--aa-side-parallax-y) * -0.48), 0) rotate(7deg) !important;
  background:
    radial-gradient(circle at 48% 42%, rgba(255,255,255,.36), rgba(255,255,255,.10) 38%, transparent 72%),
    radial-gradient(circle at 38% 64%, rgba(37,99,235,.13), transparent 48%) !important;
  filter: blur(2.5px) !important;
  opacity: .42 !important;
  mix-blend-mode: screen !important;
}

.aa-kit-depth--bottom{
  left: 8vw !important;
  right: 8vw !important;
  bottom: 7vh !important;
  height: 1px !important;
  transform: translate3d(0, calc(var(--aa-side-parallax-y) * .28), 0) !important;
  background: linear-gradient(90deg, transparent, rgba(56,189,248,.28), rgba(139,92,246,.18), transparent) !important;
  box-shadow:
    0 0 24px rgba(56,189,248,.16),
    0 0 80px rgba(37,99,235,.12) !important;
  opacity: .70 !important;
}

/* Refined side-safe readability veil.
   Keeps background visible, avoids black/empty slider feeling. */
.aa-kit-hero__shade{
  z-index: 2 !important;
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.90) 0%,
      rgba(248,250,252,.74) 21%,
      rgba(248,250,252,.36) 42%,
      rgba(248,250,252,.08) 68%,
      rgba(248,250,252,0) 100%
    ),
    radial-gradient(circle at 18% 48%, rgba(255,255,255,.70), rgba(255,255,255,.20) 36%, transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 42%, rgba(248,250,252,.72) 100%) !important;
}

/* Keep content layer safely above depth */
.aa-kit-hero__inner{
  z-index: 4 !important;
}

/* Header/brand stays crisp on moving bg */
.aa-kit-navbar{
  z-index: 250 !important;
}

.aa-kit-brand__mark{
  filter:
    drop-shadow(0 12px 24px rgba(37,99,235,.22))
    drop-shadow(0 0 18px rgba(14,165,233,.18))
    drop-shadow(0 4px 14px rgba(255,255,255,.44)) !important;
}

/* Premium fade only; no curve, no big white block */
.aa-kit-hero::after{
  z-index: 5 !important;
  height: clamp(105px, 11vw, 190px) !important;
  background:
    linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.34) 60%, #f8fafc 100%) !important;
}

#how-it-works{
  margin-top: 0 !important;
  padding-top: clamp(76px, 6.4vw, 108px) !important;
  border-radius: 0 !important;
}

/* Night mode still uses depth but with darker readable veil */
html[data-theme="night"] .aa-kit-hero__bg{
  filter: saturate(1.02) contrast(1.02) brightness(.88) !important;
}

html[data-theme="night"] .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(3,10,22,.70) 0%,
      rgba(3,10,22,.52) 21%,
      rgba(3,10,22,.28) 42%,
      rgba(3,10,22,.08) 68%,
      rgba(3,10,22,0) 100%
    ),
    radial-gradient(circle at 18% 48%, rgba(15,23,42,.38), rgba(15,23,42,.10) 36%, transparent 64%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 42%, rgba(11,18,32,.70) 100%) !important;
}

html[data-theme="night"] .aa-kit-depth--left,
html[data-theme="night"] .aa-kit-depth--right{
  opacity: .28 !important;
}

html[data-theme="night"] .aa-kit-depth--bottom{
  opacity: .58 !important;
}

html[data-theme="night"] .aa-kit-hero::after{
  background:
    linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.36) 60%, #0b1220 100%) !important;
}

/* User motion preference */
@media (prefers-reduced-motion: reduce){
  .aa-kit-hero__bg,
  .aa-kit-depth{
    transform: none !important;
  }
}

@media (max-width: 980px){
  .aa-kit-hero{
    --aa-hero-scale: 1.12;
  }

  .aa-kit-hero__bg{
    inset: -10% -12% -12% -12% !important;
    background-position: 62% center !important;
  }

  .aa-kit-depth--left{
    width: 62vw !important;
    height: 42vh !important;
    left: -22vw !important;
    top: 12vh !important;
  }

  .aa-kit-depth--right{
    width: 68vw !important;
    height: 46vh !important;
    right: -28vw !important;
    top: 18vh !important;
  }

  .aa-kit-hero__shade{
    background:
      linear-gradient(180deg, rgba(248,250,252,.70) 0%, rgba(248,250,252,.42) 44%, rgba(248,250,252,.82) 100%) !important;
  }
}

/* =========================================================
   AgentsApp v36 — Jarallax Background Slider
   6 uploaded backgrounds, no arrows/dots, auto crossfade.
   Preserves v35 parallax depth and prevents side blank spaces.
   ========================================================= */

.aa-kit-hero--slider{
  --aa-parallax-y: 0px;
  --aa-side-parallax-y: 0px;
  --aa-hero-scale: 1.075;
  position: relative !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  min-height: clamp(760px, 100vh, 980px) !important;
}

.aa-kit-hero__slides{
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.aa-kit-hero--slider .aa-kit-hero__bg--slide{
  position: absolute !important;
  inset: -8% -7% -10% -7% !important;
  z-index: 0 !important;
  opacity: 0 !important;
  background-image: var(--aa-hero-img) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  transform:
    translate3d(0, var(--aa-parallax-y), 0)
    scale(var(--aa-hero-scale)) !important;
  transform-origin: center center !important;
  will-change: opacity, transform !important;
  filter: saturate(1.045) contrast(1.02) !important;
  transition: opacity 1.05s ease-in-out !important;
}

.aa-kit-hero--slider .aa-kit-hero__bg--slide.is-active{
  opacity: 1 !important;
}

/* Disable old single-bg rule from v34/v35 so it cannot override slides */
.aa-kit-hero--slider > .aa-kit-hero__bg{
  display: none !important;
}

/* Rich but clean readability veil.
   It is softer than previous black overlay and keeps the uploaded visuals visible. */
.aa-kit-hero--slider .aa-kit-hero__shade{
  z-index: 2 !important;
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.90) 0%,
      rgba(248,250,252,.70) 20%,
      rgba(248,250,252,.34) 42%,
      rgba(248,250,252,.08) 67%,
      rgba(248,250,252,0) 100%
    ),
    radial-gradient(circle at 18% 48%, rgba(255,255,255,.68), rgba(255,255,255,.20) 36%, transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 42%, rgba(248,250,252,.66) 100%) !important;
}

/* Depth stage remains visible above images but below text */
.aa-kit-hero--slider .aa-kit-hero__parallax-stage{
  z-index: 1 !important;
}

.aa-kit-hero--slider .aa-kit-hero__inner{
  z-index: 4 !important;
}

/* Keep hero bottom clean: only soft fade, no white block / no curved divider */
.aa-kit-hero--slider::after{
  z-index: 5 !important;
  height: clamp(105px, 11vw, 185px) !important;
  background: linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.34) 62%, #f8fafc 100%) !important;
}

/* Hide all legacy slider controls if old markup/css is cached */
.aa-slider-controls,
.aa-slider-controls--overlay,
.aa-slider-arrow,
.aa-slider-dots,
.aa-slider-dot{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Dark mode version */
html[data-theme="night"] .aa-kit-hero--slider .aa-kit-hero__bg--slide{
  filter: saturate(1.02) contrast(1.02) brightness(.88) !important;
}

html[data-theme="night"] .aa-kit-hero--slider .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(3,10,22,.70) 0%,
      rgba(3,10,22,.52) 21%,
      rgba(3,10,22,.28) 42%,
      rgba(3,10,22,.08) 68%,
      rgba(3,10,22,0) 100%
    ),
    radial-gradient(circle at 18% 48%, rgba(15,23,42,.38), rgba(15,23,42,.10) 36%, transparent 64%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 42%, rgba(11,18,32,.70) 100%) !important;
}

html[data-theme="night"] .aa-kit-hero--slider::after{
  background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.36) 62%, #0b1220 100%) !important;
}

@media (max-width: 980px){
  .aa-kit-hero--slider{
    --aa-hero-scale: 1.13;
  }

  .aa-kit-hero--slider .aa-kit-hero__bg--slide{
    inset: -10% -12% -12% -12% !important;
    background-position: 62% center !important;
  }

  .aa-kit-hero--slider .aa-kit-hero__shade{
    background:
      linear-gradient(180deg, rgba(248,250,252,.70) 0%, rgba(248,250,252,.42) 44%, rgba(248,250,252,.82) 100%) !important;
  }
}

/* =========================================================
   AgentsApp v37 — Hero Slider Visible Fix
   Fixes missing backgrounds by using literal JPG paths + force-visible rules.
   ========================================================= */

/* Kill old one-bg and hidden rules that were causing white/empty hero */
.aa-kit-hero--v37 > .aa-kit-hero__bg,
.aa-kit-hero--v37 .aa-hero-slider,
.aa-kit-hero--v37 .aa-slider-controls,
.aa-kit-hero--v37 .aa-slider-arrow,
.aa-kit-hero--v37 .aa-slider-dots,
.aa-kit-hero--v37 .aa-slider-dot {
  display: none !important;
}

.aa-kit-hero--v37 {
  --aa-parallax-y: 0px;
  --aa-side-parallax-y: 0px;
  --aa-hero-scale: 1.045;
  position: relative !important;
  display: block !important;
  min-height: clamp(760px, 100vh, 980px) !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  isolation: isolate !important;
}

.aa-kit-hero--v37 .aa-kit-hero__slides {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: #f8fafc !important;
}

.aa-kit-hero--v37 .aa-kit-hero__bg--slide {
  position: absolute !important;
  display: block !important;
  inset: -7% -6% -9% -6% !important;
  width: auto !important;
  height: auto !important;
  opacity: 0 !important;
  visibility: visible !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  transform: translate3d(0, var(--aa-parallax-y), 0) scale(var(--aa-hero-scale)) !important;
  transform-origin: center center !important;
  will-change: opacity, transform !important;
  filter: saturate(1.035) contrast(1.01) !important;
  transition: opacity 950ms ease-in-out !important;
}

.aa-kit-hero--v37 .aa-kit-hero__bg--slide.is-active {
  opacity: 1 !important;
  z-index: 1 !important;
}

/* CSS fallback backgrounds in case inline style is stripped/cached */
.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(1) { background-image: url('../images/hero/agentsapp-hero-slide-v37-01.jpg') !important; }
.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(2) { background-image: url('../images/hero/agentsapp-hero-slide-v37-02.jpg') !important; }
.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(3) { background-image: url('../images/hero/agentsapp-hero-slide-v37-03.jpg') !important; }
.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(4) { background-image: url('../images/hero/agentsapp-hero-slide-v37-04.jpg') !important; }
.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(5) { background-image: url('../images/hero/agentsapp-hero-slide-v37-05.jpg') !important; }
.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(6) { background-image: url('../images/hero/agentsapp-hero-slide-v37-06.jpg') !important; }
.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(7) { background-image: url('../images/hero/agentsapp-hero-slide-v37-07.jpg') !important; }

/* Keep text readable while making the background visible. No black panel. */
.aa-kit-hero--v37 .aa-kit-hero__shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  display: block !important;
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.88) 0%,
      rgba(248,250,252,.66) 20%,
      rgba(248,250,252,.30) 43%,
      rgba(248,250,252,.06) 68%,
      rgba(248,250,252,0) 100%
    ),
    radial-gradient(circle at 17% 47%, rgba(255,255,255,.64), rgba(255,255,255,.16) 38%, transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 44%, rgba(248,250,252,.62) 100%) !important;
}

.aa-kit-hero--v37 .aa-kit-hero__parallax-stage {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.aa-kit-hero--v37 .aa-kit-hero__inner {
  position: relative !important;
  z-index: 4 !important;
}

.aa-kit-hero--v37::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 5 !important;
  height: clamp(92px, 10vw, 165px) !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.30) 62%, #f8fafc 100%) !important;
}

#how-it-works {
  margin-top: 0 !important;
  padding-top: clamp(76px, 6.4vw, 108px) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(239,246,255,.72), transparent 34%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
  box-shadow: none !important;
}

#how-it-works::before {
  content: none !important;
  display: none !important;
}

/* Navbar above the background, stable and transparent */
.aa-kit-navbar {
  position: absolute !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 250 !important;
}

.aa-kit-nav a {
  color: #0f172a !important;
  text-shadow: 0 8px 22px rgba(255,255,255,.74), 0 2px 10px rgba(15,23,42,.06) !important;
}

html[data-theme="night"] .aa-kit-hero--v37 .aa-kit-hero__bg--slide {
  filter: saturate(1.02) contrast(1.02) brightness(.88) !important;
}

html[data-theme="night"] .aa-kit-hero--v37 .aa-kit-hero__shade {
  background:
    linear-gradient(90deg,
      rgba(3,10,22,.70) 0%,
      rgba(3,10,22,.52) 21%,
      rgba(3,10,22,.28) 42%,
      rgba(3,10,22,.08) 68%,
      rgba(3,10,22,0) 100%
    ),
    radial-gradient(circle at 18% 48%, rgba(15,23,42,.38), rgba(15,23,42,.10) 36%, transparent 64%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 42%, rgba(11,18,32,.70) 100%) !important;
}

html[data-theme="night"] .aa-kit-hero--v37::after {
  background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.36) 62%, #0b1220 100%) !important;
}

html[data-theme="night"] #how-it-works {
  background:
    radial-gradient(circle at 50% 0%, rgba(96,165,250,.10), transparent 34%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 100%) !important;
}

@media (max-width: 980px) {
  .aa-kit-hero--v37 {
    --aa-hero-scale: 1.12;
  }

  .aa-kit-hero--v37 .aa-kit-hero__bg--slide {
    inset: -10% -12% -12% -12% !important;
    background-position: 62% center !important;
  }

  .aa-kit-hero--v37 .aa-kit-hero__shade {
    background:
      linear-gradient(180deg, rgba(248,250,252,.70) 0%, rgba(248,250,252,.42) 44%, rgba(248,250,252,.82) 100%) !important;
  }
}

/* =========================================================
   AgentsApp v38 — Hero Copy Left + Per-Slide Text Polish
   ========================================================= */

/* Move hero text left; it was visually too centered on wide screens */
.aa-kit-hero--v38 .aa-kit-hero__inner{
  width: min(1580px, calc(100% - 80px)) !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.aa-kit-hero--v38 .aa-kit-hero__copy{
  width: min(600px, 39vw) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  transform: translateX(-18px) !important;
}

/* A cleaner left-side text card without looking like a box */
.aa-kit-hero--v38 .aa-kit-hero__copy::before{
  content: "" !important;
  position: absolute !important;
  inset: -30px -38px -30px -34px !important;
  z-index: -1 !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,.62), transparent 42%),
    linear-gradient(90deg, rgba(255,255,255,.46), rgba(255,255,255,.12), transparent) !important;
  filter: blur(.2px) !important;
  opacity: .56 !important;
  pointer-events: none !important;
}

.aa-kit-hero--v38 .aa-kit-hero__copy{
  position: relative !important;
  z-index: 4 !important;
}

/* Reduce the white veil so the background images are visible */
.aa-kit-hero--v38 .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.78) 0%,
      rgba(248,250,252,.56) 18%,
      rgba(248,250,252,.24) 38%,
      rgba(248,250,252,.055) 64%,
      rgba(248,250,252,0) 100%
    ),
    radial-gradient(circle at 14% 48%, rgba(255,255,255,.52), rgba(255,255,255,.12) 37%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 45%, rgba(248,250,252,.50) 100%) !important;
}

/* Text sizing: strong but not occupying the center */
.aa-kit-hero--v38 .aa-kit-hero h1{
  max-width: 610px !important;
  font-size: clamp(56px, 5.65vw, 98px) !important;
  line-height: .92 !important;
  letter-spacing: -.075em !important;
}

.aa-kit-hero--v38 .aa-kit-hero p{
  max-width: 560px !important;
  font-size: clamp(17px, 1.18vw, 22px) !important;
  line-height: 1.5 !important;
}

/* Smooth text swap when slide changes */
.aa-kit-hero--v38 .aa-kit-hero__copy.is-changing{
  animation: aaHeroTextSwap .42s ease both !important;
}

@keyframes aaHeroTextSwap{
  0%{opacity:.12; transform: translateX(-28px) translateY(8px);}
  100%{opacity:1; transform: translateX(-18px) translateY(0);}
}

/* Keep navbar visible over lighter backgrounds */
.aa-kit-hero--v38 ~ * .aa-kit-navbar,
.aa-kit-navbar{
  z-index: 260 !important;
}

/* Dark mode: text/card glow is dark, but not a black block */
html[data-theme="night"] .aa-kit-hero--v38 .aa-kit-hero__copy::before{
  background:
    radial-gradient(circle at 16% 18%, rgba(15,23,42,.46), transparent 42%),
    linear-gradient(90deg, rgba(15,23,42,.36), rgba(15,23,42,.12), transparent) !important;
  opacity: .72 !important;
}

html[data-theme="night"] .aa-kit-hero--v38 .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(3,10,22,.58) 0%,
      rgba(3,10,22,.42) 20%,
      rgba(3,10,22,.20) 40%,
      rgba(3,10,22,.045) 66%,
      rgba(3,10,22,0) 100%
    ),
    radial-gradient(circle at 14% 48%, rgba(15,23,42,.28), rgba(15,23,42,.08) 36%, transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 42%, rgba(11,18,32,.58) 100%) !important;
}

@media (max-width: 1180px){
  .aa-kit-hero--v38 .aa-kit-hero__inner{
    width: min(100% - 52px, 1580px) !important;
  }

  .aa-kit-hero--v38 .aa-kit-hero__copy{
    width: min(570px, 48vw) !important;
    transform: translateX(0) !important;
  }

  @keyframes aaHeroTextSwap{
    0%{opacity:.12; transform: translateX(-10px) translateY(8px);}
    100%{opacity:1; transform: translateX(0) translateY(0);}
  }
}

@media (max-width: 980px){
  .aa-kit-hero--v38 .aa-kit-hero__inner{
    width: min(100% - 32px, 1580px) !important;
    align-items: flex-end !important;
  }

  .aa-kit-hero--v38 .aa-kit-hero__copy{
    width: 100% !important;
    margin-bottom: 112px !important;
  }

  .aa-kit-hero--v38 .aa-kit-hero h1{
    font-size: clamp(44px, 11vw, 68px) !important;
  }

  .aa-kit-hero--v38 .aa-kit-hero__copy::before{
    inset: -22px -18px -22px -18px !important;
  }
}

/* =========================================================
   AgentsApp v39 — Hero/Jarallax Slider Polish
   - Removes blur/white base under hero text.
   - Slower slider, vivid backgrounds.
   - Stronger jarallax feel without whitening.
   - Tighter How It Works opening.
   - Night mode seam fix.
   - Main heading gets neon pink / purple / orange accent.
   ========================================================= */

/* 1) Remove blur/glass/white base under hero text completely */
.aa-kit-hero--v38 .aa-kit-hero__copy::before,
.aa-kit-hero__copy::before{
  content: none !important;
  display: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

.aa-kit-hero--v38 .aa-kit-hero__copy,
.aa-kit-hero__copy{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: none !important;
}

/* 2) Put text further left and keep it clean */
.aa-kit-hero--v38 .aa-kit-hero__inner{
  width: min(1640px, calc(100% - 88px)) !important;
  justify-content: flex-start !important;
}

.aa-kit-hero--v38 .aa-kit-hero__copy{
  width: min(565px, 35vw) !important;
  transform: translateX(-56px) !important;
}

/* 3) Main hero title: premium neon pink / purple / orange gradient */
.aa-kit-hero--v38 .aa-kit-hero h1{
  max-width: 620px !important;
  font-size: clamp(56px, 5.65vw, 98px) !important;
  line-height: .92 !important;
  letter-spacing: -.075em !important;
  color: transparent !important;
  background: linear-gradient(112deg,
    #0f172a 0%,
    #0f172a 28%,
    #7c3aed 50%,
    #ec4899 68%,
    #f97316 88%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow:
    0 10px 28px rgba(255,255,255,.70),
    0 0 20px rgba(236,72,153,.12),
    0 0 30px rgba(124,58,237,.10) !important;
}

.aa-kit-hero--v38 .aa-kit-eyebrow{
  color: #7c3aed !important;
  text-shadow: 0 0 18px rgba(236,72,153,.12), 0 8px 22px rgba(255,255,255,.62) !important;
}

.aa-kit-hero--v38 .aa-kit-eyebrow::before{
  background: linear-gradient(90deg, #ec4899, #7c3aed, #f97316) !important;
  box-shadow: 0 0 18px rgba(236,72,153,.22) !important;
}

.aa-kit-hero--v38 .aa-kit-hero p{
  max-width: 560px !important;
  font-size: clamp(17px, 1.18vw, 22px) !important;
  line-height: 1.5 !important;
  font-weight: 545 !important;
  color: #182235 !important;
  text-shadow:
    0 8px 22px rgba(255,255,255,.76),
    0 2px 10px rgba(15,23,42,.08) !important;
}

/* 4) Make backgrounds vivid and bright, not washed out */
.aa-kit-hero--v37 .aa-kit-hero__bg--slide,
.aa-kit-hero--v38 .aa-kit-hero__bg--slide{
  filter: saturate(1.22) contrast(1.09) brightness(1.06) !important;
  transition: opacity 1.85s ease-in-out, transform .18s linear !important;
}

/* Stronger parallax depth without whitewashing */
.aa-kit-hero--slider,
.aa-kit-hero--v37,
.aa-kit-hero--v38{
  --aa-hero-scale: 1.105 !important;
  min-height: clamp(760px, 100vh, 990px) !important;
}

.aa-kit-hero--v37 .aa-kit-hero__bg--slide,
.aa-kit-hero--v38 .aa-kit-hero__bg--slide{
  inset: -10% -9% -12% -9% !important;
}

/* Background visible: reduce white veil strongly */
.aa-kit-hero--v37 .aa-kit-hero__shade,
.aa-kit-hero--v38 .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.50) 0%,
      rgba(248,250,252,.28) 18%,
      rgba(248,250,252,.10) 38%,
      rgba(248,250,252,.015) 62%,
      rgba(248,250,252,0) 100%
    ),
    radial-gradient(circle at 12% 47%, rgba(255,255,255,.22), rgba(255,255,255,.04) 35%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 52%, rgba(248,250,252,.16) 100%) !important;
}

/* Depth side layers: atmospheric glow, not white fog */
.aa-kit-depth--left{
  opacity: .30 !important;
  filter: blur(1.6px) !important;
  background:
    radial-gradient(circle at 36% 36%, rgba(236,72,153,.10), rgba(56,189,248,.08) 38%, transparent 72%),
    radial-gradient(circle at 72% 58%, rgba(37,99,235,.10), transparent 48%) !important;
}

.aa-kit-depth--right{
  opacity: .25 !important;
  filter: blur(1.8px) !important;
  background:
    radial-gradient(circle at 48% 42%, rgba(249,115,22,.09), rgba(14,165,233,.07) 38%, transparent 72%),
    radial-gradient(circle at 38% 64%, rgba(139,92,246,.11), transparent 48%) !important;
}

.aa-kit-depth--bottom{
  bottom: 4vh !important;
  opacity: .66 !important;
  background: linear-gradient(90deg, transparent, rgba(236,72,153,.24), rgba(124,58,237,.18), rgba(249,115,22,.18), transparent) !important;
  box-shadow:
    0 0 28px rgba(236,72,153,.10),
    0 0 76px rgba(124,58,237,.08) !important;
}

/* Bottom transition: less white, more image continuation */
.aa-kit-hero--v37::after,
.aa-kit-hero--v38::after,
.aa-kit-hero--slider::after{
  height: clamp(72px, 6.6vw, 120px) !important;
  background:
    linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.10) 58%, #f8fafc 100%) !important;
}

/* 5) Pull How It Works upward and tighten heading/subtitle spacing */
#how-it-works{
  margin-top: -24px !important;
  padding-top: clamp(38px, 3.8vw, 64px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(239,246,255,.40), transparent 28%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
}

#how-it-works .aa-section__head,
#how-it-works .section-head,
#how-it-works .aa-section-title,
#how-it-works header{
  margin-top: 0 !important;
  margin-bottom: clamp(16px, 1.6vw, 26px) !important;
}

#how-it-works h2,
#how-it-works .aa-section__title{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

#how-it-works p,
#how-it-works .aa-section__subtitle{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.45 !important;
}

/* Text swap animation keeps new left offset */
.aa-kit-hero--v38 .aa-kit-hero__copy.is-changing{
  animation: aaHeroTextSwapV39 .58s ease both !important;
}

@keyframes aaHeroTextSwapV39{
  0%{opacity:.12; transform: translateX(-74px) translateY(8px);}
  100%{opacity:1; transform: translateX(-56px) translateY(0);}
}

/* 6) Night mode: same black at jarallax bottom + whole next section, no seam line */
html[data-theme="night"] body,
html[data-theme="night"] main{
  background: #0b1220 !important;
}

html[data-theme="night"] .aa-kit-hero--v37 .aa-kit-hero__bg--slide,
html[data-theme="night"] .aa-kit-hero--v38 .aa-kit-hero__bg--slide{
  filter: saturate(1.15) contrast(1.05) brightness(.96) !important;
}

html[data-theme="night"] .aa-kit-hero--v37 .aa-kit-hero__shade,
html[data-theme="night"] .aa-kit-hero--v38 .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(11,18,32,.46) 0%,
      rgba(11,18,32,.30) 19%,
      rgba(11,18,32,.12) 40%,
      rgba(11,18,32,.02) 66%,
      rgba(11,18,32,0) 100%
    ),
    radial-gradient(circle at 14% 48%, rgba(11,18,32,.18), rgba(11,18,32,.04) 36%, transparent 62%),
    linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,0) 45%, rgba(11,18,32,.18) 100%) !important;
}

html[data-theme="night"] .aa-kit-hero--v37::after,
html[data-theme="night"] .aa-kit-hero--v38::after,
html[data-theme="night"] .aa-kit-hero--slider::after{
  background:
    linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.10) 58%, #0b1220 100%) !important;
}

html[data-theme="night"] #how-it-works{
  margin-top: -24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(124,58,237,.045), transparent 28%),
    linear-gradient(180deg, #0b1220 0%, #0b1220 34%, #0f172a 100%) !important;
  box-shadow: none !important;
  border-top: 0 !important;
}

html[data-theme="night"] .aa-kit-hero--v38 .aa-kit-hero h1{
  background: linear-gradient(112deg,
    #ffffff 0%,
    #e0f2fe 28%,
    #a78bfa 50%,
    #f472b6 70%,
    #fb923c 92%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow:
    0 16px 36px rgba(0,0,0,.40),
    0 0 24px rgba(236,72,153,.14),
    0 0 34px rgba(124,58,237,.12) !important;
}

html[data-theme="night"] .aa-kit-hero--v38 .aa-kit-hero p{
  color: rgba(248,251,255,.90) !important;
  text-shadow: 0 12px 28px rgba(0,0,0,.36) !important;
}

html[data-theme="night"] .aa-kit-hero--v38 .aa-kit-eyebrow{
  color: #f472b6 !important;
  text-shadow: 0 0 18px rgba(236,72,153,.18), 0 8px 22px rgba(0,0,0,.38) !important;
}

@media (max-width: 1180px){
  .aa-kit-hero--v38 .aa-kit-hero__inner{
    width: min(100% - 52px, 1580px) !important;
  }

  .aa-kit-hero--v38 .aa-kit-hero__copy{
    width: min(570px, 48vw) !important;
    transform: translateX(0) !important;
  }

  @keyframes aaHeroTextSwapV39{
    0%{opacity:.12; transform: translateX(-10px) translateY(8px);}
    100%{opacity:1; transform: translateX(0) translateY(0);}
  }
}

@media (max-width: 980px){
  .aa-kit-hero--v38 .aa-kit-hero__inner{
    width: min(100% - 32px, 1580px) !important;
    align-items: flex-end !important;
  }

  .aa-kit-hero--v38 .aa-kit-hero__copy{
    width: 100% !important;
    margin-bottom: 104px !important;
    transform: translateX(0) !important;
  }

  .aa-kit-hero--v38 .aa-kit-hero h1{
    font-size: clamp(44px, 11vw, 68px) !important;
  }

  .aa-kit-hero--v37 .aa-kit-hero__shade,
  .aa-kit-hero--v38 .aa-kit-hero__shade{
    background:
      linear-gradient(180deg, rgba(248,250,252,.44) 0%, rgba(248,250,252,.20) 44%, rgba(248,250,252,.54) 100%) !important;
  }
}

/* =========================================================
   AgentsApp v40 — Hero Seam Removal + Premium Scroll Buttons
   - Completely hides the hero/how-it-works seam line.
   - Uses mask fade on hero images instead of a visible divider.
   - Adds premium round up/down quick scroll controls.
   - Slows hero slider further.
   ========================================================= */

/* Exact unified section colors */
:root{
  --aa-light-page-seam: #f8fafc;
  --aa-night-page-seam: #0b1220;
}

/* Force hero and next section to share the same base color at the join */
.aa-kit-hero--v37,
.aa-kit-hero--v38,
.aa-kit-hero--slider{
  background: var(--aa-light-page-seam) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* The actual fix: fade the image layer itself to transparent before the next section.
   This removes the visible image edge / horizontal line instead of covering it with a block. */
.aa-kit-hero--v37 .aa-kit-hero__slides,
.aa-kit-hero--v38 .aa-kit-hero__slides{
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 76%, rgba(0,0,0,.94) 82%, rgba(0,0,0,.50) 91%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 76%, rgba(0,0,0,.94) 82%, rgba(0,0,0,.50) 91%, transparent 100%) !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}

/* Remove line-making overlays from earlier patches and replace with seamless fade only */
.aa-kit-hero--v37::after,
.aa-kit-hero--v38::after,
.aa-kit-hero--slider::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -3px !important;
  z-index: 6 !important;
  height: clamp(150px, 15vw, 250px) !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg,
      rgba(248,250,252,0) 0%,
      rgba(248,250,252,.05) 34%,
      rgba(248,250,252,.26) 58%,
      rgba(248,250,252,.72) 82%,
      var(--aa-light-page-seam) 100%
    ) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hide any old glow/edge line that may still be injected from previous patches */
.aa-kit-hero--v37 .aa-kit-hero__slides::after,
.aa-kit-hero--v38 .aa-kit-hero__slides::after,
.aa-kit-hero--v37 .aa-kit-hero__inner::after,
.aa-kit-hero--v38 .aa-kit-hero__inner::after{
  content: none !important;
  display: none !important;
}

/* Make the next section start in the same color and overlap by 2px to kill subpixel seams */
#how-it-works{
  margin-top: -2px !important;
  padding-top: clamp(32px, 3vw, 52px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(239,246,255,.26), transparent 25%),
    linear-gradient(180deg, var(--aa-light-page-seam) 0%, var(--aa-light-page-seam) 14%, #ffffff 100%) !important;
  border-top: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#how-it-works::before,
#how-it-works::after{
  content: none !important;
  display: none !important;
}

/* Further reduce vertical gap around How It Works intro */
#how-it-works .aa-container,
#how-it-works .container,
#how-it-works > div{
  padding-top: 0 !important;
}

#how-it-works .aa-section__head,
#how-it-works .section-head,
#how-it-works header{
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

#how-it-works h2,
#how-it-works .aa-section__title{
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

#how-it-works p,
#how-it-works .aa-section__subtitle{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* More vivid, but not washed-out backgrounds */
.aa-kit-hero--v37 .aa-kit-hero__bg--slide,
.aa-kit-hero--v38 .aa-kit-hero__bg--slide{
  filter: saturate(1.28) contrast(1.12) brightness(1.08) !important;
  transition: opacity 2.4s ease-in-out, transform .18s linear !important;
}

/* Slow slider visual feeling with longer crossfade */
.aa-kit-hero--v37 .aa-kit-hero__bg--slide.is-active,
.aa-kit-hero--v38 .aa-kit-hero__bg--slide.is-active{
  opacity: 1 !important;
}

/* Night mode: exact same black at hero bottom and section top, no line */
html[data-theme="night"] .aa-kit-hero--v37,
html[data-theme="night"] .aa-kit-hero--v38,
html[data-theme="night"] .aa-kit-hero--slider{
  background: var(--aa-night-page-seam) !important;
}

html[data-theme="night"] .aa-kit-hero--v37::after,
html[data-theme="night"] .aa-kit-hero--v38::after,
html[data-theme="night"] .aa-kit-hero--slider::after{
  background:
    linear-gradient(180deg,
      rgba(11,18,32,0) 0%,
      rgba(11,18,32,.05) 34%,
      rgba(11,18,32,.24) 58%,
      rgba(11,18,32,.72) 82%,
      var(--aa-night-page-seam) 100%
    ) !important;
}

html[data-theme="night"] #how-it-works{
  background:
    radial-gradient(circle at 50% 0%, rgba(124,58,237,.035), transparent 25%),
    linear-gradient(180deg, var(--aa-night-page-seam) 0%, var(--aa-night-page-seam) 16%, #0f172a 100%) !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Premium round fast scroll controls */
.aa-scroll-rail{
  position: fixed !important;
  right: clamp(18px, 2.2vw, 34px) !important;
  bottom: clamp(22px, 3vw, 42px) !important;
  z-index: 500 !important;
  display: grid !important;
  gap: 12px !important;
  opacity: 0 !important;
  transform: translateY(18px) scale(.96) !important;
  pointer-events: none !important;
  transition: opacity .22s ease, transform .22s ease !important;
}

.aa-scroll-rail.is-visible{
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}

.aa-scroll-btn{
  width: 54px !important;
  height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.95), rgba(255,255,255,.58) 42%, rgba(255,255,255,.32) 100%) !important;
  color: #0f172a !important;
  cursor: pointer !important;
  box-shadow:
    0 18px 46px rgba(15,23,42,.16),
    0 0 0 6px rgba(255,255,255,.22),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.aa-scroll-btn:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(124,58,237,.28) !important;
  box-shadow:
    0 22px 56px rgba(15,23,42,.20),
    0 0 0 7px rgba(124,58,237,.07),
    0 0 28px rgba(236,72,153,.14),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.aa-scroll-btn svg{
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  stroke-width: 2.4 !important;
}

.aa-scroll-btn--down svg{
  transform: rotate(180deg) !important;
}

html[data-theme="night"] .aa-scroll-btn{
  color: #f8fbff !important;
  border-color: rgba(255,255,255,.14) !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(30,41,59,.96), rgba(15,23,42,.78) 46%, rgba(11,18,32,.62) 100%) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.36),
    0 0 0 6px rgba(255,255,255,.035),
    0 0 28px rgba(124,58,237,.08),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

@media (max-width: 780px){
  .aa-scroll-rail{
    right: 14px !important;
    bottom: 18px !important;
    gap: 9px !important;
  }

  .aa-scroll-btn{
    width: 48px !important;
    height: 48px !important;
  }
}

/* =========================================================
   AgentsApp v41 — Home Hero Background Fit Fix
   Main fix: remove excessive zoom/crop, keep images complete-looking.
   ========================================================= */

/* 1) Remove aggressive overscale/inset from v35-v40.
   The images now use the real hero frame, not a heavily zoomed layer. */
.aa-kit-hero--v37,
.aa-kit-hero--v38,
.aa-kit-hero--slider{
  --aa-hero-scale: 1 !important;
  --aa-parallax-y: 0px;
  --aa-side-parallax-y: 0px;
  min-height: clamp(720px, 96vh, 900px) !important;
  background: #f8fafc !important;
}

.aa-kit-hero--v37 .aa-kit-hero__bg--slide,
.aa-kit-hero--v38 .aa-kit-hero__bg--slide,
.aa-kit-hero--slider .aa-kit-hero__bg--slide{
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate3d(0, var(--aa-parallax-y), 0) scale(1) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  filter: saturate(1.16) contrast(1.06) brightness(1.04) !important;
  transition: opacity 2.2s ease-in-out, transform .18s linear !important;
}

/* 2) Slide-specific position values.
   This prevents forcing every image into the same crop. */
.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(1),
.aa-kit-hero--v38 .aa-kit-hero__bg--slide:nth-child(1){
  background-position: center center !important;
}

.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(2),
.aa-kit-hero--v38 .aa-kit-hero__bg--slide:nth-child(2){
  background-position: center center !important;
}

.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(3),
.aa-kit-hero--v38 .aa-kit-hero__bg--slide:nth-child(3){
  background-position: 56% center !important;
}

.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(4),
.aa-kit-hero--v38 .aa-kit-hero__bg--slide:nth-child(4){
  background-position: 58% center !important;
}

.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(5),
.aa-kit-hero--v38 .aa-kit-hero__bg--slide:nth-child(5){
  background-position: center center !important;
}

.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(6),
.aa-kit-hero--v38 .aa-kit-hero__bg--slide:nth-child(6),
.aa-kit-hero--v37 .aa-kit-hero__bg--slide:nth-child(7),
.aa-kit-hero--v38 .aa-kit-hero__bg--slide:nth-child(7){
  background-position: 54% center !important;
}

/* 3) Less white veil; image remains vivid, text safe-area remains readable. */
.aa-kit-hero--v37 .aa-kit-hero__shade,
.aa-kit-hero--v38 .aa-kit-hero__shade,
.aa-kit-hero--slider .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.44) 0%,
      rgba(248,250,252,.24) 18%,
      rgba(248,250,252,.08) 38%,
      rgba(248,250,252,.015) 62%,
      rgba(248,250,252,0) 100%
    ),
    radial-gradient(circle at 11% 47%, rgba(255,255,255,.18), rgba(255,255,255,.035) 36%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(248,250,252,.10) 100%) !important;
}

/* 4) Jarallax remains, but no image-damaging movement/zoom.
   The depth layers move, image only moves slightly. */
.aa-kit-depth--left{
  opacity: .22 !important;
  filter: blur(1.2px) !important;
}

.aa-kit-depth--right{
  opacity: .18 !important;
  filter: blur(1.4px) !important;
}

.aa-kit-depth--bottom{
  opacity: .44 !important;
}

/* 5) Hero bottom seam remains hidden but without a big white block. */
.aa-kit-hero--v37 .aa-kit-hero__slides,
.aa-kit-hero--v38 .aa-kit-hero__slides{
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 82%, rgba(0,0,0,.78) 92%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 82%, rgba(0,0,0,.78) 92%, transparent 100%) !important;
}

.aa-kit-hero--v37::after,
.aa-kit-hero--v38::after,
.aa-kit-hero--slider::after{
  height: clamp(62px, 5.8vw, 110px) !important;
  bottom: -2px !important;
  background:
    linear-gradient(180deg,
      rgba(248,250,252,0) 0%,
      rgba(248,250,252,.08) 62%,
      #f8fafc 100%
    ) !important;
}

/* 6) Keep How It Works close to hero, but do not overlap over images. */
#how-it-works{
  margin-top: -2px !important;
  padding-top: clamp(38px, 3.4vw, 58px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(239,246,255,.22), transparent 24%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* 7) Text still left, but not too far out on normal screens. */
.aa-kit-hero--v38 .aa-kit-hero__inner{
  width: min(1580px, calc(100% - 72px)) !important;
}

.aa-kit-hero--v38 .aa-kit-hero__copy{
  transform: translateX(-34px) !important;
}

/* Night mode: same black at join, no seam; images not over-darkened. */
html[data-theme="night"] .aa-kit-hero--v37,
html[data-theme="night"] .aa-kit-hero--v38,
html[data-theme="night"] .aa-kit-hero--slider{
  background: #0b1220 !important;
}

html[data-theme="night"] .aa-kit-hero--v37 .aa-kit-hero__bg--slide,
html[data-theme="night"] .aa-kit-hero--v38 .aa-kit-hero__bg--slide{
  filter: saturate(1.10) contrast(1.04) brightness(.98) !important;
}

html[data-theme="night"] .aa-kit-hero--v37 .aa-kit-hero__shade,
html[data-theme="night"] .aa-kit-hero--v38 .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(11,18,32,.36) 0%,
      rgba(11,18,32,.22) 19%,
      rgba(11,18,32,.08) 40%,
      rgba(11,18,32,.015) 66%,
      rgba(11,18,32,0) 100%
    ),
    radial-gradient(circle at 14% 48%, rgba(11,18,32,.12), rgba(11,18,32,.025) 36%, transparent 62%),
    linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,0) 55%, rgba(11,18,32,.10) 100%) !important;
}

html[data-theme="night"] .aa-kit-hero--v37::after,
html[data-theme="night"] .aa-kit-hero--v38::after,
html[data-theme="night"] .aa-kit-hero--slider::after{
  background:
    linear-gradient(180deg,
      rgba(11,18,32,0) 0%,
      rgba(11,18,32,.08) 62%,
      #0b1220 100%
    ) !important;
}

html[data-theme="night"] #how-it-works{
  background:
    radial-gradient(circle at 50% 0%, rgba(124,58,237,.030), transparent 24%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 100%) !important;
}

@media (max-width: 1180px){
  .aa-kit-hero--v38 .aa-kit-hero__copy{
    transform: translateX(0) !important;
  }
}

@media (max-width: 980px){
  .aa-kit-hero--v37,
  .aa-kit-hero--v38,
  .aa-kit-hero--slider{
    min-height: 760px !important;
  }

  .aa-kit-hero--v37 .aa-kit-hero__bg--slide,
  .aa-kit-hero--v38 .aa-kit-hero__bg--slide{
    inset: 0 !important;
    transform: translate3d(0, var(--aa-parallax-y), 0) scale(1.02) !important;
    background-position: 58% center !important;
  }

  .aa-kit-hero--v37 .aa-kit-hero__shade,
  .aa-kit-hero--v38 .aa-kit-hero__shade{
    background:
      linear-gradient(180deg, rgba(248,250,252,.34) 0%, rgba(248,250,252,.14) 45%, rgba(248,250,252,.42) 100%) !important;
  }
}

/* =========================================================
   AgentsApp v42 — New Hero Backgrounds + AI/DePIN Text Style
   Replaces old hero images in markup. Old files may remain on disk,
   but they are no longer referenced by index.php/CSS/JS.
   ========================================================= */

.aa-kit-hero--v42 {
  --aa-hero-scale: 1 !important;
  min-height: clamp(710px, 94vh, 880px) !important;
  background: #f8fafc !important;
}

.aa-kit-hero--v42 .aa-kit-hero__bg--slide {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate3d(0, var(--aa-parallax-y), 0) scale(1) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  filter: saturate(1.14) contrast(1.055) brightness(1.035) !important;
  transition: opacity 2.25s ease-in-out, transform .18s linear !important;
}

.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(1) { background-image: url('../images/hero/agentsapp-home-hero-v42-01.jpg') !important; }
.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(2) { background-image: url('../images/hero/agentsapp-home-hero-v42-02.jpg') !important; }
.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(3) { background-image: url('../images/hero/agentsapp-home-hero-v42-03.jpg') !important; }
.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(4) { background-image: url('../images/hero/agentsapp-home-hero-v42-04.jpg') !important; }
.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(5) { background-image: url('../images/hero/agentsapp-home-hero-v42-05.jpg') !important; }

/* Slide-specific positions for the new 5 images */
.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(1) {
  background-position: center center !important;
}

.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(2) {
  background-position: center center !important;
}

.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(3) {
  background-position: center center !important;
}

.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(4) {
  background-position: center center !important;
}

.aa-kit-hero--v42 .aa-kit-hero__bg--slide:nth-child(5) {
  background-position: center center !important;
}

/* Cleaner image visibility: less white veil, more natural tech atmosphere */
.aa-kit-hero--v42 .aa-kit-hero__shade {
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.40) 0%,
      rgba(248,250,252,.22) 17%,
      rgba(248,250,252,.075) 35%,
      rgba(248,250,252,.018) 58%,
      rgba(248,250,252,0) 100%
    ),
    radial-gradient(circle at 12% 48%, rgba(255,255,255,.14), rgba(255,255,255,.025) 36%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 62%, rgba(248,250,252,.09) 100%) !important;
}

/* Hero copy: smaller, sharper, AI/DePIN sector style */
.aa-kit-hero--v42 .aa-kit-hero__inner {
  width: min(1580px, calc(100% - 72px)) !important;
  align-items: center !important;
}

.aa-kit-hero--v42 .aa-kit-hero__copy {
  width: min(515px, 34vw) !important;
  transform: translateX(-30px) !important;
  margin-top: clamp(18px, 3vw, 44px) !important;
}

.aa-kit-hero--v42 .aa-kit-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #0ea5e9 !important;
  font-size: clamp(11px, .74vw, 13px) !important;
  font-weight: 820 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-shadow: 0 10px 28px rgba(255,255,255,.70), 0 0 16px rgba(14,165,233,.18) !important;
}

.aa-kit-hero--v42 .aa-kit-eyebrow::before {
  content: "" !important;
  width: 34px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #14b8a6, #0ea5e9, #7c3aed) !important;
  box-shadow: 0 0 18px rgba(14,165,233,.22) !important;
}

.aa-kit-hero--v42 .aa-kit-hero h1 {
  max-width: 545px !important;
  margin-top: 18px !important;
  font-size: clamp(44px, 4.55vw, 78px) !important;
  line-height: .96 !important;
  letter-spacing: -.065em !important;
  font-weight: 760 !important;
  color: transparent !important;
  background: linear-gradient(118deg,
    #0f172a 0%,
    #172033 34%,
    #0f766e 52%,
    #2563eb 70%,
    #7c3aed 92%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow:
    0 12px 34px rgba(255,255,255,.72),
    0 2px 14px rgba(15,23,42,.055),
    0 0 20px rgba(14,165,233,.10) !important;
}

.aa-kit-hero--v42 .aa-kit-hero p {
  max-width: 500px !important;
  margin-top: 20px !important;
  color: #2f4057 !important;
  font-size: clamp(15.5px, 1.02vw, 18px) !important;
  line-height: 1.58 !important;
  font-weight: 510 !important;
  letter-spacing: -.01em !important;
  text-shadow: 0 10px 28px rgba(255,255,255,.76), 0 1px 10px rgba(15,23,42,.045) !important;
}

.aa-kit-hero--v42 .aa-kit-hero__actions {
  margin-top: 28px !important;
}

/* Buttons more natural, less heavy */
.aa-kit-hero--v42 .aa-kit-btn--lg {
  min-height: 48px !important;
  padding-inline: 20px !important;
  font-size: 13px !important;
}

.aa-kit-hero--v42 .aa-kit-btn--primary {
  background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
  box-shadow: 0 14px 34px rgba(37,99,235,.18), 0 0 24px rgba(14,165,233,.10) !important;
}

.aa-kit-hero--v42 .aa-kit-btn--glass {
  color: #0f172a !important;
  background: rgba(255,255,255,.54) !important;
  border-color: rgba(15,23,42,.12) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,.08) !important;
}

/* Seam remains clean */
.aa-kit-hero--v42 .aa-kit-hero__slides {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 82%, rgba(0,0,0,.78) 92%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 82%, rgba(0,0,0,.78) 92%, transparent 100%) !important;
}

.aa-kit-hero--v42::after {
  height: clamp(58px, 5.5vw, 104px) !important;
  bottom: -2px !important;
  background: linear-gradient(180deg, rgba(248,250,252,0) 0%, rgba(248,250,252,.07) 62%, #f8fafc 100%) !important;
}

/* Per-slide title animation with the new left offset */
.aa-kit-hero--v42 .aa-kit-hero__copy.is-changing {
  animation: aaHeroTextSwapV42 .64s ease both !important;
}

@keyframes aaHeroTextSwapV42 {
  0% { opacity: .08; transform: translateX(-46px) translateY(8px); }
  100% { opacity: 1; transform: translateX(-30px) translateY(0); }
}

/* Night mode */
html[data-theme="night"] .aa-kit-hero--v42 {
  background: #0b1220 !important;
}

html[data-theme="night"] .aa-kit-hero--v42 .aa-kit-hero__bg--slide {
  filter: saturate(1.08) contrast(1.04) brightness(.98) !important;
}

html[data-theme="night"] .aa-kit-hero--v42 .aa-kit-hero__shade {
  background:
    linear-gradient(90deg,
      rgba(11,18,32,.34) 0%,
      rgba(11,18,32,.20) 20%,
      rgba(11,18,32,.07) 42%,
      rgba(11,18,32,.015) 66%,
      rgba(11,18,32,0) 100%
    ),
    radial-gradient(circle at 14% 48%, rgba(11,18,32,.11), rgba(11,18,32,.025) 36%, transparent 62%),
    linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,0) 56%, rgba(11,18,32,.08) 100%) !important;
}

html[data-theme="night"] .aa-kit-hero--v42 .aa-kit-eyebrow {
  color: #67e8f9 !important;
  text-shadow: 0 0 18px rgba(103,232,249,.18), 0 8px 22px rgba(0,0,0,.38) !important;
}

html[data-theme="night"] .aa-kit-hero--v42 .aa-kit-hero h1 {
  background: linear-gradient(118deg,
    #ffffff 0%,
    #e0f2fe 28%,
    #5eead4 50%,
    #60a5fa 72%,
    #a78bfa 94%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow:
    0 16px 36px rgba(0,0,0,.40),
    0 0 24px rgba(14,165,233,.12),
    0 0 34px rgba(124,58,237,.10) !important;
}

html[data-theme="night"] .aa-kit-hero--v42 .aa-kit-hero p {
  color: rgba(235,245,255,.88) !important;
  text-shadow: 0 12px 28px rgba(0,0,0,.36) !important;
}

html[data-theme="night"] .aa-kit-hero--v42::after {
  background: linear-gradient(180deg, rgba(11,18,32,0) 0%, rgba(11,18,32,.07) 62%, #0b1220 100%) !important;
}

@media (max-width: 1180px) {
  .aa-kit-hero--v42 .aa-kit-hero__copy {
    width: min(540px, 47vw) !important;
    transform: translateX(0) !important;
  }

  @keyframes aaHeroTextSwapV42 {
    0% { opacity: .08; transform: translateX(-10px) translateY(8px); }
    100% { opacity: 1; transform: translateX(0) translateY(0); }
  }
}

@media (max-width: 980px) {
  .aa-kit-hero--v42 {
    min-height: 740px !important;
  }

  .aa-kit-hero--v42 .aa-kit-hero__copy {
    width: 100% !important;
    margin-bottom: 96px !important;
  }

  .aa-kit-hero--v42 .aa-kit-hero h1 {
    font-size: clamp(40px, 10vw, 62px) !important;
  }

  .aa-kit-hero--v42 .aa-kit-hero p {
    font-size: 16px !important;
  }

  .aa-kit-hero--v42 .aa-kit-hero__shade {
    background:
      linear-gradient(180deg, rgba(248,250,252,.30) 0%, rgba(248,250,252,.13) 45%, rgba(248,250,252,.36) 100%) !important;
  }
}

/* =========================================================
   AgentsApp v43 — How It Works Premium Stair Flow
   HTML/CSS implementation, no generated full-section image.
   ========================================================= */

.aa-how-flow-section{
  position: relative !important;
  overflow: hidden !important;
  padding-top: clamp(48px, 4vw, 72px) !important;
  padding-bottom: clamp(76px, 7vw, 124px) !important;
  background:
    radial-gradient(circle at 18% 6%, rgba(14,165,233,.10), transparent 24%),
    radial-gradient(circle at 84% 16%, rgba(124,58,237,.10), transparent 27%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 54%, #f8fbff 100%) !important;
  border-top: 0 !important;
}

.aa-how-flow-container{
  width: min(1520px, calc(100% - 72px)) !important;
}

.aa-flow-head{
  max-width: 760px !important;
  margin: 0 auto clamp(34px, 3.2vw, 56px) !important;
  text-align: center !important;
  position: relative !important;
  z-index: 3 !important;
}

.aa-flow-kicker{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #2563eb !important;
  font-size: clamp(12px, .78vw, 14px) !important;
  font-weight: 820 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.aa-flow-kicker::before,
.aa-flow-kicker::after{
  content: "" !important;
  width: 28px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,.70), rgba(14,165,233,.40)) !important;
}

.aa-flow-kicker::after{
  background: linear-gradient(90deg, rgba(14,165,233,.40), rgba(124,58,237,.70), transparent) !important;
}

.aa-flow-head h2{
  margin: 0 !important;
  color: #101827 !important;
  font-size: clamp(42px, 4.2vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.058em !important;
  font-weight: 760 !important;
}

.aa-flow-head h2 span{
  color: transparent !important;
  background: linear-gradient(112deg, #2563eb 0%, #0ea5e9 38%, #7c3aed 76%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.aa-flow-head p{
  max-width: 720px !important;
  margin: 18px auto 0 !important;
  color: #536179 !important;
  font-size: clamp(16px, 1.05vw, 19px) !important;
  line-height: 1.58 !important;
  font-weight: 500 !important;
}

/* Stage */
.aa-flow-stage{
  position: relative !important;
  z-index: 2 !important;
  min-height: 690px !important;
  margin: 0 auto !important;
  border-radius: 44px !important;
  background:
    radial-gradient(circle at 16% 23%, rgba(255,255,255,.86), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(239,246,255,.94), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(239,246,255,.52)) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  box-shadow:
    0 24px 70px rgba(15,23,42,.075),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
  overflow: hidden !important;
}

/* Soft UI/AI background decorations */
.aa-flow-stage::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(37,99,235,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.045) 1px, transparent 1px),
    radial-gradient(circle at 74% 18%, rgba(37,99,235,.10), transparent 18%),
    radial-gradient(circle at 88% 44%, rgba(124,58,237,.09), transparent 19%) !important;
  background-size: 44px 44px, 44px 44px, 100% 100%, 100% 100% !important;
  opacity: .58 !important;
  pointer-events: none !important;
}

.aa-flow-stage::after{
  content: "" !important;
  position: absolute !important;
  right: 4.5% !important;
  top: 12% !important;
  width: 360px !important;
  height: 270px !important;
  border-radius: 34px !important;
  border: 1px solid rgba(37,99,235,.11) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.64), rgba(255,255,255,.18)),
    radial-gradient(circle at 26% 24%, rgba(14,165,233,.16), transparent 36%) !important;
  box-shadow:
    0 24px 66px rgba(37,99,235,.07),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
  opacity: .42 !important;
  transform: rotate(-4deg) !important;
  pointer-events: none !important;
}

.aa-flow-decor{
  position: absolute !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.aa-flow-decor--panel{
  right: 10% !important;
  top: 7% !important;
  width: 210px !important;
  height: 130px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.20)),
    repeating-linear-gradient(180deg, rgba(37,99,235,.11) 0 2px, transparent 2px 18px) !important;
  opacity: .46 !important;
  transform: rotate(5deg) !important;
}

.aa-flow-decor--chips{
  right: 4.2% !important;
  top: 37% !important;
  width: 190px !important;
  height: 190px !important;
  background:
    radial-gradient(circle at 36% 34%, rgba(14,165,233,.18) 0 8px, transparent 9px),
    radial-gradient(circle at 68% 38%, rgba(124,58,237,.16) 0 7px, transparent 8px),
    radial-gradient(circle at 52% 70%, rgba(20,184,166,.14) 0 9px, transparent 10px),
    radial-gradient(circle at 48% 50%, rgba(255,255,255,.58), transparent 48%) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  border-radius: 50% !important;
  opacity: .52 !important;
}

.aa-flow-decor--orbit{
  left: 4.5% !important;
  bottom: 7% !important;
  width: 210px !important;
  height: 210px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(14,165,233,.14) !important;
  box-shadow:
    inset 0 0 0 18px rgba(255,255,255,.24),
    0 0 44px rgba(14,165,233,.08) !important;
  opacity: .42 !important;
}

/* Flow line SVG */
.aa-flow-path{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

.aa-flow-path path{
  fill: none !important;
  stroke: url(#aaFlowLineV43) !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 9 14 !important;
  filter: url(#aaFlowGlowV43) !important;
}

.aa-flow-path .aa-flow-path__soft{
  stroke-width: 2 !important;
  opacity: .38 !important;
}

.aa-flow-path circle{
  fill: #ffffff !important;
  stroke: #38bdf8 !important;
  stroke-width: 2 !important;
  filter: url(#aaFlowGlowV43) !important;
}

/* Stair card layout */
.aa-flow-card{
  position: absolute !important;
  z-index: 4 !important;
  width: min(430px, 29vw) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow:
    0 22px 58px rgba(15,23,42,.11),
    0 0 0 1px rgba(255,255,255,.34) inset,
    inset 0 1px 0 rgba(255,255,255,.86) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.aa-flow-card:hover{
  transform: translateY(-8px) !important;
  border-color: rgba(37,99,235,.28) !important;
  box-shadow:
    0 32px 78px rgba(15,23,42,.16),
    0 0 36px rgba(14,165,233,.10),
    0 0 0 1px rgba(255,255,255,.42) inset,
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.aa-flow-card figure{
  margin: 0 !important;
  width: 100% !important;
  height: clamp(168px, 13vw, 218px) !important;
  overflow: hidden !important;
  background: #eef6ff !important;
  border: 0 !important;
}

.aa-flow-card figure img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.aa-flow-card__body{
  padding: 22px 24px 24px !important;
}

.aa-flow-card__body h3{
  margin: 0 0 9px !important;
  color: #101827 !important;
  font-size: clamp(20px, 1.36vw, 26px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em !important;
  font-weight: 760 !important;
}

.aa-flow-card__body p{
  margin: 0 !important;
  color: #546277 !important;
  font-size: clamp(14px, .92vw, 16px) !important;
  line-height: 1.48 !important;
  font-weight: 500 !important;
}

/* Stair positions: left-top downward staircase, with open right side decorated */
.aa-flow-card--one{
  left: 4.2% !important;
  top: 8% !important;
}

.aa-flow-card--two{
  left: 24.5% !important;
  top: 21% !important;
}

.aa-flow-card--three{
  left: 44.8% !important;
  top: 35% !important;
  width: min(390px, 27vw) !important;
}

.aa-flow-card--four{
  left: 61% !important;
  top: 49% !important;
}

.aa-flow-card--five{
  right: 4.6% !important;
  top: 63% !important;
}

/* Remove old number/icon markers if old classes survive somewhere */
.aa-how-flow-section .aa-step-number,
.aa-how-flow-section .aa-step-icon,
.aa-how-flow-section .aa-card-icon,
.aa-how-flow-section .aa-card-badge,
.aa-how-flow-section .aa-mini-badge{
  display: none !important;
}

/* Dark mode */
html[data-theme="night"] .aa-how-flow-section{
  background:
    radial-gradient(circle at 18% 6%, rgba(14,165,233,.08), transparent 24%),
    radial-gradient(circle at 84% 16%, rgba(124,58,237,.10), transparent 27%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 56%, #0b1220 100%) !important;
}

html[data-theme="night"] .aa-flow-head h2{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-flow-head p{
  color: rgba(226,232,240,.72) !important;
}

html[data-theme="night"] .aa-flow-stage{
  background:
    radial-gradient(circle at 16% 23%, rgba(30,41,59,.54), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(30,41,59,.38), transparent 32%),
    linear-gradient(135deg, rgba(15,23,42,.86), rgba(11,18,32,.82)) !important;
  border-color: rgba(148,163,184,.15) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-flow-stage::before{
  opacity: .30 !important;
}

html[data-theme="night"] .aa-flow-card{
  background: rgba(15,23,42,.72) !important;
  border-color: rgba(148,163,184,.16) !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.055) inset,
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-flow-card__body h3{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-flow-card__body p{
  color: rgba(226,232,240,.72) !important;
}

/* Responsive */
@media (max-width: 1240px){
  .aa-how-flow-container{
    width: min(100% - 48px, 1520px) !important;
  }

  .aa-flow-stage{
    min-height: 780px !important;
  }

  .aa-flow-card{
    width: min(410px, 40vw) !important;
  }

  .aa-flow-card--one{ left: 4% !important; top: 6% !important; }
  .aa-flow-card--two{ left: 38% !important; top: 18% !important; }
  .aa-flow-card--three{ left: 10% !important; top: 42% !important; }
  .aa-flow-card--four{ left: 45% !important; top: 52% !important; }
  .aa-flow-card--five{ right: 6% !important; top: 73% !important; }
}

@media (max-width: 900px){
  .aa-how-flow-container{
    width: min(100% - 30px, 1520px) !important;
  }

  .aa-flow-stage{
    min-height: 0 !important;
    display: grid !important;
    gap: 18px !important;
    padding: 20px !important;
    border-radius: 30px !important;
  }

  .aa-flow-card{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
  }

  .aa-flow-path{
    display: none !important;
  }

  .aa-flow-decor--panel,
  .aa-flow-decor--chips,
  .aa-flow-decor--orbit{
    opacity: .22 !important;
  }

  .aa-flow-card figure{
    height: clamp(190px, 46vw, 300px) !important;
  }
}

@media (max-width: 560px){
  .aa-flow-head h2{
    font-size: clamp(34px, 10vw, 46px) !important;
  }

  .aa-flow-head p{
    font-size: 15px !important;
  }

  .aa-flow-stage{
    padding: 14px !important;
  }

  .aa-flow-card__body{
    padding: 18px 18px 20px !important;
  }
}

/* =========================================================
   AgentsApp v44 — How It Works Flow Cleanup
   Removes the large background box, moves the stair flow earlier,
   strengthens directional lines, and adds livelier premium borders/shadows.
   ========================================================= */

/* Remove the "big box inside background" feeling.
   Stage becomes an open premium canvas instead of a huge container card. */
.aa-how-flow-section{
  padding-top: clamp(38px, 3.5vw, 62px) !important;
  padding-bottom: clamp(70px, 6.8vw, 116px) !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(14,165,233,.10), transparent 24%),
    radial-gradient(circle at 78% 26%, rgba(124,58,237,.09), transparent 26%),
    radial-gradient(circle at 38% 84%, rgba(20,184,166,.075), transparent 28%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 56%, #f8fbff 100%) !important;
}

.aa-how-flow-container{
  width: min(1540px, calc(100% - 68px)) !important;
}

.aa-flow-head{
  margin-bottom: clamp(26px, 2.5vw, 42px) !important;
}

/* Open canvas: no border, no big card shell, no inner box shadow */
.aa-flow-stage{
  min-height: 650px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.aa-flow-stage::after{
  content: none !important;
  display: none !important;
}

/* Keep only subtle AI/UI floor texture, not a visible huge panel */
.aa-flow-stage::before{
  inset: -26px -20px -32px -20px !important;
  border-radius: 42px !important;
  background-image:
    radial-gradient(circle at 10% 14%, rgba(14,165,233,.10), transparent 18%),
    radial-gradient(circle at 78% 22%, rgba(124,58,237,.08), transparent 19%),
    radial-gradient(circle at 70% 76%, rgba(20,184,166,.06), transparent 18%),
    linear-gradient(rgba(37,99,235,.036) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.036) 1px, transparent 1px) !important;
  background-size: 100% 100%, 100% 100%, 100% 100%, 48px 48px, 48px 48px !important;
  opacity: .72 !important;
  -webkit-mask-image: radial-gradient(ellipse at 43% 42%, #000 0%, rgba(0,0,0,.82) 46%, transparent 80%) !important;
  mask-image: radial-gradient(ellipse at 43% 42%, #000 0%, rgba(0,0,0,.82) 46%, transparent 80%) !important;
}

/* Flow path is clearer and explains the step direction */
.aa-flow-path{
  inset: -8px 0 0 0 !important;
  overflow: visible !important;
}

.aa-flow-path path{
  stroke-width: 3.25 !important;
  stroke-dasharray: 0 !important;
  opacity: .90 !important;
  stroke: url(#aaFlowLineV43) !important;
}

.aa-flow-path .aa-flow-path__main{
  stroke-width: 3.8 !important;
  opacity: .96 !important;
}

.aa-flow-path .aa-flow-path__soft{
  stroke-width: 2.1 !important;
  opacity: .25 !important;
  stroke-dasharray: 8 16 !important;
}

.aa-flow-path circle{
  r: 5 !important;
  fill: #ffffff !important;
  stroke: #0ea5e9 !important;
  stroke-width: 2.4 !important;
}

/* Livelier card color system: premium but not toy-like */
.aa-flow-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.74)) !important;
  border: 1px solid rgba(37,99,235,.20) !important;
  box-shadow:
    0 22px 54px rgba(15,23,42,.105),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 26px rgba(14,165,233,.065),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.aa-flow-card::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(135deg,
    rgba(14,165,233,.58),
    rgba(37,99,235,.20) 34%,
    rgba(124,58,237,.28) 68%,
    rgba(20,184,166,.34)
  ) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
  opacity: .74 !important;
}

.aa-flow-card:hover{
  transform: translateY(-7px) scale(1.012) !important;
  border-color: rgba(14,165,233,.38) !important;
  box-shadow:
    0 34px 78px rgba(15,23,42,.16),
    0 0 0 1px rgba(255,255,255,.72) inset,
    0 0 34px rgba(14,165,233,.16),
    0 0 42px rgba(124,58,237,.08),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
}

/* Give each step a subtle family accent */
.aa-flow-card--one::before{ opacity: .66 !important; background: linear-gradient(135deg, rgba(14,165,233,.62), rgba(37,99,235,.18), rgba(20,184,166,.28)) !important; }
.aa-flow-card--two::before{ opacity: .72 !important; background: linear-gradient(135deg, rgba(37,99,235,.54), rgba(14,165,233,.18), rgba(124,58,237,.30)) !important; }
.aa-flow-card--three::before{ opacity: .76 !important; background: linear-gradient(135deg, rgba(124,58,237,.55), rgba(37,99,235,.22), rgba(236,72,153,.20)) !important; }
.aa-flow-card--four::before{ opacity: .72 !important; background: linear-gradient(135deg, rgba(20,184,166,.50), rgba(14,165,233,.22), rgba(37,99,235,.28)) !important; }
.aa-flow-card--five::before{ opacity: .78 !important; background: linear-gradient(135deg, rgba(37,99,235,.48), rgba(124,58,237,.30), rgba(14,165,233,.28)) !important; }

/* Full image remains edge-to-edge; slight polish only */
.aa-flow-card figure{
  height: clamp(172px, 13.4vw, 228px) !important;
  background: #eef7ff !important;
}

.aa-flow-card figure img{
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.001) !important;
}

.aa-flow-card__body{
  padding: 21px 23px 23px !important;
}

.aa-flow-card__body h3{
  color: #0f172a !important;
}

.aa-flow-card__body p{
  color: #4d5d72 !important;
}

/* Cards start more from top-left and become easier to follow */
.aa-flow-card--one{
  left: 1.5% !important;
  top: 1.5% !important;
}

.aa-flow-card--two{
  left: 19.5% !important;
  top: 17.5% !important;
}

.aa-flow-card--three{
  left: 37.8% !important;
  top: 31.5% !important;
  width: min(400px, 27vw) !important;
}

.aa-flow-card--four{
  left: 55.5% !important;
  top: 45.5% !important;
}

.aa-flow-card--five{
  right: 1.8% !important;
  top: 59.5% !important;
}

/* Right-side UI/AI decorations remain, but lighter and not boxed */
.aa-flow-decor--panel{
  right: 5.5% !important;
  top: 4.5% !important;
  width: 230px !important;
  height: 140px !important;
  opacity: .34 !important;
  border-color: rgba(14,165,233,.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.12)),
    repeating-linear-gradient(180deg, rgba(37,99,235,.12) 0 2px, transparent 2px 17px) !important;
}

.aa-flow-decor--chips{
  right: 6.5% !important;
  top: 32% !important;
  opacity: .40 !important;
}

.aa-flow-decor--orbit{
  left: 1.5% !important;
  bottom: 2.5% !important;
  opacity: .34 !important;
}

/* Dark mode equivalent */
html[data-theme="night"] .aa-how-flow-section{
  background:
    radial-gradient(circle at 12% 10%, rgba(14,165,233,.08), transparent 24%),
    radial-gradient(circle at 78% 26%, rgba(124,58,237,.10), transparent 26%),
    radial-gradient(circle at 38% 84%, rgba(20,184,166,.055), transparent 28%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 56%, #0b1220 100%) !important;
}

html[data-theme="night"] .aa-flow-stage{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="night"] .aa-flow-stage::before{
  opacity: .40 !important;
}

html[data-theme="night"] .aa-flow-card{
  background:
    linear-gradient(180deg, rgba(15,23,42,.82), rgba(11,18,32,.72)) !important;
  border-color: rgba(14,165,233,.18) !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 28px rgba(14,165,233,.055),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

html[data-theme="night"] .aa-flow-card:hover{
  box-shadow:
    0 34px 78px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 34px rgba(14,165,233,.13),
    0 0 42px rgba(124,58,237,.09),
    inset 0 1px 0 rgba(255,255,255,.11) !important;
}

html[data-theme="night"] .aa-flow-card__body h3{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-flow-card__body p{
  color: rgba(226,232,240,.74) !important;
}

/* Responsive stays readable */
@media (max-width: 1240px){
  .aa-flow-stage{
    min-height: 760px !important;
  }

  .aa-flow-card--one{ left: 2% !important; top: 2% !important; }
  .aa-flow-card--two{ left: 34% !important; top: 15% !important; }
  .aa-flow-card--three{ left: 8% !important; top: 39% !important; }
  .aa-flow-card--four{ left: 43% !important; top: 50% !important; }
  .aa-flow-card--five{ right: 4% !important; top: 71% !important; }
}

@media (max-width: 900px){
  .aa-flow-stage{
    display: grid !important;
    gap: 18px !important;
    padding: 0 !important;
  }

  .aa-flow-card{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
  }

  .aa-flow-card:hover{
    transform: translateY(-4px) !important;
  }
}

/* =========================================================
   AgentsApp v45 — Test Flow / Trial Product Hero
   Product-scene hero + floating cards + full-bleed step cards.
   ========================================================= */

.aa-test-hero-section{
  position: relative !important;
  overflow: hidden !important;
  padding-top: clamp(70px, 6vw, 108px) !important;
  padding-bottom: clamp(78px, 7vw, 128px) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(20,184,166,.11), transparent 25%),
    radial-gradient(circle at 82% 18%, rgba(37,99,235,.12), transparent 28%),
    radial-gradient(circle at 48% 88%, rgba(124,58,237,.08), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 58%, #f7fbff 100%) !important;
}

.aa-test-hero-section::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(37,99,235,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.035) 1px, transparent 1px) !important;
  background-size: 54px 54px !important;
  opacity: .55 !important;
  -webkit-mask-image: radial-gradient(ellipse at 50% 40%, #000 0%, rgba(0,0,0,.74) 48%, transparent 82%) !important;
  mask-image: radial-gradient(ellipse at 50% 40%, #000 0%, rgba(0,0,0,.74) 48%, transparent 82%) !important;
  pointer-events: none !important;
}

.aa-test-hero-container{
  position: relative !important;
  z-index: 2 !important;
  width: min(1540px, calc(100% - 72px)) !important;
}

.aa-test-hero-shell{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .84fr) minmax(520px, 1.16fr) !important;
  gap: clamp(34px, 4vw, 72px) !important;
  align-items: center !important;
  border-radius: 42px !important;
  padding: clamp(34px, 4.3vw, 72px) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.58)),
    radial-gradient(circle at 82% 28%, rgba(14,165,233,.12), transparent 32%) !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  box-shadow:
    0 28px 76px rgba(15,23,42,.09),
    0 0 0 1px rgba(255,255,255,.58) inset,
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  overflow: hidden !important;
}

.aa-test-hero-shell::after{
  content: "" !important;
  position: absolute !important;
  right: -8% !important;
  top: -18% !important;
  width: 420px !important;
  height: 420px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(14,165,233,.16), rgba(124,58,237,.08) 42%, transparent 72%) !important;
  pointer-events: none !important;
}

.aa-test-hero-copy{
  position: relative !important;
  z-index: 3 !important;
}

.aa-test-kicker{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #0ea5e9 !important;
  font-size: clamp(11px, .76vw, 13px) !important;
  font-weight: 820 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
}

.aa-test-kicker::before{
  content: "" !important;
  width: 34px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #14b8a6, #0ea5e9, #7c3aed) !important;
  box-shadow: 0 0 18px rgba(14,165,233,.22) !important;
}

.aa-test-hero-copy h2{
  margin: 18px 0 0 !important;
  max-width: 600px !important;
  color: #111827 !important;
  font-size: clamp(42px, 4.6vw, 78px) !important;
  line-height: .98 !important;
  letter-spacing: -.062em !important;
  font-weight: 760 !important;
}

.aa-test-hero-copy h2 span{
  display: block !important;
  color: transparent !important;
  background: linear-gradient(115deg, #0f766e 0%, #2563eb 48%, #7c3aed 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.aa-test-hero-copy p{
  max-width: 570px !important;
  margin: 22px 0 0 !important;
  color: #526276 !important;
  font-size: clamp(16px, 1.05vw, 19px) !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
}

.aa-test-hero-actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 30px !important;
}

.aa-test-mini-stack{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

.aa-test-mini-stack span{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  color: #1e3a5f !important;
  background: rgba(255,255,255,.64) !important;
  border: 1px solid rgba(37,99,235,.13) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.85) !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

.aa-test-product-scene{
  position: relative !important;
  z-index: 3 !important;
  min-height: clamp(420px, 35vw, 565px) !important;
}

.aa-test-scene-glow{
  position: absolute !important;
  inset: 8% 4% 3% 8% !important;
  border-radius: 38px !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(14,165,233,.18), transparent 42%),
    radial-gradient(circle at 76% 68%, rgba(124,58,237,.14), transparent 36%) !important;
  filter: blur(10px) !important;
  opacity: .76 !important;
}

.aa-test-main-visual{
  position: absolute !important;
  inset: 10% 6% 8% 4% !important;
  margin: 0 !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  background: #eef7ff !important;
  border: 1px solid rgba(37,99,235,.20) !important;
  box-shadow:
    0 26px 72px rgba(15,23,42,.14),
    0 0 0 1px rgba(255,255,255,.55) inset,
    0 0 34px rgba(14,165,233,.10) !important;
}

.aa-test-main-visual img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.aa-test-float{
  position: absolute !important;
  z-index: 6 !important;
  min-width: 166px !important;
  border-radius: 20px !important;
  padding: 14px 16px !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  box-shadow:
    0 20px 46px rgba(15,23,42,.13),
    0 0 0 1px rgba(255,255,255,.58) inset,
    inset 0 1px 0 rgba(255,255,255,.86) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.aa-test-float strong{
  display: block !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 780 !important;
  letter-spacing: -.02em !important;
}

.aa-test-float span{
  display: block !important;
  margin-top: 6px !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 610 !important;
}

.aa-test-float--one{ left: 0 !important; top: 4% !important; }
.aa-test-float--two{ right: 0 !important; top: 2% !important; }
.aa-test-float--three{ left: 5% !important; bottom: 2% !important; }
.aa-test-float--four{ right: 4% !important; bottom: 7% !important; }

.aa-test-step-row{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  margin-top: clamp(22px, 2.2vw, 34px) !important;
}

.aa-test-step-card{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.84) !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  box-shadow:
    0 20px 52px rgba(15,23,42,.09),
    0 0 0 1px rgba(255,255,255,.56) inset,
    inset 0 1px 0 rgba(255,255,255,.88) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.aa-test-step-card:hover{
  transform: translateY(-6px) !important;
  border-color: rgba(14,165,233,.34) !important;
  box-shadow:
    0 30px 70px rgba(15,23,42,.14),
    0 0 32px rgba(14,165,233,.12),
    0 0 0 1px rgba(255,255,255,.68) inset,
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.aa-test-step-card figure{
  margin: 0 !important;
  width: 100% !important;
  height: clamp(190px, 15vw, 260px) !important;
  overflow: hidden !important;
  background: #eef7ff !important;
}

.aa-test-step-card figure img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.aa-test-step-card > div{
  padding: 22px 24px 24px !important;
}

.aa-test-step-card h3{
  margin: 0 0 8px !important;
  color: #111827 !important;
  font-size: clamp(22px, 1.45vw, 28px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
  font-weight: 760 !important;
}

.aa-test-step-card p{
  margin: 0 !important;
  color: #536276 !important;
  font-size: clamp(14px, .92vw, 16px) !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

html[data-theme="night"] .aa-test-hero-section{
  background:
    radial-gradient(circle at 12% 12%, rgba(20,184,166,.08), transparent 25%),
    radial-gradient(circle at 82% 18%, rgba(37,99,235,.11), transparent 28%),
    radial-gradient(circle at 48% 88%, rgba(124,58,237,.08), transparent 30%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 58%, #0b1220 100%) !important;
}

html[data-theme="night"] .aa-test-hero-shell,
html[data-theme="night"] .aa-test-step-card,
html[data-theme="night"] .aa-test-float{
  background: rgba(15,23,42,.74) !important;
  border-color: rgba(14,165,233,.16) !important;
  box-shadow:
    0 24px 64px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.055) inset,
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-test-hero-copy h2,
html[data-theme="night"] .aa-test-step-card h3,
html[data-theme="night"] .aa-test-float strong{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-test-hero-copy p,
html[data-theme="night"] .aa-test-step-card p,
html[data-theme="night"] .aa-test-float span{
  color: rgba(226,232,240,.74) !important;
}

html[data-theme="night"] .aa-test-hero-copy h2 span{
  background: linear-gradient(115deg, #5eead4 0%, #60a5fa 52%, #a78bfa 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

html[data-theme="night"] .aa-test-mini-stack span{
  color: rgba(226,232,240,.86) !important;
  background: rgba(15,23,42,.64) !important;
  border-color: rgba(148,163,184,.16) !important;
}

@media (max-width: 1100px){
  .aa-test-hero-shell{
    grid-template-columns: 1fr !important;
  }
  .aa-test-product-scene{
    min-height: 520px !important;
  }
  .aa-test-step-row{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px){
  .aa-test-hero-container{
    width: min(100% - 30px, 1540px) !important;
  }
  .aa-test-hero-shell{
    padding: 22px !important;
    border-radius: 30px !important;
  }
  .aa-test-hero-copy h2{
    font-size: clamp(36px, 10vw, 52px) !important;
  }
  .aa-test-product-scene{
    min-height: 440px !important;
  }
  .aa-test-float{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-block !important;
    margin: 8px 8px 0 0 !important;
    min-width: 0 !important;
  }
  .aa-test-main-visual{
    position: relative !important;
    inset: auto !important;
    height: 280px !important;
    margin-bottom: 12px !important;
  }
}

/* =========================================================
   AgentsApp v46 — Agents Capacity Hero / Bento Scene
   Product-scene + floating cards + bento summary for capacity section.
   Existing package cards and modal remain intact.
   ========================================================= */

.aa-capacity-section--v46{
  position: relative !important;
  overflow: hidden !important;
  padding-top: clamp(76px, 6.5vw, 118px) !important;
  padding-bottom: clamp(80px, 7vw, 126px) !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(14,165,233,.10), transparent 26%),
    radial-gradient(circle at 82% 16%, rgba(124,58,237,.10), transparent 28%),
    radial-gradient(circle at 62% 72%, rgba(20,184,166,.065), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 52%, #ffffff 100%) !important;
}

.aa-capacity-section--v46::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(37,99,235,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.035) 1px, transparent 1px) !important;
  background-size: 52px 52px !important;
  -webkit-mask-image: radial-gradient(ellipse at 54% 26%, #000 0%, rgba(0,0,0,.64) 44%, transparent 78%) !important;
  mask-image: radial-gradient(ellipse at 54% 26%, #000 0%, rgba(0,0,0,.64) 44%, transparent 78%) !important;
  opacity: .70 !important;
}

.aa-capacity-section--v46 .aa-container{
  position: relative !important;
  z-index: 2 !important;
  width: min(1540px, calc(100% - 72px)) !important;
}

/* Main capacity hero */
.aa-capacity-hero-v46{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr) !important;
  gap: clamp(28px, 4vw, 70px) !important;
  align-items: center !important;
  min-height: clamp(570px, 48vw, 720px) !important;
  margin-bottom: clamp(54px, 5vw, 82px) !important;
  border-radius: 42px !important;
  padding: clamp(28px, 4vw, 58px) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.50)),
    radial-gradient(circle at 76% 22%, rgba(14,165,233,.12), transparent 32%),
    radial-gradient(circle at 30% 72%, rgba(124,58,237,.08), transparent 34%) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  box-shadow:
    0 28px 84px rgba(15,23,42,.085),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
  overflow: hidden !important;
}

.aa-capacity-hero-v46::before{
  content: "" !important;
  position: absolute !important;
  right: -120px !important;
  top: -120px !important;
  width: 430px !important;
  height: 430px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(14,165,233,.16), transparent 64%) !important;
  pointer-events: none !important;
}

.aa-capacity-hero-v46::after{
  content: "" !important;
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  bottom: 36px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(14,165,233,.30), rgba(124,58,237,.18), transparent) !important;
  box-shadow: 0 0 30px rgba(14,165,233,.12) !important;
  pointer-events: none !important;
}

/* Copy */
.aa-capacity-hero-v46__copy{
  position: relative !important;
  z-index: 4 !important;
}

.aa-capacity-kicker{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #2563eb !important;
  font-size: clamp(11px, .78vw, 13px) !important;
  font-weight: 840 !important;
  letter-spacing: .19em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

.aa-capacity-kicker::before{
  content: "" !important;
  width: 34px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #0ea5e9, #2563eb, #7c3aed) !important;
  box-shadow: 0 0 18px rgba(14,165,233,.22) !important;
}

.aa-capacity-hero-v46__copy h2{
  margin: 0 !important;
  max-width: 690px !important;
  color: #0f172a !important;
  font-size: clamp(46px, 4.8vw, 82px) !important;
  line-height: .95 !important;
  letter-spacing: -.068em !important;
  font-weight: 770 !important;
}

.aa-capacity-hero-v46__copy h2 span{
  color: transparent !important;
  background: linear-gradient(118deg, #0f766e 0%, #2563eb 46%, #7c3aed 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.aa-capacity-hero-v46__copy p{
  max-width: 620px !important;
  margin: 22px 0 0 !important;
  color: #4b5b70 !important;
  font-size: clamp(16px, 1.1vw, 19px) !important;
  line-height: 1.62 !important;
  font-weight: 510 !important;
}

.aa-capacity-hero-v46__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 30px !important;
}

.aa-capacity-metric-strip{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 32px !important;
  max-width: 660px !important;
}

.aa-capacity-metric-strip span{
  display: grid !important;
  gap: 4px !important;
  min-height: 78px !important;
  align-content: center !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  background: rgba(255,255,255,.62) !important;
  box-shadow:
    0 12px 30px rgba(15,23,42,.075),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
}

.aa-capacity-metric-strip strong{
  color: #0f172a !important;
  font-size: clamp(24px, 1.9vw, 34px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

.aa-capacity-metric-strip small{
  color: #65748a !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

/* Scene */
.aa-capacity-hero-v46__scene{
  position: relative !important;
  z-index: 3 !important;
  min-height: clamp(500px, 41vw, 640px) !important;
}

.aa-capacity-main-device{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 4 !important;
  width: min(640px, 48vw) !important;
  height: min(500px, 38vw) !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 36px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.72), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.08)) !important;
}

.aa-capacity-main-device img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter:
    drop-shadow(0 34px 54px rgba(15,23,42,.20))
    drop-shadow(0 0 34px rgba(14,165,233,.10)) !important;
  transform: scale(1.03) !important;
}

.aa-capacity-orbit{
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.aa-capacity-orbit--one{
  inset: 10% 8% 12% 8% !important;
  border: 1px solid rgba(14,165,233,.15) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.34), 0 0 44px rgba(14,165,233,.08) !important;
  transform: rotate(-8deg) !important;
}

.aa-capacity-orbit--two{
  inset: 22% 2% 20% 14% !important;
  border: 1px dashed rgba(124,58,237,.16) !important;
  transform: rotate(12deg) !important;
}

/* Floating cards */
.aa-capacity-float{
  position: absolute !important;
  z-index: 7 !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 176px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow:
    0 18px 44px rgba(15,23,42,.12),
    0 0 0 1px rgba(255,255,255,.42) inset,
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}

.aa-capacity-float strong{
  color: #0f172a !important;
  font-size: 16px !important;
  letter-spacing: -.02em !important;
}

.aa-capacity-float span{
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

.aa-capacity-float--one{
  left: 2% !important;
  top: 14% !important;
}

.aa-capacity-float--two{
  right: 0 !important;
  top: 22% !important;
}

.aa-capacity-float--three{
  left: 9% !important;
  bottom: 16% !important;
}

/* Bento summary */
.aa-capacity-bento-v46{
  position: absolute !important;
  right: 0 !important;
  bottom: 7% !important;
  z-index: 6 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(520px, 42vw) !important;
}

.aa-capacity-bento-v46 article{
  min-height: 92px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(14,165,233,.16) !important;
  background: rgba(255,255,255,.66) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.aa-capacity-bento-v46 strong{
  color: #0f172a !important;
  font-size: 14px !important;
  letter-spacing: -.02em !important;
}

.aa-capacity-bento-v46 span{
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 660 !important;
}

/* Grid intro */
.aa-capacity-grid-intro{
  max-width: 760px !important;
  margin: 0 auto clamp(28px, 3vw, 46px) !important;
  text-align: center !important;
}

.aa-capacity-grid-intro span{
  display: inline-flex !important;
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 840 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

.aa-capacity-grid-intro h3{
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(34px, 3vw, 52px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

.aa-capacity-grid-intro p{
  margin: 14px auto 0 !important;
  color: #5b6b81 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* Premiumize existing capacity cards without breaking modal JS */
.aa-capacity-section--v46 .aa-capacity-grid{
  gap: clamp(18px, 1.7vw, 28px) !important;
}

.aa-capacity-section--v46 .aa-package-card{
  border-color: rgba(37,99,235,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78)) !important;
  box-shadow:
    0 20px 54px rgba(15,23,42,.10),
    0 0 0 1px rgba(255,255,255,.50) inset,
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.aa-capacity-section--v46 .aa-package-card::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(135deg, rgba(14,165,233,.42), rgba(37,99,235,.12), rgba(124,58,237,.22)) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  opacity: .68 !important;
}

.aa-capacity-section--v46 .aa-package-card:hover{
  transform: translateY(-7px) !important;
  border-color: rgba(14,165,233,.36) !important;
  box-shadow:
    0 30px 74px rgba(15,23,42,.15),
    0 0 38px rgba(14,165,233,.12),
    0 0 0 1px rgba(255,255,255,.62) inset,
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.aa-capacity-section--v46 .aa-package-card__media{
  background:
    radial-gradient(circle at 50% 26%, rgba(255,255,255,.96), transparent 46%),
    linear-gradient(180deg, #f8fbff, #eef6ff) !important;
}

.aa-capacity-section--v46 .aa-package-card__media img{
  object-fit: contain !important;
  transform: scale(1.04) !important;
}

.aa-capacity-section--v46 .aa-package-card:hover .aa-package-card__media img{
  transform: scale(1.075) !important;
}

/* Dark mode */
html[data-theme="night"] .aa-capacity-section--v46{
  background:
    radial-gradient(circle at 16% 12%, rgba(14,165,233,.08), transparent 26%),
    radial-gradient(circle at 82% 16%, rgba(124,58,237,.10), transparent 28%),
    radial-gradient(circle at 62% 72%, rgba(20,184,166,.045), transparent 26%),
    linear-gradient(180deg, #0f172a 0%, #0b1220 52%, #0f172a 100%) !important;
}

html[data-theme="night"] .aa-capacity-hero-v46{
  background:
    linear-gradient(135deg, rgba(15,23,42,.82), rgba(11,18,32,.66)),
    radial-gradient(circle at 76% 22%, rgba(14,165,233,.10), transparent 32%),
    radial-gradient(circle at 30% 72%, rgba(124,58,237,.08), transparent 34%) !important;
  border-color: rgba(148,163,184,.14) !important;
  box-shadow: 0 28px 84px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-capacity-hero-v46__copy h2,
html[data-theme="night"] .aa-capacity-metric-strip strong,
html[data-theme="night"] .aa-capacity-float strong,
html[data-theme="night"] .aa-capacity-bento-v46 strong,
html[data-theme="night"] .aa-capacity-grid-intro h3{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-capacity-hero-v46__copy p,
html[data-theme="night"] .aa-capacity-metric-strip small,
html[data-theme="night"] .aa-capacity-float span,
html[data-theme="night"] .aa-capacity-bento-v46 span,
html[data-theme="night"] .aa-capacity-grid-intro p{
  color: rgba(226,232,240,.72) !important;
}

html[data-theme="night"] .aa-capacity-metric-strip span,
html[data-theme="night"] .aa-capacity-float,
html[data-theme="night"] .aa-capacity-bento-v46 article{
  background: rgba(15,23,42,.66) !important;
  border-color: rgba(14,165,233,.15) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card{
  background: linear-gradient(180deg, rgba(15,23,42,.82), rgba(11,18,32,.72)) !important;
  border-color: rgba(14,165,233,.16) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

/* Responsive */
@media (max-width: 1180px){
  .aa-capacity-hero-v46{
    grid-template-columns: 1fr !important;
  }

  .aa-capacity-hero-v46__scene{
    min-height: 560px !important;
  }

  .aa-capacity-main-device{
    width: min(660px, 86vw) !important;
    height: min(500px, 58vw) !important;
  }

  .aa-capacity-bento-v46{
    width: min(560px, 76vw) !important;
  }
}

@media (max-width: 760px){
  .aa-capacity-section--v46 .aa-container{
    width: min(100% - 28px, 1540px) !important;
  }

  .aa-capacity-hero-v46{
    padding: 24px !important;
    border-radius: 30px !important;
  }

  .aa-capacity-metric-strip{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .aa-capacity-hero-v46__scene{
    min-height: 520px !important;
  }

  .aa-capacity-float{
    min-width: 150px !important;
  }

  .aa-capacity-float--one{ left: 0 !important; top: 4% !important; }
  .aa-capacity-float--two{ right: 0 !important; top: 10% !important; }
  .aa-capacity-float--three{ left: 0 !important; bottom: 18% !important; }

  .aa-capacity-bento-v46{
    grid-template-columns: 1fr !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
  }

  .aa-capacity-bento-v46 article{
    min-height: 72px !important;
  }
}

/* =========================================================
   AgentsApp v47 — Capacity Cards Premium Polish
   - Removes redundant capacity intro/title area.
   - Pulls package cards upward onto hero box.
   - Removes top badge/status/kicker clutter.
   - Stronger AI/DePIN premium card borders, shadows, colors.
   ========================================================= */

/* More vivid white/silver page feeling */
.aa-capacity-section--v46{
  padding-top: clamp(64px, 5.7vw, 100px) !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(14,165,233,.14), transparent 25%),
    radial-gradient(circle at 86% 16%, rgba(124,58,237,.13), transparent 28%),
    radial-gradient(circle at 64% 72%, rgba(20,184,166,.10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f3f8ff 48%, #ffffff 100%) !important;
}

.aa-capacity-section--v46 .aa-container{
  width: min(1580px, calc(100% - 64px)) !important;
}

/* Hero stays explanatory; cards now visually attach to it */
.aa-capacity-hero-v46{
  margin-bottom: 0 !important;
  min-height: clamp(540px, 43vw, 660px) !important;
  padding-bottom: clamp(72px, 7vw, 122px) !important;
  border-color: rgba(37,99,235,.18) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(246,251,255,.60)),
    radial-gradient(circle at 78% 22%, rgba(14,165,233,.16), transparent 32%),
    radial-gradient(circle at 31% 74%, rgba(124,58,237,.10), transparent 34%) !important;
  box-shadow:
    0 32px 92px rgba(15,23,42,.10),
    0 0 52px rgba(14,165,233,.055),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

/* Remove the separate "Kapasite kartları" intro spacing if old markup/cache remains */
.aa-capacity-grid-intro{
  display: none !important;
}

/* Pull card grid onto the big hero box */
.aa-capacity-section--v46 .aa-capacity-grid,
.aa-capacity-grid--premium{
  position: relative !important;
  z-index: 8 !important;
  margin-top: clamp(-72px, -5vw, -48px) !important;
  gap: clamp(20px, 1.8vw, 30px) !important;
  align-items: stretch !important;
}

/* Clear top badge/status/kicker elements */
.aa-capacity-section--v46 .aa-package-card__badge,
.aa-capacity-section--v46 .aa-package-card__status,
.aa-capacity-section--v46 .aa-package-card__kicker{
  display: none !important;
}

/* Premium AI card body */
.aa-capacity-section--v46 .aa-package-card{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  border: 1px solid rgba(37,99,235,.22) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,252,255,.84)) !important;
  box-shadow:
    0 24px 64px rgba(15,23,42,.13),
    0 0 0 1px rgba(255,255,255,.66) inset,
    0 0 34px rgba(14,165,233,.08),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  backdrop-filter: saturate(130%) !important;
  -webkit-backdrop-filter: saturate(130%) !important;
}

.aa-capacity-section--v46 .aa-package-card::before{
  opacity: .95 !important;
  background: linear-gradient(135deg,
    rgba(14,165,233,.68),
    rgba(37,99,235,.28) 31%,
    rgba(124,58,237,.40) 67%,
    rgba(20,184,166,.42)
  ) !important;
}

.aa-capacity-section--v46 .aa-package-card::after{
  content: "" !important;
  position: absolute !important;
  inset: auto 18px 0 18px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(14,165,233,.38), rgba(124,58,237,.22), transparent) !important;
  box-shadow: 0 0 28px rgba(14,165,233,.18) !important;
  pointer-events: none !important;
}

.aa-capacity-section--v46 .aa-package-card:hover{
  transform: translateY(-10px) scale(1.012) !important;
  border-color: rgba(14,165,233,.52) !important;
  box-shadow:
    0 38px 88px rgba(15,23,42,.19),
    0 0 52px rgba(14,165,233,.18),
    0 0 44px rgba(124,58,237,.09),
    0 0 0 1px rgba(255,255,255,.78) inset,
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

/* Image should sit properly inside card, not look cut/empty */
.aa-capacity-section--v46 .aa-package-card__media{
  margin: 0 !important;
  width: 100% !important;
  height: clamp(245px, 18.6vw, 330px) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(255,255,255,.96), transparent 50%),
    radial-gradient(circle at 50% 62%, rgba(14,165,233,.12), transparent 48%),
    linear-gradient(180deg, #ffffff 0%, #edf6ff 100%) !important;
  border: 0 !important;
  box-shadow: inset 0 -1px 0 rgba(37,99,235,.10) !important;
}

.aa-capacity-section--v46 .aa-package-card__media img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: clamp(8px, .8vw, 14px) !important;
  transform: scale(1.00) !important;
  filter:
    drop-shadow(0 22px 34px rgba(15,23,42,.16))
    drop-shadow(0 0 28px rgba(14,165,233,.08)) !important;
}

.aa-capacity-section--v46 .aa-package-card:hover .aa-package-card__media img{
  transform: scale(1.035) !important;
}

/* Card content cleaner and stronger */
.aa-capacity-section--v46 .aa-package-card__body{
  padding: clamp(22px, 1.8vw, 30px) !important;
}

.aa-capacity-section--v46 .aa-package-card__head{
  align-items: flex-start !important;
  margin-bottom: 12px !important;
}

.aa-capacity-section--v46 .aa-package-card__head > div{
  width: 100% !important;
}

/* Big package titles with different live colors */
.aa-capacity-section--v46 .aa-package-card h3{
  margin: 0 !important;
  font-size: clamp(31px, 2.45vw, 46px) !important;
  line-height: .94 !important;
  letter-spacing: -.070em !important;
  font-weight: 820 !important;
  color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: 0 12px 28px rgba(255,255,255,.62) !important;
}

.aa-package-card--starter h3{
  background: linear-gradient(112deg, #0f766e 0%, #14b8a6 36%, #0ea5e9 100%) !important;
}

.aa-package-card--lite h3{
  background: linear-gradient(112deg, #2563eb 0%, #0ea5e9 48%, #38bdf8 100%) !important;
}

.aa-package-card--pro h3{
  background: linear-gradient(112deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%) !important;
}

.aa-package-card--edge h3{
  background: linear-gradient(112deg, #0f172a 0%, #2563eb 34%, #7c3aed 68%, #f97316 100%) !important;
}

.aa-capacity-section--v46 .aa-package-card__body > p{
  margin-top: 14px !important;
  color: #4b5b70 !important;
  font-size: 15px !important;
  line-height: 1.52 !important;
  font-weight: 500 !important;
}

/* Specs: more AI panel-like, livelier borders */
.aa-capacity-section--v46 .aa-package-card__specs{
  gap: 10px !important;
  margin-top: 20px !important;
}

.aa-capacity-section--v46 .aa-package-card__specs span{
  border-radius: 16px !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.74), rgba(239,246,255,.56)) !important;
  box-shadow:
    0 10px 26px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.aa-capacity-section--v46 .aa-package-card__specs strong{
  color: #0f172a !important;
}

.aa-capacity-section--v46 .aa-package-card__specs small{
  color: #617089 !important;
}

/* Footer button becomes a soft pill, not heavy old style */
.aa-capacity-section--v46 .aa-package-card__footer{
  margin-top: 20px !important;
  gap: 14px !important;
}

.aa-capacity-section--v46 .aa-package-card__footer small{
  color: #66758c !important;
}

.aa-capacity-section--v46 .aa-package-card__open{
  border-radius: 999px !important;
  color: #0f172a !important;
  background: rgba(255,255,255,.68) !important;
  border-color: rgba(37,99,235,.18) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.07) !important;
}

.aa-capacity-section--v46 .aa-package-card__open:hover{
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
  border-color: rgba(14,165,233,.36) !important;
}

/* Card-specific subtle glow accents */
.aa-package-card--starter{
  --aa-capacity-card-glow: rgba(20,184,166,.18);
}
.aa-package-card--lite{
  --aa-capacity-card-glow: rgba(14,165,233,.20);
}
.aa-package-card--pro{
  --aa-capacity-card-glow: rgba(124,58,237,.18);
}
.aa-package-card--edge{
  --aa-capacity-card-glow: rgba(249,115,22,.16);
}

.aa-capacity-section--v46 .aa-package-card{
  box-shadow:
    0 24px 64px rgba(15,23,42,.13),
    0 0 38px var(--aa-capacity-card-glow),
    0 0 0 1px rgba(255,255,255,.66) inset,
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

/* Dark mode */
html[data-theme="night"] .aa-capacity-section--v46{
  background:
    radial-gradient(circle at 10% 12%, rgba(14,165,233,.08), transparent 25%),
    radial-gradient(circle at 86% 16%, rgba(124,58,237,.10), transparent 28%),
    radial-gradient(circle at 64% 72%, rgba(20,184,166,.045), transparent 28%),
    linear-gradient(180deg, #0f172a 0%, #0b1220 48%, #0f172a 100%) !important;
}

html[data-theme="night"] .aa-capacity-hero-v46{
  border-color: rgba(14,165,233,.14) !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card{
  background:
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(11,18,32,.78)) !important;
  border-color: rgba(14,165,233,.18) !important;
  box-shadow:
    0 24px 64px rgba(0,0,0,.34),
    0 0 34px var(--aa-capacity-card-glow),
    0 0 0 1px rgba(255,255,255,.055) inset,
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__media{
  background:
    radial-gradient(circle at 50% 36%, rgba(30,41,59,.82), transparent 50%),
    radial-gradient(circle at 50% 62%, rgba(14,165,233,.10), transparent 48%),
    linear-gradient(180deg, #111827 0%, #0b1220 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(148,163,184,.14) !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__body > p,
html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__footer small,
html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__specs small{
  color: rgba(226,232,240,.72) !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__specs span{
  background: linear-gradient(180deg, rgba(15,23,42,.72), rgba(11,18,32,.56)) !important;
  border-color: rgba(14,165,233,.14) !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__specs strong{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__open{
  color: #f8fbff !important;
  background: rgba(15,23,42,.72) !important;
  border-color: rgba(148,163,184,.18) !important;
}

/* Responsive: avoid overlap being too aggressive on tablets/mobile */
@media (max-width: 1180px){
  .aa-capacity-section--v46 .aa-capacity-grid,
  .aa-capacity-grid--premium{
    margin-top: clamp(-42px, -3vw, -24px) !important;
  }

  .aa-capacity-hero-v46{
    padding-bottom: clamp(46px, 6vw, 78px) !important;
  }
}

@media (max-width: 760px){
  .aa-capacity-section--v46 .aa-container{
    width: min(100% - 28px, 1580px) !important;
  }

  .aa-capacity-section--v46 .aa-capacity-grid,
  .aa-capacity-grid--premium{
    margin-top: 22px !important;
  }

  .aa-capacity-section--v46 .aa-package-card__media{
    height: clamp(230px, 62vw, 340px) !important;
  }

  .aa-capacity-section--v46 .aa-package-card h3{
    font-size: clamp(32px, 10vw, 44px) !important;
  }
}

/* =========================================================
   AgentsApp v48 — Capacity Hero & Cards Simplify
   - No image box/scene next to capacity hero text.
   - No big background panel behind capacity hero.
   - Capacity cards are shorter: image + big title + slim action only.
   - Brighter premium white/silver with stronger clean AI accents.
   ========================================================= */

.aa-capacity-section--v46{
  padding-top: clamp(54px, 5vw, 86px) !important;
  padding-bottom: clamp(78px, 6.8vw, 118px) !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(14,165,233,.18), transparent 26%),
    radial-gradient(circle at 78% 15%, rgba(124,58,237,.14), transparent 28%),
    radial-gradient(circle at 46% 78%, rgba(20,184,166,.10), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f6fbff 45%, #ffffff 100%) !important;
}

/* Remove the big hero box/panel feeling completely */
.aa-capacity-hero-v46{
  display: block !important;
  min-height: 0 !important;
  margin-bottom: clamp(24px, 3vw, 44px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.aa-capacity-hero-v46::before,
.aa-capacity-hero-v46::after{
  content: none !important;
  display: none !important;
}

/* Make the text area a clean open hero, not a boxed product panel */
.aa-capacity-hero-v46__copy{
  max-width: 900px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.aa-capacity-kicker{
  justify-content: center !important;
  margin-bottom: 14px !important;
}

.aa-capacity-kicker::before{
  width: 30px !important;
}

.aa-capacity-hero-v46__copy h2{
  max-width: 880px !important;
  margin: 0 auto !important;
  font-size: clamp(42px, 4.2vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.060em !important;
}

.aa-capacity-hero-v46__copy p{
  max-width: 720px !important;
  margin: 18px auto 0 !important;
  font-size: clamp(15.5px, 1vw, 18px) !important;
  line-height: 1.56 !important;
}

.aa-capacity-hero-v46__actions{
  justify-content: center !important;
  margin-top: 24px !important;
}

/* Slim, elegant metric pills instead of fat bars */
.aa-capacity-metric-strip{
  max-width: 720px !important;
  margin: 24px auto 0 !important;
  gap: 10px !important;
}

.aa-capacity-metric-strip span{
  min-height: 58px !important;
  border-radius: 16px !important;
  padding: 10px 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.84), rgba(246,251,255,.64)) !important;
  border-color: rgba(14,165,233,.18) !important;
  box-shadow:
    0 12px 26px rgba(15,23,42,.065),
    0 0 22px rgba(14,165,233,.055),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}

.aa-capacity-metric-strip strong{
  font-size: clamp(22px, 1.6vw, 30px) !important;
}

.aa-capacity-metric-strip small{
  font-size: 10px !important;
  letter-spacing: .06em !important;
}

/* Hide any remaining scene/image/floating parts if cached markup survives */
.aa-capacity-hero-v46__scene,
.aa-capacity-main-device,
.aa-capacity-float,
.aa-capacity-bento-v46,
.aa-capacity-orbit{
  display: none !important;
}

/* Cards: bring them close, make them shorter and more premium */
.aa-capacity-section--v46 .aa-capacity-grid,
.aa-capacity-grid--premium{
  margin-top: clamp(24px, 2.6vw, 42px) !important;
  gap: clamp(18px, 1.65vw, 28px) !important;
}

.aa-capacity-section--v46 .aa-package-card{
  min-height: 0 !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,252,255,.88)) !important;
  border: 1px solid rgba(37,99,235,.24) !important;
  box-shadow:
    0 22px 56px rgba(15,23,42,.13),
    0 0 38px var(--aa-capacity-card-glow),
    0 0 0 1px rgba(255,255,255,.72) inset,
    inset 0 1px 0 rgba(255,255,255,.94) !important;
}

.aa-capacity-section--v46 .aa-package-card:hover{
  transform: translateY(-8px) scale(1.01) !important;
  border-color: rgba(14,165,233,.56) !important;
  box-shadow:
    0 34px 78px rgba(15,23,42,.18),
    0 0 56px var(--aa-capacity-card-glow),
    0 0 42px rgba(14,165,233,.14),
    0 0 0 1px rgba(255,255,255,.82) inset,
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

/* Strong but fine border glow */
.aa-capacity-section--v46 .aa-package-card::before{
  opacity: 1 !important;
  background: linear-gradient(135deg,
    rgba(14,165,233,.72),
    rgba(37,99,235,.26) 30%,
    rgba(124,58,237,.42) 66%,
    rgba(20,184,166,.48)
  ) !important;
}

.aa-capacity-section--v46 .aa-package-card::after{
  inset: auto 22px 0 22px !important;
  background: linear-gradient(90deg, transparent, rgba(14,165,233,.45), rgba(124,58,237,.28), transparent) !important;
}

/* Image area: less simple, fully filled top scene */
.aa-capacity-section--v46 .aa-package-card__media{
  height: clamp(210px, 15.5vw, 270px) !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 48% 36%, rgba(255,255,255,.94), transparent 44%),
    radial-gradient(circle at 22% 82%, rgba(14,165,233,.16), transparent 38%),
    radial-gradient(circle at 82% 34%, rgba(124,58,237,.10), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #eaf5ff 100%) !important;
  box-shadow:
    inset 0 -1px 0 rgba(37,99,235,.12),
    inset 0 -24px 52px rgba(14,165,233,.05) !important;
}

.aa-capacity-section--v46 .aa-package-card__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  transform: scale(1.006) !important;
  filter:
    saturate(1.08)
    contrast(1.03)
    drop-shadow(0 18px 28px rgba(15,23,42,.14)) !important;
}

.aa-capacity-section--v46 .aa-package-card:hover .aa-package-card__media img{
  transform: scale(1.035) !important;
}

/* Only keep large title + elegant action button on the card */
.aa-capacity-section--v46 .aa-package-card__body{
  display: grid !important;
  align-content: start !important;
  gap: 16px !important;
  padding: clamp(22px, 1.7vw, 28px) !important;
  min-height: 178px !important;
}

.aa-capacity-section--v46 .aa-package-card__head{
  margin: 0 !important;
}

.aa-capacity-section--v46 .aa-package-card__body > p,
.aa-capacity-section--v46 .aa-package-card__specs,
.aa-capacity-section--v46 .aa-package-card__footer small{
  display: none !important;
}

.aa-capacity-section--v46 .aa-package-card h3{
  font-size: clamp(34px, 2.65vw, 50px) !important;
  line-height: .94 !important;
  margin: 0 !important;
  text-shadow:
    0 12px 28px rgba(255,255,255,.64),
    0 0 22px rgba(14,165,233,.08) !important;
}

.aa-capacity-section--v46 .aa-package-card__footer{
  margin-top: auto !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(37,99,235,.08) !important;
  display: flex !important;
  justify-content: flex-start !important;
}

.aa-capacity-section--v46 .aa-package-card__open{
  min-height: 38px !important;
  padding: 0 17px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  letter-spacing: -.01em !important;
  color: #0f172a !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,251,255,.68)) !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  box-shadow:
    0 10px 22px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.aa-capacity-section--v46 .aa-package-card__open:hover{
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
  border-color: rgba(14,165,233,.44) !important;
  box-shadow:
    0 14px 30px rgba(37,99,235,.18),
    0 0 24px rgba(14,165,233,.15) !important;
}

/* More visible card-specific accent colors */
.aa-package-card--starter{
  --aa-capacity-card-glow: rgba(20,184,166,.22);
}
.aa-package-card--lite{
  --aa-capacity-card-glow: rgba(14,165,233,.24);
}
.aa-package-card--pro{
  --aa-capacity-card-glow: rgba(124,58,237,.22);
}
.aa-package-card--edge{
  --aa-capacity-card-glow: rgba(249,115,22,.20);
}

/* Title colors remain distinct and livelier */
.aa-package-card--starter h3{
  background: linear-gradient(112deg, #0f766e 0%, #14b8a6 42%, #22d3ee 100%) !important;
}
.aa-package-card--lite h3{
  background: linear-gradient(112deg, #2563eb 0%, #0ea5e9 48%, #38bdf8 100%) !important;
}
.aa-package-card--pro h3{
  background: linear-gradient(112deg, #4f46e5 0%, #7c3aed 52%, #ec4899 100%) !important;
}
.aa-package-card--edge h3{
  background: linear-gradient(112deg, #111827 0%, #2563eb 32%, #7c3aed 66%, #f97316 100%) !important;
}

/* Dark mode */
html[data-theme="night"] .aa-capacity-section--v46{
  background:
    radial-gradient(circle at 12% 10%, rgba(14,165,233,.08), transparent 26%),
    radial-gradient(circle at 78% 15%, rgba(124,58,237,.10), transparent 28%),
    radial-gradient(circle at 46% 78%, rgba(20,184,166,.045), transparent 30%),
    linear-gradient(180deg, #0f172a 0%, #0b1220 45%, #0f172a 100%) !important;
}

html[data-theme="night"] .aa-capacity-hero-v46{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card{
  background:
    linear-gradient(180deg, rgba(15,23,42,.90), rgba(11,18,32,.78)) !important;
  border-color: rgba(14,165,233,.20) !important;
  box-shadow:
    0 22px 56px rgba(0,0,0,.34),
    0 0 40px var(--aa-capacity-card-glow),
    0 0 0 1px rgba(255,255,255,.055) inset,
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__media{
  background:
    radial-gradient(circle at 48% 36%, rgba(30,41,59,.78), transparent 44%),
    radial-gradient(circle at 22% 82%, rgba(14,165,233,.10), transparent 38%),
    radial-gradient(circle at 82% 34%, rgba(124,58,237,.10), transparent 34%),
    linear-gradient(180deg, #111827 0%, #0b1220 100%) !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__footer{
  border-top-color: rgba(148,163,184,.10) !important;
}

html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__open{
  color: #f8fbff !important;
  background: linear-gradient(180deg, rgba(15,23,42,.78), rgba(11,18,32,.58)) !important;
  border-color: rgba(148,163,184,.18) !important;
}

/* Responsive */
@media (max-width: 1180px){
  .aa-capacity-hero-v46__copy{
    max-width: 840px !important;
  }

  .aa-capacity-section--v46 .aa-capacity-grid,
  .aa-capacity-grid--premium{
    margin-top: 28px !important;
  }
}

@media (max-width: 760px){
  .aa-capacity-section--v46 .aa-container{
    width: min(100% - 28px, 1580px) !important;
  }

  .aa-capacity-metric-strip{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .aa-capacity-section--v46 .aa-package-card__media{
    height: clamp(215px, 58vw, 300px) !important;
  }

  .aa-capacity-section--v46 .aa-package-card__body{
    min-height: 150px !important;
  }
}

/* =========================================================
   AgentsApp v49 — Dashboard Control Center Hero + Bento
   Research-based direction: dashboard preview hero + bento cards,
   soft glass/lake white surfaces, readable modular control UI.
   ========================================================= */

.aa-dashboard-control-v49-section{
  position: relative !important;
  overflow: hidden !important;
  padding-top: clamp(78px, 7vw, 124px) !important;
  padding-bottom: clamp(86px, 7.4vw, 132px) !important;
  background:
    radial-gradient(circle at 14% 14%, rgba(14,165,233,.16), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(124,58,237,.14), transparent 28%),
    radial-gradient(circle at 54% 82%, rgba(20,184,166,.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f5faff 50%, #ffffff 100%) !important;
}

.aa-dashboard-control-v49-section::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(37,99,235,.034) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.034) 1px, transparent 1px),
    radial-gradient(circle at 72% 34%, rgba(14,165,233,.09), transparent 24%) !important;
  background-size: 54px 54px, 54px 54px, 100% 100% !important;
  -webkit-mask-image: radial-gradient(ellipse at 56% 42%, #000 0%, rgba(0,0,0,.68) 48%, transparent 82%) !important;
  mask-image: radial-gradient(ellipse at 56% 42%, #000 0%, rgba(0,0,0,.68) 48%, transparent 82%) !important;
  opacity: .75 !important;
}

.aa-dashboard-control-v49-section .aa-container{
  position: relative !important;
  z-index: 2 !important;
  width: min(1580px, calc(100% - 64px)) !important;
}

.aa-dashboard-control-v49{
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(560px, 1.1fr) !important;
  gap: clamp(30px, 4.2vw, 72px) !important;
  align-items: center !important;
  margin-bottom: clamp(34px, 4vw, 64px) !important;
}

.aa-dashboard-control-v49__copy{
  position: relative !important;
  z-index: 4 !important;
}

.aa-dashboard-kicker{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
  color: #2563eb !important;
  font-size: clamp(11px, .78vw, 13px) !important;
  font-weight: 850 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
}

.aa-dashboard-kicker::before{
  content: "" !important;
  width: 34px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #14b8a6, #0ea5e9, #7c3aed) !important;
  box-shadow: 0 0 18px rgba(14,165,233,.22) !important;
}

.aa-dashboard-control-v49__copy h2{
  max-width: 720px !important;
  margin: 0 !important;
  color: #0f172a !important;
  font-size: clamp(44px, 4.6vw, 80px) !important;
  line-height: .96 !important;
  letter-spacing: -.066em !important;
  font-weight: 780 !important;
}

.aa-dashboard-control-v49__copy h2 span{
  color: transparent !important;
  background: linear-gradient(116deg, #0f766e 0%, #2563eb 48%, #7c3aed 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.aa-dashboard-control-v49__copy p{
  max-width: 650px !important;
  margin: 22px 0 0 !important;
  color: #4e5e73 !important;
  font-size: clamp(16px, 1.06vw, 19px) !important;
  line-height: 1.62 !important;
  font-weight: 510 !important;
}

.aa-dashboard-control-v49__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 30px !important;
}

.aa-dashboard-control-v49__chips{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 28px !important;
}

.aa-dashboard-control-v49__chips span{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  color: #1e3a8a !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  box-shadow:
    0 10px 24px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

/* Dashboard visual shell */
.aa-dashboard-control-v49__visual{
  position: relative !important;
  min-height: clamp(520px, 43vw, 660px) !important;
}

.aa-dashboard-control-v49__visual::before{
  content: "" !important;
  position: absolute !important;
  inset: 8% 2% 6% 4% !important;
  border-radius: 42px !important;
  background:
    radial-gradient(circle at 52% 48%, rgba(14,165,233,.20), transparent 46%),
    radial-gradient(circle at 86% 28%, rgba(124,58,237,.14), transparent 38%) !important;
  filter: blur(18px) !important;
  opacity: .70 !important;
  pointer-events: none !important;
}

.aa-dash-shell-v49{
  position: absolute !important;
  inset: 7% 2% 9% 0 !important;
  display: grid !important;
  grid-template-columns: 210px minmax(0, 1fr) !important;
  gap: 18px !important;
  padding: 18px !important;
  border-radius: 34px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(244,250,255,.66)),
    radial-gradient(circle at 78% 18%, rgba(14,165,233,.12), transparent 34%) !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  box-shadow:
    0 32px 86px rgba(15,23,42,.16),
    0 0 54px rgba(14,165,233,.075),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
  overflow: hidden !important;
  transform: perspective(1200px) rotateY(-5deg) rotateX(2deg) !important;
}

.aa-dash-shell-v49::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(37,99,235,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.035) 1px, transparent 1px) !important;
  background-size: 38px 38px !important;
  opacity: .62 !important;
  pointer-events: none !important;
}

.aa-dash-sidebar-v49,
.aa-dash-main-v49{
  position: relative !important;
  z-index: 2 !important;
  border-radius: 24px !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  background: rgba(255,255,255,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.aa-dash-sidebar-v49{
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  padding: 14px !important;
}

.aa-dash-user-v49{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: rgba(248,251,255,.76) !important;
  border: 1px solid rgba(37,99,235,.10) !important;
}

.aa-dash-user-v49 b{
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
  box-shadow: 0 10px 24px rgba(37,99,235,.18) !important;
}

.aa-dash-user-v49 strong,
.aa-dash-user-v49 small{
  display: block !important;
}

.aa-dash-user-v49 strong{
  color: #0f172a !important;
  font-size: 12px !important;
  letter-spacing: -.02em !important;
}

.aa-dash-user-v49 small{
  color: #64748b !important;
  font-size: 10px !important;
  margin-top: 2px !important;
}

.aa-dash-sidebar-v49 i{
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  color: #52637a !important;
  font-style: normal !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.aa-dash-sidebar-v49 i.active{
  color: #1d4ed8 !important;
  background: linear-gradient(135deg, rgba(37,99,235,.12), rgba(14,165,233,.08)) !important;
  border: 1px solid rgba(37,99,235,.14) !important;
}

.aa-dash-main-v49{
  padding: 18px !important;
  overflow: hidden !important;
}

.aa-dash-main-v49__top{
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  align-items: flex-start !important;
  margin-bottom: 16px !important;
}

.aa-dash-main-v49__top span{
  display: block !important;
  color: #2563eb !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.aa-dash-main-v49__top strong{
  display: block !important;
  margin-top: 6px !important;
  color: #0f172a !important;
  font-size: clamp(24px, 2.2vw, 38px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.aa-dash-main-v49__top em{
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #0f766e !important;
  background: rgba(20,184,166,.10) !important;
  border: 1px solid rgba(20,184,166,.20) !important;
  font-style: normal !important;
  font-size: 11px !important;
  font-weight: 820 !important;
}

.aa-dash-stats-v49{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

.aa-dash-stats-v49 article{
  min-height: 82px !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.aa-dash-stats-v49 strong{
  color: #0f172a !important;
  font-size: clamp(22px, 1.8vw, 30px) !important;
  letter-spacing: -.05em !important;
  line-height: 1 !important;
}

.aa-dash-stats-v49 span{
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

.aa-dash-workspace-v49{
  display: grid !important;
  grid-template-columns: 1.35fr .8fr !important;
  gap: 12px !important;
}

.aa-dash-workspace-v49 section{
  min-height: 176px !important;
  border-radius: 20px !important;
  padding: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,251,255,.54)) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.74) !important;
}

.aa-dash-workspace-v49 h3{
  margin: 0 0 16px !important;
  color: #0f172a !important;
  font-size: 17px !important;
  letter-spacing: -.025em !important;
}

.aa-dash-flow-v49{
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
}

.aa-dash-flow-v49::before{
  content: "" !important;
  position: absolute !important;
  left: 6% !important;
  right: 6% !important;
  top: 50% !important;
  height: 2px !important;
  background: linear-gradient(90deg, #14b8a6, #0ea5e9, #7c3aed) !important;
  opacity: .36 !important;
}

.aa-dash-flow-v49 span{
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  min-height: 52px !important;
  border-radius: 15px !important;
  color: #1e3a8a !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.aa-dash-workspace-v49 ul{
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.aa-dash-workspace-v49 li{
  position: relative !important;
  padding-left: 16px !important;
  color: #52637a !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.aa-dash-workspace-v49 li::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .55em !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #0ea5e9 !important;
  box-shadow: 0 0 16px rgba(14,165,233,.30) !important;
}

.aa-dashboard-float-v49{
  position: absolute !important;
  z-index: 8 !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 192px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.74) !important;
  border: 1px solid rgba(37,99,235,.17) !important;
  box-shadow:
    0 18px 46px rgba(15,23,42,.13),
    0 0 26px rgba(14,165,233,.075),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.aa-dashboard-float-v49 strong{
  color: #0f172a !important;
  font-size: 15px !important;
}

.aa-dashboard-float-v49 span{
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 660 !important;
}

.aa-dashboard-float-v49--one{
  left: 0 !important;
  top: 10% !important;
}

.aa-dashboard-float-v49--two{
  right: 0 !important;
  bottom: 9% !important;
}

/* Bento under dashboard */
.aa-dashboard-bento-v49{
  display: grid !important;
  grid-template-columns: 1.35fr 1fr 1fr 1.05fr !important;
  gap: clamp(16px, 1.5vw, 24px) !important;
}

.aa-dashboard-bento-v49__item{
  position: relative !important;
  min-height: 184px !important;
  display: grid !important;
  align-content: end !important;
  border-radius: 28px !important;
  padding: 24px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,252,255,.78)) !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  box-shadow:
    0 22px 56px rgba(15,23,42,.10),
    0 0 30px rgba(14,165,233,.06),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.aa-dashboard-bento-v49__item::before{
  content: "" !important;
  position: absolute !important;
  inset: -45% -30% auto auto !important;
  width: 220px !important;
  height: 220px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(14,165,233,.18), transparent 64%) !important;
}

.aa-dashboard-bento-v49__item span{
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  color: #1d4ed8 !important;
  background: rgba(37,99,235,.09) !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  font-size: 12px !important;
  font-weight: 860 !important;
}

.aa-dashboard-bento-v49__item h3{
  margin: 0 0 10px !important;
  color: #0f172a !important;
  font-size: clamp(22px, 1.65vw, 30px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

.aa-dashboard-bento-v49__item p{
  margin: 0 !important;
  color: #53637a !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  font-weight: 510 !important;
}

.aa-dashboard-bento-v49__item--wide{
  min-height: 220px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(239,246,255,.78)),
    radial-gradient(circle at 88% 14%, rgba(14,165,233,.18), transparent 36%) !important;
}

.aa-dashboard-bento-v49__item--accent{
  border-color: rgba(124,58,237,.20) !important;
  box-shadow:
    0 22px 56px rgba(15,23,42,.10),
    0 0 34px rgba(124,58,237,.08),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

/* Dark mode */
html[data-theme="night"] .aa-dashboard-control-v49-section{
  background:
    radial-gradient(circle at 14% 14%, rgba(14,165,233,.08), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(124,58,237,.11), transparent 28%),
    radial-gradient(circle at 54% 82%, rgba(20,184,166,.045), transparent 30%),
    linear-gradient(180deg, #0f172a 0%, #0b1220 50%, #0f172a 100%) !important;
}

html[data-theme="night"] .aa-dashboard-control-v49__copy h2,
html[data-theme="night"] .aa-dash-main-v49__top strong,
html[data-theme="night"] .aa-dash-stats-v49 strong,
html[data-theme="night"] .aa-dash-workspace-v49 h3,
html[data-theme="night"] .aa-dashboard-float-v49 strong,
html[data-theme="night"] .aa-dashboard-bento-v49__item h3,
html[data-theme="night"] .aa-dash-user-v49 strong{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-dashboard-control-v49__copy p,
html[data-theme="night"] .aa-dashboard-float-v49 span,
html[data-theme="night"] .aa-dashboard-bento-v49__item p,
html[data-theme="night"] .aa-dash-user-v49 small,
html[data-theme="night"] .aa-dash-workspace-v49 li{
  color: rgba(226,232,240,.72) !important;
}

html[data-theme="night"] .aa-dash-shell-v49{
  background:
    linear-gradient(135deg, rgba(15,23,42,.88), rgba(11,18,32,.72)),
    radial-gradient(circle at 78% 18%, rgba(14,165,233,.10), transparent 34%) !important;
  border-color: rgba(14,165,233,.17) !important;
  box-shadow:
    0 32px 86px rgba(0,0,0,.36),
    0 0 48px rgba(14,165,233,.06),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-dash-sidebar-v49,
html[data-theme="night"] .aa-dash-main-v49,
html[data-theme="night"] .aa-dash-user-v49,
html[data-theme="night"] .aa-dash-stats-v49 article,
html[data-theme="night"] .aa-dash-workspace-v49 section,
html[data-theme="night"] .aa-dashboard-float-v49,
html[data-theme="night"] .aa-dashboard-bento-v49__item{
  background: rgba(15,23,42,.70) !important;
  border-color: rgba(14,165,233,.14) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html[data-theme="night"] .aa-dash-sidebar-v49 i{
  color: rgba(226,232,240,.68) !important;
}

html[data-theme="night"] .aa-dash-flow-v49 span{
  color: #dbeafe !important;
  background: rgba(11,18,32,.82) !important;
  border-color: rgba(14,165,233,.15) !important;
}

/* Responsive */
@media (max-width: 1180px){
  .aa-dashboard-control-v49{
    grid-template-columns: 1fr !important;
  }

  .aa-dashboard-control-v49__copy{
    text-align: center !important;
    max-width: 900px !important;
    margin: 0 auto !important;
  }

  .aa-dashboard-kicker,
  .aa-dashboard-control-v49__actions,
  .aa-dashboard-control-v49__chips{
    justify-content: center !important;
  }

  .aa-dashboard-control-v49__copy p{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .aa-dashboard-bento-v49{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 820px){
  .aa-dashboard-control-v49-section .aa-container{
    width: min(100% - 28px, 1580px) !important;
  }

  .aa-dashboard-control-v49__visual{
    min-height: 720px !important;
  }

  .aa-dash-shell-v49{
    inset: 4% 0 7% 0 !important;
    grid-template-columns: 1fr !important;
    transform: none !important;
  }

  .aa-dash-sidebar-v49{
    display: none !important;
  }

  .aa-dash-stats-v49,
  .aa-dash-workspace-v49{
    grid-template-columns: 1fr !important;
  }

  .aa-dashboard-float-v49{
    position: relative !important;
    display: none !important;
  }

  .aa-dashboard-bento-v49{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px){
  .aa-dashboard-control-v49__copy h2{
    font-size: clamp(36px, 10vw, 50px) !important;
  }

  .aa-dashboard-control-v49__visual{
    min-height: 640px !important;
  }

  .aa-dash-stats-v49 article{
    min-height: 70px !important;
  }
}

/* =========================================================
   AgentsApp v50 — How It Works spacing + direction arrows
   Fixes overlapping stair cards and makes order clearer.
   ========================================================= */

/* tighter title proportions, more room for cards */
.aa-how-flow-section{
  padding-top: clamp(36px, 3.2vw, 58px) !important;
  padding-bottom: clamp(74px, 6.4vw, 112px) !important;
}

.aa-flow-head{
  margin-bottom: clamp(22px, 2vw, 34px) !important;
}

.aa-flow-head h2{
  font-size: clamp(36px, 3.45vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.aa-flow-head p{
  max-width: 660px !important;
  margin-top: 14px !important;
  font-size: clamp(14px, .92vw, 17px) !important;
  line-height: 1.48 !important;
}

/* open stage but taller so diagonal cards breathe */
.aa-flow-stage{
  min-height: 760px !important;
  overflow: visible !important;
}

/* clearer flow line behind cards */
.aa-flow-path{
  inset: 0 !important;
  z-index: 2 !important;
}

.aa-flow-path path{
  stroke-width: 3 !important;
  opacity: .72 !important;
}

.aa-flow-path .aa-flow-path__main{
  stroke-width: 3.5 !important;
  opacity: .92 !important;
}

.aa-flow-path circle{
  r: 4.5 !important;
}

/* smaller cards, no overlap, clear staircase route */
.aa-flow-card{
  width: min(315px, 22vw) !important;
  border-radius: 24px !important;
  z-index: 5 !important;
}

.aa-flow-card figure{
  height: clamp(132px, 10vw, 162px) !important;
}

.aa-flow-card__body{
  padding: 18px 18px 20px !important;
}

.aa-flow-card__body h3{
  font-size: clamp(17px, 1.08vw, 21px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.032em !important;
}

.aa-flow-card__body p{
  font-size: clamp(12.5px, .78vw, 14px) !important;
  line-height: 1.42 !important;
}

/* first card starts higher and more left; subsequent cards step down without touching */
.aa-flow-card--one{
  left: 1.5% !important;
  top: 0 !important;
}

.aa-flow-card--two{
  left: 21.2% !important;
  top: 14.5% !important;
}

.aa-flow-card--three{
  left: 40.6% !important;
  top: 29.5% !important;
  width: min(315px, 22vw) !important;
}

.aa-flow-card--four{
  left: 60.1% !important;
  top: 44.5% !important;
}

.aa-flow-card--five{
  right: 1.5% !important;
  top: 59.5% !important;
}

/* transition arrow chips between cards */
.aa-flow-card::after{
  content: "→" !important;
  position: absolute !important;
  z-index: 8 !important;
  right: -42px !important;
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #2563eb, #0ea5e9, #7c3aed) !important;
  box-shadow:
    0 12px 28px rgba(37,99,235,.20),
    0 0 24px rgba(14,165,233,.22),
    inset 0 1px 0 rgba(255,255,255,.36) !important;
  transform: translateY(-50%) rotate(24deg) !important;
}

.aa-flow-card--five::after{
  display: none !important;
}

/* alternate arrow angle follows the staircase direction */
.aa-flow-card--two::after,
.aa-flow-card--four::after{
  transform: translateY(-50%) rotate(18deg) !important;
}

.aa-flow-card--three::after{
  transform: translateY(-50%) rotate(22deg) !important;
}

/* tiny step dots; not inside image, just a clean order marker */
.aa-flow-card::before{
  opacity: .92 !important;
}

.aa-flow-card .aa-flow-card__body::before{
  content: "" !important;
  display: block !important;
  width: 34px !important;
  height: 4px !important;
  border-radius: 999px !important;
  margin: 0 0 12px !important;
  background: linear-gradient(90deg, #0ea5e9, #2563eb, #7c3aed) !important;
  box-shadow: 0 0 18px rgba(14,165,233,.18) !important;
}

.aa-flow-card--one .aa-flow-card__body::before{
  background: linear-gradient(90deg, #14b8a6, #0ea5e9) !important;
}
.aa-flow-card--two .aa-flow-card__body::before{
  background: linear-gradient(90deg, #0ea5e9, #2563eb) !important;
}
.aa-flow-card--three .aa-flow-card__body::before{
  background: linear-gradient(90deg, #2563eb, #7c3aed) !important;
}
.aa-flow-card--four .aa-flow-card__body::before{
  background: linear-gradient(90deg, #7c3aed, #ec4899) !important;
}
.aa-flow-card--five .aa-flow-card__body::before{
  background: linear-gradient(90deg, #2563eb, #f97316) !important;
}

/* make broken-image-looking empty zones less visible if asset path delays */
.aa-flow-card figure{
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.96), transparent 45%),
    radial-gradient(circle at 24% 72%, rgba(14,165,233,.16), transparent 40%),
    linear-gradient(180deg, #f8fbff, #eaf5ff) !important;
}

.aa-flow-card figure img{
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* less heavy background decorations */
.aa-flow-decor--panel{
  right: 7% !important;
  top: 2% !important;
  opacity: .22 !important;
}

.aa-flow-decor--chips{
  right: 7% !important;
  top: 28% !important;
  opacity: .28 !important;
}

.aa-flow-decor--orbit{
  left: 1.5% !important;
  bottom: 4% !important;
  opacity: .24 !important;
}

/* Dark mode */
html[data-theme="night"] .aa-flow-card::after{
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    0 0 24px rgba(14,165,233,.18),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* Tablet: use 2 columns, no overlap */
@media (max-width: 1240px){
  .aa-flow-stage{
    min-height: 980px !important;
  }

  .aa-flow-card{
    width: min(390px, 40vw) !important;
  }

  .aa-flow-card figure{
    height: clamp(160px, 18vw, 210px) !important;
  }

  .aa-flow-card--one{ left: 2% !important; top: 0 !important; }
  .aa-flow-card--two{ left: 52% !important; top: 10% !important; }
  .aa-flow-card--three{ left: 2% !important; top: 36% !important; width: min(390px, 40vw) !important; }
  .aa-flow-card--four{ left: 52% !important; top: 48% !important; }
  .aa-flow-card--five{ left: 25% !important; right: auto !important; top: 74% !important; }

  .aa-flow-card::after{
    right: -32px !important;
  }

  .aa-flow-card--two::after{
    right: auto !important;
    left: -38px !important;
    top: 108% !important;
    transform: rotate(132deg) !important;
  }

  .aa-flow-card--four::after{
    right: auto !important;
    left: -38px !important;
    top: 108% !important;
    transform: rotate(132deg) !important;
  }

  .aa-flow-path{
    opacity: .46 !important;
  }
}

/* Mobile remains clean vertical flow */
@media (max-width: 900px){
  .aa-flow-stage{
    min-height: 0 !important;
    display: grid !important;
    gap: 22px !important;
    padding: 0 !important;
  }

  .aa-flow-card{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
  }

  .aa-flow-card figure{
    height: clamp(190px, 48vw, 310px) !important;
  }

  .aa-flow-card::after{
    right: auto !important;
    left: 50% !important;
    top: auto !important;
    bottom: -30px !important;
    transform: translateX(-50%) rotate(90deg) !important;
  }

  .aa-flow-card--five::after{
    display: none !important;
  }
}

/* =========================================================
   AgentsApp v51 — Global Hero Polish / Responsive Background / Neon Frames
   ========================================================= */

/* Dashboard hero altındaki 4 küçük kutu */
.aa-dashboard-bento-v49{display:none!important;}

/* Herolar arası geçiş çizgileri / seam çizgileri */
.aa-hero-kit::after,.aa-hero-v41::after,.aa-home-hero::after,.aa-capacity-hero-v46::after,
.aa-flow-stage::after,.aa-dashboard-control-v49::after,.aa-hero-seam,.aa-hero-divider,
.aa-section-divider,.aa-soft-divider,.aa-transition-line{display:none!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.aa-section+ .aa-section,section+section{border-top:0!important;}

/* Ana background slider responsive düzeltme */
.aa-hero-bg,.aa-hero-bg__slide,.aa-hero-slider__slide,.aa-hero-background,.aa-home-hero__bg,.aa-hero-kit__bg{
  background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;
}
.aa-hero-bg__slide img,.aa-hero-slider__slide img,.aa-home-hero__bg img,.aa-hero-kit__bg img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
}
.aa-hero-kit,.aa-home-hero,.aa-hero-v41{min-height:clamp(620px,72vh,820px)!important;overflow:hidden!important;}
@media(max-width:1200px){
  .aa-hero-bg,.aa-hero-bg__slide,.aa-hero-slider__slide,.aa-hero-background,.aa-home-hero__bg,.aa-hero-kit__bg{background-position:58% center!important;}
  .aa-hero-bg__slide img,.aa-hero-slider__slide img,.aa-home-hero__bg img,.aa-hero-kit__bg img{object-position:58% center!important;}
}
@media(max-width:760px){
  .aa-hero-kit,.aa-home-hero,.aa-hero-v41{min-height:680px!important;}
  .aa-hero-bg,.aa-hero-bg__slide,.aa-hero-slider__slide,.aa-hero-background,.aa-home-hero__bg,.aa-hero-kit__bg{background-position:62% center!important;}
  .aa-hero-bg__slide img,.aa-hero-slider__slide img,.aa-home-hero__bg img,.aa-hero-kit__bg img{object-position:62% center!important;}
}

/* Bütün hero başlıkları küçültme */
.aa-hero-title,.aa-hero-kit__copy h1,.aa-home-hero h1,.aa-flow-head h2,.aa-capacity-hero-v46__copy h2,
.aa-dashboard-control-v49__copy h2,.aa-trial-hero-v45__copy h2,.aa-section-head h2{
  font-size:clamp(34px,3.25vw,62px)!important;line-height:1.02!important;letter-spacing:-.052em!important;
}
.aa-hero-kit__copy p,.aa-home-hero p,.aa-flow-head p,.aa-capacity-hero-v46__copy p,
.aa-dashboard-control-v49__copy p,.aa-trial-hero-v45__copy p,.aa-section-head p{
  font-size:clamp(14px,.92vw,17px)!important;line-height:1.54!important;
}
.aa-hero-kit__copy,.aa-home-hero__copy,.aa-hero-copy{max-width:650px!important;}

/* Butonlar: yatay, nazik, içleri renkli AI pill */
.aa-kit-btn,button.aa-kit-btn,a.aa-kit-btn,.aa-package-card__open,.aa-hero-actions .aa-kit-btn{
  min-height:40px!important;padding:0 18px!important;border-radius:999px!important;border:1px solid rgba(37,99,235,.24)!important;
  font-weight:780!important;letter-spacing:-.012em!important;
  box-shadow:0 12px 26px rgba(37,99,235,.12),0 0 24px rgba(14,165,233,.08),inset 0 1px 0 rgba(255,255,255,.36)!important;
}
.aa-kit-btn--primary,a.aa-kit-btn--primary,button.aa-kit-btn--primary{
  color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 52%,#7c3aed 100%)!important;border-color:rgba(14,165,233,.40)!important;
}
.aa-kit-btn--glass,.aa-kit-btn--secondary,.aa-kit-btn:not(.aa-kit-btn--primary),.aa-package-card__open{
  color:#0f172a!important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(219,234,254,.74) 45%,rgba(237,233,254,.68))!important;border-color:rgba(37,99,235,.20)!important;
}
.aa-kit-btn:hover,.aa-package-card__open:hover{
  transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(37,99,235,.18),0 0 30px rgba(14,165,233,.14),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

/* İfade baloncukları/chipler yatay ve ince */
.aa-dashboard-control-v49__chips span,.aa-capacity-metric-strip span,.aa-trial-status-v45,.aa-trial-chip-v45,.aa-pill,.aa-chip,.aa-badge,.aa-status{
  min-height:34px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;color:#12315f!important;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(219,234,254,.72),rgba(240,253,250,.58))!important;
  border:1px solid rgba(14,165,233,.22)!important;box-shadow:0 10px 24px rgba(15,23,42,.055),0 0 20px rgba(14,165,233,.07),inset 0 1px 0 rgba(255,255,255,.82)!important;
  font-size:12px!important;font-weight:780!important;
}

/* Bütün çerçevelere/tellere neon tarzı canlı ama kontrollü stil */
.aa-package-card,.aa-flow-card,.aa-dash-shell-v49,.aa-dash-sidebar-v49,.aa-dash-main-v49,.aa-dash-stats-v49 article,
.aa-dash-workspace-v49 section,.aa-trial-card-v45,.aa-trial-product-v45,.aa-dashboard-control-v49__visual,.aa-card,.aa-panel,
.aa-modal,.aa-drawer,.aa-auth-card,.aa-form-card{
  border-color:rgba(14,165,233,.24)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.10),0 0 0 1px rgba(255,255,255,.50) inset,0 0 26px rgba(14,165,233,.075),inset 0 1px 0 rgba(255,255,255,.74)!important;
}
input,select,textarea,.aa-input,.aa-form-control{
  border-color:rgba(14,165,233,.26)!important;box-shadow:0 8px 20px rgba(15,23,42,.045),0 0 0 1px rgba(255,255,255,.55) inset!important;
}
input:focus,select:focus,textarea:focus,.aa-input:focus,.aa-form-control:focus{
  border-color:rgba(37,99,235,.48)!important;box-shadow:0 0 0 4px rgba(14,165,233,.13),0 12px 26px rgba(37,99,235,.10)!important;outline:none!important;
}

/* Dark mode */
html[data-theme="night"] .aa-kit-btn--glass,html[data-theme="night"] .aa-kit-btn--secondary,
html[data-theme="night"] .aa-kit-btn:not(.aa-kit-btn--primary),html[data-theme="night"] .aa-package-card__open{
  color:#f8fbff!important;background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(30,41,59,.74),rgba(37,99,235,.24))!important;border-color:rgba(14,165,233,.24)!important;
}
html[data-theme="night"] .aa-dashboard-control-v49__chips span,html[data-theme="night"] .aa-capacity-metric-strip span,
html[data-theme="night"] .aa-trial-status-v45,html[data-theme="night"] .aa-trial-chip-v45,html[data-theme="night"] .aa-pill,
html[data-theme="night"] .aa-chip,html[data-theme="night"] .aa-badge,html[data-theme="night"] .aa-status{
  color:#dbeafe!important;background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(30,41,59,.70),rgba(37,99,235,.22))!important;border-color:rgba(14,165,233,.22)!important;
}
html[data-theme="night"] .aa-package-card,html[data-theme="night"] .aa-flow-card,html[data-theme="night"] .aa-dash-shell-v49,
html[data-theme="night"] .aa-dash-sidebar-v49,html[data-theme="night"] .aa-dash-main-v49,html[data-theme="night"] .aa-dash-stats-v49 article,
html[data-theme="night"] .aa-dash-workspace-v49 section,html[data-theme="night"] .aa-trial-card-v45,html[data-theme="night"] .aa-trial-product-v45,
html[data-theme="night"] .aa-card,html[data-theme="night"] .aa-panel,html[data-theme="night"] .aa-modal,html[data-theme="night"] .aa-drawer{
  border-color:rgba(14,165,233,.18)!important;box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.055) inset,0 0 26px rgba(14,165,233,.065),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

@media(max-width:760px){
  .aa-hero-title,.aa-hero-kit__copy h1,.aa-home-hero h1,.aa-flow-head h2,.aa-capacity-hero-v46__copy h2,
  .aa-dashboard-control-v49__copy h2,.aa-trial-hero-v45__copy h2,.aa-section-head h2{
    font-size:clamp(31px,9.2vw,44px)!important;line-height:1.04!important;
  }
  .aa-kit-btn,button.aa-kit-btn,a.aa-kit-btn{min-height:38px!important;padding:0 15px!important;font-size:12px!important;}
}

/* =========================================================
   AgentsApp v52 — Natural Premium UI Color Reset
   Direction: pearl / ivory / silver base + graphite text +
   solar amber, warm gold, moss green, copper/clay accents.
   Cyan/blue/purple is no longer the dominant UI accent.
   ========================================================= */

:root{
  --aa-np-bg: #fbfaf6;
  --aa-np-bg-2: #f5f1e8;
  --aa-np-ivory: #fffaf0;
  --aa-np-pearl: #f8f7f1;
  --aa-np-silver: #dedbd2;
  --aa-np-stone: #c9c1b1;
  --aa-np-sand: #d9c7a6;
  --aa-np-graphite: #1f2420;
  --aa-np-charcoal: #111714;
  --aa-np-muted: #687066;
  --aa-np-amber: #d99523;
  --aa-np-gold: #c9a24a;
  --aa-np-copper: #b86934;
  --aa-np-clay: #9c5b35;
  --aa-np-moss: #556b2f;
  --aa-np-forest: #244a32;
  --aa-np-teal: #537d73;
  --aa-np-line: rgba(185, 132, 50, .26);
  --aa-np-glow: rgba(217, 149, 35, .18);
  --aa-np-green-glow: rgba(85, 107, 47, .16);
}

/* Global base warmth */
html,
body{
  background:
    radial-gradient(circle at 12% 10%, rgba(217,149,35,.065), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(85,107,47,.060), transparent 30%),
    linear-gradient(180deg, var(--aa-np-bg), #ffffff 45%, var(--aa-np-pearl)) !important;
  color: var(--aa-np-graphite) !important;
}

/* Text color balance */
h1,h2,h3,h4,h5,h6,
.aa-hero-title,
.aa-hero-kit__copy h1,
.aa-home-hero h1,
.aa-flow-head h2,
.aa-capacity-hero-v46__copy h2,
.aa-dashboard-control-v49__copy h2,
.aa-trial-hero-v45__copy h2,
.aa-section-head h2{
  color: var(--aa-np-charcoal) !important;
}

p,
.aa-hero-kit__copy p,
.aa-home-hero p,
.aa-flow-head p,
.aa-capacity-hero-v46__copy p,
.aa-dashboard-control-v49__copy p,
.aa-trial-hero-v45__copy p,
.aa-section-head p{
  color: #5f665f !important;
}

/* Section backgrounds: warmer and more project-specific */
.aa-how-flow-section,
.aa-capacity-section--v46,
.aa-dashboard-control-v49-section,
.aa-community-trial-section,
.aa-dashboard-preview-section,
.aa-section{
  background:
    radial-gradient(circle at 14% 12%, rgba(217,149,35,.10), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(85,107,47,.075), transparent 30%),
    radial-gradient(circle at 54% 82%, rgba(83,125,115,.055), transparent 31%),
    linear-gradient(180deg, #ffffff 0%, var(--aa-np-pearl) 50%, #ffffff 100%) !important;
}

/* Kicker / small headline accents */
.aa-dashboard-kicker,
.aa-capacity-kicker,
.aa-flow-head .aa-eyebrow,
.aa-section-head .aa-eyebrow,
.aa-eyebrow,
.aa-hero-eyebrow,
.aa-capacity-grid-intro span{
  color: var(--aa-np-copper) !important;
  letter-spacing: .18em !important;
}

.aa-dashboard-kicker::before,
.aa-capacity-kicker::before,
.aa-eyebrow::before,
.aa-hero-eyebrow::before{
  background: linear-gradient(90deg, var(--aa-np-gold), var(--aa-np-copper), var(--aa-np-moss)) !important;
  box-shadow: 0 0 18px rgba(201,162,74,.24) !important;
}

/* Gradient headings: abandon cyan/blue/purple, use natural DePIN colors */
.aa-hero-kit__copy h1 span,
.aa-home-hero h1 span,
.aa-flow-head h2 span,
.aa-capacity-hero-v46__copy h2 span,
.aa-dashboard-control-v49__copy h2 span,
.aa-trial-hero-v45__copy h2 span,
.aa-section-head h2 span{
  color: transparent !important;
  background: linear-gradient(115deg, var(--aa-np-forest) 0%, var(--aa-np-moss) 34%, var(--aa-np-gold) 68%, var(--aa-np-copper) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* Large title colored words previously blue/purple */
.aa-flow-head h2 strong,
.aa-flow-head h2 em,
.aa-title-accent,
.aa-gradient-text{
  color: transparent !important;
  background: linear-gradient(115deg, var(--aa-np-forest), var(--aa-np-gold), var(--aa-np-copper)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* Buttons: warm premium AI pills */
.aa-kit-btn,
button.aa-kit-btn,
a.aa-kit-btn,
.aa-package-card__open,
.aa-hero-actions .aa-kit-btn{
  border-color: rgba(184,105,52,.30) !important;
  box-shadow:
    0 12px 26px rgba(156,91,53,.12),
    0 0 24px rgba(217,149,35,.10),
    inset 0 1px 0 rgba(255,255,255,.40) !important;
}

.aa-kit-btn--primary,
a.aa-kit-btn--primary,
button.aa-kit-btn--primary{
  color: #fffaf0 !important;
  background:
    linear-gradient(135deg, var(--aa-np-charcoal) 0%, #33422a 38%, var(--aa-np-moss) 66%, var(--aa-np-copper) 100%) !important;
  border-color: rgba(201,162,74,.42) !important;
}

.aa-kit-btn--glass,
.aa-kit-btn--secondary,
.aa-kit-btn:not(.aa-kit-btn--primary),
.aa-package-card__open{
  color: var(--aa-np-charcoal) !important;
  background:
    linear-gradient(135deg, rgba(255,250,240,.94), rgba(244,235,214,.82) 52%, rgba(218,199,162,.62)) !important;
  border-color: rgba(184,105,52,.24) !important;
}

.aa-kit-btn:hover,
.aa-package-card__open:hover{
  box-shadow:
    0 16px 34px rgba(156,91,53,.18),
    0 0 30px rgba(217,149,35,.16),
    inset 0 1px 0 rgba(255,255,255,.46) !important;
}

/* Pills/chips: natural amber/stone/forest */
.aa-dashboard-control-v49__chips span,
.aa-capacity-metric-strip span,
.aa-trial-status-v45,
.aa-trial-chip-v45,
.aa-pill,
.aa-chip,
.aa-badge,
.aa-status{
  color: #2e3828 !important;
  background:
    linear-gradient(135deg, rgba(255,250,240,.92), rgba(243,232,210,.78), rgba(225,211,181,.64)) !important;
  border-color: rgba(184,105,52,.22) !important;
  box-shadow:
    0 10px 24px rgba(51,38,24,.055),
    0 0 20px rgba(217,149,35,.08),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

/* Cards, panels, drawers, modals: remove cyan neon; use warm metal / moss edge */
.aa-package-card,
.aa-flow-card,
.aa-dash-shell-v49,
.aa-dash-sidebar-v49,
.aa-dash-main-v49,
.aa-dash-stats-v49 article,
.aa-dash-workspace-v49 section,
.aa-trial-card-v45,
.aa-trial-product-v45,
.aa-dashboard-control-v49__visual,
.aa-card,
.aa-panel,
.aa-modal,
.aa-drawer,
.aa-auth-card,
.aa-form-card,
.aa-capacity-metric-strip span,
.aa-dashboard-float-v49,
.aa-capacity-float{
  border-color: rgba(184,105,52,.22) !important;
  background:
    linear-gradient(180deg, rgba(255,252,246,.94), rgba(246,241,229,.78)) !important;
  box-shadow:
    0 18px 48px rgba(38,33,24,.10),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 26px rgba(217,149,35,.075),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

/* Card hover: copper/gold natural glow */
.aa-package-card:hover,
.aa-flow-card:hover,
.aa-trial-card-v45:hover,
.aa-card:hover,
.aa-panel:hover{
  border-color: rgba(201,162,74,.44) !important;
  box-shadow:
    0 28px 72px rgba(38,33,24,.16),
    0 0 36px rgba(217,149,35,.14),
    0 0 30px rgba(85,107,47,.08),
    0 0 0 1px rgba(255,255,255,.72) inset,
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

/* Pseudo border gradients */
.aa-package-card::before,
.aa-flow-card::before,
.aa-trial-card-v45::before,
.aa-trial-product-v45::before,
.aa-card::before,
.aa-panel::before{
  background: linear-gradient(135deg,
    rgba(201,162,74,.58),
    rgba(184,105,52,.22) 34%,
    rgba(85,107,47,.28) 70%,
    rgba(83,125,115,.18)
  ) !important;
}

/* Capacity package title colors: each alive, but natural */
.aa-package-card--starter h3{
  background: linear-gradient(112deg, #244a32 0%, #556b2f 48%, #c9a24a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.aa-package-card--lite h3{
  background: linear-gradient(112deg, #5f6f4d 0%, #9a7a35 48%, #d99523 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.aa-package-card--pro h3{
  background: linear-gradient(112deg, #1f2420 0%, #b86934 52%, #c9a24a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.aa-package-card--edge h3{
  background: linear-gradient(112deg, #111714 0%, #244a32 36%, #b86934 72%, #d99523 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* Capacity card glows: no blue/purple */
.aa-package-card--starter{ --aa-capacity-card-glow: rgba(85,107,47,.20) !important; }
.aa-package-card--lite{ --aa-capacity-card-glow: rgba(201,162,74,.20) !important; }
.aa-package-card--pro{ --aa-capacity-card-glow: rgba(184,105,52,.18) !important; }
.aa-package-card--edge{ --aa-capacity-card-glow: rgba(217,149,35,.20) !important; }

/* Image panels: warmer premium surface */
.aa-package-card__media,
.aa-capacity-section--v46 .aa-package-card__media,
.aa-flow-card figure,
.aa-trial-card-v45 figure,
.aa-trial-product-v45 figure{
  background:
    radial-gradient(circle at 50% 36%, rgba(255,250,240,.96), transparent 48%),
    radial-gradient(circle at 22% 82%, rgba(217,149,35,.13), transparent 40%),
    radial-gradient(circle at 82% 34%, rgba(85,107,47,.08), transparent 34%),
    linear-gradient(180deg, #fffdf8 0%, #f2ead8 100%) !important;
  box-shadow:
    inset 0 -1px 0 rgba(184,105,52,.12),
    inset 0 -24px 52px rgba(217,149,35,.045) !important;
}

/* Dashboard mockup: natural control center */
.aa-dash-shell-v49{
  background:
    linear-gradient(135deg, rgba(255,252,246,.90), rgba(246,241,229,.70)),
    radial-gradient(circle at 78% 18%, rgba(217,149,35,.11), transparent 34%) !important;
  border-color: rgba(184,105,52,.22) !important;
  box-shadow:
    0 32px 86px rgba(38,33,24,.16),
    0 0 54px rgba(217,149,35,.08),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.aa-dash-user-v49 b{
  color: #fffaf0 !important;
  background: linear-gradient(135deg, var(--aa-np-forest), var(--aa-np-moss), var(--aa-np-gold)) !important;
  box-shadow: 0 10px 24px rgba(85,107,47,.18) !important;
}

.aa-dash-sidebar-v49 i.active{
  color: var(--aa-np-forest) !important;
  background: linear-gradient(135deg, rgba(85,107,47,.12), rgba(217,149,35,.09)) !important;
  border-color: rgba(184,105,52,.18) !important;
}

.aa-dash-main-v49__top span{
  color: var(--aa-np-copper) !important;
}

.aa-dash-main-v49__top em{
  color: var(--aa-np-forest) !important;
  background: rgba(85,107,47,.10) !important;
  border-color: rgba(85,107,47,.20) !important;
}

.aa-dash-flow-v49::before{
  background: linear-gradient(90deg, var(--aa-np-moss), var(--aa-np-gold), var(--aa-np-copper)) !important;
}

.aa-dash-flow-v49 span{
  color: #304225 !important;
  background: rgba(255,250,240,.88) !important;
  border-color: rgba(184,105,52,.18) !important;
}

.aa-dash-workspace-v49 li::before{
  background: var(--aa-np-gold) !important;
  box-shadow: 0 0 16px rgba(217,149,35,.28) !important;
}

/* How flow arrows and lines */
.aa-flow-card::after{
  background: linear-gradient(135deg, var(--aa-np-forest), var(--aa-np-gold), var(--aa-np-copper)) !important;
  box-shadow:
    0 12px 28px rgba(85,107,47,.18),
    0 0 24px rgba(217,149,35,.18),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.aa-flow-path path,
.aa-flow-path .aa-flow-path__main{
  stroke: rgba(184,105,52,.62) !important;
}

.aa-flow-path circle{
  fill: var(--aa-np-ivory) !important;
  stroke: var(--aa-np-gold) !important;
}

/* Small bars inside flow cards */
.aa-flow-card .aa-flow-card__body::before{
  background: linear-gradient(90deg, var(--aa-np-moss), var(--aa-np-gold), var(--aa-np-copper)) !important;
  box-shadow: 0 0 18px rgba(217,149,35,.16) !important;
}

/* Forms and modal fields */
input,
select,
textarea,
.aa-input,
.aa-form-control{
  border-color: rgba(184,105,52,.24) !important;
  background: rgba(255,252,246,.86) !important;
  box-shadow:
    0 8px 20px rgba(38,33,24,.045),
    0 0 0 1px rgba(255,255,255,.55) inset !important;
}

input:focus,
select:focus,
textarea:focus,
.aa-input:focus,
.aa-form-control:focus{
  border-color: rgba(201,162,74,.50) !important;
  box-shadow:
    0 0 0 4px rgba(217,149,35,.13),
    0 12px 26px rgba(156,91,53,.10) !important;
}

/* Links and small active states */
a,
.aa-nav a:hover,
.aa-footer a:hover{
  color: var(--aa-np-copper) !important;
}

.aa-nav a,
.aa-footer a{
  transition: color .2s ease, opacity .2s ease !important;
}

/* Theme toggle: natural material */
.aa-theme-toggle,
.theme-toggle,
[data-theme-toggle]{
  background: linear-gradient(135deg, rgba(255,250,240,.90), rgba(225,211,181,.70)) !important;
  border-color: rgba(184,105,52,.22) !important;
  box-shadow: 0 10px 24px rgba(38,33,24,.08), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

/* Scroll buttons: same natural language */
.aa-scroll-button,
.aa-scroll-btn,
.aa-scroll-controls button{
  color: var(--aa-np-charcoal) !important;
  background: linear-gradient(135deg, rgba(255,250,240,.94), rgba(225,211,181,.68)) !important;
  border-color: rgba(184,105,52,.20) !important;
  box-shadow: 0 12px 26px rgba(38,33,24,.10), 0 0 22px rgba(217,149,35,.08) !important;
}

/* Dark mode: natural night, not blue/purple neon */
html[data-theme="night"],
html[data-theme="night"] body{
  background:
    radial-gradient(circle at 12% 10%, rgba(217,149,35,.055), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(85,107,47,.060), transparent 30%),
    linear-gradient(180deg, #10140f, #171c16 48%, #0f130f) !important;
  color: #f4efe3 !important;
}

html[data-theme="night"] .aa-how-flow-section,
html[data-theme="night"] .aa-capacity-section--v46,
html[data-theme="night"] .aa-dashboard-control-v49-section,
html[data-theme="night"] .aa-community-trial-section,
html[data-theme="night"] .aa-dashboard-preview-section,
html[data-theme="night"] .aa-section{
  background:
    radial-gradient(circle at 14% 12%, rgba(217,149,35,.065), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(85,107,47,.070), transparent 30%),
    linear-gradient(180deg, #111610 0%, #171c16 52%, #10140f 100%) !important;
}

html[data-theme="night"] h1,
html[data-theme="night"] h2,
html[data-theme="night"] h3,
html[data-theme="night"] h4,
html[data-theme="night"] h5,
html[data-theme="night"] h6,
html[data-theme="night"] .aa-hero-title,
html[data-theme="night"] .aa-hero-kit__copy h1,
html[data-theme="night"] .aa-home-hero h1,
html[data-theme="night"] .aa-flow-head h2,
html[data-theme="night"] .aa-capacity-hero-v46__copy h2,
html[data-theme="night"] .aa-dashboard-control-v49__copy h2,
html[data-theme="night"] .aa-trial-hero-v45__copy h2,
html[data-theme="night"] .aa-section-head h2{
  color: #f8f1e3 !important;
}

html[data-theme="night"] p,
html[data-theme="night"] .aa-hero-kit__copy p,
html[data-theme="night"] .aa-home-hero p,
html[data-theme="night"] .aa-flow-head p,
html[data-theme="night"] .aa-capacity-hero-v46__copy p,
html[data-theme="night"] .aa-dashboard-control-v49__copy p,
html[data-theme="night"] .aa-trial-hero-v45__copy p,
html[data-theme="night"] .aa-section-head p{
  color: rgba(244,239,227,.72) !important;
}

html[data-theme="night"] .aa-kit-btn--glass,
html[data-theme="night"] .aa-kit-btn--secondary,
html[data-theme="night"] .aa-kit-btn:not(.aa-kit-btn--primary),
html[data-theme="night"] .aa-package-card__open{
  color: #f8f1e3 !important;
  background:
    linear-gradient(135deg, rgba(25,30,23,.90), rgba(45,51,37,.74), rgba(156,91,53,.20)) !important;
  border-color: rgba(201,162,74,.24) !important;
}

html[data-theme="night"] .aa-package-card,
html[data-theme="night"] .aa-flow-card,
html[data-theme="night"] .aa-dash-shell-v49,
html[data-theme="night"] .aa-dash-sidebar-v49,
html[data-theme="night"] .aa-dash-main-v49,
html[data-theme="night"] .aa-dash-stats-v49 article,
html[data-theme="night"] .aa-dash-workspace-v49 section,
html[data-theme="night"] .aa-trial-card-v45,
html[data-theme="night"] .aa-trial-product-v45,
html[data-theme="night"] .aa-card,
html[data-theme="night"] .aa-panel,
html[data-theme="night"] .aa-modal,
html[data-theme="night"] .aa-drawer,
html[data-theme="night"] .aa-auth-card,
html[data-theme="night"] .aa-form-card,
html[data-theme="night"] .aa-dashboard-float-v49,
html[data-theme="night"] .aa-capacity-float{
  background:
    linear-gradient(180deg, rgba(25,30,23,.90), rgba(15,19,15,.78)) !important;
  border-color: rgba(201,162,74,.18) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.32),
    0 0 0 1px rgba(255,255,255,.050) inset,
    0 0 26px rgba(217,149,35,.055),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html[data-theme="night"] .aa-package-card__media,
html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__media,
html[data-theme="night"] .aa-flow-card figure,
html[data-theme="night"] .aa-trial-card-v45 figure,
html[data-theme="night"] .aa-trial-product-v45 figure{
  background:
    radial-gradient(circle at 48% 36%, rgba(55,60,47,.78), transparent 44%),
    radial-gradient(circle at 22% 82%, rgba(217,149,35,.08), transparent 38%),
    radial-gradient(circle at 82% 34%, rgba(85,107,47,.10), transparent 34%),
    linear-gradient(180deg, #1a1f18 0%, #10140f 100%) !important;
}

html[data-theme="night"] input,
html[data-theme="night"] select,
html[data-theme="night"] textarea,
html[data-theme="night"] .aa-input,
html[data-theme="night"] .aa-form-control{
  color: #f8f1e3 !important;
  background: rgba(15,19,15,.78) !important;
  border-color: rgba(201,162,74,.20) !important;
}

/* Remove older dominant cool glow filters where possible */
.aa-package-card__media img,
.aa-flow-card figure img,
.aa-trial-card-v45 figure img,
.aa-trial-product-v45 figure img,
.aa-capacity-main-device img{
  filter:
    saturate(1.04)
    contrast(1.02)
    drop-shadow(0 18px 28px rgba(38,33,24,.14)) !important;
}

/* =========================================================
   AgentsApp v53 — Natural Premium Tone Down Fix
   V52 fazla renkli/absürt göründüğü için doğal palet sakinleştirildi.
   Ana his: off-white / silver / graphite + çok ince amber/olive detay.
   Büyük gradient başlıklar ve ağır sıcak renk patlamaları kapatıldı.
   ========================================================= */

:root{
  --aa-calm-bg: #fbfaf7;
  --aa-calm-surface: #ffffff;
  --aa-calm-surface-2: #f7f5ef;
  --aa-calm-line: rgba(36, 43, 38, .105);
  --aa-calm-line-2: rgba(164, 142, 103, .20);
  --aa-calm-text: #111714;
  --aa-calm-muted: #667064;
  --aa-calm-amber: #b98432;
  --aa-calm-olive: #556147;
  --aa-calm-shadow: rgba(33, 31, 26, .095);
  --aa-calm-glow: rgba(185, 132, 50, .085);
}

/* Sayfa genelini daha temiz ve sakin hale getir */
html,
body{
  background:
    radial-gradient(circle at 14% 9%, rgba(185,132,50,.035), transparent 25%),
    radial-gradient(circle at 84% 14%, rgba(85,97,71,.030), transparent 29%),
    linear-gradient(180deg, #ffffff 0%, var(--aa-calm-bg) 54%, #ffffff 100%) !important;
  color: var(--aa-calm-text) !important;
}

/* Hero/section zeminleri: renk var ama göz yormayan seviyede */
.aa-how-flow-section,
.aa-capacity-section--v46,
.aa-dashboard-control-v49-section,
.aa-community-trial-section,
.aa-dashboard-preview-section,
.aa-section{
  background:
    radial-gradient(circle at 14% 12%, rgba(185,132,50,.042), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(85,97,71,.034), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f9f8f3 52%, #ffffff 100%) !important;
}

/* Büyük başlıklar kesinlikle çok renkli gradient olmayacak */
.aa-hero-title,
.aa-hero-kit__copy h1,
.aa-home-hero h1,
.aa-flow-head h2,
.aa-capacity-hero-v46__copy h2,
.aa-dashboard-control-v49__copy h2,
.aa-trial-hero-v45__copy h2,
.aa-section-head h2,
.aa-capacity-section--v46 .aa-package-card h3{
  color: var(--aa-calm-text) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow: none !important;
}

/* Başlık içindeki span/gradient kelimeler: sadece çok hafif olive/amber ton */
.aa-hero-kit__copy h1 span,
.aa-home-hero h1 span,
.aa-flow-head h2 span,
.aa-capacity-hero-v46__copy h2 span,
.aa-dashboard-control-v49__copy h2 span,
.aa-trial-hero-v45__copy h2 span,
.aa-section-head h2 span,
.aa-title-accent,
.aa-gradient-text{
  color: var(--aa-calm-olive) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

/* Capacity bölümünde split başlık saçılmasın */
.aa-capacity-hero-v46__copy h2{
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Eyebrow/kicker daha ince, sade */
.aa-dashboard-kicker,
.aa-capacity-kicker,
.aa-flow-head .aa-eyebrow,
.aa-section-head .aa-eyebrow,
.aa-eyebrow,
.aa-hero-eyebrow,
.aa-capacity-grid-intro span{
  color: var(--aa-calm-amber) !important;
  font-size: 11px !important;
  letter-spacing: .17em !important;
  font-weight: 820 !important;
}

.aa-dashboard-kicker::before,
.aa-capacity-kicker::before,
.aa-eyebrow::before,
.aa-hero-eyebrow::before{
  background: linear-gradient(90deg, rgba(185,132,50,.20), rgba(85,97,71,.34)) !important;
  box-shadow: none !important;
}

/* Açıklama metinleri */
p,
.aa-hero-kit__copy p,
.aa-home-hero p,
.aa-flow-head p,
.aa-capacity-hero-v46__copy p,
.aa-dashboard-control-v49__copy p,
.aa-trial-hero-v45__copy p,
.aa-section-head p{
  color: var(--aa-calm-muted) !important;
}

/* Butonlar: sıcak ama sakin, "absürt" yeşil/turuncu patlaması yok */
.aa-kit-btn,
button.aa-kit-btn,
a.aa-kit-btn,
.aa-package-card__open,
.aa-hero-actions .aa-kit-btn{
  min-height: 38px !important;
  padding: 0 17px !important;
  border-radius: 999px !important;
  border: 1px solid var(--aa-calm-line-2) !important;
  box-shadow:
    0 10px 22px rgba(33,31,26,.075),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
}

/* Primary: graphite + çok ince amber edge */
.aa-kit-btn--primary,
a.aa-kit-btn--primary,
button.aa-kit-btn--primary{
  color: #fffaf0 !important;
  background:
    linear-gradient(135deg, #182019 0%, #273125 65%, #4a4a34 100%) !important;
  border-color: rgba(185,132,50,.30) !important;
}

/* Secondary: ivory/silver, sade */
.aa-kit-btn--glass,
.aa-kit-btn--secondary,
.aa-kit-btn:not(.aa-kit-btn--primary),
.aa-package-card__open{
  color: var(--aa-calm-text) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,244,236,.78)) !important;
  border-color: rgba(36,43,38,.12) !important;
}

.aa-kit-btn:hover,
.aa-package-card__open:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(185,132,50,.34) !important;
  box-shadow:
    0 14px 30px rgba(33,31,26,.11),
    0 0 22px rgba(185,132,50,.09),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

/* Chips/balonlar: çok ince ve yatay, renkli kapsül gibi değil */
.aa-dashboard-control-v49__chips span,
.aa-capacity-metric-strip span,
.aa-trial-status-v45,
.aa-trial-chip-v45,
.aa-pill,
.aa-chip,
.aa-badge,
.aa-status{
  min-height: 30px !important;
  padding: 0 12px !important;
  color: #394236 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,245,239,.72)) !important;
  border-color: rgba(36,43,38,.105) !important;
  box-shadow:
    0 8px 18px rgba(33,31,26,.045),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

/* Metric strip: daha az göz alan, sade sayı */
.aa-capacity-metric-strip{
  gap: 9px !important;
}
.aa-capacity-metric-strip span{
  min-height: 48px !important;
  border-radius: 999px !important;
}
.aa-capacity-metric-strip strong{
  color: var(--aa-calm-text) !important;
  font-size: clamp(18px, 1.25vw, 24px) !important;
}
.aa-capacity-metric-strip small{
  color: #757d73 !important;
  font-size: 9px !important;
  letter-spacing: .05em !important;
}

/* Kart/panel sistemi: beyaz/silver + hafif sıcak edge */
.aa-package-card,
.aa-flow-card,
.aa-dash-shell-v49,
.aa-dash-sidebar-v49,
.aa-dash-main-v49,
.aa-dash-stats-v49 article,
.aa-dash-workspace-v49 section,
.aa-trial-card-v45,
.aa-trial-product-v45,
.aa-dashboard-control-v49__visual,
.aa-card,
.aa-panel,
.aa-modal,
.aa-drawer,
.aa-auth-card,
.aa-form-card,
.aa-dashboard-float-v49,
.aa-capacity-float{
  border-color: var(--aa-calm-line) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,247,242,.82)) !important;
  box-shadow:
    0 18px 46px var(--aa-calm-shadow),
    0 0 0 1px rgba(255,255,255,.58) inset,
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

/* Hover sadece premium derinlik; renk patlaması yok */
.aa-package-card:hover,
.aa-flow-card:hover,
.aa-trial-card-v45:hover,
.aa-card:hover,
.aa-panel:hover{
  border-color: rgba(185,132,50,.24) !important;
  box-shadow:
    0 26px 64px rgba(33,31,26,.13),
    0 0 22px rgba(185,132,50,.075),
    0 0 0 1px rgba(255,255,255,.70) inset,
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

/* Pseudo gradient borderleri sakinleştir */
.aa-package-card::before,
.aa-flow-card::before,
.aa-trial-card-v45::before,
.aa-trial-product-v45::before,
.aa-card::before,
.aa-panel::before{
  opacity: .35 !important;
  background: linear-gradient(135deg,
    rgba(185,132,50,.22),
    rgba(85,97,71,.12),
    rgba(36,43,38,.08)
  ) !important;
}

/* Capacity kartları: başlıklar koyu/sade, sadece küçük alt çizgide renk hissi */
.aa-capacity-section--v46 .aa-package-card h3{
  font-size: clamp(31px, 2.25vw, 44px) !important;
  letter-spacing: -.060em !important;
}

.aa-package-card--starter h3,
.aa-package-card--lite h3,
.aa-package-card--pro h3,
.aa-package-card--edge h3{
  color: var(--aa-calm-text) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

.aa-package-card--starter{ --aa-capacity-card-glow: rgba(85,97,71,.075) !important; }
.aa-package-card--lite{ --aa-capacity-card-glow: rgba(185,132,50,.070) !important; }
.aa-package-card--pro{ --aa-capacity-card-glow: rgba(122,84,50,.065) !important; }
.aa-package-card--edge{ --aa-capacity-card-glow: rgba(33,31,26,.055) !important; }

/* Capacity kartlarında image alanı daha sakin */
.aa-package-card__media,
.aa-capacity-section--v46 .aa-package-card__media,
.aa-flow-card figure,
.aa-trial-card-v45 figure,
.aa-trial-product-v45 figure{
  background:
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.98), transparent 48%),
    linear-gradient(180deg, #ffffff 0%, #f2f0e8 100%) !important;
  box-shadow:
    inset 0 -1px 0 rgba(36,43,38,.075),
    inset 0 -20px 40px rgba(185,132,50,.025) !important;
}

/* How flow okları: belirgin ama bağırmayan amber/graphite */
.aa-flow-card::after{
  color: #fffaf0 !important;
  background: linear-gradient(135deg, #273125, #556147, #b98432) !important;
  box-shadow:
    0 10px 22px rgba(33,31,26,.13),
    0 0 18px rgba(185,132,50,.10),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.aa-flow-path path,
.aa-flow-path .aa-flow-path__main{
  stroke: rgba(122,84,50,.34) !important;
}

.aa-flow-path circle{
  fill: #ffffff !important;
  stroke: rgba(185,132,50,.46) !important;
}

.aa-flow-card .aa-flow-card__body::before{
  background: linear-gradient(90deg, #556147, #b98432) !important;
  box-shadow: none !important;
}

/* Dashboard mockup sakinleştirme */
.aa-dash-shell-v49{
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,247,242,.74)) !important;
  border-color: var(--aa-calm-line) !important;
  box-shadow:
    0 28px 76px rgba(33,31,26,.14),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.aa-dash-user-v49 b{
  background: linear-gradient(135deg, #273125, #556147) !important;
  box-shadow: 0 10px 22px rgba(33,31,26,.10) !important;
}

.aa-dash-sidebar-v49 i.active{
  color: #273125 !important;
  background: rgba(85,97,71,.075) !important;
  border-color: rgba(85,97,71,.14) !important;
}

.aa-dash-main-v49__top span,
.aa-dashboard-kicker,
.aa-capacity-kicker{
  color: #9a632d !important;
}

.aa-dash-main-v49__top em{
  color: #3e4a35 !important;
  background: rgba(85,97,71,.075) !important;
  border-color: rgba(85,97,71,.14) !important;
}

.aa-dash-flow-v49::before{
  background: linear-gradient(90deg, rgba(85,97,71,.42), rgba(185,132,50,.42)) !important;
}

.aa-dash-flow-v49 span{
  color: #394236 !important;
  background: rgba(255,255,255,.88) !important;
  border-color: var(--aa-calm-line) !important;
}

.aa-dash-workspace-v49 li::before{
  background: #b98432 !important;
  box-shadow: none !important;
}

/* Inputs/forms */
input,
select,
textarea,
.aa-input,
.aa-form-control{
  color: var(--aa-calm-text) !important;
  border-color: rgba(36,43,38,.12) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow:
    0 8px 18px rgba(33,31,26,.04),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

input:focus,
select:focus,
textarea:focus,
.aa-input:focus,
.aa-form-control:focus{
  border-color: rgba(185,132,50,.34) !important;
  box-shadow:
    0 0 0 4px rgba(185,132,50,.09),
    0 12px 24px rgba(33,31,26,.06) !important;
}

/* Links: koyu, hover'da sıcak detay */
a,
.aa-nav a,
.aa-footer a{
  color: inherit !important;
}
a:hover,
.aa-nav a:hover,
.aa-footer a:hover{
  color: #9a632d !important;
}

/* Scroll buttons */
.aa-scroll-button,
.aa-scroll-btn,
.aa-scroll-controls button{
  color: var(--aa-calm-text) !important;
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(36,43,38,.11) !important;
  box-shadow: 0 12px 26px rgba(33,31,26,.10) !important;
}

/* Görsellerin mavi/mor filtrelerini doğal ama bozmadan hafiflet */
.aa-package-card__media img,
.aa-flow-card figure img,
.aa-trial-card-v45 figure img,
.aa-trial-product-v45 figure img,
.aa-capacity-main-device img{
  filter: saturate(1.02) contrast(1.015) drop-shadow(0 16px 24px rgba(33,31,26,.12)) !important;
}

/* Night mode: yine doğal ama karanlıkta okunur */
html[data-theme="night"],
html[data-theme="night"] body{
  background:
    radial-gradient(circle at 16% 10%, rgba(185,132,50,.035), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(85,97,71,.040), transparent 30%),
    linear-gradient(180deg, #10130f, #151914 52%, #10130f) !important;
  color: #f8f1e5 !important;
}

html[data-theme="night"] .aa-how-flow-section,
html[data-theme="night"] .aa-capacity-section--v46,
html[data-theme="night"] .aa-dashboard-control-v49-section,
html[data-theme="night"] .aa-community-trial-section,
html[data-theme="night"] .aa-dashboard-preview-section,
html[data-theme="night"] .aa-section{
  background:
    radial-gradient(circle at 14% 12%, rgba(185,132,50,.035), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(85,97,71,.040), transparent 30%),
    linear-gradient(180deg, #10130f 0%, #151914 52%, #10130f 100%) !important;
}

html[data-theme="night"] .aa-hero-title,
html[data-theme="night"] .aa-hero-kit__copy h1,
html[data-theme="night"] .aa-home-hero h1,
html[data-theme="night"] .aa-flow-head h2,
html[data-theme="night"] .aa-capacity-hero-v46__copy h2,
html[data-theme="night"] .aa-dashboard-control-v49__copy h2,
html[data-theme="night"] .aa-trial-hero-v45__copy h2,
html[data-theme="night"] .aa-section-head h2,
html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card h3{
  color: #f8f1e5 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

html[data-theme="night"] .aa-hero-kit__copy h1 span,
html[data-theme="night"] .aa-home-hero h1 span,
html[data-theme="night"] .aa-flow-head h2 span,
html[data-theme="night"] .aa-capacity-hero-v46__copy h2 span,
html[data-theme="night"] .aa-dashboard-control-v49__copy h2 span,
html[data-theme="night"] .aa-trial-hero-v45__copy h2 span,
html[data-theme="night"] .aa-section-head h2 span{
  color: #d0b36a !important;
}

html[data-theme="night"] p,
html[data-theme="night"] .aa-hero-kit__copy p,
html[data-theme="night"] .aa-home-hero p,
html[data-theme="night"] .aa-flow-head p,
html[data-theme="night"] .aa-capacity-hero-v46__copy p,
html[data-theme="night"] .aa-dashboard-control-v49__copy p,
html[data-theme="night"] .aa-trial-hero-v45__copy p,
html[data-theme="night"] .aa-section-head p{
  color: rgba(248,241,229,.70) !important;
}

html[data-theme="night"] .aa-package-card,
html[data-theme="night"] .aa-flow-card,
html[data-theme="night"] .aa-dash-shell-v49,
html[data-theme="night"] .aa-dash-sidebar-v49,
html[data-theme="night"] .aa-dash-main-v49,
html[data-theme="night"] .aa-dash-stats-v49 article,
html[data-theme="night"] .aa-dash-workspace-v49 section,
html[data-theme="night"] .aa-trial-card-v45,
html[data-theme="night"] .aa-trial-product-v45,
html[data-theme="night"] .aa-card,
html[data-theme="night"] .aa-panel,
html[data-theme="night"] .aa-modal,
html[data-theme="night"] .aa-drawer,
html[data-theme="night"] .aa-auth-card,
html[data-theme="night"] .aa-form-card{
  background:
    linear-gradient(180deg, rgba(24,28,22,.90), rgba(15,18,14,.78)) !important;
  border-color: rgba(185,132,50,.15) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.045) inset,
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html[data-theme="night"] .aa-kit-btn--glass,
html[data-theme="night"] .aa-kit-btn--secondary,
html[data-theme="night"] .aa-kit-btn:not(.aa-kit-btn--primary),
html[data-theme="night"] .aa-package-card__open{
  color: #f8f1e5 !important;
  background:
    linear-gradient(180deg, rgba(24,28,22,.92), rgba(38,43,33,.72)) !important;
  border-color: rgba(185,132,50,.18) !important;
}

html[data-theme="night"] .aa-dashboard-control-v49__chips span,
html[data-theme="night"] .aa-capacity-metric-strip span,
html[data-theme="night"] .aa-trial-status-v45,
html[data-theme="night"] .aa-trial-chip-v45,
html[data-theme="night"] .aa-pill,
html[data-theme="night"] .aa-chip,
html[data-theme="night"] .aa-badge,
html[data-theme="night"] .aa-status{
  color: #f8f1e5 !important;
  background: rgba(24,28,22,.78) !important;
  border-color: rgba(185,132,50,.16) !important;
}

html[data-theme="night"] .aa-package-card__media,
html[data-theme="night"] .aa-capacity-section--v46 .aa-package-card__media,
html[data-theme="night"] .aa-flow-card figure,
html[data-theme="night"] .aa-trial-card-v45 figure,
html[data-theme="night"] .aa-trial-product-v45 figure{
  background:
    radial-gradient(circle at 48% 36%, rgba(55,58,48,.60), transparent 44%),
    linear-gradient(180deg, #1a1e18 0%, #10130f 100%) !important;
}

/* =========================================================
   AgentsApp v54 — AI / DePIN Color System
   User palette:
   #18D8FF / #9354FF / #F0ABFC / #071A34
   Option 2 support: #2563EB / #D1D5DB / #14B8A6 / #1E293B
   Option 3 small energy: #F97316 / #F1F5F9
   ========================================================= */

:root{
  --aa-ai-bg:#F1F5F9;
  --aa-ai-soft:#EEF7FB;
  --aa-ai-line:#D1D5DB;
  --aa-ai-navy:#071A34;
  --aa-ai-slate:#1E293B;
  --aa-ai-blue:#2563EB;
  --aa-ai-cyan:#18D8FF;
  --aa-ai-teal:#14B8A6;
  --aa-ai-violet:#9354FF;
  --aa-ai-pink:#F0ABFC;
  --aa-ai-orange:#F97316;
  --aa-ai-text:#071A34;
  --aa-ai-muted:#58657A;
}

/* Base page */
html, body{
  color:var(--aa-ai-text)!important;
  background:
    radial-gradient(circle at 12% 8%, rgba(24,216,255,.11), transparent 26%),
    radial-gradient(circle at 82% 14%, rgba(147,84,255,.09), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,var(--aa-ai-soft) 52%,#ffffff 100%)!important;
}

/* Section surfaces */
.aa-section,.aa-how-flow-section,.aa-capacity-section--v46,.aa-dashboard-control-v49-section,
.aa-community-trial-section,.aa-dashboard-preview-section,.aa-test-hero-section{
  background:
    radial-gradient(circle at 13% 12%, rgba(24,216,255,.10), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(147,84,255,.085), transparent 30%),
    radial-gradient(circle at 52% 82%, rgba(20,184,166,.065), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#F6FBFF 50%,#ffffff 100%)!important;
}

/* Typography */
h1,h2,h3,h4,h5,h6,.aa-hero-title,.aa-hero-kit__copy h1,.aa-home-hero h1,
.aa-flow-head h2,.aa-capacity-hero-v46__copy h2,.aa-dashboard-control-v49__copy h2,
.aa-trial-hero-v45__copy h2,.aa-section-head h2{
  color:var(--aa-ai-navy)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:none!important;
}

.aa-hero-kit__copy h1 span,.aa-home-hero h1 span,.aa-flow-head h2 span,
.aa-capacity-hero-v46__copy h2 span,.aa-dashboard-control-v49__copy h2 span,
.aa-trial-hero-v45__copy h2 span,.aa-section-head h2 span,.aa-title-accent,.aa-gradient-text{
  color:transparent!important;
  background:linear-gradient(112deg,var(--aa-ai-blue) 0%,var(--aa-ai-cyan) 42%,var(--aa-ai-violet) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}

p,.aa-hero-kit__copy p,.aa-home-hero p,.aa-flow-head p,.aa-capacity-hero-v46__copy p,
.aa-dashboard-control-v49__copy p,.aa-trial-hero-v45__copy p,.aa-section-head p{
  color:var(--aa-ai-muted)!important;
}

/* Eyebrows */
.aa-dashboard-kicker,.aa-capacity-kicker,.aa-flow-head .aa-eyebrow,.aa-section-head .aa-eyebrow,
.aa-eyebrow,.aa-hero-eyebrow,.aa-capacity-grid-intro span{
  color:var(--aa-ai-blue)!important;
  letter-spacing:.18em!important;
  font-weight:850!important;
}
.aa-dashboard-kicker::before,.aa-capacity-kicker::before,.aa-eyebrow::before,.aa-hero-eyebrow::before{
  background:linear-gradient(90deg,var(--aa-ai-cyan),var(--aa-ai-blue),var(--aa-ai-violet))!important;
  box-shadow:0 0 18px rgba(24,216,255,.22)!important;
}

/* Buttons */
.aa-kit-btn,button.aa-kit-btn,a.aa-kit-btn,.aa-package-card__open,.aa-hero-actions .aa-kit-btn{
  min-height:40px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(37,99,235,.24)!important;
  font-weight:790!important;
  letter-spacing:-.012em!important;
  box-shadow:0 12px 26px rgba(37,99,235,.13),0 0 24px rgba(24,216,255,.09),inset 0 1px 0 rgba(255,255,255,.40)!important;
}
.aa-kit-btn--primary,a.aa-kit-btn--primary,button.aa-kit-btn--primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--aa-ai-navy) 0%,var(--aa-ai-blue) 46%,var(--aa-ai-violet) 100%)!important;
  border-color:rgba(24,216,255,.44)!important;
}
.aa-kit-btn--glass,.aa-kit-btn--secondary,.aa-kit-btn:not(.aa-kit-btn--primary),.aa-package-card__open{
  color:var(--aa-ai-navy)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,247,251,.80) 50%,rgba(240,171,252,.20))!important;
  border-color:rgba(37,99,235,.18)!important;
}
.aa-kit-btn:hover,.aa-package-card__open:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(24,216,255,.42)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.18),0 0 30px rgba(24,216,255,.16),0 0 28px rgba(147,84,255,.10),inset 0 1px 0 rgba(255,255,255,.46)!important;
}

/* Chips and bubbles */
.aa-dashboard-control-v49__chips span,.aa-capacity-metric-strip span,.aa-trial-status-v45,
.aa-trial-chip-v45,.aa-pill,.aa-chip,.aa-badge,.aa-status{
  min-height:32px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  color:#0B2A54!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,247,251,.78),rgba(24,216,255,.08))!important;
  border:1px solid rgba(37,99,235,.16)!important;
  box-shadow:0 9px 20px rgba(7,26,52,.055),0 0 18px rgba(24,216,255,.06),inset 0 1px 0 rgba(255,255,255,.80)!important;
  font-size:11.5px!important;
  font-weight:780!important;
}

/* Cards / panels / modals */
.aa-package-card,.aa-flow-card,.aa-dash-shell-v49,.aa-dash-sidebar-v49,.aa-dash-main-v49,
.aa-dash-stats-v49 article,.aa-dash-workspace-v49 section,.aa-trial-card-v45,.aa-trial-product-v45,
.aa-dashboard-control-v49__visual,.aa-card,.aa-panel,.aa-modal,.aa-drawer,.aa-auth-card,.aa-form-card,
.aa-dashboard-float-v49,.aa-capacity-float{
  border-color:rgba(37,99,235,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,251,255,.78))!important;
  box-shadow:0 18px 48px rgba(7,26,52,.10),0 0 0 1px rgba(255,255,255,.58) inset,0 0 26px rgba(24,216,255,.055),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.aa-package-card:hover,.aa-flow-card:hover,.aa-trial-card-v45:hover,.aa-card:hover,.aa-panel:hover{
  border-color:rgba(24,216,255,.34)!important;
  box-shadow:0 28px 72px rgba(7,26,52,.15),0 0 34px rgba(24,216,255,.13),0 0 28px rgba(147,84,255,.075),0 0 0 1px rgba(255,255,255,.72) inset,inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.aa-package-card::before,.aa-flow-card::before,.aa-trial-card-v45::before,.aa-trial-product-v45::before,
.aa-card::before,.aa-panel::before{
  opacity:.62!important;
  background:linear-gradient(135deg,rgba(24,216,255,.42),rgba(37,99,235,.16) 35%,rgba(147,84,255,.22) 72%,rgba(20,184,166,.15))!important;
}

/* Capacity titles */
.aa-capacity-section--v46 .aa-package-card h3{
  font-size:clamp(31px,2.3vw,44px)!important;
  letter-spacing:-.060em!important;
  color:transparent!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
.aa-package-card--starter h3{background:linear-gradient(112deg,var(--aa-ai-teal) 0%,var(--aa-ai-cyan) 55%,var(--aa-ai-blue) 100%)!important;}
.aa-package-card--lite h3{background:linear-gradient(112deg,var(--aa-ai-blue) 0%,var(--aa-ai-cyan) 55%,#7DD3FC 100%)!important;}
.aa-package-card--pro h3{background:linear-gradient(112deg,#4F46E5 0%,var(--aa-ai-violet) 55%,var(--aa-ai-pink) 100%)!important;}
.aa-package-card--edge h3{background:linear-gradient(112deg,var(--aa-ai-navy) 0%,var(--aa-ai-blue) 38%,var(--aa-ai-violet) 72%,var(--aa-ai-orange) 100%)!important;}
.aa-package-card--starter{--aa-capacity-card-glow:rgba(20,184,166,.14)!important;}
.aa-package-card--lite{--aa-capacity-card-glow:rgba(24,216,255,.15)!important;}
.aa-package-card--pro{--aa-capacity-card-glow:rgba(147,84,255,.14)!important;}
.aa-package-card--edge{--aa-capacity-card-glow:rgba(249,115,22,.105)!important;}

/* Image panels */
.aa-package-card__media,.aa-capacity-section--v46 .aa-package-card__media,.aa-flow-card figure,
.aa-trial-card-v45 figure,.aa-trial-product-v45 figure{
  background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.98),transparent 48%),radial-gradient(circle at 20% 84%,rgba(24,216,255,.13),transparent 40%),radial-gradient(circle at 82% 30%,rgba(147,84,255,.08),transparent 35%),linear-gradient(180deg,#fff 0%,#EAF6FF 100%)!important;
  box-shadow:inset 0 -1px 0 rgba(37,99,235,.10),inset 0 -22px 44px rgba(24,216,255,.035)!important;
}

/* Flow arrows and paths */
.aa-flow-card::after{
  color:#fff!important;
  background:linear-gradient(135deg,var(--aa-ai-blue),var(--aa-ai-cyan),var(--aa-ai-violet))!important;
  box-shadow:0 10px 24px rgba(37,99,235,.16),0 0 20px rgba(24,216,255,.16),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.aa-flow-path path,.aa-flow-path .aa-flow-path__main{stroke:rgba(37,99,235,.42)!important;}
.aa-flow-path circle{fill:#fff!important;stroke:rgba(24,216,255,.72)!important;}
.aa-flow-card .aa-flow-card__body::before{
  background:linear-gradient(90deg,var(--aa-ai-cyan),var(--aa-ai-blue),var(--aa-ai-violet))!important;
  box-shadow:0 0 16px rgba(24,216,255,.14)!important;
}

/* Dashboard mockup */
.aa-dash-shell-v49{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,247,251,.78)),radial-gradient(circle at 78% 18%,rgba(24,216,255,.10),transparent 34%)!important;
  border-color:rgba(37,99,235,.17)!important;
  box-shadow:0 28px 76px rgba(7,26,52,.14),0 0 42px rgba(24,216,255,.07),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.aa-dash-user-v49 b{
  background:linear-gradient(135deg,var(--aa-ai-navy),var(--aa-ai-blue),var(--aa-ai-cyan))!important;
  box-shadow:0 10px 22px rgba(37,99,235,.16)!important;
}
.aa-dash-sidebar-v49 i.active{
  color:var(--aa-ai-blue)!important;
  background:rgba(37,99,235,.075)!important;
  border-color:rgba(37,99,235,.14)!important;
}
.aa-dash-main-v49__top span,.aa-dashboard-kicker,.aa-capacity-kicker{color:var(--aa-ai-blue)!important;}
.aa-dash-main-v49__top em{color:#0E7490!important;background:rgba(24,216,255,.08)!important;border-color:rgba(24,216,255,.16)!important;}
.aa-dash-flow-v49::before{background:linear-gradient(90deg,var(--aa-ai-teal),var(--aa-ai-cyan),var(--aa-ai-violet))!important;}
.aa-dash-flow-v49 span{color:#0B2A54!important;background:rgba(255,255,255,.88)!important;border-color:rgba(37,99,235,.13)!important;}
.aa-dash-workspace-v49 li::before{background:var(--aa-ai-cyan)!important;box-shadow:0 0 14px rgba(24,216,255,.25)!important;}

/* Inputs */
input,select,textarea,.aa-input,.aa-form-control{
  color:var(--aa-ai-navy)!important;
  border-color:rgba(37,99,235,.14)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 8px 18px rgba(7,26,52,.04),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
input:focus,select:focus,textarea:focus,.aa-input:focus,.aa-form-control:focus{
  border-color:rgba(24,216,255,.48)!important;
  box-shadow:0 0 0 4px rgba(24,216,255,.12),0 12px 24px rgba(37,99,235,.08)!important;
}

/* Links and scroll */
a,.aa-nav a,.aa-footer a{color:inherit!important;}
a:hover,.aa-nav a:hover,.aa-footer a:hover{color:var(--aa-ai-blue)!important;}
.aa-scroll-button,.aa-scroll-btn,.aa-scroll-controls button{
  color:var(--aa-ai-navy)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,247,251,.78))!important;
  border-color:rgba(37,99,235,.16)!important;
  box-shadow:0 12px 26px rgba(7,26,52,.10),0 0 18px rgba(24,216,255,.08)!important;
}

/* Dark mode */
html[data-theme="night"],html[data-theme="night"] body{
  background:radial-gradient(circle at 16% 10%,rgba(24,216,255,.06),transparent 28%),radial-gradient(circle at 82% 16%,rgba(147,84,255,.07),transparent 30%),linear-gradient(180deg,#071A34,#0B1224 52%,#071A34)!important;
  color:#EEF7FB!important;
}
html[data-theme="night"] .aa-section,html[data-theme="night"] .aa-how-flow-section,html[data-theme="night"] .aa-capacity-section--v46,
html[data-theme="night"] .aa-dashboard-control-v49-section,html[data-theme="night"] .aa-community-trial-section,
html[data-theme="night"] .aa-dashboard-preview-section,html[data-theme="night"] .aa-test-hero-section{
  background:radial-gradient(circle at 14% 12%,rgba(24,216,255,.055),transparent 28%),radial-gradient(circle at 86% 18%,rgba(147,84,255,.060),transparent 30%),linear-gradient(180deg,#071A34 0%,#0B1224 52%,#071A34 100%)!important;
}
html[data-theme="night"] h1,html[data-theme="night"] h2,html[data-theme="night"] h3,html[data-theme="night"] h4,html[data-theme="night"] h5,html[data-theme="night"] h6,
html[data-theme="night"] .aa-hero-title,html[data-theme="night"] .aa-hero-kit__copy h1,html[data-theme="night"] .aa-home-hero h1,
html[data-theme="night"] .aa-flow-head h2,html[data-theme="night"] .aa-capacity-hero-v46__copy h2,html[data-theme="night"] .aa-dashboard-control-v49__copy h2,
html[data-theme="night"] .aa-trial-hero-v45__copy h2,html[data-theme="night"] .aa-section-head h2{color:#EEF7FB!important;}
html[data-theme="night"] p,html[data-theme="night"] .aa-hero-kit__copy p,html[data-theme="night"] .aa-home-hero p,html[data-theme="night"] .aa-flow-head p,
html[data-theme="night"] .aa-capacity-hero-v46__copy p,html[data-theme="night"] .aa-dashboard-control-v49__copy p,
html[data-theme="night"] .aa-trial-hero-v45__copy p,html[data-theme="night"] .aa-section-head p{color:rgba(238,247,251,.72)!important;}
html[data-theme="night"] .aa-package-card,html[data-theme="night"] .aa-flow-card,html[data-theme="night"] .aa-dash-shell-v49,
html[data-theme="night"] .aa-dash-sidebar-v49,html[data-theme="night"] .aa-dash-main-v49,html[data-theme="night"] .aa-dash-stats-v49 article,
html[data-theme="night"] .aa-dash-workspace-v49 section,html[data-theme="night"] .aa-trial-card-v45,html[data-theme="night"] .aa-trial-product-v45,
html[data-theme="night"] .aa-card,html[data-theme="night"] .aa-panel,html[data-theme="night"] .aa-modal,html[data-theme="night"] .aa-drawer,
html[data-theme="night"] .aa-auth-card,html[data-theme="night"] .aa-form-card,html[data-theme="night"] .aa-dashboard-float-v49,html[data-theme="night"] .aa-capacity-float{
  background:linear-gradient(180deg,rgba(7,26,52,.88),rgba(11,18,36,.76))!important;
  border-color:rgba(24,216,255,.16)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.045) inset,0 0 26px rgba(24,216,255,.055),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-theme="night"] .aa-kit-btn--glass,html[data-theme="night"] .aa-kit-btn--secondary,
html[data-theme="night"] .aa-kit-btn:not(.aa-kit-btn--primary),html[data-theme="night"] .aa-package-card__open{
  color:#EEF7FB!important;
  background:linear-gradient(180deg,rgba(7,26,52,.92),rgba(30,41,59,.72))!important;
  border-color:rgba(24,216,255,.18)!important;
}
html[data-theme="night"] .aa-dashboard-control-v49__chips span,html[data-theme="night"] .aa-capacity-metric-strip span,
html[data-theme="night"] .aa-trial-status-v45,html[data-theme="night"] .aa-trial-chip-v45,html[data-theme="night"] .aa-pill,
html[data-theme="night"] .aa-chip,html[data-theme="night"] .aa-badge,html[data-theme="night"] .aa-status{
  color:#EEF7FB!important;
  background:rgba(7,26,52,.78)!important;
  border-color:rgba(24,216,255,.16)!important;
}

/* =========================================================
   AgentsApp v55 — Premium Form / Login / Register / Modal System
   Built on V54 palette: #18D8FF #9354FF #F0ABFC #071A34
   ========================================================= */

/* Auth page canvas */
.aa-auth-page{
  position: relative !important;
  min-height: 100vh !important;
  display: grid !important;
  align-items: center !important;
  padding: clamp(118px, 10vw, 152px) clamp(22px, 4vw, 64px) clamp(64px, 7vw, 96px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 15% 18%, rgba(24,216,255,.15), transparent 28%),
    radial-gradient(circle at 84% 20%, rgba(147,84,255,.13), transparent 30%),
    radial-gradient(circle at 48% 86%, rgba(20,184,166,.085), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #EEF7FB 50%, #ffffff 100%) !important;
}

.aa-auth-page::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(37,99,235,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.04) 1px, transparent 1px) !important;
  background-size: 54px 54px !important;
  -webkit-mask-image: radial-gradient(ellipse at 50% 42%, #000 0%, rgba(0,0,0,.56) 48%, transparent 82%) !important;
  mask-image: radial-gradient(ellipse at 50% 42%, #000 0%, rgba(0,0,0,.56) 48%, transparent 82%) !important;
  opacity: .70 !important;
}

/* Two-panel auth shell */
.aa-auth-shell{
  position: relative !important;
  z-index: 2 !important;
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, .98fr) minmax(390px, .82fr) !important;
  min-height: clamp(620px, 66vh, 760px) !important;
  border-radius: 38px !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(238,247,251,.72)) !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  box-shadow:
    0 36px 96px rgba(7,26,52,.16),
    0 0 0 1px rgba(255,255,255,.62) inset,
    0 0 64px rgba(24,216,255,.08) !important;
}

.aa-auth-visual{
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 20px !important;
  padding: clamp(34px, 4.6vw, 66px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 24% 20%, rgba(24,216,255,.22), transparent 32%),
    radial-gradient(circle at 84% 24%, rgba(147,84,255,.18), transparent 34%),
    linear-gradient(135deg, #071A34 0%, #0E2A57 48%, #112347 100%) !important;
  color: #ffffff !important;
}

.aa-auth-visual::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px),
    radial-gradient(circle at 62% 44%, rgba(240,171,252,.16), transparent 27%) !important;
  background-size: 48px 48px, 48px 48px, 100% 100% !important;
  opacity: .64 !important;
}

.aa-auth-kicker{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: fit-content !important;
  color: #9AEFFF !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.aa-auth-kicker::before{
  content: "" !important;
  width: 32px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #18D8FF, #9354FF) !important;
  box-shadow: 0 0 18px rgba(24,216,255,.30) !important;
}

.aa-auth-visual h1{
  max-width: 620px !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(42px, 4.2vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: -.060em !important;
  font-weight: 790 !important;
}

.aa-auth-visual p{
  max-width: 560px !important;
  margin: 0 !important;
  color: rgba(238,247,251,.78) !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.56 !important;
}

.aa-auth-signal-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 8px !important;
  max-width: 620px !important;
}

.aa-auth-signal-grid span{
  min-height: 78px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.09) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 14px 34px rgba(0,0,0,.14) !important;
  backdrop-filter: blur(14px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(128%) !important;
}

.aa-auth-signal-grid strong{
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
}

.aa-auth-signal-grid small{
  color: rgba(238,247,251,.68) !important;
  font-size: 11px !important;
  font-weight: 720 !important;
}

.aa-auth-orbit{
  position: absolute !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  border: 1px solid rgba(24,216,255,.16) !important;
  box-shadow: 0 0 70px rgba(24,216,255,.08), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}

.aa-auth-orbit--one{
  width: 420px !important;
  height: 420px !important;
  right: -90px !important;
  top: -80px !important;
}

.aa-auth-orbit--two{
  width: 260px !important;
  height: 260px !important;
  left: -80px !important;
  bottom: 18% !important;
  border-color: rgba(147,84,255,.16) !important;
}

/* Form panel */
.aa-auth-panel{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(32px, 4vw, 54px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,251,255,.82)) !important;
}

.aa-auth-form-kicker{
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #1D4ED8 !important;
  background: rgba(37,99,235,.07) !important;
  border: 1px solid rgba(37,99,235,.13) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.aa-auth-panel h2{
  margin: 18px 0 0 !important;
  color: #071A34 !important;
  font-size: clamp(32px, 3vw, 46px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.052em !important;
  font-weight: 790 !important;
}

.aa-auth-panel > p{
  margin: 14px 0 0 !important;
  color: #5C6B7E !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.aa-auth-form{
  display: grid !important;
  gap: 14px !important;
  margin-top: 26px !important;
}

.aa-auth-form label:not(.aa-check-row),
.aa-form label:not(.aa-check-row){
  display: grid !important;
  gap: 8px !important;
  color: #1E293B !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  letter-spacing: -.01em !important;
}

.aa-auth-form label > span{
  color: #1E293B !important;
}

.aa-auth-form input[type="email"],
.aa-auth-form input[type="password"],
.aa-auth-form input[type="text"],
.aa-form input,
.aa-form select,
.aa-form textarea{
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  padding: 0 15px !important;
  color: #071A34 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(238,247,251,.68)) !important;
  box-shadow:
    0 10px 22px rgba(7,26,52,.045),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
  outline: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.aa-auth-form input:focus,
.aa-form input:focus,
.aa-form select:focus,
.aa-form textarea:focus{
  border-color: rgba(24,216,255,.54) !important;
  box-shadow:
    0 0 0 4px rgba(24,216,255,.12),
    0 14px 30px rgba(37,99,235,.09),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.aa-auth-row{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 2px !important;
}

.aa-check-row{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #5B677A !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.aa-check-row--full{
  align-items: flex-start !important;
  line-height: 1.35 !important;
}

.aa-check-row input{
  width: 16px !important;
  height: 16px !important;
  accent-color: #2563EB !important;
  flex: 0 0 auto !important;
}

.aa-auth-row a{
  color: #2563EB !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  text-decoration: none !important;
}

.aa-auth-submit{
  width: 100% !important;
  justify-content: center !important;
  margin-top: 8px !important;
  min-height: 48px !important;
}

.aa-auth-separator{
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  height: 26px !important;
  margin: 2px 0 !important;
}

.aa-auth-separator::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,.16), transparent) !important;
}

.aa-auth-separator span{
  position: relative !important;
  z-index: 2 !important;
  padding: 0 10px !important;
  color: #7B8797 !important;
  background: rgba(250,253,255,.92) !important;
  font-size: 11px !important;
  font-weight: 720 !important;
}

.aa-auth-google{
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  color: #071A34 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(238,247,251,.70)) !important;
  box-shadow: 0 10px 22px rgba(7,26,52,.055), inset 0 1px 0 rgba(255,255,255,.82) !important;
  font-weight: 780 !important;
  cursor: pointer !important;
}

.aa-auth-google span{
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563EB, #18D8FF, #9354FF) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Modal / drawer upgrade */
.aa-capacity-modal,
.aa-modal,
.aa-drawer,
[data-drawer],
.aa-support-drawer{
  border-color: rgba(37,99,235,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,251,255,.88)) !important;
  box-shadow:
    0 34px 90px rgba(7,26,52,.20),
    0 0 0 1px rgba(255,255,255,.62) inset,
    0 0 44px rgba(24,216,255,.08) !important;
}

.aa-capacity-modal__card,
.aa-modal__card,
.aa-drawer__panel{
  border-radius: 30px !important;
  border-color: rgba(37,99,235,.18) !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(24,216,255,.10), transparent 28%),
    radial-gradient(circle at 88% 16%, rgba(147,84,255,.09), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,251,255,.90)) !important;
  box-shadow:
    0 34px 90px rgba(7,26,52,.22),
    0 0 0 1px rgba(255,255,255,.62) inset !important;
}

.aa-capacity-modal__close,
.aa-modal__close,
.aa-drawer__close,
[data-modal-close],
[data-drawer-close]{
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(37,99,235,.15) !important;
  color: #071A34 !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 10px 24px rgba(7,26,52,.08), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.aa-capacity-modal__close:hover,
.aa-modal__close:hover,
.aa-drawer__close:hover,
[data-modal-close]:hover,
[data-drawer-close]:hover{
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563EB, #18D8FF) !important;
}

/* Old .aa-btn compatibility */
.aa-btn,
button.aa-btn,
a.aa-btn{
  min-height: 40px !important;
  border-radius: 999px !important;
  padding-inline: 18px !important;
  border: 1px solid rgba(37,99,235,.20) !important;
  font-weight: 780 !important;
  box-shadow: 0 10px 24px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.36) !important;
}

.aa-btn--primary,
a.aa-btn--primary,
button.aa-btn--primary{
  color: #ffffff !important;
  background: linear-gradient(135deg, #071A34, #2563EB, #9354FF) !important;
}

.aa-btn--soft,
.aa-btn--outline{
  color: #071A34 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,247,251,.80)) !important;
}

/* Dark auth */
html[data-theme="night"] .aa-auth-page{
  background:
    radial-gradient(circle at 14% 14%, rgba(24,216,255,.08), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(147,84,255,.08), transparent 30%),
    linear-gradient(180deg, #071A34 0%, #0B1224 52%, #071A34 100%) !important;
}

html[data-theme="night"] .aa-auth-shell,
html[data-theme="night"] .aa-auth-panel,
html[data-theme="night"] .aa-capacity-modal,
html[data-theme="night"] .aa-modal,
html[data-theme="night"] .aa-drawer,
html[data-theme="night"] .aa-support-drawer{
  background:
    linear-gradient(180deg, rgba(7,26,52,.90), rgba(11,18,36,.78)) !important;
  border-color: rgba(24,216,255,.16) !important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 0 34px rgba(24,216,255,.055) !important;
}

html[data-theme="night"] .aa-auth-panel h2,
html[data-theme="night"] .aa-auth-form label > span,
html[data-theme="night"] .aa-auth-row a{
  color: #EEF7FB !important;
}

html[data-theme="night"] .aa-auth-panel > p,
html[data-theme="night"] .aa-check-row{
  color: rgba(238,247,251,.72) !important;
}

html[data-theme="night"] .aa-auth-form input,
html[data-theme="night"] .aa-form input,
html[data-theme="night"] .aa-form select,
html[data-theme="night"] .aa-form textarea,
html[data-theme="night"] .aa-auth-google{
  color: #EEF7FB !important;
  background: rgba(7,26,52,.72) !important;
  border-color: rgba(24,216,255,.16) !important;
}

/* Responsive */
@media (max-width: 980px){
  .aa-auth-page{
    padding-top: 108px !important;
  }

  .aa-auth-shell{
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .aa-auth-visual{
    min-height: 420px !important;
  }

  .aa-auth-panel{
    padding: 30px !important;
  }
}

@media (max-width: 620px){
  .aa-auth-page{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .aa-auth-shell{
    border-radius: 26px !important;
  }

  .aa-auth-visual{
    padding: 28px !important;
    min-height: 360px !important;
  }

  .aa-auth-visual h1{
    font-size: clamp(34px, 10vw, 46px) !important;
  }

  .aa-auth-signal-grid{
    grid-template-columns: 1fr !important;
  }

  .aa-auth-row{
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* =========================================================
   AgentsApp v56 — Homepage Premium UI Unify + Auth Clean
   V55 form/login kalite dilini anasayfaya yayar.
   Auth sayfalarında navbar/footer yok; sol panelde logo, sağ panelde Ana sayfa butonu var.
   ========================================================= */

/* Global section breathing and container consistency */
main > section{ position: relative !important; }

.aa-container{
  width: min(1580px, calc(100% - 64px)) !important;
}

@media (max-width: 760px){
  .aa-container{ width: min(100% - 28px, 1580px) !important; }
}

/* Shared premium background depth */
.aa-how-flow-section,
.aa-capacity-section--v46,
.aa-dashboard-control-v49-section,
.aa-community-trial-section,
.aa-dashboard-preview-section,
.aa-faq-section,
.aa-test-flow-section,
.aa-trial-flow-section,
.aa-section{
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(24,216,255,.12), transparent 27%),
    radial-gradient(circle at 84% 16%, rgba(147,84,255,.10), transparent 30%),
    radial-gradient(circle at 50% 92%, rgba(20,184,166,.070), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #EEF7FB 54%, #ffffff 100%) !important;
}

.aa-how-flow-section::before,
.aa-capacity-section--v46::before,
.aa-dashboard-control-v49-section::before,
.aa-community-trial-section::before,
.aa-faq-section::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(37,99,235,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.035) 1px, transparent 1px) !important;
  background-size: 54px 54px !important;
  -webkit-mask-image: radial-gradient(ellipse at 50% 32%, #000 0%, rgba(0,0,0,.54) 45%, transparent 82%) !important;
  mask-image: radial-gradient(ellipse at 50% 32%, #000 0%, rgba(0,0,0,.54) 45%, transparent 82%) !important;
  opacity: .62 !important;
  z-index: 0 !important;
}

.aa-how-flow-section > *,
.aa-capacity-section--v46 > *,
.aa-dashboard-control-v49-section > *,
.aa-community-trial-section > *,
.aa-faq-section > *{
  position: relative !important;
  z-index: 1 !important;
}

/* Section heads: V55-like crisp hierarchy */
.aa-section-head,
.aa-flow-head,
.aa-capacity-hero-v46__copy,
.aa-dashboard-control-v49__copy,
.aa-trial-hero-v45__copy{
  max-width: 900px !important;
}

.aa-section-head h2,
.aa-flow-head h2,
.aa-capacity-hero-v46__copy h2,
.aa-dashboard-control-v49__copy h2,
.aa-trial-hero-v45__copy h2{
  font-size: clamp(34px, 3.35vw, 62px) !important;
  line-height: .99 !important;
  letter-spacing: -.058em !important;
  font-weight: 790 !important;
}

.aa-section-head p,
.aa-flow-head p,
.aa-capacity-hero-v46__copy p,
.aa-dashboard-control-v49__copy p,
.aa-trial-hero-v45__copy p{
  max-width: 680px !important;
  font-size: clamp(14.5px, .96vw, 17px) !important;
  line-height: 1.56 !important;
}

/* Auth-like premium shells for major homepage blocks */
.aa-capacity-hero-v46,
.aa-dashboard-control-v49,
.aa-trial-hero-v45,
.aa-test-flow-hero,
.aa-trial-community-panel{
  border-radius: 38px !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(24,216,255,.12), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(147,84,255,.10), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(238,247,251,.72)) !important;
  box-shadow:
    0 34px 90px rgba(7,26,52,.13),
    0 0 0 1px rgba(255,255,255,.62) inset,
    0 0 54px rgba(24,216,255,.065) !important;
  overflow: hidden !important;
}

/* Capacity block */
.aa-capacity-hero-v46{
  padding: clamp(32px, 4vw, 58px) !important;
  margin-bottom: clamp(22px, 3vw, 42px) !important;
}
.aa-capacity-hero-v46__copy{
  margin: 0 auto !important;
  text-align: center !important;
}
.aa-capacity-hero-v46__actions,
.aa-dashboard-control-v49__actions{
  justify-content: center !important;
}

/* How It Works stage */
.aa-flow-stage{
  border-radius: 38px !important;
  padding: clamp(18px, 2vw, 28px) !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(24,216,255,.09), transparent 24%),
    radial-gradient(circle at 84% 22%, rgba(147,84,255,.08), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.56), rgba(238,247,251,.32)) !important;
  border: 1px solid rgba(37,99,235,.10) !important;
  box-shadow:
    0 20px 60px rgba(7,26,52,.07),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

/* Cards: V55 fullness */
.aa-flow-card,
.aa-package-card,
.aa-trial-card-v45,
.aa-trial-product-v45,
.aa-dashboard-bento-v49__item,
.aa-faq-list details,
.aa-trial-community-grid article,
.aa-dashboard-float-v49,
.aa-capacity-float,
.aa-dash-stats-v49 article,
.aa-dash-workspace-v49 section{
  border-radius: 28px !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,251,255,.78)) !important;
  box-shadow:
    0 18px 48px rgba(7,26,52,.10),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 26px rgba(24,216,255,.055),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.aa-flow-card:hover,
.aa-package-card:hover,
.aa-trial-card-v45:hover,
.aa-trial-product-v45:hover,
.aa-faq-list details:hover,
.aa-trial-community-grid article:hover{
  border-color: rgba(24,216,255,.34) !important;
  box-shadow:
    0 28px 72px rgba(7,26,52,.15),
    0 0 34px rgba(24,216,255,.13),
    0 0 28px rgba(147,84,255,.075),
    0 0 0 1px rgba(255,255,255,.72) inset,
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

/* Card media surfaces */
.aa-flow-card figure,
.aa-package-card__media,
.aa-trial-card-v45 figure,
.aa-trial-product-v45 figure,
.aa-trial-community-grid article::before{
  background:
    radial-gradient(circle at 50% 36%, rgba(255,255,255,.98), transparent 48%),
    radial-gradient(circle at 20% 84%, rgba(24,216,255,.13), transparent 40%),
    radial-gradient(circle at 82% 30%, rgba(147,84,255,.08), transparent 35%),
    linear-gradient(180deg, #ffffff 0%, #EAF6FF 100%) !important;
}

/* Capacity cards compact premium */
.aa-capacity-section--v46 .aa-capacity-grid,
.aa-capacity-grid--premium{ gap: clamp(18px, 1.6vw, 28px) !important; }
.aa-capacity-section--v46 .aa-package-card{ min-height: 0 !important; }
.aa-capacity-section--v46 .aa-package-card__media{ height: clamp(220px, 16vw, 285px) !important; }
.aa-capacity-section--v46 .aa-package-card__body{
  min-height: 158px !important;
  padding: clamp(20px, 1.55vw, 26px) !important;
}
.aa-capacity-section--v46 .aa-package-card h3{ font-size: clamp(31px, 2.28vw, 44px) !important; }

/* Dashboard visual */
.aa-dashboard-control-v49{ padding: clamp(30px, 4vw, 58px) !important; }
.aa-dashboard-control-v49__visual{ border-radius: 36px !important; }
.aa-dash-shell-v49{
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(24,216,255,.10), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(147,84,255,.08), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(238,247,251,.78)) !important;
}
.aa-dash-sidebar-v49,
.aa-dash-main-v49{ border-radius: 24px !important; }
.aa-dash-main-v49__top strong{ font-size: clamp(22px, 1.9vw, 34px) !important; }

/* Trial/community */
.aa-trial-community-panel{
  display: grid !important;
  grid-template-columns: .9fr 1.1fr !important;
  gap: clamp(24px, 4vw, 60px) !important;
  align-items: center !important;
  padding: clamp(28px, 4vw, 58px) !important;
}
.aa-trial-community-panel__copy h2{
  color: #071A34 !important;
  font-size: clamp(34px, 3.35vw, 62px) !important;
  line-height: 1 !important;
  letter-spacing: -.058em !important;
}
.aa-trial-community-panel__copy p{
  color: #58657A !important;
  font-size: clamp(14.5px, .96vw, 17px) !important;
  line-height: 1.56 !important;
}
.aa-trial-community-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.aa-trial-community-grid article{
  position: relative !important;
  min-height: 180px !important;
  padding: 24px !important;
  overflow: hidden !important;
  display: grid !important;
  align-content: end !important;
}
.aa-trial-community-grid article::before{
  content: "" !important;
  position: absolute !important;
  inset: -40% -32% auto auto !important;
  width: 220px !important;
  height: 220px !important;
  border-radius: 999px !important;
  opacity: .86 !important;
  pointer-events: none !important;
}
.aa-trial-community-grid article span{
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  color: #2563EB !important;
  background: rgba(37,99,235,.08) !important;
  border: 1px solid rgba(37,99,235,.13) !important;
  font-weight: 850 !important;
}
.aa-trial-community-grid article strong{
  color: #071A34 !important;
  font-size: clamp(20px, 1.35vw, 26px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}
.aa-trial-community-grid article p{
  color: #58657A !important;
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
}

/* FAQ */
.aa-faq-list{
  display: grid !important;
  gap: 14px !important;
  max-width: 980px !important;
  margin: 0 auto !important;
}
.aa-faq-list details{ padding: 0 !important; overflow: hidden !important; }
.aa-faq-list summary{
  min-height: 66px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 20px 24px !important;
  color: #071A34 !important;
  font-weight: 790 !important;
  letter-spacing: -.018em !important;
  cursor: pointer !important;
}
.aa-faq-list summary::after{
  content: "+" !important;
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563EB, #18D8FF, #9354FF) !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.18) !important;
}
.aa-faq-list details[open] summary::after{ content: "−" !important; }
.aa-faq-list details p{
  margin: 0 !important;
  padding: 0 24px 22px !important;
  color: #58657A !important;
  line-height: 1.55 !important;
}

/* Unified buttons and kicker pills */
.aa-btn,
.aa-kit-btn,
.aa-package-card__open{
  min-height: 40px !important;
  border-radius: 999px !important;
}
.aa-btn--primary,
.aa-kit-btn--primary{
  color: #ffffff !important;
  background: linear-gradient(135deg, #071A34, #2563EB, #9354FF) !important;
  border-color: rgba(24,216,255,.42) !important;
}
.aa-eyebrow,
.aa-dashboard-kicker,
.aa-capacity-kicker,
.aa-flow-kicker,
.aa-auth-form-kicker{
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #1D4ED8 !important;
  background: rgba(37,99,235,.06) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* Navbar/footer surfaces */
.aa-navbar,
.site-navbar,
.aa-footer,
.site-footer{
  border-color: rgba(37,99,235,.12) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(238,247,251,.48)) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}

/* Auth pages: navbar/footer removed in markup, extra styling */
.aa-auth-brand{
  position: absolute !important;
  left: clamp(26px, 3.5vw, 48px) !important;
  top: clamp(24px, 3.2vw, 44px) !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 48px !important;
  padding: 8px 14px 8px 8px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.12) !important;
  backdrop-filter: blur(14px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
}
.aa-auth-brand img{
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  border-radius: 999px !important;
  background: transparent !important;
}
.aa-auth-brand > strong{
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  color: #071A34 !important;
  background: linear-gradient(135deg, #18D8FF, #9354FF) !important;
}
.aa-auth-brand span{
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 840 !important;
  letter-spacing: -.02em !important;
}
.aa-auth-panel__top{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}
.aa-auth-home-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: #071A34 !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,247,251,.78)) !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  box-shadow: 0 10px 22px rgba(7,26,52,.055), inset 0 1px 0 rgba(255,255,255,.80) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}
.aa-auth-home-btn:hover{
  color: #ffffff !important;
  background: linear-gradient(135deg, #071A34, #2563EB, #9354FF) !important;
}

/* Dark mode consistency */
html[data-theme="night"] .aa-how-flow-section,
html[data-theme="night"] .aa-capacity-section--v46,
html[data-theme="night"] .aa-dashboard-control-v49-section,
html[data-theme="night"] .aa-community-trial-section,
html[data-theme="night"] .aa-faq-section,
html[data-theme="night"] .aa-section{
  background:
    radial-gradient(circle at 14% 12%, rgba(24,216,255,.060), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(147,84,255,.065), transparent 30%),
    linear-gradient(180deg, #071A34 0%, #0B1224 52%, #071A34 100%) !important;
}

html[data-theme="night"] .aa-capacity-hero-v46,
html[data-theme="night"] .aa-dashboard-control-v49,
html[data-theme="night"] .aa-trial-hero-v45,
html[data-theme="night"] .aa-test-flow-hero,
html[data-theme="night"] .aa-trial-community-panel,
html[data-theme="night"] .aa-flow-stage{
  background:
    radial-gradient(circle at 18% 12%, rgba(24,216,255,.06), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(147,84,255,.06), transparent 30%),
    linear-gradient(135deg, rgba(7,26,52,.86), rgba(11,18,36,.72)) !important;
  border-color: rgba(24,216,255,.15) !important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 38px rgba(24,216,255,.050) !important;
}

html[data-theme="night"] .aa-trial-community-panel__copy h2,
html[data-theme="night"] .aa-trial-community-grid article strong,
html[data-theme="night"] .aa-faq-list summary{
  color: #EEF7FB !important;
}
html[data-theme="night"] .aa-trial-community-panel__copy p,
html[data-theme="night"] .aa-trial-community-grid article p,
html[data-theme="night"] .aa-faq-list details p{
  color: rgba(238,247,251,.72) !important;
}
html[data-theme="night"] .aa-eyebrow,
html[data-theme="night"] .aa-dashboard-kicker,
html[data-theme="night"] .aa-capacity-kicker,
html[data-theme="night"] .aa-flow-kicker,
html[data-theme="night"] .aa-auth-form-kicker{
  color: #9AEFFF !important;
  background: rgba(24,216,255,.07) !important;
  border-color: rgba(24,216,255,.15) !important;
}
html[data-theme="night"] .aa-navbar,
html[data-theme="night"] .site-navbar,
html[data-theme="night"] .aa-footer,
html[data-theme="night"] .site-footer{
  background:
    linear-gradient(180deg, rgba(7,26,52,.76), rgba(11,18,36,.52)) !important;
  border-color: rgba(24,216,255,.12) !important;
}
html[data-theme="night"] .aa-auth-home-btn{
  color: #EEF7FB !important;
  background: rgba(7,26,52,.72) !important;
  border-color: rgba(24,216,255,.16) !important;
}

/* Responsive improvements */
@media (max-width: 1180px){
  .aa-trial-community-panel{ grid-template-columns: 1fr !important; }
}

@media (max-width: 900px){
  .aa-capacity-hero-v46,
  .aa-dashboard-control-v49,
  .aa-trial-community-panel,
  .aa-flow-stage{
    border-radius: 28px !important;
    padding: 24px !important;
  }
  .aa-trial-community-grid{ grid-template-columns: 1fr !important; }
}

@media (max-width: 620px){
  .aa-section-head h2,
  .aa-flow-head h2,
  .aa-capacity-hero-v46__copy h2,
  .aa-dashboard-control-v49__copy h2,
  .aa-trial-hero-v45__copy h2{
    font-size: clamp(31px, 9vw, 44px) !important;
  }
  .aa-auth-panel__top{
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .aa-auth-brand{
    left: 20px !important;
    top: 20px !important;
  }
}

/* =========================================================
   AgentsApp v57 — Dashboard App Panel System
   Dashboard artık anasayfa gibi aşağı-yukarı section scroll değil;
   sidebar tıklamasıyla tek panel içerik değiştirir.
   ========================================================= */

html:has(.aa-dashboard-v57),
body:has(.aa-dashboard-v57){
  min-height: 100% !important;
  overflow: hidden !important;
  background: #071A34 !important;
}

.aa-dashboard-v57{
  position: fixed !important;
  inset: 0 !important;
  display: grid !important;
  grid-template-columns: 292px minmax(0, 1fr) !important;
  overflow: hidden !important;
  color: #071A34 !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(24,216,255,.16), transparent 28%),
    radial-gradient(circle at 92% 16%, rgba(147,84,255,.14), transparent 32%),
    linear-gradient(135deg, #071A34 0%, #0B1224 50%, #071A34 100%) !important;
}

/* Sidebar */
.aa-app-sidebar{
  position: relative !important;
  z-index: 6 !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 18px !important;
  height: 100vh !important;
  padding: 22px !important;
  border-right: 1px solid rgba(24,216,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(7,26,52,.86), rgba(11,18,36,.72)) !important;
  box-shadow: 24px 0 70px rgba(0,0,0,.18), inset -1px 0 0 rgba(255,255,255,.04) !important;
  overflow: hidden !important;
}

.aa-app-sidebar::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  opacity: .42 !important;
}

.aa-app-brand{
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding: 10px !important;
  border-radius: 24px !important;
  color: #EEF7FB !important;
  text-decoration: none !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.aa-app-brand__mark{
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #18D8FF, #9354FF) !important;
  box-shadow: 0 12px 26px rgba(24,216,255,.18) !important;
  flex: 0 0 auto !important;
}

.aa-app-brand__mark img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: transparent !important;
}

.aa-app-brand__mark strong{
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.aa-app-brand strong,
.aa-app-brand small{
  display: block !important;
}

.aa-app-brand strong{
  color: #ffffff !important;
  font-size: 15px !important;
  letter-spacing: -.02em !important;
}

.aa-app-brand small{
  color: rgba(238,247,251,.60) !important;
  font-size: 11px !important;
  margin-top: 2px !important;
}

/* Nav */
.aa-app-nav{
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  overflow: auto !important;
  padding-right: 4px !important;
  scrollbar-width: thin !important;
}

.aa-app-nav button{
  width: 100% !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  border: 1px solid transparent !important;
  color: rgba(238,247,251,.72) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  letter-spacing: -.012em !important;
  cursor: pointer !important;
  transition: .18s ease !important;
}

.aa-app-nav button:hover{
  color: #ffffff !important;
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.10) !important;
}

.aa-app-nav button.is-active{
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(37,99,235,.34), rgba(24,216,255,.16), rgba(147,84,255,.22)) !important;
  border-color: rgba(24,216,255,.22) !important;
  box-shadow: 0 12px 26px rgba(24,216,255,.08), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.aa-app-sidebar__footer{
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  gap: 8px !important;
}

.aa-app-sidebar__footer a{
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: #EEF7FB !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}

/* Main */
.aa-app-main{
  min-width: 0 !important;
  height: 100vh !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  padding: 22px !important;
  overflow: hidden !important;
}

.aa-app-topbar{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 76px !important;
  margin-bottom: 18px !important;
  padding: 14px 18px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(238,247,251,.74)) !important;
  box-shadow:
    0 18px 48px rgba(7,26,52,.14),
    0 0 0 1px rgba(255,255,255,.60) inset,
    0 0 28px rgba(24,216,255,.06) !important;
}

.aa-app-kicker{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  color: #2563EB !important;
  background: rgba(37,99,235,.07) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.aa-app-topbar h1{
  margin: 8px 0 0 !important;
  color: #071A34 !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1 !important;
  letter-spacing: -.050em !important;
  font-weight: 810 !important;
}

.aa-app-user{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px 8px 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
}

.aa-app-user > span{
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #071A34, #2563EB, #18D8FF) !important;
  font-weight: 900 !important;
}

.aa-app-user strong,
.aa-app-user small{
  display: block !important;
}

.aa-app-user strong{
  color: #071A34 !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.aa-app-user small{
  color: #58657A !important;
  font-size: 11px !important;
  margin-top: 4px !important;
}

/* Content panels */
.aa-app-content{
  position: relative !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.aa-app-panel{
  display: none !important;
  height: 100% !important;
  overflow: auto !important;
  padding: clamp(20px, 2vw, 28px) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(24,216,255,.10), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(147,84,255,.08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(238,247,251,.78)) !important;
  box-shadow:
    0 28px 72px rgba(7,26,52,.16),
    0 0 0 1px rgba(255,255,255,.62) inset,
    0 0 38px rgba(24,216,255,.055) !important;
}

.aa-app-panel.is-active{
  display: block !important;
  animation: aaDashPanelIn .22s ease both !important;
}

@keyframes aaDashPanelIn{
  from{ opacity: 0; transform: translateY(8px) scale(.992); }
  to{ opacity: 1; transform: translateY(0) scale(1); }
}

/* Components */
.aa-app-hero-card{
  display: grid !important;
  grid-template-columns: 1.05fr .95fr !important;
  gap: clamp(20px, 3vw, 44px) !important;
  align-items: center !important;
  padding: clamp(24px, 3vw, 42px) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(246,251,255,.78)) !important;
  box-shadow:
    0 18px 44px rgba(7,26,52,.10),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
}

.aa-app-hero-card h2,
.aa-app-panel-head h2{
  margin: 12px 0 0 !important;
  color: #071A34 !important;
  font-size: clamp(34px, 3vw, 56px) !important;
  line-height: 1 !important;
  letter-spacing: -.058em !important;
  font-weight: 810 !important;
}

.aa-app-hero-card p{
  max-width: 640px !important;
  margin: 16px 0 0 !important;
  color: #58657A !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.aa-app-hero-metrics{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
}

.aa-app-hero-metrics span,
.aa-app-card,
.aa-app-package,
.aa-app-project-grid article,
.aa-app-note-card,
.aa-app-timeline article,
.aa-app-roadmap article,
.aa-app-steps article,
.aa-app-doc{
  border-radius: 24px !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,251,255,.74)) !important;
  box-shadow:
    0 14px 34px rgba(7,26,52,.08),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.aa-app-hero-metrics span{
  min-height: 118px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  padding: 18px !important;
}

.aa-app-hero-metrics strong{
  color: transparent !important;
  background: linear-gradient(112deg, #2563EB, #18D8FF, #9354FF) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-size: clamp(28px, 2.6vw, 44px) !important;
  line-height: 1 !important;
  letter-spacing: -.06em !important;
}

.aa-app-hero-metrics small{
  color: #58657A !important;
  font-size: 11px !important;
  font-weight: 790 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

.aa-app-grid{
  display: grid !important;
  gap: 16px !important;
  margin-top: 18px !important;
}

.aa-app-grid--overview{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.aa-app-card{
  min-height: 184px !important;
  padding: 22px !important;
  display: grid !important;
  align-content: end !important;
}

.aa-app-card__label{
  position: absolute !important;
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 30px !important;
  align-items: center !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  color: #2563EB !important;
  background: rgba(37,99,235,.07) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.aa-app-card h3,
.aa-app-package strong,
.aa-app-project-grid strong,
.aa-app-note-card h3,
.aa-app-timeline strong,
.aa-app-roadmap strong,
.aa-app-steps strong,
.aa-app-doc h3{
  color: #071A34 !important;
  font-size: clamp(20px, 1.45vw, 28px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.040em !important;
  margin: 0 !important;
}

.aa-app-card p,
.aa-app-note-card p,
.aa-app-timeline p,
.aa-app-roadmap p,
.aa-app-steps p,
.aa-app-doc p{
  margin: 10px 0 0 !important;
  color: #58657A !important;
  font-size: 14px !important;
  line-height: 1.50 !important;
}

.aa-app-panel-head{
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 18px !important;
  margin-bottom: 20px !important;
}

.aa-app-package-grid,
.aa-app-project-grid,
.aa-app-roadmap,
.aa-app-steps{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.aa-app-package,
.aa-app-project-grid article,
.aa-app-roadmap article,
.aa-app-steps article{
  min-height: 170px !important;
  padding: 22px !important;
  display: grid !important;
  align-content: end !important;
  gap: 10px !important;
}

.aa-app-package span,
.aa-app-project-grid span{
  color: #58657A !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

.aa-app-package button{
  width: fit-content !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(37,99,235,.16) !important;
  color: #071A34 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,247,251,.80)) !important;
  font-weight: 780 !important;
  cursor: pointer !important;
}

.aa-app-project-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.aa-app-project-grid em{
  width: fit-content !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: #0E7490 !important;
  background: rgba(24,216,255,.08) !important;
  border: 1px solid rgba(24,216,255,.16) !important;
  font-style: normal !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.aa-app-note-card{
  margin-top: 16px !important;
  padding: 24px !important;
}

.aa-app-timeline{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.aa-app-timeline article span,
.aa-app-roadmap article span{
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 30px !important;
  align-items: center !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  color: #2563EB !important;
  background: rgba(37,99,235,.07) !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.aa-app-doc{
  padding: 26px !important;
  max-width: 980px !important;
}

.aa-app-doc h3 + p{
  margin-bottom: 20px !important;
}

.aa-app-form{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  max-width: 920px !important;
}

.aa-app-form label{
  display: grid !important;
  gap: 8px !important;
  color: #1E293B !important;
  font-size: 12px !important;
  font-weight: 790 !important;
}

.aa-app-form label span{
  color: #1E293B !important;
}

.aa-app-form input,
.aa-app-form select,
.aa-app-form textarea{
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  padding: 0 15px !important;
  color: #071A34 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(238,247,251,.68)) !important;
  box-shadow: 0 10px 22px rgba(7,26,52,.045), inset 0 1px 0 rgba(255,255,255,.80) !important;
  outline: none !important;
}

.aa-app-form textarea{
  min-height: 128px !important;
  padding-top: 14px !important;
  resize: vertical !important;
}

.aa-app-form label:has(textarea),
.aa-app-form button{
  grid-column: 1 / -1 !important;
}

/* Dark mode */
html[data-theme="night"] .aa-app-topbar,
html[data-theme="night"] .aa-app-panel,
html[data-theme="night"] .aa-app-hero-card,
html[data-theme="night"] .aa-app-hero-metrics span,
html[data-theme="night"] .aa-app-card,
html[data-theme="night"] .aa-app-package,
html[data-theme="night"] .aa-app-project-grid article,
html[data-theme="night"] .aa-app-note-card,
html[data-theme="night"] .aa-app-timeline article,
html[data-theme="night"] .aa-app-roadmap article,
html[data-theme="night"] .aa-app-steps article,
html[data-theme="night"] .aa-app-doc{
  background: linear-gradient(180deg, rgba(7,26,52,.88), rgba(11,18,36,.76)) !important;
  border-color: rgba(24,216,255,.16) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.30), 0 0 0 1px rgba(255,255,255,.045) inset, 0 0 26px rgba(24,216,255,.055) !important;
}

html[data-theme="night"] .aa-app-topbar h1,
html[data-theme="night"] .aa-app-user strong,
html[data-theme="night"] .aa-app-hero-card h2,
html[data-theme="night"] .aa-app-panel-head h2,
html[data-theme="night"] .aa-app-card h3,
html[data-theme="night"] .aa-app-package strong,
html[data-theme="night"] .aa-app-project-grid strong,
html[data-theme="night"] .aa-app-note-card h3,
html[data-theme="night"] .aa-app-timeline strong,
html[data-theme="night"] .aa-app-roadmap strong,
html[data-theme="night"] .aa-app-steps strong,
html[data-theme="night"] .aa-app-doc h3,
html[data-theme="night"] .aa-app-form label,
html[data-theme="night"] .aa-app-form label span{
  color: #EEF7FB !important;
}

html[data-theme="night"] .aa-app-user small,
html[data-theme="night"] .aa-app-hero-card p,
html[data-theme="night"] .aa-app-card p,
html[data-theme="night"] .aa-app-note-card p,
html[data-theme="night"] .aa-app-timeline p,
html[data-theme="night"] .aa-app-roadmap p,
html[data-theme="night"] .aa-app-steps p,
html[data-theme="night"] .aa-app-doc p,
html[data-theme="night"] .aa-app-package span,
html[data-theme="night"] .aa-app-project-grid span{
  color: rgba(238,247,251,.72) !important;
}

html[data-theme="night"] .aa-app-user,
html[data-theme="night"] .aa-app-form input,
html[data-theme="night"] .aa-app-form select,
html[data-theme="night"] .aa-app-form textarea{
  color: #EEF7FB !important;
  background: rgba(7,26,52,.72) !important;
  border-color: rgba(24,216,255,.16) !important;
}

/* Responsive dashboard */
@media (max-width: 1120px){
  .aa-dashboard-v57{
    grid-template-columns: 236px minmax(0, 1fr) !important;
  }
  .aa-app-sidebar{
    padding: 16px !important;
  }
  .aa-app-package-grid,
  .aa-app-project-grid,
  .aa-app-roadmap,
  .aa-app-steps{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .aa-app-grid--overview,
  .aa-app-timeline{
    grid-template-columns: 1fr !important;
  }
  .aa-app-hero-card{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px){
  html:has(.aa-dashboard-v57),
  body:has(.aa-dashboard-v57){
    overflow: auto !important;
  }

  .aa-dashboard-v57{
    position: relative !important;
    min-height: 100vh !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
  }

  .aa-app-sidebar{
    height: auto !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
  }

  .aa-app-nav{
    display: flex !important;
    overflow-x: auto !important;
    gap: 8px !important;
  }

  .aa-app-nav button{
    width: auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .aa-app-main{
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
    padding: 14px !important;
  }

  .aa-app-content,
  .aa-app-panel{
    height: auto !important;
    min-height: 620px !important;
    overflow: visible !important;
  }

  .aa-app-topbar{
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .aa-app-package-grid,
  .aa-app-project-grid,
  .aa-app-roadmap,
  .aa-app-steps,
  .aa-app-form{
    grid-template-columns: 1fr !important;
  }

  .aa-app-hero-metrics{
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   AgentsApp v58 — Dashboard tab fix + Main Hero dashboard style
   ========================================================= */

/* Dashboard tab visibility hard fix */
.aa-dashboard-v57 .aa-app-panel[hidden]{
  display: none !important;
}

.aa-dashboard-v57 .aa-app-panel:not(.is-active){
  display: none !important;
}

.aa-dashboard-v57 .aa-app-panel.is-active{
  display: block !important;
}

/* Sidebar buttons should always be clickable */
.aa-dashboard-v57 .aa-app-nav,
.aa-dashboard-v57 .aa-app-nav button{
  pointer-events: auto !important;
}

.aa-dashboard-v57 .aa-app-nav button{
  user-select: none !important;
}

/* Main public hero gets the same premium dashboard/app energy */
.aa-hero-kit,
.aa-home-hero,
.aa-hero-v41,
.aa-main-hero{
  position: relative !important;
  isolation: isolate !important;
}

/* Add dashboard-like dark glass layer without hiding the background image */
.aa-hero-kit::before,
.aa-home-hero::before,
.aa-hero-v41::before,
.aa-main-hero::before{
  content: "" !important;
  position: absolute !important;
  inset: clamp(92px, 10vw, 128px) clamp(24px, 4vw, 64px) clamp(34px, 5vw, 72px) clamp(24px, 4vw, 64px) !important;
  z-index: 1 !important;
  border-radius: clamp(30px, 3vw, 44px) !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(24,216,255,.18), transparent 30%),
    radial-gradient(circle at 88% 16%, rgba(147,84,255,.16), transparent 34%),
    linear-gradient(135deg, rgba(7,26,52,.74), rgba(11,18,36,.44)) !important;
  border: 1px solid rgba(24,216,255,.16) !important;
  box-shadow:
    0 38px 100px rgba(7,26,52,.26),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 54px rgba(24,216,255,.08) !important;
  backdrop-filter: blur(8px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(118%) !important;
}

/* Keep hero content above the new app shell */
.aa-hero-kit > *,
.aa-home-hero > *,
.aa-hero-v41 > *,
.aa-main-hero > *{
  position: relative !important;
  z-index: 2 !important;
}

/* Hero copy: dashboard control center feeling */
.aa-hero-kit__copy,
.aa-home-hero__copy,
.aa-hero-copy,
.aa-hero-content,
.aa-main-hero__copy{
  max-width: 700px !important;
  padding: clamp(28px, 4vw, 56px) !important;
  border-radius: clamp(26px, 2.6vw, 38px) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background:
    linear-gradient(135deg, rgba(7,26,52,.58), rgba(11,18,36,.28)) !important;
  box-shadow:
    0 24px 72px rgba(0,0,0,.18),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 34px rgba(24,216,255,.07) !important;
  backdrop-filter: blur(12px) saturate(126%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(126%) !important;
}

.aa-hero-kit__copy h1,
.aa-home-hero__copy h1,
.aa-hero-copy h1,
.aa-hero-content h1,
.aa-main-hero__copy h1,
.aa-hero-title{
  color: #ffffff !important;
  font-size: clamp(38px, 4.4vw, 76px) !important;
  line-height: .97 !important;
  letter-spacing: -.065em !important;
  font-weight: 810 !important;
  text-shadow: 0 20px 50px rgba(0,0,0,.18) !important;
}

.aa-hero-kit__copy h1 span,
.aa-home-hero__copy h1 span,
.aa-hero-copy h1 span,
.aa-hero-content h1 span,
.aa-main-hero__copy h1 span{
  color: transparent !important;
  background: linear-gradient(112deg, #18D8FF 0%, #ffffff 38%, #9354FF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.aa-hero-kit__copy p,
.aa-home-hero__copy p,
.aa-hero-copy p,
.aa-hero-content p,
.aa-main-hero__copy p{
  color: rgba(238,247,251,.78) !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.58 !important;
}

/* Hero eyebrow like dashboard sidebar premium label */
.aa-hero-kit .aa-eyebrow,
.aa-home-hero .aa-eyebrow,
.aa-hero-v41 .aa-eyebrow,
.aa-main-hero .aa-eyebrow,
.aa-hero-eyebrow{
  color: #9AEFFF !important;
  background: rgba(24,216,255,.10) !important;
  border-color: rgba(24,216,255,.18) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Hero buttons align with dashboard app buttons */
.aa-hero-kit .aa-kit-btn--primary,
.aa-home-hero .aa-kit-btn--primary,
.aa-hero-v41 .aa-kit-btn--primary,
.aa-main-hero .aa-kit-btn--primary,
.aa-hero-actions .aa-kit-btn--primary{
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563EB, #18D8FF, #9354FF) !important;
  border-color: rgba(24,216,255,.46) !important;
  box-shadow:
    0 16px 34px rgba(37,99,235,.22),
    0 0 30px rgba(24,216,255,.16),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.aa-hero-kit .aa-kit-btn--glass,
.aa-home-hero .aa-kit-btn--glass,
.aa-hero-v41 .aa-kit-btn--glass,
.aa-main-hero .aa-kit-btn--glass,
.aa-hero-actions .aa-kit-btn:not(.aa-kit-btn--primary){
  color: #ffffff !important;
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Hero small stats/chips become dashboard-style if present */
.aa-hero-kit .aa-chip,
.aa-home-hero .aa-chip,
.aa-hero-v41 .aa-chip,
.aa-main-hero .aa-chip,
.aa-hero-kit .aa-badge,
.aa-home-hero .aa-badge,
.aa-hero-v41 .aa-badge,
.aa-main-hero .aa-badge{
  color: #EEF7FB !important;
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(24,216,255,.16) !important;
}

/* Dashboard style is for top hero only; lower sections stay light */
.aa-capacity-section--v46 .aa-capacity-hero-v46::before,
.aa-dashboard-control-v49-section .aa-dashboard-control-v49::before,
.aa-how-flow-section .aa-flow-stage::before{
  backdrop-filter: none !important;
}

/* Responsive: don't crowd background on smaller screens */
@media (max-width: 900px){
  .aa-hero-kit::before,
  .aa-home-hero::before,
  .aa-hero-v41::before,
  .aa-main-hero::before{
    inset: 92px 16px 28px 16px !important;
    border-radius: 28px !important;
  }

  .aa-hero-kit__copy,
  .aa-home-hero__copy,
  .aa-hero-copy,
  .aa-hero-content,
  .aa-main-hero__copy{
    max-width: none !important;
    padding: 26px !important;
  }

  .aa-hero-kit__copy h1,
  .aa-home-hero__copy h1,
  .aa-hero-copy h1,
  .aa-hero-content h1,
  .aa-main-hero__copy h1,
  .aa-hero-title{
    font-size: clamp(34px, 10vw, 52px) !important;
  }
}


/* =========================================================
   AgentsApp v59 — Transparent Logo + Hero/Card Cleanup
   ========================================================= */
:root{--aa-v59-navy:#071A34;--aa-v59-blue:#2563EB;--aa-v59-cyan:#18D8FF;--aa-v59-violet:#9354FF;--aa-v59-soft:#EEF7FB;}

/* Transparent uploaded logo everywhere */
img[src*="agentsapp-logo-transparent"],
.aa-brand img,.aa-logo img,.site-brand img,.navbar-brand img,
.aa-navbar img,.site-navbar img,.aa-footer img,.site-footer img,
.aa-auth-brand img,.aa-app-brand__mark img{
  background:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain!important;mix-blend-mode:normal!important;
}
.aa-brand,.aa-logo,.site-brand,.navbar-brand,.aa-footer-brand,.aa-auth-brand,.aa-app-brand{background:transparent!important;box-shadow:none!important;}
.aa-brand::before,.aa-brand::after,.aa-logo::before,.aa-logo::after,.site-brand::before,.site-brand::after,.navbar-brand::before,.navbar-brand::after,.aa-footer-brand::before,.aa-footer-brand::after{display:none!important;}
.aa-navbar img[src*="agentsapp-logo-transparent"],.site-navbar img[src*="agentsapp-logo-transparent"],.aa-brand img[src*="agentsapp-logo-transparent"],.aa-logo img[src*="agentsapp-logo-transparent"]{height:clamp(50px,4vw,70px)!important;width:auto!important;max-width:300px!important;}
.aa-footer img[src*="agentsapp-logo-transparent"],.site-footer img[src*="agentsapp-logo-transparent"]{height:clamp(46px,3.4vw,64px)!important;width:auto!important;max-width:280px!important;}
.aa-auth-brand{background:rgba(255,255,255,.06)!important;padding:6px 14px 6px 6px!important;}
.aa-auth-brand img[src*="agentsapp-logo-transparent"]{width:160px!important;height:auto!important;max-height:58px!important;}
.aa-app-brand__mark{width:58px!important;height:48px!important;background:transparent!important;box-shadow:none!important;border-radius:14px!important;}
.aa-app-brand__mark img[src*="agentsapp-logo-transparent"]{width:100%!important;height:100%!important;}

/* Remove the big rear boxes in hero areas */
.aa-hero-kit::before,.aa-home-hero::before,.aa-hero-v41::before,.aa-main-hero::before,
.aa-hero-kit::after,.aa-home-hero::after,.aa-hero-v41::after,.aa-main-hero::after,
.aa-hero-seam,.aa-hero-transition,.aa-hero-soft-blend,.aa-hero-end,.aa-home-hero-seam,.aa-jarallax-seam{
  display:none!important;opacity:0!important;visibility:hidden!important;
}

/* Hero text remains premium but no giant background shell */
.aa-hero-kit__copy,.aa-home-hero__copy,.aa-hero-copy,.aa-hero-content,.aa-main-hero__copy{
  max-width:660px!important;padding:clamp(20px,2.5vw,36px)!important;border-radius:clamp(20px,2vw,30px)!important;
  border:1px solid rgba(255,255,255,.15)!important;background:linear-gradient(135deg,rgba(7,26,52,.38),rgba(11,18,36,.16))!important;
  box-shadow:0 18px 54px rgba(7,26,52,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(7px) saturate(116%)!important;-webkit-backdrop-filter:blur(7px) saturate(116%)!important;
}

/* Kill hard transition lines between heroes/sections */
.aa-hero-kit,.aa-home-hero,.aa-hero-v41,.aa-main-hero,.aa-section,.aa-how-flow-section,.aa-capacity-section--v46,.aa-dashboard-control-v49-section,.aa-community-trial-section,.aa-dashboard-preview-section,.aa-faq-section{border-top:0!important;border-bottom:0!important;}
.aa-hero-kit + section,.aa-home-hero + section,.aa-main-hero + section,.aa-hero-v41 + section,section + section{border-top:0!important;}
.aa-section::after,.aa-how-flow-section::after,.aa-capacity-section--v46::after,.aa-dashboard-control-v49-section::after,.aa-community-trial-section::after,.aa-dashboard-preview-section::after,.aa-faq-section::after{border:0!important;box-shadow:none!important;background:transparent!important;}
.aa-how-flow-section::before,.aa-capacity-section--v46::before,.aa-dashboard-control-v49-section::before,.aa-community-trial-section::before,.aa-faq-section::before{opacity:.40!important;}

/* Thinner text bands below cards/images */
.aa-package-card__body,.aa-flow-card .aa-flow-card__body,.aa-flow-card__body,.aa-trial-card-v45__body,.aa-trial-product-v45__body,.aa-card__body,.aa-panel__body{
  padding:clamp(13px,1.1vw,18px)!important;min-height:0!important;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(246,251,255,.56))!important;border-top:1px solid rgba(37,99,235,.08)!important;
}
.aa-capacity-section--v46 .aa-package-card__body{min-height:88px!important;padding:clamp(13px,1vw,17px)!important;display:grid!important;align-content:center!important;gap:8px!important;}
.aa-capacity-section--v46 .aa-package-card h3{font-size:clamp(28px,2vw,38px)!important;line-height:.98!important;margin:0!important;}
.aa-capacity-section--v46 .aa-package-card__open,.aa-package-card__open{min-height:34px!important;width:fit-content!important;padding:0 14px!important;font-size:12px!important;border-radius:999px!important;}
.aa-flow-card h3,.aa-trial-card-v45 h3,.aa-trial-product-v45 h3,.aa-card h3{font-size:clamp(18px,1.25vw,23px)!important;line-height:1.05!important;letter-spacing:-.034em!important;margin:0!important;}
.aa-flow-card p,.aa-trial-card-v45 p,.aa-trial-product-v45 p,.aa-card p,.aa-package-card p{font-size:clamp(12.5px,.84vw,14px)!important;line-height:1.42!important;margin-top:6px!important;}

/* Cleaner image fill and less bulky cards */
.aa-flow-card figure,.aa-package-card__media,.aa-trial-card-v45 figure,.aa-trial-product-v45 figure{min-height:0!important;overflow:hidden!important;}
.aa-flow-card figure img,.aa-package-card__media img,.aa-trial-card-v45 figure img,.aa-trial-product-v45 figure img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.aa-capacity-section--v46 .aa-package-card__media{height:clamp(190px,14vw,248px)!important;}
.aa-flow-card figure,.aa-trial-card-v45 figure,.aa-trial-product-v45 figure{height:clamp(176px,13vw,236px)!important;}
.aa-flow-card,.aa-package-card,.aa-trial-card-v45,.aa-trial-product-v45{overflow:hidden!important;}

/* Soften section inner shells but keep premium fullness */
.aa-flow-stage,.aa-capacity-hero-v46,.aa-dashboard-control-v49,.aa-trial-hero-v45,.aa-test-flow-hero,.aa-trial-community-panel{
  background:radial-gradient(circle at 18% 12%,rgba(24,216,255,.07),transparent 28%),radial-gradient(circle at 88% 18%,rgba(147,84,255,.055),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.66),rgba(238,247,251,.42))!important;
  box-shadow:0 18px 54px rgba(7,26,52,.08),0 0 0 1px rgba(255,255,255,.54) inset!important;
}

/* Dashboard page keeps app depth */
.aa-dashboard-v57 .aa-app-panel,.aa-dashboard-v57 .aa-app-topbar,.aa-dashboard-v57 .aa-app-sidebar{box-shadow:initial;}
html[data-theme="night"] .aa-package-card__body,html[data-theme="night"] .aa-flow-card .aa-flow-card__body,html[data-theme="night"] .aa-flow-card__body,html[data-theme="night"] .aa-trial-card-v45__body,html[data-theme="night"] .aa-trial-product-v45__body,html[data-theme="night"] .aa-card__body,html[data-theme="night"] .aa-panel__body{background:rgba(7,26,52,.60)!important;border-top-color:rgba(24,216,255,.12)!important;}
html[data-theme="night"] .aa-flow-stage,html[data-theme="night"] .aa-capacity-hero-v46,html[data-theme="night"] .aa-dashboard-control-v49,html[data-theme="night"] .aa-trial-hero-v45,html[data-theme="night"] .aa-test-flow-hero,html[data-theme="night"] .aa-trial-community-panel{background:radial-gradient(circle at 18% 12%,rgba(24,216,255,.045),transparent 28%),radial-gradient(circle at 88% 18%,rgba(147,84,255,.045),transparent 30%),linear-gradient(135deg,rgba(7,26,52,.72),rgba(11,18,36,.58))!important;box-shadow:0 18px 54px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.035) inset!important;}

@media (max-width:900px){
  .aa-navbar img[src*="agentsapp-logo-transparent"],.site-navbar img[src*="agentsapp-logo-transparent"],.aa-brand img[src*="agentsapp-logo-transparent"],.aa-logo img[src*="agentsapp-logo-transparent"]{height:46px!important;max-width:230px!important;}
  .aa-hero-kit__copy,.aa-home-hero__copy,.aa-hero-copy,.aa-hero-content,.aa-main-hero__copy{padding:22px!important;max-width:none!important;}
  .aa-capacity-section--v46 .aa-package-card__media,.aa-flow-card figure,.aa-trial-card-v45 figure,.aa-trial-product-v45 figure{height:190px!important;}
}


/* =========================================================
   AgentsApp v60 — Hero / Navbar / Logo / Card Cleanup
   Kullanıcı düzeltmeleri:
   - Background görselleri zoom/resize sırasında yarım görünmesin.
   - Hero arası geçiş çizgileri yok.
   - Logo her yerde büyük ve transparent.
   - Hero büyük zemin boxları kaldırıldı.
   - Kart/box beyaz boşlukları azaltıldı.
   - How It Works kutuları büyütüldü ve sol hizalı merdiven akışa alındı.
   - Navbar inceltildi.
   ========================================================= */

/* 1) GLOBAL LOGO — büyük, transparent, arkasız */
img[src*="agentsapp-logo-transparent"]{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

.aa-navbar img[src*="agentsapp-logo-transparent"],
.site-navbar img[src*="agentsapp-logo-transparent"],
.aa-brand img[src*="agentsapp-logo-transparent"],
.site-brand img[src*="agentsapp-logo-transparent"],
.navbar-brand img[src*="agentsapp-logo-transparent"],
.aa-logo img[src*="agentsapp-logo-transparent"]{
  height: clamp(56px, 4.4vw, 82px) !important;
  width: auto !important;
  max-width: 360px !important;
  display: block !important;
}

.aa-footer img[src*="agentsapp-logo-transparent"],
.site-footer img[src*="agentsapp-logo-transparent"],
.aa-footer-brand img[src*="agentsapp-logo-transparent"]{
  height: clamp(52px, 3.8vw, 74px) !important;
  width: auto !important;
  max-width: 340px !important;
}

.aa-auth-brand img[src*="agentsapp-logo-transparent"]{
  width: 190px !important;
  height: auto !important;
  max-height: 72px !important;
}

.aa-app-brand__mark{
  width: 78px !important;
  height: 54px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.aa-app-brand__mark img[src*="agentsapp-logo-transparent"]{
  width: 100% !important;
  height: 100% !important;
}

/* Beyaz logo plakalarını kapat */
.aa-brand,
.site-brand,
.navbar-brand,
.aa-logo,
.aa-footer-brand{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.aa-brand::before,.aa-brand::after,
.site-brand::before,.site-brand::after,
.navbar-brand::before,.navbar-brand::after,
.aa-logo::before,.aa-logo::after,
.aa-footer-brand::before,.aa-footer-brand::after{
  display: none !important;
}

/* 2) NAVBAR — daha ince ama logo büyük */
.aa-navbar,
.site-navbar,
header.aa-navbar,
header.site-navbar{
  min-height: 68px !important;
  height: 68px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  box-shadow: 0 10px 34px rgba(7,26,52,.08) !important;
  background: rgba(255,255,255,.62) !important;
  backdrop-filter: blur(16px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(128%) !important;
}

.aa-navbar .aa-container,
.site-navbar .aa-container,
.aa-navbar__inner,
.site-navbar__inner,
.navbar-inner{
  min-height: 68px !important;
  height: 68px !important;
  align-items: center !important;
}

.aa-nav a,
.site-nav a,
.aa-navbar nav a,
.site-navbar nav a{
  font-size: 13px !important;
  font-weight: 790 !important;
  line-height: 1 !important;
}

.aa-navbar .aa-kit-btn,
.site-navbar .aa-kit-btn,
.aa-navbar button,
.site-navbar button{
  min-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 3) ANA HERO BACKGROUND — görsel yarım görünmesin, section çökmesin */
.aa-hero-kit,
.aa-home-hero,
.aa-hero-v41,
.aa-main-hero,
.aa-hero,
.hero,
.home-hero,
[data-hero-slider],
.aa-hero-slider{
  min-height: clamp(720px, 92vh, 980px) !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
}

.aa-hero-kit .aa-hero-bg,
.aa-home-hero .aa-hero-bg,
.aa-hero-v41 .aa-hero-bg,
.aa-main-hero .aa-hero-bg,
.aa-hero-slide,
.aa-hero-slide.is-active,
.aa-hero-slider__slide,
.aa-hero-slider__bg,
.aa-hero-background,
.aa-home-hero__bg,
.hero-bg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
}

.aa-hero-kit img.aa-hero-bg,
.aa-home-hero img.aa-hero-bg,
.aa-main-hero img.aa-hero-bg,
.aa-hero-slide img,
.aa-hero-slider__slide img,
.aa-hero-background img,
.hero-bg img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

/* Eğer eski patch background'ı çok yaklaştırıyorsa, görseli dengeli göster */
@media (min-width: 1200px){
  .aa-hero-kit .aa-hero-bg,
  .aa-home-hero .aa-hero-bg,
  .aa-hero-v41 .aa-hero-bg,
  .aa-main-hero .aa-hero-bg,
  .aa-hero-slide,
  .aa-hero-slider__slide,
  .aa-hero-background{
    background-position: center center !important;
  }
}

@media (max-width: 900px){
  .aa-hero-kit,
  .aa-home-hero,
  .aa-hero-v41,
  .aa-main-hero,
  .aa-hero,
  .hero,
  .home-hero{
    min-height: 740px !important;
  }
}

/* 4) HERO'DAKİ BÜYÜK ARKA BOX / APP-SHELL KATMANLARI KALDIR */
.aa-hero-kit::before,
.aa-home-hero::before,
.aa-hero-v41::before,
.aa-main-hero::before,
.aa-hero::before,
.hero::before,
.home-hero::before,
.aa-hero-kit::after,
.aa-home-hero::after,
.aa-hero-v41::after,
.aa-main-hero::after,
.aa-hero::after,
.hero::after,
.home-hero::after{
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Hero yazı kutusu kalsın ama kaba box olmasın */
.aa-hero-kit__copy,
.aa-home-hero__copy,
.aa-hero-copy,
.aa-hero-content,
.aa-main-hero__copy{
  max-width: 620px !important;
  padding: clamp(18px, 2.2vw, 32px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(135deg, rgba(7,26,52,.34), rgba(7,26,52,.10)) !important;
  box-shadow: 0 16px 44px rgba(7,26,52,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: blur(5px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(112%) !important;
}

/* 5) HERO / SECTION ARASI ÇİZGİ VE FADE BANTLARI YOK */
.aa-hero-seam,
.aa-hero-transition,
.aa-hero-soft-blend,
.aa-home-hero-seam,
.aa-jarallax-seam,
.aa-hero-end,
.aa-section-divider,
.section-divider,
.hero-divider,
.aa-scroll-seam{
  display: none !important;
  opacity: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}

.aa-hero-kit,
.aa-home-hero,
.aa-hero-v41,
.aa-main-hero,
.aa-section,
.aa-how-flow-section,
.aa-capacity-section--v46,
.aa-dashboard-control-v49-section,
.aa-community-trial-section,
.aa-dashboard-preview-section,
.aa-faq-section,
section{
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.aa-hero-kit + section,
.aa-home-hero + section,
.aa-main-hero + section,
.aa-hero-v41 + section,
section + section{
  border-top: 0 !important;
}

/* Geçişte çizgi gibi duran pseudo katmanları kapat */
.aa-section::after,
.aa-how-flow-section::after,
.aa-capacity-section--v46::after,
.aa-dashboard-control-v49-section::after,
.aa-community-trial-section::after,
.aa-dashboard-preview-section::after,
.aa-faq-section::after{
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 6) KART / BOX BEYAZ BOŞLUKLARI AZALT */
.aa-package-card__body,
.aa-flow-card .aa-flow-card__body,
.aa-flow-card__body,
.aa-trial-card-v45__body,
.aa-trial-product-v45__body,
.aa-card__body,
.aa-panel__body,
.aa-test-card__body,
.aa-feature-card__body{
  padding: clamp(12px, 1vw, 17px) !important;
  min-height: 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,251,255,.48)) !important;
  border-top: 1px solid rgba(37,99,235,.07) !important;
}

.aa-package-card,
.aa-flow-card,
.aa-trial-card-v45,
.aa-trial-product-v45,
.aa-card,
.aa-panel{
  overflow: hidden !important;
}

.aa-package-card h3,
.aa-flow-card h3,
.aa-trial-card-v45 h3,
.aa-trial-product-v45 h3,
.aa-card h3{
  margin: 0 !important;
  line-height: 1.02 !important;
}

.aa-package-card p,
.aa-flow-card p,
.aa-trial-card-v45 p,
.aa-trial-product-v45 p,
.aa-card p{
  margin-top: 5px !important;
  margin-bottom: 0 !important;
  line-height: 1.36 !important;
}

/* Capacity kartları: görsel daha baskın, alt alan ince */
.aa-capacity-section--v46 .aa-package-card__media{
  height: clamp(205px, 15vw, 270px) !important;
}

.aa-capacity-section--v46 .aa-package-card__body{
  min-height: 82px !important;
  padding: 13px 18px 16px !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
}

.aa-capacity-section--v46 .aa-package-card h3{
  font-size: clamp(28px, 1.95vw, 38px) !important;
}

.aa-capacity-section--v46 .aa-package-card__open{
  min-height: 32px !important;
  padding: 0 13px !important;
  font-size: 12px !important;
  margin-top: 2px !important;
}

/* Test/flow kartlarında alt metin bandı ince */
.aa-trial-card-v45 figure,
.aa-trial-product-v45 figure,
.aa-flow-card figure{
  height: clamp(200px, 15vw, 270px) !important;
}

.aa-trial-card-v45__body,
.aa-trial-product-v45__body,
.aa-flow-card__body{
  min-height: 74px !important;
}

/* 7) HOW IT WORKS — kutuları büyüt, sol başlık hizasından aşağı doğru sırala */
.aa-how-flow-section{
  padding-top: clamp(72px, 8vw, 116px) !important;
  padding-bottom: clamp(84px, 8vw, 126px) !important;
}

.aa-how-flow-section .aa-container,
.aa-flow-stage{
  width: min(1380px, calc(100% - 64px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.aa-flow-head{
  max-width: 740px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

.aa-flow-head h2{
  font-size: clamp(38px, 3.4vw, 62px) !important;
  line-height: 1 !important;
  text-align: left !important;
}

.aa-flow-head p{
  max-width: 620px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* Eski büyük arkadaki flow zemini sadeleşsin */
.aa-flow-stage{
  margin-top: clamp(28px, 3vw, 48px) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Kartları merdiven gibi aşağı doğru sırala */
.aa-flow-grid,
.aa-flow-cards,
.aa-how-flow-grid,
.aa-flow-stage .aa-flow-list,
.aa-flow-stage .aa-flow-items{
  display: grid !important;
  grid-template-columns: minmax(320px, 520px) minmax(320px, 520px) !important;
  gap: clamp(22px, 2.4vw, 36px) !important;
  align-items: start !important;
  justify-content: start !important;
}

.aa-flow-card{
  width: 100% !important;
  min-height: clamp(330px, 25vw, 430px) !important;
  border-radius: 30px !important;
  box-shadow:
    0 24px 62px rgba(7,26,52,.13),
    0 0 0 1px rgba(255,255,255,.64) inset,
    0 0 34px rgba(24,216,255,.07) !important;
}

.aa-flow-card:nth-child(1){ transform: translateY(0) !important; }
.aa-flow-card:nth-child(2){ transform: translateY(42px) !important; }
.aa-flow-card:nth-child(3){ transform: translateY(84px) !important; }
.aa-flow-card:nth-child(4){ transform: translateY(126px) !important; }
.aa-flow-card:nth-child(5){ transform: translateY(168px) !important; }

.aa-flow-card figure{
  height: clamp(230px, 17vw, 310px) !important;
}

.aa-flow-card__body{
  padding: 15px 18px 18px !important;
}

.aa-flow-card h3{
  font-size: clamp(20px, 1.45vw, 27px) !important;
}

.aa-flow-card p{
  font-size: clamp(13px, .92vw, 15px) !important;
}

/* Akış çizgileri üst üste/kaba görünüyorsa kapat */
.aa-flow-path,
.aa-flow-path svg,
.aa-flow-line,
.aa-flow-connector{
  opacity: .34 !important;
  pointer-events: none !important;
}

/* 8) Alt section büyük boşluklarını azalt */
.aa-capacity-section--v46,
.aa-dashboard-control-v49-section,
.aa-community-trial-section,
.aa-dashboard-preview-section{
  padding-top: clamp(72px, 7vw, 106px) !important;
  padding-bottom: clamp(74px, 7vw, 108px) !important;
}

.aa-capacity-hero-v46,
.aa-dashboard-control-v49,
.aa-trial-community-panel,
.aa-flow-stage{
  border-radius: 30px !important;
}

/* Dark mode */
html[data-theme="night"] .aa-package-card__body,
html[data-theme="night"] .aa-flow-card .aa-flow-card__body,
html[data-theme="night"] .aa-flow-card__body,
html[data-theme="night"] .aa-trial-card-v45__body,
html[data-theme="night"] .aa-trial-product-v45__body,
html[data-theme="night"] .aa-card__body,
html[data-theme="night"] .aa-panel__body{
  background: rgba(7,26,52,.46) !important;
  border-top-color: rgba(24,216,255,.10) !important;
}

html[data-theme="night"] .aa-navbar,
html[data-theme="night"] .site-navbar,
html[data-theme="night"] header.aa-navbar,
html[data-theme="night"] header.site-navbar{
  background: rgba(7,26,52,.58) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.18) !important;
}

/* Responsive */
@media (max-width: 1120px){
  .aa-flow-grid,
  .aa-flow-cards,
  .aa-how-flow-grid,
  .aa-flow-stage .aa-flow-list,
  .aa-flow-stage .aa-flow-items{
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
  }

  .aa-flow-card:nth-child(n){
    transform: none !important;
  }
}

@media (max-width: 760px){
  .aa-navbar,
  .site-navbar,
  header.aa-navbar,
  header.site-navbar,
  .aa-navbar .aa-container,
  .site-navbar .aa-container,
  .aa-navbar__inner,
  .site-navbar__inner,
  .navbar-inner{
    min-height: 64px !important;
    height: 64px !important;
  }

  .aa-navbar img[src*="agentsapp-logo-transparent"],
  .site-navbar img[src*="agentsapp-logo-transparent"],
  .aa-brand img[src*="agentsapp-logo-transparent"],
  .site-brand img[src*="agentsapp-logo-transparent"],
  .navbar-brand img[src*="agentsapp-logo-transparent"],
  .aa-logo img[src*="agentsapp-logo-transparent"]{
    height: 52px !important;
    max-width: 240px !important;
  }

  .aa-how-flow-section .aa-container,
  .aa-flow-stage{
    width: min(100% - 28px, 1380px) !important;
  }

  .aa-flow-card{
    min-height: 0 !important;
  }

  .aa-flow-card figure{
    height: 215px !important;
  }
}


/* =========================================================
   AgentsApp v61 — Responsive Layout Final Cleanup
   Görsel üretimi yok. Sadece HTML/CSS düzen düzeltme:
   - Hero background daha stabil cover/contain dengesi
   - Zoom / küçük pencere davranışı
   - Navbar daha ince ve taşmayan yapı
   - Section arası çizgi/fade/sınır kalıntılarını temizleme
   - Kart boşluklarını daha da toparlama
   - Dashboard app panel mobil/stabil düzeltmeler
   ========================================================= */

/* Sayfa geneli yatay taşma olmasın */
html,
body{
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body{
  margin: 0 !important;
}

/* Ana container: çok daralmış görünümü engelle, merkezde tut */
.aa-container,
.container,
.site-container{
  width: min(1440px, calc(100% - 56px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 768px){
  .aa-container,
  .container,
  .site-container{
    width: min(100% - 28px, 1440px) !important;
  }
}

/* Navbar: ince, düzgün, logo büyük ama bar kaba değil */
.aa-navbar,
.site-navbar,
header.aa-navbar,
header.site-navbar{
  min-height: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  border: 0 !important;
}

.aa-navbar .aa-container,
.site-navbar .aa-container,
.aa-navbar__inner,
.site-navbar__inner,
.navbar-inner{
  min-height: 62px !important;
  height: 62px !important;
  gap: clamp(14px, 2vw, 28px) !important;
}

.aa-navbar img[src*="agentsapp-logo-transparent"],
.site-navbar img[src*="agentsapp-logo-transparent"],
.aa-brand img[src*="agentsapp-logo-transparent"],
.site-brand img[src*="agentsapp-logo-transparent"],
.navbar-brand img[src*="agentsapp-logo-transparent"],
.aa-logo img[src*="agentsapp-logo-transparent"]{
  height: 58px !important;
  max-width: 310px !important;
}

.aa-nav,
.site-nav,
.aa-navbar nav,
.site-navbar nav{
  gap: clamp(12px, 1.4vw, 24px) !important;
}

.aa-nav a,
.site-nav a,
.aa-navbar nav a,
.site-navbar nav a{
  font-size: 12.5px !important;
  white-space: nowrap !important;
}

/* Hero background: yarım/kırık görünümü engelle */
.aa-hero-kit,
.aa-home-hero,
.aa-hero-v41,
.aa-main-hero,
.aa-hero,
.hero,
.home-hero,
[data-hero-slider],
.aa-hero-slider{
  position: relative !important;
  min-height: clamp(680px, 86vh, 900px) !important;
  height: auto !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Hero içindeki resim katmanları tam alanı doldursun */
.aa-hero-kit .aa-hero-bg,
.aa-home-hero .aa-hero-bg,
.aa-hero-v41 .aa-hero-bg,
.aa-main-hero .aa-hero-bg,
.aa-hero-slide,
.aa-hero-slide.is-active,
.aa-hero-slider__slide,
.aa-hero-slider__bg,
.aa-hero-background,
.aa-home-hero__bg,
.hero-bg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  will-change: auto !important;
}

.aa-hero-slide img,
.aa-hero-slider__slide img,
.aa-hero-background img,
.aa-home-hero__bg img,
.hero-bg img,
.aa-hero-kit img,
.aa-home-hero img{
  max-width: none !important;
}

/* Geniş ekranda objeler çok kesilirse sağ merkez dengesi */
@media (min-width: 1280px){
  .aa-hero-kit .aa-hero-bg,
  .aa-home-hero .aa-hero-bg,
  .aa-hero-v41 .aa-hero-bg,
  .aa-main-hero .aa-hero-bg,
  .aa-hero-slide,
  .aa-hero-slider__slide,
  .aa-hero-background{
    background-position: center center !important;
  }
}

/* Dar ekranda cihaz objeleri tamamen kaybolmasın */
@media (max-width: 980px){
  .aa-hero-kit,
  .aa-home-hero,
  .aa-hero-v41,
  .aa-main-hero,
  .aa-hero,
  .hero,
  .home-hero{
    min-height: 720px !important;
  }

  .aa-hero-kit .aa-hero-bg,
  .aa-home-hero .aa-hero-bg,
  .aa-hero-v41 .aa-hero-bg,
  .aa-main-hero .aa-hero-bg,
  .aa-hero-slide,
  .aa-hero-slider__slide,
  .aa-hero-background{
    background-position: 58% center !important;
  }
}

/* Büyük arka hero box / app-shell kalıntılarını kesin kapat */
.aa-hero-kit::before,
.aa-home-hero::before,
.aa-hero-v41::before,
.aa-main-hero::before,
.aa-hero::before,
.hero::before,
.home-hero::before,
.aa-hero-kit::after,
.aa-home-hero::after,
.aa-hero-v41::after,
.aa-main-hero::after,
.aa-hero::after,
.hero::after,
.home-hero::after{
  display: none !important;
  content: none !important;
}

/* Hero yazı kutusu daha hafif; büyük arka box yok */
.aa-hero-kit__copy,
.aa-home-hero__copy,
.aa-hero-copy,
.aa-hero-content,
.aa-main-hero__copy{
  max-width: 600px !important;
  padding: clamp(16px, 2vw, 28px) !important;
  background: linear-gradient(135deg, rgba(7,26,52,.28), rgba(7,26,52,.08)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 12px 36px rgba(7,26,52,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Hero başlık oranı: daha profesyonel, çok dev değil */
.aa-hero-kit__copy h1,
.aa-home-hero__copy h1,
.aa-hero-copy h1,
.aa-hero-content h1,
.aa-main-hero__copy h1,
.aa-hero-title{
  font-size: clamp(38px, 4.2vw, 68px) !important;
  line-height: .98 !important;
}

/* Section geçiş çizgilerini ve beyaz şeritleri tamamen yok et */
.aa-hero-seam,
.aa-hero-transition,
.aa-hero-soft-blend,
.aa-home-hero-seam,
.aa-jarallax-seam,
.aa-hero-end,
.aa-section-divider,
.section-divider,
.hero-divider,
.aa-scroll-seam,
[class*="seam"],
[class*="divider"]{
  border: 0 !important;
  box-shadow: none !important;
}

.aa-hero-seam,
.aa-hero-transition,
.aa-hero-soft-blend,
.aa-home-hero-seam,
.aa-jarallax-seam,
.aa-hero-end{
  display: none !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* Sectionlarda çizgi gibi duran border ve gradient bandı kalmasın */
main > section,
.aa-section,
.aa-how-flow-section,
.aa-capacity-section--v46,
.aa-dashboard-control-v49-section,
.aa-community-trial-section,
.aa-dashboard-preview-section,
.aa-faq-section{
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Kart alt alanları — daha ince text bandı */
.aa-package-card__body,
.aa-flow-card__body,
.aa-flow-card .aa-flow-card__body,
.aa-trial-card-v45__body,
.aa-trial-product-v45__body,
.aa-card__body,
.aa-panel__body,
.aa-test-card__body,
.aa-feature-card__body{
  padding: 11px 16px 14px !important;
  min-height: 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.64), rgba(246,251,255,.42)) !important;
}

.aa-package-card h3,
.aa-flow-card h3,
.aa-trial-card-v45 h3,
.aa-trial-product-v45 h3,
.aa-card h3{
  font-size: clamp(18px, 1.35vw, 25px) !important;
}

.aa-package-card p,
.aa-flow-card p,
.aa-trial-card-v45 p,
.aa-trial-product-v45 p,
.aa-card p{
  font-size: clamp(12px, .82vw, 13.5px) !important;
  line-height: 1.34 !important;
}

/* Capacity kart alt alanı daha ince */
.aa-capacity-section--v46 .aa-package-card__body{
  min-height: 74px !important;
  padding: 12px 16px 14px !important;
}

.aa-capacity-section--v46 .aa-package-card__media{
  height: clamp(210px, 15vw, 270px) !important;
}

.aa-capacity-section--v46 .aa-package-card h3{
  font-size: clamp(27px, 1.9vw, 36px) !important;
}

.aa-capacity-section--v46 .aa-package-card__open{
  min-height: 31px !important;
  padding: 0 12px !important;
}

/* How It Works: kutuları büyüt, sol başlığa hizalı, aşağı doğru akış */
.aa-how-flow-section .aa-container{
  width: min(1360px, calc(100% - 56px)) !important;
}

.aa-flow-head{
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 760px !important;
}

.aa-flow-head h2,
.aa-flow-head p{
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.aa-flow-stage{
  margin-top: clamp(26px, 3vw, 44px) !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Olası grid/list sınıflarının hepsini hedefle */
.aa-flow-grid,
.aa-flow-cards,
.aa-how-flow-grid,
.aa-flow-stage .aa-flow-list,
.aa-flow-stage .aa-flow-items,
.aa-flow-stage > .aa-flow-grid{
  display: grid !important;
  grid-template-columns: minmax(340px, 560px) minmax(340px, 560px) !important;
  gap: clamp(24px, 2.2vw, 34px) !important;
  justify-content: start !important;
  align-items: start !important;
}

.aa-flow-card{
  min-height: 360px !important;
  border-radius: 30px !important;
}

.aa-flow-card figure{
  height: clamp(245px, 18vw, 330px) !important;
}

.aa-flow-card:nth-child(1){ transform: translateY(0) !important; }
.aa-flow-card:nth-child(2){ transform: translateY(44px) !important; }
.aa-flow-card:nth-child(3){ transform: translateY(88px) !important; }
.aa-flow-card:nth-child(4){ transform: translateY(132px) !important; }
.aa-flow-card:nth-child(5){ transform: translateY(176px) !important; }

/* Kart görseli kırpmasız hissine yakın, ama kartı doldurur */
.aa-flow-card figure img,
.aa-package-card__media img,
.aa-trial-card-v45 figure img,
.aa-trial-product-v45 figure img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Dashboard mobil/stabil */
.aa-dashboard-v57 .aa-app-panel[hidden],
.aa-dashboard-v57 .aa-app-panel:not(.is-active){
  display: none !important;
}

.aa-dashboard-v57 .aa-app-panel.is-active{
  display: block !important;
}

/* Dark mode */
html[data-theme="night"] .aa-package-card__body,
html[data-theme="night"] .aa-flow-card__body,
html[data-theme="night"] .aa-trial-card-v45__body,
html[data-theme="night"] .aa-trial-product-v45__body,
html[data-theme="night"] .aa-card__body,
html[data-theme="night"] .aa-panel__body{
  background: rgba(7,26,52,.42) !important;
}

html[data-theme="night"] .aa-navbar,
html[data-theme="night"] .site-navbar,
html[data-theme="night"] header.aa-navbar,
html[data-theme="night"] header.site-navbar{
  background: rgba(7,26,52,.55) !important;
}

/* Responsive */
@media (max-width: 1120px){
  .aa-flow-grid,
  .aa-flow-cards,
  .aa-how-flow-grid,
  .aa-flow-stage .aa-flow-list,
  .aa-flow-stage .aa-flow-items,
  .aa-flow-stage > .aa-flow-grid{
    grid-template-columns: 1fr !important;
    max-width: 640px !important;
  }

  .aa-flow-card:nth-child(n){
    transform: none !important;
  }
}

@media (max-width: 720px){
  .aa-navbar,
  .site-navbar,
  header.aa-navbar,
  header.site-navbar,
  .aa-navbar .aa-container,
  .site-navbar .aa-container,
  .aa-navbar__inner,
  .site-navbar__inner,
  .navbar-inner{
    min-height: 60px !important;
    height: 60px !important;
  }

  .aa-navbar img[src*="agentsapp-logo-transparent"],
  .site-navbar img[src*="agentsapp-logo-transparent"],
  .aa-brand img[src*="agentsapp-logo-transparent"],
  .site-brand img[src*="agentsapp-logo-transparent"],
  .navbar-brand img[src*="agentsapp-logo-transparent"],
  .aa-logo img[src*="agentsapp-logo-transparent"]{
    height: 50px !important;
    max-width: 240px !important;
  }

  .aa-hero-kit,
  .aa-home-hero,
  .aa-hero-v41,
  .aa-main-hero,
  .aa-hero,
  .hero,
  .home-hero{
    min-height: 690px !important;
  }

  .aa-hero-kit__copy,
  .aa-home-hero__copy,
  .aa-hero-copy,
  .aa-hero-content,
  .aa-main-hero__copy{
    max-width: none !important;
    padding: 18px !important;
  }

  .aa-flow-card figure{
    height: 220px !important;
  }
}


/* =========================================================
   AgentsApp v64 — Dashboard FAQ cleanup
   Base: latest uploaded localhost full ZIP + uploaded PHP files.
   Scope: homepage dashboard-preview/FAQ removed; FAQ moved into dashboard.
   ========================================================= */

section#dashboard-preview,
section#faq{
  display: none !important;
}

.aa-dashboard-faq-v64{
  position: relative;
}

.aa-app-faq-list{
  display: grid;
  gap: 12px;
}

.aa-app-faq-list details{
  border: 1px solid rgba(37, 99, 235, .14);
  border-radius: 18px;
  padding: 14px 16px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,255,255,.44)),
    radial-gradient(circle at 84% 12%, rgba(24,216,255,.10), transparent 38%);
  box-shadow:
    0 14px 36px rgba(15,23,42,.075),
    inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}

.aa-app-faq-list summary{
  cursor: pointer;
  color: var(--aa-text, #0f172a);
  font-size: 14px;
  font-weight: 780;
  letter-spacing: -.015em;
}

.aa-app-faq-list p{
  margin: 10px 0 0;
  color: var(--aa-muted, #64748b);
  font-size: 13px;
  line-height: 1.55;
}

html[data-theme="night"] .aa-app-faq-list details{
  border-color: rgba(24,216,255,.15);
  background:
    linear-gradient(135deg, rgba(15,23,42,.74), rgba(11,18,32,.52)),
    radial-gradient(circle at 84% 12%, rgba(24,216,255,.08), transparent 38%);
  box-shadow:
    0 18px 42px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.07);
}

html[data-theme="night"] .aa-app-faq-list summary{
  color: #f8fbff;
}

html[data-theme="night"] .aa-app-faq-list p{
  color: rgba(226,232,240,.72);
}


/* =========================================================
   AgentsApp v65 — Navbar / How Flow / Capacity Modal Repair
   Base: V64 current full package. Scope: requested 4 visible problems.
   ========================================================= */

/* Navbar: transparent over hero, bigger readable logo */
:root{
  --aa-nav-h: clamp(96px, 7.2vw, 128px) !important;
}

.aa-navbar{
  min-height: var(--aa-nav-h) !important;
  height: auto !important;
  background: linear-gradient(180deg, rgba(255,255,255,.54), rgba(255,255,255,.26)) !important;
  border-bottom: 1px solid rgba(255,255,255,.30) !important;
  box-shadow: 0 16px 44px rgba(15,23,42,.075) !important;
  backdrop-filter: blur(22px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
}

.aa-navbar__inner{
  min-height: var(--aa-nav-h) !important;
  height: auto !important;
  grid-template-columns: minmax(320px,430px) minmax(0,1fr) auto !important;
  gap: clamp(22px, 2vw, 44px) !important;
}

.aa-brand{
  align-items: center !important;
}

.aa-brand__logo{
  width: clamp(270px, 17vw, 380px) !important;
  height: clamp(74px, 6.4vw, 112px) !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 8px 18px rgba(37,99,235,.12)) !important;
}

.aa-nav{
  justify-content: center !important;
  gap: clamp(18px, 1.6vw, 34px) !important;
}

.aa-nav a,
.aa-nav__button{
  font-size: clamp(13px, .86vw, 15px) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -.015em !important;
}

.aa-navbar__actions{
  gap: 12px !important;
}

html[data-theme="night"] .aa-navbar{
  background: linear-gradient(180deg, rgba(7,26,52,.56), rgba(7,26,52,.24)) !important;
  border-bottom-color: rgba(24,216,255,.13) !important;
}

html[data-theme="night"] .aa-nav a,
html[data-theme="night"] .aa-nav__button{
  color: rgba(248,251,255,.90) !important;
}

/* Footer logo readable and stale footer links cleaner */
.aa-footer__logo{
  width: clamp(280px, 18vw, 420px) !important;
  height: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 10px 22px rgba(37,99,235,.12)) !important;
}

/* Remove broken v49 dashboard fragments if cached old HTML survives */
.aa-dash-flow-v49,
.aa-dashboard-float-v49,
.aa-dashboard-bento-v49{
  display: none !important;
}

/* How It Works: fixed stair flow with real images, no touching/overlap */
.aa-how-flow-section{
  position: relative !important;
  padding-top: clamp(42px, 3.6vw, 68px) !important;
  padding-bottom: clamp(110px, 8vw, 160px) !important;
  overflow: hidden !important;
}

.aa-how-flow-section .aa-container{
  width: min(1620px, calc(100% - 64px)) !important;
}

.aa-flow-head{
  max-width: 690px !important;
  margin: 0 0 clamp(18px, 2vw, 30px) clamp(70px, 7vw, 132px) !important;
  text-align: left !important;
}

.aa-flow-head .aa-eyebrow,
.aa-flow-head .aa-section-kicker{
  justify-content: flex-start !important;
}

.aa-flow-head h2{
  font-size: clamp(34px, 3.25vw, 58px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

.aa-flow-head p{
  max-width: 610px !important;
  margin: 12px 0 0 !important;
  font-size: clamp(14px, .92vw, 17px) !important;
  line-height: 1.5 !important;
}

.aa-flow-stage{
  position: relative !important;
  min-height: clamp(760px, 48vw, 880px) !important;
  margin-top: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.aa-flow-path{
  z-index: 1 !important;
  opacity: .44 !important;
  pointer-events: none !important;
}

.aa-flow-card{
  position: absolute !important;
  z-index: 4 !important;
  width: clamp(270px, 20vw, 330px) !important;
  min-height: auto !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(246,251,255,.60)),
    radial-gradient(circle at 82% 14%, rgba(24,216,255,.14), transparent 38%) !important;
  border: 1px solid rgba(24,216,255,.24) !important;
  box-shadow:
    0 24px 70px rgba(15,23,42,.13),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 28px rgba(24,216,255,.08) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
}

.aa-flow-card figure{
  height: clamp(176px, 12.4vw, 225px) !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #f7fbff, #eaf5ff) !important;
  overflow: hidden !important;
}

.aa-flow-card figure img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transform: none !important;
}

.aa-flow-card__body{
  padding: 18px 20px 21px !important;
}

.aa-flow-card__body h3{
  margin: 0 0 8px !important;
  font-size: clamp(19px, 1.15vw, 23px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em !important;
}

.aa-flow-card__body p{
  margin: 0 !important;
  font-size: clamp(12.5px, .82vw, 14px) !important;
  line-height: 1.42 !important;
}

.aa-flow-card--one{ left: 0 !important; top: 0 !important; }
.aa-flow-card--two{ left: 20.8% !important; top: 15% !important; }
.aa-flow-card--three{ left: 41.6% !important; top: 30% !important; width: clamp(270px, 20vw, 330px) !important; }
.aa-flow-card--four{ left: 62.4% !important; top: 45% !important; }
.aa-flow-card--five{ right: 0 !important; left: auto !important; top: 60% !important; }

.aa-flow-card::after{
  content: "↘" !important;
  position: absolute !important;
  right: -42px !important;
  top: 48% !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg,#18D8FF,#2563EB 48%,#9354FF) !important;
  box-shadow: 0 12px 28px rgba(37,99,235,.22), 0 0 28px rgba(24,216,255,.18) !important;
  z-index: 10 !important;
}

.aa-flow-card--five::after{
  display: none !important;
}

/* Capacity cards: remove any broken structures below cards and keep section clean */
.aa-capacity-section .aa-dash-flow-v49,
.aa-capacity-section ~ .aa-dash-flow-v49,
.aa-capacity-section ~ .aa-dashboard-float-v49,
.aa-capacity-section ~ .aa-dashboard-bento-v49{
  display: none !important;
}

/* Capacity modal: force original centered overlay behavior */
html.aa-modal-open,
body.aa-modal-open{
  overflow: hidden !important;
}

.aa-capacity-modal[aria-hidden="true"]{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.aa-capacity-modal[aria-hidden="false"],
.aa-capacity-modal.is-open{
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: grid !important;
  place-items: center !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: clamp(18px, 3vw, 42px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

.aa-capacity-modal__backdrop{
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(7,26,52,.50) !important;
  backdrop-filter: blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
}

.aa-capacity-modal__panel{
  position: relative !important;
  z-index: 2 !important;
  width: min(1180px, calc(100vw - 42px)) !important;
  max-height: min(840px, calc(100vh - 42px)) !important;
  display: grid !important;
  grid-template-columns: minmax(420px, 1.15fr) minmax(360px, .85fr) !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  border: 1px solid rgba(24,216,255,.24) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,251,255,.90)),
    radial-gradient(circle at 18% 12%, rgba(24,216,255,.10), transparent 35%) !important;
  box-shadow:
    0 44px 130px rgba(7,26,52,.34),
    0 0 0 1px rgba(255,255,255,.70) inset,
    0 0 48px rgba(24,216,255,.12) !important;
  transform: none !important;
}

.aa-capacity-modal__media{
  min-height: 520px !important;
  background: linear-gradient(180deg, #f8fbff, #eaf5ff) !important;
}

.aa-capacity-modal__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.aa-capacity-modal__close{
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  z-index: 5 !important;
}

html[data-theme="night"] .aa-capacity-modal__panel{
  background:
    linear-gradient(135deg, rgba(15,23,42,.96), rgba(11,18,32,.92)),
    radial-gradient(circle at 18% 12%, rgba(24,216,255,.08), transparent 35%) !important;
  border-color: rgba(24,216,255,.20) !important;
}

html[data-theme="night"] .aa-capacity-modal__media{
  background: linear-gradient(180deg, #111827, #071A34) !important;
}

/* Responsive repair */
@media (max-width: 1240px){
  .aa-navbar__inner{
    grid-template-columns: minmax(230px,320px) 1fr auto !important;
  }

  .aa-brand__logo{
    width: clamp(210px, 24vw, 300px) !important;
    height: 76px !important;
  }

  .aa-flow-stage{
    min-height: 1040px !important;
  }

  .aa-flow-card{
    width: min(390px, 42vw) !important;
  }

  .aa-flow-card--one{ left: 0 !important; top: 0 !important; }
  .aa-flow-card--two{ left: 52% !important; top: 12% !important; }
  .aa-flow-card--three{ left: 0 !important; top: 38% !important; width: min(390px, 42vw) !important; }
  .aa-flow-card--four{ left: 52% !important; top: 50% !important; }
  .aa-flow-card--five{ left: 26% !important; right: auto !important; top: 76% !important; }
}

@media (max-width: 980px){
  :root{
    --aa-nav-h: 82px !important;
  }

  .aa-navbar__inner{
    grid-template-columns: 1fr auto !important;
  }

  .aa-brand__logo{
    width: 168px !important;
    height: 64px !important;
  }

  .aa-flow-head{
    margin-left: 0 !important;
    text-align: center !important;
    max-width: 720px !important;
  }

  .aa-flow-stage{
    min-height: 0 !important;
    display: grid !important;
    gap: 24px !important;
  }

  .aa-flow-card{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
  }

  .aa-flow-card::after{
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: -30px !important;
    transform: translateX(-50%) rotate(45deg) !important;
  }

  .aa-flow-card--five::after{
    display: none !important;
  }

  .aa-capacity-modal__panel{
    grid-template-columns: 1fr !important;
    overflow: auto !important;
  }

  .aa-capacity-modal__media{
    min-height: 360px !important;
  }
}

@media (max-width: 760px){
  .aa-brand__logo{
    width: 138px !important;
    height: 54px !important;
  }

  .aa-footer__logo{
    width: 180px !important;
  }
}


/* =========================================================
   AgentsApp v66 — Navbar logo / Test Flow / Capacity polish
   Scope: visual fixes only. No image generation.
   ========================================================= */

/* A) Navbar as full glass over the page/background */
:root{
  --aa-nav-h: clamp(112px, 8.5vw, 148px) !important;
}

.aa-navbar{
  min-height: var(--aa-nav-h) !important;
  height: auto !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important;
  border-bottom: 1px solid rgba(255,255,255,.36) !important;
  box-shadow:
    0 18px 50px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.44) !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
}

.aa-navbar__inner{
  min-height: var(--aa-nav-h) !important;
  height: auto !important;
  grid-template-columns: minmax(420px, 560px) minmax(0, 1fr) auto !important;
  gap: clamp(24px, 2.2vw, 48px) !important;
  align-items: center !important;
}

.aa-brand,
.aa-footer__brand,
.aa-auth-brand,
.aa-auth-card .aa-brand{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.aa-brand__logo,
.aa-footer__logo,
img[src*="agentsapp-logo-transparent"]{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.aa-navbar .aa-brand__logo,
.aa-brand__logo{
  width: clamp(410px, 25vw, 560px) !important;
  height: calc(var(--aa-nav-h) - 18px) !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter:
    drop-shadow(0 8px 18px rgba(37,99,235,.18))
    drop-shadow(0 0 14px rgba(24,216,255,.12)) !important;
}

.aa-footer__logo{
  width: clamp(360px, 22vw, 520px) !important;
  height: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter:
    drop-shadow(0 8px 18px rgba(37,99,235,.16))
    drop-shadow(0 0 14px rgba(24,216,255,.10)) !important;
}

.aa-nav{
  justify-content: center !important;
  gap: clamp(18px, 1.5vw, 32px) !important;
}

.aa-nav a,
.aa-nav__button{
  color: rgba(15,23,42,.92) !important;
  font-size: clamp(13px, .86vw, 15px) !important;
  font-weight: 820 !important;
  letter-spacing: -.012em !important;
}

html[data-theme="night"] .aa-navbar{
  background:
    linear-gradient(180deg, rgba(7,26,52,.28), rgba(7,26,52,.12)) !important;
  border-bottom-color: rgba(24,216,255,.14) !important;
  box-shadow:
    0 18px 50px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-nav a,
html[data-theme="night"] .aa-nav__button{
  color: rgba(248,251,255,.92) !important;
}

/* B) Test Flow: remove large background box and right image box */
#trial-flow{
  padding-top: clamp(52px, 5vw, 92px) !important;
  padding-bottom: clamp(56px, 5.8vw, 104px) !important;
}

.aa-test-hero-shell{
  display: block !important;
  max-width: min(1180px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.aa-test-hero-shell::before,
.aa-test-hero-shell::after{
  display: none !important;
  content: none !important;
}

.aa-test-product-scene,
.aa-test-main-visual,
.aa-test-scene-glow,
.aa-test-float{
  display: none !important;
}

.aa-test-hero-copy{
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.aa-test-kicker{
  justify-content: center !important;
}

.aa-test-hero-copy h2{
  margin-top: 14px !important;
  font-size: clamp(42px, 4.4vw, 76px) !important;
  line-height: .96 !important;
  letter-spacing: -.06em !important;
}

.aa-test-hero-copy p{
  max-width: 720px !important;
  margin: 20px auto 0 !important;
  font-size: clamp(15px, 1.02vw, 18px) !important;
  line-height: 1.58 !important;
}

.aa-test-hero-copy .aa-hero__actions{
  justify-content: center !important;
  margin-top: 26px !important;
}

.aa-test-mini-stack{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
  gap: 12px !important;
  max-width: 760px !important;
  margin: 24px auto 0 !important;
}

.aa-test-mini-stack span{
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  color: #0f172a !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(232,245,255,.54)),
    linear-gradient(90deg, rgba(24,216,255,.12), rgba(147,84,255,.10)) !important;
  border: 1px solid rgba(24,216,255,.22) !important;
  box-shadow:
    0 12px 28px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
}

/* C) Agents Capacity hero: remove big text box, move cards upward */
#capacity{
  padding-top: clamp(42px, 4.4vw, 78px) !important;
}

.aa-capacity-hero-v46{
  max-width: min(1180px, calc(100% - 40px)) !important;
  margin: 0 auto clamp(22px, 2vw, 32px) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.aa-capacity-hero-v46::before,
.aa-capacity-hero-v46::after{
  display: none !important;
  content: none !important;
}

.aa-capacity-hero-v46__copy{
  max-width: 860px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.aa-capacity-hero-v46__copy h2{
  font-size: clamp(40px, 4.1vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.06em !important;
}

.aa-capacity-hero-v46__copy p{
  max-width: 760px !important;
  margin: 18px auto 0 !important;
}

.aa-capacity-hero-v46__copy .aa-hero__actions{
  justify-content: center !important;
  margin-top: 24px !important;
}

.aa-capacity-metric-strip{
  margin-top: 18px !important;
}

/* bring package cards closer to capacity text */
.aa-package-grid,
.aa-capacity-grid,
.aa-capacity-cards,
.aa-packages-grid,
#capacity .aa-grid,
#capacity .aa-card-grid{
  margin-top: clamp(20px, 2.4vw, 38px) !important;
}

/* D) Capacity cards: image fills the card area; no large white empty gap */
.aa-package-card{
  min-height: 0 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,251,255,.88)) !important;
  border: 1px solid rgba(24,216,255,.22) !important;
  box-shadow:
    0 24px 70px rgba(15,23,42,.12),
    0 0 0 1px rgba(255,255,255,.62) inset,
    0 0 28px rgba(24,216,255,.08) !important;
}

.aa-package-card__media{
  height: clamp(255px, 20.5vw, 375px) !important;
  background: #f7fbff !important;
  border-bottom: 0 !important;
}

.aa-package-card__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(1.03) !important;
  background: transparent !important;
}

.aa-package-card__body{
  flex: 0 0 auto !important;
  display: grid !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 14px 18px 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(241,248,255,.70)) !important;
  border-top: 1px solid rgba(24,216,255,.10) !important;
}

.aa-package-card__head{
  margin: 0 !important;
}

.aa-package-card__head h3{
  margin: 0 !important;
  font-size: clamp(26px, 2.05vw, 38px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

.aa-package-card__footer{
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.aa-package-card__open{
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 840 !important;
  box-shadow:
    0 14px 32px rgba(37,99,235,.18),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.aa-package-card--starter .aa-package-card__open{
  background: linear-gradient(135deg, #14B8A6 0%, #18D8FF 52%, #2563EB 100%) !important;
}

.aa-package-card--lite .aa-package-card__open{
  background: linear-gradient(135deg, #22C55E 0%, #14B8A6 50%, #0EA5E9 100%) !important;
}

.aa-package-card--pro .aa-package-card__open{
  background: linear-gradient(135deg, #2563EB 0%, #18D8FF 46%, #9354FF 100%) !important;
}

.aa-package-card--edge .aa-package-card__open{
  background: linear-gradient(135deg, #9354FF 0%, #F0ABFC 48%, #F97316 100%) !important;
}

.aa-package-card--starter .aa-package-card__head h3{
  color: #0f766e !important;
}

.aa-package-card--lite .aa-package-card__head h3{
  color: #2563eb !important;
}

.aa-package-card--pro .aa-package-card__head h3{
  color: #6d5dfc !important;
}

.aa-package-card--edge .aa-package-card__head h3{
  color: #4059a8 !important;
}

.aa-package-card__open:hover{
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 42px rgba(37,99,235,.23),
    0 0 30px rgba(24,216,255,.18),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* Night mode */
html[data-theme="night"] .aa-test-mini-stack span,
html[data-theme="night"] .aa-package-card__body{
  color: #f8fbff !important;
  background:
    linear-gradient(135deg, rgba(15,23,42,.76), rgba(11,18,32,.54)),
    linear-gradient(90deg, rgba(24,216,255,.10), rgba(147,84,255,.08)) !important;
  border-color: rgba(24,216,255,.15) !important;
}

html[data-theme="night"] .aa-package-card{
  background:
    linear-gradient(180deg, rgba(15,23,42,.90), rgba(11,18,32,.78)) !important;
  border-color: rgba(24,216,255,.17) !important;
}

html[data-theme="night"] .aa-package-card__media{
  background: linear-gradient(180deg, #111827, #071A34) !important;
}

/* Responsive */
@media (max-width: 1240px){
  :root{
    --aa-nav-h: 96px !important;
  }

  .aa-navbar__inner{
    grid-template-columns: minmax(220px, 320px) 1fr auto !important;
  }

  .aa-navbar .aa-brand__logo,
  .aa-brand__logo{
    width: clamp(230px, 24vw, 330px) !important;
    height: calc(var(--aa-nav-h) - 12px) !important;
  }

  .aa-package-card__media{
    height: clamp(235px, 27vw, 330px) !important;
  }
}

@media (max-width: 980px){
  :root{
    --aa-nav-h: 82px !important;
  }

  .aa-navbar__inner{
    grid-template-columns: 1fr auto !important;
  }

  .aa-navbar .aa-brand__logo,
  .aa-brand__logo{
    width: 190px !important;
    height: 70px !important;
  }

  .aa-test-mini-stack{
    grid-template-columns: 1fr !important;
  }

  .aa-test-hero-copy h2,
  .aa-capacity-hero-v46__copy h2{
    font-size: clamp(34px, 8vw, 54px) !important;
  }
}

@media (max-width: 760px){
  .aa-navbar .aa-brand__logo,
  .aa-brand__logo{
    width: 162px !important;
    height: 58px !important;
  }

  .aa-footer__logo{
    width: 220px !important;
  }
}


/* =========================================================
   AgentsApp v67 — Smooth Scroll Flow UI
   Inspired by the uploaded Medyator scroll principle, adapted for AgentsApp.
   No Medyator images/fonts/forms were copied; current AgentsApp visuals/forms remain.
   ========================================================= */

html{
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--aa-nav-h, 112px) + 24px);
}

/* main page becomes one continuous premium flow */
main{
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 14% 8%, rgba(24,216,255,.10), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(147,84,255,.09), transparent 28%),
    linear-gradient(180deg, rgba(248,252,255,.90) 0%, rgba(242,249,255,.84) 46%, rgba(255,255,255,.92) 100%);
}

main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(rgba(37,99,235,.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.020) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.aa-section{
  position: relative;
  border: 0 !important;
}

.aa-section + .aa-section{
  margin-top: 0 !important;
}

/* no hard section seam; soft ambient bridge instead */
.aa-section:not(:first-child)::before{
  content:"";
  position:absolute;
  left: max(24px, 5vw);
  right: max(24px, 5vw);
  top: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(24,216,255,.10), rgba(147,84,255,.08), transparent);
  opacity: .28;
  pointer-events:none;
}

/* Navbar scroll behavior */
.aa-navbar{
  transition:
    background .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    transform .35s ease,
    backdrop-filter .35s ease !important;
}

.aa-navbar.aa-navbar--scrolled{
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.16)) !important;
  border-bottom-color: rgba(255,255,255,.44) !important;
  box-shadow:
    0 20px 60px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
}

html[data-theme="night"] .aa-navbar.aa-navbar--scrolled{
  background:
    linear-gradient(180deg, rgba(7,26,52,.40), rgba(7,26,52,.18)) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Reveal system: applied only after JS enables aa-motion-ready */
.aa-motion-ready [data-aa-reveal],
.aa-motion-ready .aa-reveal{
  opacity: 0;
  transform: translate3d(0, 36px, 0) scale(.985);
  filter: blur(8px);
  transition:
    opacity .85s cubic-bezier(.16,1,.3,1),
    transform .85s cubic-bezier(.16,1,.3,1),
    filter .85s cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform, filter;
}

.aa-motion-ready [data-aa-reveal].is-visible,
.aa-motion-ready .aa-reveal.is-visible{
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

.aa-motion-ready [data-aa-reveal="left"]{
  transform: translate3d(-42px, 22px, 0) scale(.985);
}

.aa-motion-ready [data-aa-reveal="right"]{
  transform: translate3d(42px, 22px, 0) scale(.985);
}

.aa-motion-ready [data-aa-reveal="zoom"]{
  transform: translate3d(0, 28px, 0) scale(.95);
}

.aa-motion-ready [data-aa-reveal="left"].is-visible,
.aa-motion-ready [data-aa-reveal="right"].is-visible,
.aa-motion-ready [data-aa-reveal="zoom"].is-visible{
  transform: translate3d(0, 0, 0) scale(1);
}

.aa-motion-ready [data-aa-stagger="1"]{ transition-delay: .06s; }
.aa-motion-ready [data-aa-stagger="2"]{ transition-delay: .12s; }
.aa-motion-ready [data-aa-stagger="3"]{ transition-delay: .18s; }
.aa-motion-ready [data-aa-stagger="4"]{ transition-delay: .24s; }
.aa-motion-ready [data-aa-stagger="5"]{ transition-delay: .30s; }

/* Medyator-like smooth content feel without changing current HTML/form structure */
.aa-kit-hero,
.aa-how-flow-section,
.aa-test-hero-section,
.aa-capacity-section,
.aa-community-trial-section{
  transform: translateZ(0);
  will-change: transform;
}

/* hero background depth; keep images readable and avoid half-crop */
.aa-kit-hero--v42 .aa-kit-hero__bg--slide{
  transition:
    opacity 1.2s ease,
    transform .8s cubic-bezier(.16,1,.3,1),
    filter .8s ease !important;
  filter: saturate(1.08) contrast(1.02);
}

.aa-kit-hero--v42 .aa-kit-hero__bg--slide.is-active{
  transform: translate3d(0, var(--aa-home-parallax, 0px), 0) scale(1.012) !important;
}

/* card lift and magnetic feel */
.aa-flow-card,
.aa-package-card,
.aa-test-mini-stack span,
.aa-trial-card,
.aa-app-card,
.aa-app-panel{
  transition:
    transform .35s cubic-bezier(.16,1,.3,1),
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease !important;
}

.aa-flow-card:hover,
.aa-package-card:hover,
.aa-test-mini-stack span:hover,
.aa-trial-card:hover{
  transform: translate3d(0, -8px, 0) scale(1.01) !important;
}

/* preserve explicitly positioned How It Works cards while adding reveal animation via inner lift */
.aa-motion-ready .aa-flow-card[data-aa-reveal]{
  opacity: 0;
  filter: blur(6px);
  transition:
    opacity .80s cubic-bezier(.16,1,.3,1),
    filter .80s cubic-bezier(.16,1,.3,1),
    box-shadow .35s ease,
    border-color .35s ease !important;
}

.aa-motion-ready .aa-flow-card[data-aa-reveal].is-visible{
  opacity: 1;
  filter: blur(0);
}

/* active section navigation hint */
.aa-nav a.is-active{
  color: #2563EB !important;
  text-shadow: 0 0 16px rgba(24,216,255,.18);
}

html[data-theme="night"] .aa-nav a.is-active{
  color: #18D8FF !important;
}

/* premium scroll progress rail */
.aa-scroll-progress{
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: calc(var(--aa-scroll-progress, 0) * 100%);
  z-index: 1000000;
  pointer-events: none;
  background: linear-gradient(90deg, #18D8FF, #2563EB, #9354FF, #F0ABFC);
  box-shadow: 0 0 18px rgba(24,216,255,.32);
  transform-origin: left center;
}

/* fast up/down buttons become part of the motion system */
.aa-scroll-buttons,
.aa-scroll-controls,
[data-scroll-controls]{
  backdrop-filter: blur(18px) saturate(155%);
  -webkit-backdrop-filter: blur(18px) saturate(155%);
}

/* modal opening becomes smoother */
.aa-capacity-modal__panel{
  transform-origin: center center;
  animation: aaModalIn .34s cubic-bezier(.16,1,.3,1) both;
}

@keyframes aaModalIn{
  from{
    opacity:0;
    transform: translate3d(0, 18px, 0) scale(.965);
    filter: blur(8px);
  }
  to{
    opacity:1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

/* Form structure stays same, only glass interaction is improved */
.aa-form input,
.aa-form select,
.aa-form textarea,
.aa-auth-card input,
.aa-app-form input,
.aa-app-form select,
.aa-app-form textarea{
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    transform .22s ease !important;
}

.aa-form input:focus,
.aa-form select:focus,
.aa-form textarea:focus,
.aa-auth-card input:focus,
.aa-app-form input:focus,
.aa-app-form select:focus,
.aa-app-form textarea:focus{
  transform: translate3d(0, -1px, 0);
  border-color: rgba(24,216,255,.52) !important;
  box-shadow:
    0 0 0 4px rgba(24,216,255,.10),
    0 14px 32px rgba(37,99,235,.10),
    inset 0 1px 0 rgba(255,255,255,.74) !important;
}

/* Better reduced motion behavior */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }

  .aa-motion-ready [data-aa-reveal],
  .aa-motion-ready .aa-reveal,
  .aa-flow-card,
  .aa-package-card,
  .aa-test-mini-stack span,
  .aa-kit-hero--v42 .aa-kit-hero__bg--slide{
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
}

@media (max-width: 980px){
  .aa-motion-ready [data-aa-reveal],
  .aa-motion-ready .aa-reveal{
    transform: translate3d(0, 24px, 0) scale(.99);
    filter: blur(5px);
  }

  .aa-section:not(:first-child)::before{
    left: 24px;
    right: 24px;
  }
}


/* =========================================================
   AgentsApp v68 — FINAL logo size / transparent placement fix
   Scope: navbar, footer, dashboard, login and register logos only.
   ========================================================= */

/* Remove every logo box/background/border/shadow wrapper */
.aa-brand,
.aa-footer__brand,
.aa-auth-brand,
.aa-app-brand{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.aa-brand::before,
.aa-brand::after,
.aa-footer__brand::before,
.aa-footer__brand::after,
.aa-auth-brand::before,
.aa-auth-brand::after,
.aa-app-brand::before,
.aa-app-brand::after{
  display: none !important;
  content: none !important;
}

/* Global logo image reset: no panel, no white background, no clipping */
img[src*="agentsapp-logo-transparent"],
.aa-brand__logo,
.aa-footer__logo,
.aa-auth-brand img,
.aa-app-brand img{
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
  max-height: none !important;
  flex: 0 0 auto !important;
}

/* Navbar: make it tall enough and let the logo fill almost the full navbar height */
:root{
  --aa-nav-h: clamp(132px, 9.8vw, 176px) !important;
}

.aa-navbar{
  min-height: var(--aa-nav-h) !important;
  height: auto !important;
  overflow: visible !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)) !important;
  border-bottom: 1px solid rgba(255,255,255,.38) !important;
  box-shadow:
    0 18px 52px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
  backdrop-filter: blur(26px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(175%) !important;
}

.aa-navbar__inner{
  min-height: var(--aa-nav-h) !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: minmax(520px, 760px) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(24px, 2.2vw, 52px) !important;
  overflow: visible !important;
}

/* Navbar logo: large, readable, transparent */
.aa-navbar .aa-brand__logo,
.aa-brand__logo{
  width: clamp(520px, 33vw, 760px) !important;
  height: calc(var(--aa-nav-h) - 10px) !important;
  min-width: clamp(520px, 33vw, 760px) !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter:
    drop-shadow(0 10px 22px rgba(37,99,235,.16))
    drop-shadow(0 0 18px rgba(24,216,255,.12)) !important;
}

/* Footer logo: also large and outside any box */
.aa-footer__brand{
  align-items: flex-start !important;
}

.aa-footer__logo{
  width: clamp(460px, 30vw, 720px) !important;
  height: auto !important;
  margin: 0 0 14px 0 !important;
  object-position: left center !important;
  filter:
    drop-shadow(0 10px 22px rgba(37,99,235,.14))
    drop-shadow(0 0 18px rgba(24,216,255,.10)) !important;
}

/* Dashboard sidebar brand: use full logo, not small icon inside square */
.aa-app-brand{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  min-height: 112px !important;
  margin: 0 0 18px !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* kill the old dashboard square mark container */
.aa-app-brand__mark{
  width: min(100%, 360px) !important;
  height: 104px !important;
  display: block !important;
  place-items: initial !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}

.aa-app-brand__mark img{
  width: 360px !important;
  height: 104px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.aa-app-brand > span:not(.aa-app-brand__mark){
  display: none !important;
}

/* Login/Register brand: large transparent logo, no box, no duplicate text pressure */
.aa-auth-brand{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  min-height: clamp(130px, 12vw, 190px) !important;
  margin: 0 0 clamp(28px, 3vw, 48px) !important;
  text-decoration: none !important;
}

.aa-auth-brand img{
  width: clamp(520px, 42vw, 820px) !important;
  height: clamp(130px, 12vw, 190px) !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter:
    drop-shadow(0 12px 28px rgba(37,99,235,.16))
    drop-shadow(0 0 22px rgba(24,216,255,.12)) !important;
}

.aa-auth-brand span{
  display: none !important;
}

/* Auth pages: make room so the bigger logo does not squeeze text/form */
.aa-auth-visual{
  overflow: visible !important;
}

.aa-auth-shell{
  align-items: center !important;
  gap: clamp(42px, 6vw, 110px) !important;
}

/* Night mode: still transparent; only light glow changes */
html[data-theme="night"] .aa-navbar{
  background:
    linear-gradient(180deg, rgba(7,26,52,.24), rgba(7,26,52,.10)) !important;
  border-bottom-color: rgba(24,216,255,.16) !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="night"] .aa-brand__logo,
html[data-theme="night"] .aa-footer__logo,
html[data-theme="night"] .aa-auth-brand img,
html[data-theme="night"] .aa-app-brand__mark img{
  filter:
    drop-shadow(0 10px 22px rgba(24,216,255,.12))
    drop-shadow(0 0 18px rgba(147,84,255,.12)) !important;
}

/* Tablet */
@media (max-width: 1240px){
  :root{
    --aa-nav-h: 112px !important;
  }

  .aa-navbar__inner{
    grid-template-columns: minmax(360px, 470px) 1fr auto !important;
  }

  .aa-navbar .aa-brand__logo,
  .aa-brand__logo{
    width: clamp(360px, 32vw, 470px) !important;
    min-width: clamp(360px, 32vw, 470px) !important;
    height: calc(var(--aa-nav-h) - 8px) !important;
  }

  .aa-footer__logo{
    width: clamp(360px, 36vw, 520px) !important;
  }

  .aa-auth-brand img{
    width: clamp(420px, 44vw, 620px) !important;
  }
}

/* Mobile */
@media (max-width: 980px){
  :root{
    --aa-nav-h: 92px !important;
  }

  .aa-navbar__inner{
    grid-template-columns: 1fr auto !important;
  }

  .aa-navbar .aa-brand__logo,
  .aa-brand__logo{
    width: min(62vw, 360px) !important;
    min-width: 0 !important;
    height: 82px !important;
  }

  .aa-footer__logo{
    width: min(74vw, 420px) !important;
  }

  .aa-app-brand__mark,
  .aa-app-brand__mark img{
    width: min(100%, 320px) !important;
    height: 92px !important;
  }

  .aa-auth-brand{
    justify-content: center !important;
  }

  .aa-auth-brand img{
    width: min(82vw, 520px) !important;
    height: 128px !important;
    object-position: center center !important;
  }
}

@media (max-width: 640px){
  .aa-navbar .aa-brand__logo,
  .aa-brand__logo{
    width: min(68vw, 300px) !important;
    height: 70px !important;
  }

  .aa-footer__logo{
    width: min(82vw, 340px) !important;
  }

  .aa-auth-brand img{
    width: min(88vw, 420px) !important;
    height: 104px !important;
  }
}


/* =========================================================
   AgentsApp v69 — Free Trial Premium Hero + AI Footer
   No large background box behind section. Current images/forms stay intact.
   ========================================================= */

/* Free Trial section: full-area atmosphere, no giant panel/box */
.aa-free-trial-v69{
  position: relative !important;
  overflow: hidden !important;
  padding-top: clamp(82px, 7vw, 132px) !important;
  padding-bottom: clamp(92px, 8vw, 148px) !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(24,216,255,.16), transparent 27%),
    radial-gradient(circle at 88% 18%, rgba(147,84,255,.13), transparent 30%),
    radial-gradient(circle at 52% 92%, rgba(240,171,252,.10), transparent 34%),
    linear-gradient(180deg, rgba(248,252,255,.72), rgba(255,255,255,.92)) !important;
  border: 0 !important;
}

.aa-free-trial-v69::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(37,99,235,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.028) 1px, transparent 1px) !important;
  background-size: 60px 60px !important;
  mask-image: radial-gradient(ellipse at 50% 40%, #000 0%, rgba(0,0,0,.72) 44%, transparent 78%) !important;
  opacity: .65 !important;
}

.aa-free-trial-v69 .aa-container{
  position: relative !important;
  z-index: 2 !important;
  width: min(1540px, calc(100% - 64px)) !important;
}

.aa-free-trial-v69__head{
  max-width: 980px !important;
  margin: 0 auto clamp(36px, 4vw, 64px) !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.aa-free-trial-v69__kicker{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #2563eb !important;
  font-size: clamp(11px, .78vw, 13px) !important;
  font-weight: 850 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
}

.aa-free-trial-v69__kicker::before,
.aa-free-trial-v69__kicker::after{
  content: "" !important;
  width: 34px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #18D8FF, #2563EB, #9354FF) !important;
  box-shadow: 0 0 18px rgba(24,216,255,.22) !important;
}

.aa-free-trial-v69__head h2{
  margin: 18px auto 0 !important;
  max-width: 940px !important;
  color: #0f172a !important;
  font-size: clamp(42px, 4.6vw, 82px) !important;
  line-height: .96 !important;
  letter-spacing: -.068em !important;
  font-weight: 820 !important;
}

.aa-free-trial-v69__head p{
  max-width: 780px !important;
  margin: 22px auto 0 !important;
  color: #52637a !important;
  font-size: clamp(15.5px, 1.06vw, 19px) !important;
  line-height: 1.62 !important;
  font-weight: 520 !important;
}

.aa-free-trial-v69__actions{
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 30px !important;
}

.aa-free-trial-v69__layout{
  display: grid !important;
  grid-template-columns: minmax(460px, .96fr) minmax(0, 1.04fr) !important;
  gap: clamp(24px, 4vw, 70px) !important;
  align-items: stretch !important;
}

/* Mission board is a focused card, not a giant background panel */
.aa-free-trial-v69__mission-board{
  position: relative !important;
  min-height: 470px !important;
  padding: clamp(24px, 3vw, 38px) !important;
  border-radius: 34px !important;
  border: 1px solid rgba(24,216,255,.20) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.48)),
    radial-gradient(circle at 16% 10%, rgba(24,216,255,.12), transparent 35%),
    radial-gradient(circle at 88% 16%, rgba(147,84,255,.10), transparent 34%) !important;
  box-shadow:
    0 28px 84px rgba(15,23,42,.12),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 42px rgba(24,216,255,.08) !important;
  backdrop-filter: blur(22px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
  overflow: hidden !important;
}

.aa-free-trial-v69__mission-board::after{
  content: "" !important;
  position: absolute !important;
  right: -100px !important;
  top: -100px !important;
  width: 300px !important;
  height: 300px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(24,216,255,.18), transparent 66%) !important;
  pointer-events: none !important;
}

.aa-mission-board__top{
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  align-items: flex-start !important;
  margin-bottom: 28px !important;
}

.aa-mission-board__top span{
  display: block !important;
  color: #2563eb !important;
  font-size: 11px !important;
  font-weight: 860 !important;
  letter-spacing: .16em !important;
}

.aa-mission-board__top strong{
  display: block !important;
  margin-top: 8px !important;
  color: #0f172a !important;
  font-size: clamp(30px, 2.4vw, 46px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.aa-mission-board__top em{
  display: inline-flex !important;
  min-height: 34px !important;
  align-items: center !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  color: #0f766e !important;
  background: rgba(20,184,166,.10) !important;
  border: 1px solid rgba(20,184,166,.22) !important;
  font-style: normal !important;
  font-size: 11px !important;
  font-weight: 840 !important;
}

.aa-mission-progress{
  position: relative !important;
  z-index: 2 !important;
  height: 10px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(15,23,42,.08) !important;
  box-shadow: inset 0 1px 2px rgba(15,23,42,.08) !important;
  margin-bottom: 28px !important;
}

.aa-mission-progress i{
  display: block !important;
  width: var(--p, 32%) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #18D8FF, #2563EB, #9354FF, #F0ABFC) !important;
  box-shadow: 0 0 22px rgba(24,216,255,.30) !important;
}

.aa-mission-steps{
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  gap: 14px !important;
}

.aa-mission-steps article{
  display: grid !important;
  grid-template-columns: 46px 1fr !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 16px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  background: rgba(255,255,255,.58) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.74) !important;
}

.aa-mission-steps article.is-active{
  border-color: rgba(24,216,255,.34) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(232,245,255,.54)),
    linear-gradient(90deg, rgba(24,216,255,.08), rgba(147,84,255,.06)) !important;
}

.aa-mission-steps span{
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 15px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563EB, #18D8FF, #9354FF) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(37,99,235,.18) !important;
}

.aa-mission-steps strong{
  display: block !important;
  color: #0f172a !important;
  font-size: 16px !important;
  letter-spacing: -.025em !important;
}

.aa-mission-steps p{
  margin: 6px 0 0 !important;
  color: #5b6b81 !important;
  font-size: 13px !important;
  line-height: 1.48 !important;
}

/* Right cards */
.aa-free-trial-v69__cards{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 16px !important;
  align-content: stretch !important;
}

.aa-free-trial-card{
  position: relative !important;
  min-height: 220px !important;
  display: grid !important;
  align-content: end !important;
  padding: 24px !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  border: 1px solid rgba(24,216,255,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,251,255,.58)) !important;
  box-shadow:
    0 22px 64px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

.aa-free-trial-card::before{
  content: "" !important;
  position: absolute !important;
  inset: -35% -35% auto auto !important;
  width: 220px !important;
  height: 220px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(24,216,255,.18), transparent 66%) !important;
}

.aa-free-trial-card:nth-child(1){
  grid-row: span 2 !important;
  min-height: 456px !important;
}

.aa-free-trial-card span{
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #2563EB, #18D8FF) !important;
  font-size: 12px !important;
  font-weight: 840 !important;
}

.aa-free-trial-card h3{
  position: relative !important;
  margin: 0 0 12px !important;
  color: #0f172a !important;
  font-size: clamp(24px, 1.9vw, 36px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.052em !important;
}

.aa-free-trial-card p{
  position: relative !important;
  margin: 0 !important;
  color: #5b6b81 !important;
  font-size: 14px !important;
  line-height: 1.52 !important;
}

.aa-free-trial-card--violet::before{
  background: radial-gradient(circle, rgba(147,84,255,.20), transparent 66%) !important;
}

.aa-free-trial-card--violet span{
  background: linear-gradient(135deg, #9354FF, #F0ABFC) !important;
}

.aa-free-trial-card--pink::before{
  background: radial-gradient(circle, rgba(240,171,252,.22), transparent 66%) !important;
}

.aa-free-trial-card--pink span{
  background: linear-gradient(135deg, #F0ABFC, #F97316) !important;
}

/* Footer v69 */
.aa-footer-v69{
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(82px, 7vw, 126px) 0 34px !important;
  border-top: 0 !important;
  background:
    radial-gradient(circle at 12% 14%, rgba(24,216,255,.13), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(147,84,255,.12), transparent 30%),
    linear-gradient(180deg, rgba(248,252,255,.96), rgba(239,246,255,.94)) !important;
}

.aa-footer-v69__glow{
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(37,99,235,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.026) 1px, transparent 1px) !important;
  background-size: 62px 62px !important;
  mask-image: radial-gradient(ellipse at 50% 24%, #000 0%, rgba(0,0,0,.70) 48%, transparent 86%) !important;
}

.aa-footer-v69__top{
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr) !important;
  gap: clamp(24px, 4vw, 70px) !important;
  align-items: stretch !important;
  margin-bottom: clamp(28px, 4vw, 58px) !important;
}

.aa-footer-v69__brand,
.aa-footer-v69__cta{
  border-radius: 34px !important;
  border: 1px solid rgba(24,216,255,.18) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.42)),
    radial-gradient(circle at 88% 12%, rgba(24,216,255,.10), transparent 34%) !important;
  box-shadow:
    0 24px 70px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  backdrop-filter: blur(22px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
}

.aa-footer-v69__brand{
  padding: clamp(24px, 3vw, 38px) !important;
}

.aa-footer-v69__brand .aa-footer__logo{
  margin-bottom: 14px !important;
}

.aa-footer-v69__brand p{
  max-width: 760px !important;
  color: #53637a !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.aa-footer-v69__badges{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

.aa-footer-v69__badges span{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  color: #0f172a !important;
  background: rgba(255,255,255,.64) !important;
  border: 1px solid rgba(24,216,255,.18) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}

.aa-footer-v69__cta{
  display: grid !important;
  align-content: center !important;
  padding: clamp(24px, 3vw, 38px) !important;
}

.aa-footer-v69__cta span{
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 860 !important;
  letter-spacing: .16em !important;
}

.aa-footer-v69__cta h3{
  max-width: 520px !important;
  margin: 12px 0 24px !important;
  color: #0f172a !important;
  font-size: clamp(28px, 2.5vw, 48px) !important;
  line-height: 1 !important;
  letter-spacing: -.058em !important;
}

.aa-footer-v69__cta div{
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.aa-footer-v69__grid{
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.aa-footer-v69__grid nav{
  padding: 22px !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.46) !important;
  border: 1px solid rgba(24,216,255,.12) !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.aa-footer-v69__grid h4{
  margin: 0 0 14px !important;
  color: #0f172a !important;
  font-size: 15px !important;
  letter-spacing: -.01em !important;
}

.aa-footer-v69__grid a,
.aa-footer-v69__grid button{
  display: block !important;
  width: 100% !important;
  color: #5b6b81 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 9px 0 !important;
  text-align: left !important;
  font-size: 14px !important;
  font-weight: 620 !important;
}

.aa-footer-v69__grid a:hover,
.aa-footer-v69__grid button:hover{
  color: #2563eb !important;
}

.aa-footer-v69__bottom{
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: 32px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(24,216,255,.14) !important;
  color: #64748b !important;
  font-size: 13px !important;
}

/* Dark mode */
html[data-theme="night"] .aa-free-trial-v69{
  background:
    radial-gradient(circle at 10% 12%, rgba(24,216,255,.07), transparent 27%),
    radial-gradient(circle at 88% 18%, rgba(147,84,255,.09), transparent 30%),
    linear-gradient(180deg, #0B1220 0%, #071A34 100%) !important;
}

html[data-theme="night"] .aa-free-trial-v69__head h2,
html[data-theme="night"] .aa-mission-board__top strong,
html[data-theme="night"] .aa-mission-steps strong,
html[data-theme="night"] .aa-free-trial-card h3,
html[data-theme="night"] .aa-footer-v69__cta h3,
html[data-theme="night"] .aa-footer-v69__grid h4{
  color: #f8fbff !important;
}

html[data-theme="night"] .aa-free-trial-v69__head p,
html[data-theme="night"] .aa-mission-steps p,
html[data-theme="night"] .aa-free-trial-card p,
html[data-theme="night"] .aa-footer-v69__brand p,
html[data-theme="night"] .aa-footer-v69__grid a,
html[data-theme="night"] .aa-footer-v69__grid button,
html[data-theme="night"] .aa-footer-v69__bottom{
  color: rgba(226,232,240,.72) !important;
}

html[data-theme="night"] .aa-free-trial-v69__mission-board,
html[data-theme="night"] .aa-free-trial-card,
html[data-theme="night"] .aa-footer-v69__brand,
html[data-theme="night"] .aa-footer-v69__cta,
html[data-theme="night"] .aa-footer-v69__grid nav{
  background:
    linear-gradient(135deg, rgba(15,23,42,.76), rgba(11,18,32,.52)),
    radial-gradient(circle at 82% 14%, rgba(24,216,255,.08), transparent 38%) !important;
  border-color: rgba(24,216,255,.14) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html[data-theme="night"] .aa-mission-steps article,
html[data-theme="night"] .aa-footer-v69__badges span{
  background: rgba(15,23,42,.56) !important;
  border-color: rgba(24,216,255,.13) !important;
  color: rgba(248,251,255,.90) !important;
}

html[data-theme="night"] .aa-footer-v69{
  background:
    radial-gradient(circle at 12% 14%, rgba(24,216,255,.07), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(147,84,255,.08), transparent 30%),
    linear-gradient(180deg, #071A34 0%, #0B1220 100%) !important;
}

/* Responsive */
@media (max-width: 1180px){
  .aa-free-trial-v69__layout,
  .aa-footer-v69__top{
    grid-template-columns: 1fr !important;
  }

  .aa-free-trial-v69__cards{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }

  .aa-free-trial-card:nth-child(1){
    grid-row: auto !important;
    min-height: 220px !important;
  }
}

@media (max-width: 860px){
  .aa-free-trial-v69 .aa-container{
    width: min(100% - 28px, 1540px) !important;
  }

  .aa-free-trial-v69__cards,
  .aa-footer-v69__grid{
    grid-template-columns: 1fr !important;
  }

  .aa-free-trial-v69__mission-board{
    min-height: auto !important;
  }

  .aa-mission-board__top{
    flex-direction: column !important;
  }

  .aa-footer-v69__bottom{
    flex-direction: column !important;
  }
}


/* =========================================================
   AgentsApp v71 — Revert to V69 visual order + Light Mode Only
   Base: V69. Night mode is disabled completely.
   ========================================================= */

/* Hide theme controls everywhere */
.aa-theme-toggle,
[data-theme-toggle],
button[data-theme-toggle]{
  display: none !important;
}

/* Always render the site as light mode, even if old localStorage set night */
html,
html[data-theme],
html[data-theme="night"],
html[data-theme="day"]{
  color-scheme: light !important;
}

/* Force core page backgrounds back to light V69-style surfaces */
html[data-theme="night"] body,
html[data-theme="night"],
body{
  background:
    radial-gradient(circle at 13% 9%, rgba(24,216,255,.10), transparent 29%),
    radial-gradient(circle at 88% 14%, rgba(147,84,255,.09), transparent 31%),
    linear-gradient(135deg, #f8fbff 0%, #eef6ff 48%, #ffffff 100%) !important;
  color: #0f172a !important;
}

/* Navbar/footer remain light/glass only */
html[data-theme="night"] .aa-navbar,
.aa-navbar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06)) !important;
  border-bottom: 1px solid rgba(255,255,255,.38) !important;
  box-shadow:
    0 18px 52px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
  backdrop-filter: blur(26px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(175%) !important;
}

html[data-theme="night"] .aa-nav a,
html[data-theme="night"] .aa-nav__button,
.aa-nav a,
.aa-nav__button{
  color: rgba(15,23,42,.92) !important;
}

/* Undo dark-mode text overrides */
html[data-theme="night"] h1,
html[data-theme="night"] h2,
html[data-theme="night"] h3,
html[data-theme="night"] h4,
html[data-theme="night"] strong,
html[data-theme="night"] summary{
  color: #0f172a !important;
}

html[data-theme="night"] p,
html[data-theme="night"] small,
html[data-theme="night"] li,
html[data-theme="night"] .aa-muted,
html[data-theme="night"] .aa-footer-v69__bottom,
html[data-theme="night"] .aa-footer-v69__grid a,
html[data-theme="night"] .aa-footer-v69__grid button{
  color: #52637a !important;
}

/* Cards/panels/forms light only */
html[data-theme="night"] .aa-flow-card,
html[data-theme="night"] .aa-package-card,
html[data-theme="night"] .aa-free-trial-card,
html[data-theme="night"] .aa-free-trial-v69__mission-board,
html[data-theme="night"] .aa-footer-v69__brand,
html[data-theme="night"] .aa-footer-v69__cta,
html[data-theme="night"] .aa-footer-v69__grid nav,
html[data-theme="night"] .aa-auth-panel,
html[data-theme="night"] .aa-auth-card,
html[data-theme="night"] .aa-app-sidebar,
html[data-theme="night"] .aa-app-main,
html[data-theme="night"] .aa-app-panel,
html[data-theme="night"] .aa-app-card,
html[data-theme="night"] .aa-app-package,
html[data-theme="night"] .aa-drawer__panel,
html[data-theme="night"] .aa-capacity-modal__panel{
  background:
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,255,255,.42)),
    radial-gradient(circle at 82% 14%, rgba(24,216,255,.10), transparent 38%) !important;
  border-color: rgba(24,216,255,.18) !important;
  box-shadow:
    0 24px 70px rgba(15,23,42,.105),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 32px rgba(24,216,255,.065) !important;
}

/* Media areas light only */
html[data-theme="night"] .aa-flow-card figure,
html[data-theme="night"] .aa-package-card__media,
html[data-theme="night"] .aa-capacity-modal__media,
html[data-theme="night"] .aa-test-main-visual{
  background:
    radial-gradient(circle at 50% 32%, rgba(255,255,255,.88), transparent 44%),
    radial-gradient(circle at 22% 78%, rgba(24,216,255,.10), transparent 38%),
    linear-gradient(180deg, rgba(248,252,255,.95), rgba(231,242,255,.72)) !important;
}

/* Inputs light only */
html[data-theme="night"] .aa-form input,
html[data-theme="night"] .aa-form select,
html[data-theme="night"] .aa-form textarea,
html[data-theme="night"] .aa-auth-form input,
html[data-theme="night"] .aa-app-form input,
html[data-theme="night"] .aa-app-form select,
html[data-theme="night"] .aa-app-form textarea{
  color: #0f172a !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(246,251,255,.54)) !important;
  border-color: rgba(24,216,255,.16) !important;
}

/* Footer light only */
html[data-theme="night"] .aa-footer-v69,
.aa-footer-v69{
  background:
    radial-gradient(circle at 12% 14%, rgba(24,216,255,.13), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(147,84,255,.12), transparent 30%),
    linear-gradient(180deg, rgba(248,252,255,.96), rgba(239,246,255,.94)) !important;
}

/* Logo glow stays light, no night blend/filter */
html[data-theme="night"] .aa-brand__logo,
html[data-theme="night"] .aa-footer__logo,
html[data-theme="night"] .aa-auth-brand img,
html[data-theme="night"] .aa-app-brand__mark img,
.aa-brand__logo,
.aa-footer__logo,
.aa-auth-brand img,
.aa-app-brand__mark img{
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter:
    drop-shadow(0 10px 22px rgba(37,99,235,.16))
    drop-shadow(0 0 18px rgba(24,216,255,.10)) !important;
}


/* =========================================================
   AgentsApp v72 — Premium Natural DePIN Card / Box System
   Scope: all website cards, boxes, panels, modals, dashboard/auth cards.
   Direction: premium UX + natural material + DePIN technology.
   No image generation, no night mode re-enable.
   ========================================================= */

:root{
  --aa-nature-pearl: #F8FBFF;
  --aa-nature-ivory: #FFFDF8;
  --aa-nature-silver: #E8EEF6;
  --aa-nature-stone: #D7E0EA;
  --aa-nature-graphite: #0F172A;
  --aa-nature-muted: #52637A;
  --aa-nature-cyan: #18D8FF;
  --aa-nature-blue: #2563EB;
  --aa-nature-violet: #9354FF;
  --aa-nature-teal: #14B8A6;
  --aa-nature-solar: #F97316;

  --aa-natural-card-bg:
    radial-gradient(circle at 82% 12%, rgba(24,216,255,.095), transparent 34%),
    radial-gradient(circle at 18% 88%, rgba(20,184,166,.065), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(245,250,255,.70));
  --aa-natural-card-bg-strong:
    radial-gradient(circle at 84% 12%, rgba(24,216,255,.13), transparent 34%),
    radial-gradient(circle at 16% 88%, rgba(147,84,255,.075), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,247,255,.78));
  --aa-natural-card-border: rgba(24,216,255,.19);
  --aa-natural-card-border-hover: rgba(24,216,255,.36);
  --aa-natural-card-shadow:
    0 22px 56px rgba(15,23,42,.095),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 28px rgba(24,216,255,.055);
  --aa-natural-card-shadow-hover:
    0 30px 82px rgba(15,23,42,.15),
    0 0 0 1px rgba(255,255,255,.70) inset,
    0 0 38px rgba(24,216,255,.12),
    0 0 52px rgba(147,84,255,.055);
  --aa-natural-radius-xl: 34px;
  --aa-natural-radius-lg: 28px;
  --aa-natural-radius-md: 22px;
}

/* Section atmosphere: natural + DePIN grid without big wallpaper/panel feel */
.aa-how-flow-section,
.aa-test-hero-section,
.aa-capacity-section,
.aa-free-trial-v69,
.aa-auth-page,
.aa-app-dashboard{
  background:
    radial-gradient(circle at 12% 12%, rgba(24,216,255,.090), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(147,84,255,.070), transparent 30%),
    radial-gradient(circle at 46% 86%, rgba(20,184,166,.045), transparent 34%),
    linear-gradient(180deg, rgba(248,252,255,.90), rgba(255,255,255,.96)) !important;
}

/* Natural DePIN texture layer */
.aa-how-flow-section::after,
.aa-test-hero-section::after,
.aa-capacity-section::after,
.aa-free-trial-v69::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background-image:
    linear-gradient(rgba(37,99,235,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.018) 1px, transparent 1px),
    radial-gradient(circle at 18% 18%, rgba(20,184,166,.050), transparent 18%),
    radial-gradient(circle at 86% 74%, rgba(147,84,255,.045), transparent 18%) !important;
  background-size: 58px 58px, 58px 58px, 100% 100%, 100% 100% !important;
  opacity: .58 !important;
  mask-image: radial-gradient(ellipse at 50% 45%, #000 0%, rgba(0,0,0,.70) 58%, transparent 92%) !important;
}

/* Keep content above texture */
.aa-how-flow-section > .aa-container,
.aa-test-hero-section > .aa-container,
.aa-capacity-section > .aa-container,
.aa-free-trial-v69 > .aa-container{
  position: relative !important;
  z-index: 2 !important;
}

/* Universal premium natural card/box treatment */
.aa-flow-card,
.aa-test-mini-stack span,
.aa-test-step-card,
.aa-package-card,
.aa-free-trial-card,
.aa-free-trial-v69__mission-board,
.aa-mission-steps article,
.aa-footer-v69__brand,
.aa-footer-v69__cta,
.aa-footer-v69__grid nav,
.aa-auth-panel,
.aa-auth-card,
.aa-auth-signal-grid span,
.aa-auth-home-btn,
.aa-app-sidebar,
.aa-app-main,
.aa-app-panel,
.aa-app-card,
.aa-app-package,
.aa-app-note-card,
.aa-app-user,
.aa-app-hero-card,
.aa-dashboard-card,
.aa-drawer__panel,
.aa-capacity-modal__panel,
.aa-capacity-modal__specs span,
.aa-app-faq-list details{
  position: relative !important;
  border-radius: var(--aa-natural-radius-lg) !important;
  border: 1px solid var(--aa-natural-card-border) !important;
  background: var(--aa-natural-card-bg) !important;
  box-shadow: var(--aa-natural-card-shadow) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  overflow: hidden;
}

/* subtle mineral sheen on major cards */
.aa-flow-card::before,
.aa-package-card::before,
.aa-free-trial-card::before,
.aa-free-trial-v69__mission-board::before,
.aa-footer-v69__brand::before,
.aa-footer-v69__cta::before,
.aa-app-panel::before,
.aa-auth-panel::before,
.aa-capacity-modal__panel::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    linear-gradient(120deg, rgba(255,255,255,.46), transparent 24%, transparent 68%, rgba(24,216,255,.060)),
    radial-gradient(circle at 84% 12%, rgba(24,216,255,.080), transparent 30%) !important;
  opacity: .78 !important;
}

.aa-flow-card > *,
.aa-package-card > *,
.aa-free-trial-card > *,
.aa-free-trial-v69__mission-board > *,
.aa-footer-v69__brand > *,
.aa-footer-v69__cta > *,
.aa-app-panel > *,
.aa-auth-panel > *,
.aa-capacity-modal__panel > *{
  position: relative !important;
  z-index: 1 !important;
}

/* refined hover/interaction */
.aa-flow-card,
.aa-package-card,
.aa-free-trial-card,
.aa-test-mini-stack span,
.aa-mission-steps article,
.aa-footer-v69__grid nav,
.aa-app-card,
.aa-app-package,
.aa-app-panel{
  transition:
    transform .26s cubic-bezier(.16,1,.3,1),
    box-shadow .26s ease,
    border-color .26s ease,
    background .26s ease !important;
}

.aa-flow-card:hover,
.aa-package-card:hover,
.aa-free-trial-card:hover,
.aa-test-mini-stack span:hover,
.aa-mission-steps article:hover,
.aa-footer-v69__grid nav:hover,
.aa-app-card:hover,
.aa-app-package:hover{
  transform: translate3d(0,-6px,0) !important;
  border-color: var(--aa-natural-card-border-hover) !important;
  background: var(--aa-natural-card-bg-strong) !important;
  box-shadow: var(--aa-natural-card-shadow-hover) !important;
}

/* card inner surfaces: no empty white interiors */
.aa-flow-card__body,
.aa-package-card__body,
.aa-app-topbar,
.aa-auth-panel__top,
.aa-mission-progress,
.aa-footer-v69__badges span,
.aa-chip,
.aa-pill,
.aa-tag,
.aa-app-card__label{
  border-radius: calc(var(--aa-natural-radius-md) - 4px) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(239,247,255,.42)),
    radial-gradient(circle at 78% 12%, rgba(24,216,255,.060), transparent 32%) !important;
  border-color: rgba(24,216,255,.115) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    0 10px 26px rgba(15,23,42,.045) !important;
}

/* image/media slots: natural tech surface, not plain white */
.aa-flow-card figure,
.aa-package-card__media,
.aa-test-main-visual,
.aa-capacity-modal__media,
.aa-step-card__media,
.aa-visual-feature figure{
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.92), transparent 42%),
    radial-gradient(circle at 20% 78%, rgba(20,184,166,.105), transparent 36%),
    radial-gradient(circle at 82% 18%, rgba(24,216,255,.125), transparent 34%),
    linear-gradient(180deg, #F8FBFF 0%, #EAF4FF 64%, #F7FBFF 100%) !important;
  border-color: rgba(24,216,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -26px 54px rgba(24,216,255,.052) !important;
}

/* small chips/buttons inside cards become calmer premium natural DePIN */
.aa-test-mini-stack span,
.aa-footer-v69__badges span,
.aa-mission-board__top em,
.aa-capacity-modal__specs span,
.aa-app-card__label,
.aa-app-kicker{
  color: #0f3f5a !important;
  font-weight: 780 !important;
  letter-spacing: .02em !important;
}

/* headings gain premium density */
.aa-flow-card h3,
.aa-package-card h3,
.aa-free-trial-card h3,
.aa-mission-board__top strong,
.aa-mission-steps strong,
.aa-footer-v69__cta h3,
.aa-footer-v69__grid h4,
.aa-auth-panel h2,
.aa-app-panel h2,
.aa-app-panel h3,
.aa-app-card strong,
.aa-app-package strong{
  color: var(--aa-nature-graphite) !important;
  letter-spacing: -.045em !important;
}

/* text readability */
.aa-flow-card p,
.aa-package-card p,
.aa-free-trial-card p,
.aa-mission-steps p,
.aa-footer-v69__brand p,
.aa-app-panel p,
.aa-app-card p,
.aa-auth-panel p{
  color: var(--aa-nature-muted) !important;
}

/* form boxes as premium natural input surfaces */
.aa-form input,
.aa-form select,
.aa-form textarea,
.aa-auth-form input,
.aa-app-form input,
.aa-app-form select,
.aa-app-form textarea{
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(239,247,255,.56)),
    radial-gradient(circle at 86% 12%, rgba(24,216,255,.050), transparent 28%) !important;
  border: 1px solid rgba(24,216,255,.16) !important;
  box-shadow:
    0 10px 26px rgba(15,23,42,.050),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.aa-form input:focus,
.aa-form select:focus,
.aa-form textarea:focus,
.aa-auth-form input:focus,
.aa-app-form input:focus,
.aa-app-form select:focus,
.aa-app-form textarea:focus{
  border-color: rgba(24,216,255,.48) !important;
  box-shadow:
    0 0 0 4px rgba(24,216,255,.11),
    0 16px 34px rgba(37,99,235,.10),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

/* modal retains depth */
.aa-capacity-modal__panel{
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(24,216,255,.13), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(147,84,255,.09), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.97), rgba(238,247,255,.92)) !important;
}

/* no night mode return */
.aa-theme-toggle,
[data-theme-toggle]{
  display: none !important;
}

html,
html[data-theme],
html[data-theme="night"],
html[data-theme="day"]{
  color-scheme: light !important;
}

/* responsive tuning */
@media (max-width: 980px){
  .aa-flow-card,
  .aa-package-card,
  .aa-free-trial-card,
  .aa-free-trial-v69__mission-board,
  .aa-footer-v69__brand,
  .aa-footer-v69__cta,
  .aa-auth-panel,
  .aa-app-panel{
    border-radius: 24px !important;
  }
}

@media (max-width: 640px){
  .aa-flow-card:hover,
  .aa-package-card:hover,
  .aa-free-trial-card:hover,
  .aa-test-mini-stack span:hover,
  .aa-mission-steps article:hover{
    transform: none !important;
  }
}


/* =========================================================
   AgentsApp v73 — How cards horizontal / Auth logo-only / Compact footer
   Base: V72. Light mode only remains.
   ========================================================= */

/* 1) HOW IT WORKS: cards side-by-side, not stacked/stair */
#how-it-works .aa-flow-stage{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.35vw, 24px) !important;
  align-items: stretch !important;
  min-height: 0 !important;
  width: min(1680px, 100%) !important;
  margin: clamp(30px, 3vw, 48px) auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#how-it-works .aa-flow-stage::before,
#how-it-works .aa-flow-stage::after,
#how-it-works .aa-flow-path,
#how-it-works .aa-flow-decor{
  display: none !important;
  content: none !important;
}

#how-it-works .aa-flow-card,
#how-it-works .aa-flow-card--one,
#how-it-works .aa-flow-card--two,
#how-it-works .aa-flow-card--three,
#how-it-works .aa-flow-card--four,
#how-it-works .aa-flow-card--five{
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 100% !important;
  transform: none !important;
}

#how-it-works .aa-flow-card::after{
  content: "→" !important;
  position: absolute !important;
  right: -18px !important;
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  z-index: 12 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #18D8FF, #2563EB 52%, #9354FF) !important;
  box-shadow: 0 12px 30px rgba(37,99,235,.20), 0 0 28px rgba(24,216,255,.18) !important;
}

#how-it-works .aa-flow-card--five::after{
  display: none !important;
}

#how-it-works .aa-flow-card figure{
  height: clamp(150px, 10.6vw, 210px) !important;
}

#how-it-works .aa-flow-card__body{
  padding: 18px 18px 20px !important;
}

#how-it-works .aa-flow-card__body h3{
  font-size: clamp(18px, 1.12vw, 23px) !important;
  line-height: 1.06 !important;
}

#how-it-works .aa-flow-card__body p{
  font-size: clamp(12px, .78vw, 14px) !important;
  line-height: 1.45 !important;
}

/* 2) LOGIN / REGISTER: remove left box, keep only right form, place logo above form */
.aa-auth-page{
  min-height: 100vh !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(38px, 6vw, 92px) 20px !important;
}

.aa-auth-shell{
  width: min(640px, 100%) !important;
  min-height: 0 !important;
  display: block !important;
  grid-template-columns: 1fr !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  margin: 0 auto !important;
}

.aa-auth-visual{
  display: none !important;
}

.aa-auth-panel{
  width: 100% !important;
  min-height: 0 !important;
  padding: clamp(28px, 4.2vw, 48px) !important;
  border-radius: 34px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(245,250,255,.68)),
    radial-gradient(circle at 86% 10%, rgba(24,216,255,.12), transparent 34%),
    radial-gradient(circle at 12% 88%, rgba(147,84,255,.07), transparent 32%) !important;
  border: 1px solid rgba(24,216,255,.20) !important;
  box-shadow:
    0 26px 80px rgba(15,23,42,.12),
    0 0 0 1px rgba(255,255,255,.70) inset,
    0 0 44px rgba(24,216,255,.08) !important;
  backdrop-filter: blur(22px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
}

.aa-auth-panel > h2,
.aa-auth-panel > p{
  display: none !important;
}

.aa-auth-panel-logo{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: clamp(12px, 1.8vw, 22px) auto clamp(22px, 3vw, 34px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.aa-auth-panel-logo img{
  display: block !important;
  width: min(100%, 520px) !important;
  height: clamp(105px, 10vw, 150px) !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 10px 22px rgba(37,99,235,.16))
    drop-shadow(0 0 18px rgba(24,216,255,.12)) !important;
}

.aa-auth-panel__top{
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* 3) FOOTER: compact, thin, modern, less crowded */
.aa-footer-v69,
.aa-footer-v73{
  position: relative !important;
  padding: clamp(36px, 4.2vw, 64px) 0 22px !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(24,216,255,.13) !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(24,216,255,.08), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(147,84,255,.07), transparent 30%),
    linear-gradient(180deg, rgba(248,252,255,.92), rgba(239,246,255,.88)) !important;
}

.aa-footer-v73__glow{
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(37,99,235,.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.020) 1px, transparent 1px) !important;
  background-size: 58px 58px !important;
  opacity: .42 !important;
  mask-image: radial-gradient(ellipse at 50% 24%, #000 0%, rgba(0,0,0,.50) 48%, transparent 82%) !important;
}

.aa-footer-v73__bar{
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(280px, .82fr) minmax(420px, 1.15fr) auto !important;
  gap: clamp(18px, 2.4vw, 36px) !important;
  align-items: center !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(245,250,255,.48)),
    radial-gradient(circle at 86% 14%, rgba(24,216,255,.09), transparent 34%) !important;
  border: 1px solid rgba(24,216,255,.16) !important;
  box-shadow:
    0 20px 58px rgba(15,23,42,.095),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

.aa-footer-v73__brand{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.aa-footer-v73__brand .aa-footer__logo{
  width: clamp(240px, 18vw, 360px) !important;
  height: auto !important;
  margin: 0 0 8px 0 !important;
}

.aa-footer-v73__brand p{
  margin: 0 !important;
  max-width: 380px !important;
  color: #52637a !important;
  font-size: 13px !important;
  line-height: 1.48 !important;
}

.aa-footer-v73__links{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 9px !important;
}

.aa-footer-v73__links a,
.aa-footer-v73__social a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  color: #0f172a !important;
  background: rgba(255,255,255,.58) !important;
  border: 1px solid rgba(24,216,255,.13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  text-decoration: none !important;
}

.aa-footer-v73__links a:hover,
.aa-footer-v73__social a:hover{
  color: #2563eb !important;
  border-color: rgba(24,216,255,.28) !important;
  box-shadow: 0 10px 24px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

.aa-footer-v73__actions{
  display: flex !important;
  gap: 9px !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

.aa-footer-v73__actions .aa-btn{
  min-height: 38px !important;
  padding: 0 16px !important;
  font-size: 12px !important;
  border-radius: 999px !important;
}

.aa-footer-v73__bottom{
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  padding-top: 16px !important;
  color: #64748b !important;
  font-size: 12px !important;
}

.aa-footer-v73__social{
  display: inline-flex !important;
  gap: 8px !important;
}

/* Hide old v69 footer chunks if browser cache or old HTML survives */
.aa-footer-v69__top,
.aa-footer-v69__grid{
  min-height: 0 !important;
}

/* Responsive */
@media (max-width: 1380px){
  #how-it-works .aa-flow-stage{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #how-it-works .aa-flow-card::after{
    display: none !important;
  }
}

@media (max-width: 980px){
  #how-it-works .aa-flow-stage{
    grid-template-columns: 1fr !important;
  }

  .aa-footer-v73__bar{
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .aa-footer-v73__brand .aa-footer__logo{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .aa-footer-v73__brand p{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .aa-footer-v73__actions{
    justify-content: center !important;
  }

  .aa-footer-v73__bottom{
    flex-direction: column !important;
    text-align: center !important;
  }
}

@media (max-width: 640px){
  .aa-auth-panel{
    padding: 24px !important;
    border-radius: 26px !important;
  }

  .aa-auth-panel-logo img{
    height: 96px !important;
  }
}


/* =========================================================
   AgentsApp v74 — Login/Register full-page background images
   Scope: auth pages only. Form glass box remains.
   ========================================================= */

body.aa-page-login,
body.aa-page-register{
  min-height: 100vh !important;
  background: #f8fbff !important;
}

body.aa-page-login .aa-auth-page,
body.aa-page-register .aa-auth-page{
  position: relative !important;
  min-height: 100vh !important;
  display: grid !important;
  place-items: center end !important;
  padding: clamp(32px, 5vw, 82px) clamp(32px, 7vw, 120px) !important;
  overflow: hidden !important;
  background-color: #f8fbff !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

body.aa-page-login .aa-auth-page{
  background-image:
    linear-gradient(90deg, rgba(248,251,255,.06) 0%, rgba(248,251,255,.08) 43%, rgba(248,251,255,.30) 100%),
    url("../images/auth/login-bg.png") !important;
}

body.aa-page-register .aa-auth-page{
  background-image:
    linear-gradient(90deg, rgba(248,251,255,.04) 0%, rgba(248,251,255,.08) 50%, rgba(248,251,255,.28) 100%),
    url("../images/auth/register-bg.png") !important;
}

body.aa-page-login .aa-auth-page::before,
body.aa-page-login .aa-auth-page::after,
body.aa-page-register .aa-auth-page::before,
body.aa-page-register .aa-auth-page::after{
  display: none !important;
  content: none !important;
}

body.aa-page-login .aa-auth-shell,
body.aa-page-register .aa-auth-shell{
  width: min(560px, 100%) !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.aa-page-login .aa-auth-visual,
body.aa-page-register .aa-auth-visual{
  display: none !important;
}

body.aa-page-login .aa-auth-panel,
body.aa-page-register .aa-auth-panel{
  width: 100% !important;
  min-height: 0 !important;
  padding: clamp(28px, 3.4vw, 44px) !important;
  border-radius: 34px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(246,251,255,.46)),
    radial-gradient(circle at 84% 10%, rgba(24,216,255,.12), transparent 34%),
    radial-gradient(circle at 12% 92%, rgba(147,84,255,.08), transparent 34%) !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  box-shadow:
    0 32px 90px rgba(15,23,42,.20),
    0 0 0 1px rgba(24,216,255,.14) inset,
    0 0 42px rgba(24,216,255,.08) !important;
  backdrop-filter: blur(26px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(160%) !important;
}

body.aa-page-login .aa-auth-panel-logo,
body.aa-page-register .aa-auth-panel-logo{
  margin-top: 0 !important;
}

body.aa-page-login .aa-auth-panel-logo img,
body.aa-page-register .aa-auth-panel-logo img{
  width: min(100%, 500px) !important;
  height: clamp(94px, 8vw, 132px) !important;
}

body.aa-page-login .aa-auth-panel__top,
body.aa-page-register .aa-auth-panel__top{
  margin-bottom: 18px !important;
}

body.aa-page-login .aa-auth-panel__top a,
body.aa-page-register .aa-auth-panel__top a,
body.aa-page-login .aa-auth-panel__top span,
body.aa-page-register .aa-auth-panel__top span{
  background: rgba(255,255,255,.58) !important;
  border: 1px solid rgba(24,216,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.74) !important;
}

@media (max-width: 980px){
  body.aa-page-login .aa-auth-page,
  body.aa-page-register .aa-auth-page{
    place-items: center !important;
    padding: 28px 18px !important;
    background-position: center center !important;
  }

  body.aa-page-login .aa-auth-shell,
  body.aa-page-register .aa-auth-shell{
    width: min(560px, 100%) !important;
  }
}

@media (max-width: 640px){
  body.aa-page-login .aa-auth-panel,
  body.aa-page-register .aa-auth-panel{
    border-radius: 26px !important;
    padding: 24px !important;
  }

  body.aa-page-login .aa-auth-panel-logo img,
  body.aa-page-register .aa-auth-panel-logo img{
    height: 92px !important;
  }
}


/* =========================================================
   AgentsApp v75 — Auth background visibility fix
   Problem fixed: login/register pages do not use body.aa-page-login classes.
   Target real classes: .aa-auth-page--login / .aa-auth-page--register
   ========================================================= */

.aa-auth-page.aa-auth-page--login,
.aa-auth-page.aa-auth-page--register{
  position: relative !important;
  min-height: 100vh !important;
  display: grid !important;
  place-items: center end !important;
  padding: clamp(32px, 5vw, 82px) clamp(32px, 7vw, 120px) !important;
  overflow: hidden !important;
  background-color: #f8fbff !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

.aa-auth-page.aa-auth-page--login{
  background-image:
    linear-gradient(90deg, rgba(248,251,255,.03) 0%, rgba(248,251,255,.06) 42%, rgba(248,251,255,.25) 100%),
    url("../images/auth/login-bg.png") !important;
}

.aa-auth-page.aa-auth-page--register{
  background-image:
    linear-gradient(90deg, rgba(248,251,255,.03) 0%, rgba(248,251,255,.07) 50%, rgba(248,251,255,.25) 100%),
    url("../images/auth/register-bg.png") !important;
}

/* old auth section texture layers must not cover the image */
.aa-auth-page.aa-auth-page--login::before,
.aa-auth-page.aa-auth-page--login::after,
.aa-auth-page.aa-auth-page--register::before,
.aa-auth-page.aa-auth-page--register::after{
  display: none !important;
  content: none !important;
}

/* Keep form on right over the full-page image */
.aa-auth-page.aa-auth-page--login .aa-auth-shell,
.aa-auth-page.aa-auth-page--register .aa-auth-shell{
  width: min(560px, 100%) !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.aa-auth-page.aa-auth-page--login .aa-auth-visual,
.aa-auth-page.aa-auth-page--register .aa-auth-visual{
  display: none !important;
}

.aa-auth-page.aa-auth-page--login .aa-auth-panel,
.aa-auth-page.aa-auth-page--register .aa-auth-panel{
  width: 100% !important;
  min-height: 0 !important;
  padding: clamp(28px, 3.4vw, 44px) !important;
  border-radius: 34px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(246,251,255,.46)),
    radial-gradient(circle at 84% 10%, rgba(24,216,255,.12), transparent 34%),
    radial-gradient(circle at 12% 92%, rgba(147,84,255,.08), transparent 34%) !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  box-shadow:
    0 32px 90px rgba(15,23,42,.20),
    0 0 0 1px rgba(24,216,255,.14) inset,
    0 0 42px rgba(24,216,255,.08) !important;
  backdrop-filter: blur(26px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(160%) !important;
}

/* Mobile */
@media (max-width: 980px){
  .aa-auth-page.aa-auth-page--login,
  .aa-auth-page.aa-auth-page--register{
    place-items: center !important;
    padding: 28px 18px !important;
    background-position: center center !important;
  }

  .aa-auth-page.aa-auth-page--login .aa-auth-shell,
  .aa-auth-page.aa-auth-page--register .aa-auth-shell{
    width: min(560px, 100%) !important;
  }
}


/* =========================================================
   AgentsApp v76 — Auth form center + no logo reflection + no Google auth
   Scope: login.php and register.php only.
   ========================================================= */

/* Center the form box on both auth pages */
.aa-auth-page.aa-auth-page--login,
.aa-auth-page.aa-auth-page--register,
body.aa-page-login .aa-auth-page,
body.aa-page-register .aa-auth-page{
  place-items: center !important;
  justify-items: center !important;
  align-items: center !important;
  padding: clamp(32px, 5vw, 82px) clamp(20px, 5vw, 82px) !important;
}

/* The shell should not stick to the page edge */
.aa-auth-page.aa-auth-page--login .aa-auth-shell,
.aa-auth-page.aa-auth-page--register .aa-auth-shell,
body.aa-page-login .aa-auth-shell,
body.aa-page-register .aa-auth-shell{
  width: min(560px, calc(100% - 24px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Remove reflection / glow / shadow under the logo on auth pages */
.aa-auth-page.aa-auth-page--login .aa-auth-panel-logo,
.aa-auth-page.aa-auth-page--register .aa-auth-panel-logo{
  filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.aa-auth-page.aa-auth-page--login .aa-auth-panel-logo::before,
.aa-auth-page.aa-auth-page--login .aa-auth-panel-logo::after,
.aa-auth-page.aa-auth-page--register .aa-auth-panel-logo::before,
.aa-auth-page.aa-auth-page--register .aa-auth-panel-logo::after{
  display: none !important;
  content: none !important;
}

.aa-auth-page.aa-auth-page--login .aa-auth-panel-logo img,
.aa-auth-page.aa-auth-page--register .aa-auth-panel-logo img{
  filter: none !important;
  box-shadow: none !important;
  -webkit-box-reflect: unset !important;
  background: transparent !important;
}

/* Hide Google auth elements completely in case old cached HTML survives */
.aa-auth-google,
.aa-auth-separator{
  display: none !important;
}


/* =========================================================
   AgentsApp v77 — How It Works premium visual cards
   Uses user-provided 5 images. No generation.
   ========================================================= */

#how-it-works{
  padding-top: clamp(70px, 6vw, 118px) !important;
  padding-bottom: clamp(76px, 7vw, 132px) !important;
}

#how-it-works .aa-flow-head{
  max-width: 1050px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

#how-it-works .aa-flow-head h2{
  font-size: clamp(42px, 4.6vw, 82px) !important;
  line-height: .94 !important;
  letter-spacing: -.07em !important;
}

#how-it-works .aa-flow-head h2 span{
  background: linear-gradient(90deg, #18D8FF 0%, #2563EB 42%, #9354FF 78%, #F0ABFC 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#how-it-works .aa-flow-head p{
  max-width: 850px !important;
  margin-top: 18px !important;
  font-size: clamp(15px, .98vw, 18px) !important;
  line-height: 1.62 !important;
  color: #52637A !important;
}

/* Bigger premium card layout */
#how-it-works .aa-flow-stage{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.45vw, 28px) !important;
  width: min(1840px, calc(100% + 80px)) !important;
  margin: clamp(42px, 4vw, 70px) 50% 0 !important;
  transform: translateX(-50%) !important;
  align-items: stretch !important;
  min-height: 0 !important;
  padding: 0 clamp(18px, 2vw, 34px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#how-it-works .aa-flow-decor,
#how-it-works .aa-flow-path{
  display: none !important;
}

#how-it-works .aa-flow-card,
#how-it-works .aa-flow-card--one,
#how-it-works .aa-flow-card--two,
#how-it-works .aa-flow-card--three,
#how-it-works .aa-flow-card--four,
#how-it-works .aa-flow-card--five{
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(480px, 32vw, 640px) !important;
  display: grid !important;
  grid-template-rows: clamp(260px, 18vw, 380px) 1fr !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  transform: none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(244,250,255,.72)),
    radial-gradient(circle at 82% 14%, rgba(24,216,255,.12), transparent 36%),
    radial-gradient(circle at 16% 90%, rgba(147,84,255,.07), transparent 34%) !important;
  border: 1px solid rgba(24,216,255,.22) !important;
  box-shadow:
    0 26px 76px rgba(15,23,42,.13),
    0 0 0 1px rgba(255,255,255,.68) inset,
    0 0 34px rgba(24,216,255,.08) !important;
}

/* Flow arrows between cards */
#how-it-works .aa-flow-card::after{
  content: "→" !important;
  position: absolute !important;
  right: -22px !important;
  top: clamp(132px, 9vw, 195px) !important;
  z-index: 20 !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #18D8FF, #2563EB 50%, #9354FF) !important;
  box-shadow:
    0 14px 36px rgba(37,99,235,.24),
    0 0 26px rgba(24,216,255,.22) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

#how-it-works .aa-flow-card--five::after{
  display: none !important;
}

#how-it-works .aa-flow-card figure{
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, #F8FBFF, #EAF4FF) !important;
  border: 0 !important;
  box-shadow: none !important;
}

#how-it-works .aa-flow-card figure img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  transform: none !important;
}

/* Remove any broken icon image spacing behavior */
#how-it-works .aa-flow-card figure img[alt]{
  font-size: 0 !important;
}

#how-it-works .aa-flow-card__body{
  position: relative !important;
  z-index: 2 !important;
  padding: clamp(22px, 1.8vw, 30px) !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,248,255,.78)),
    radial-gradient(circle at 88% 16%, rgba(24,216,255,.08), transparent 34%) !important;
  border-top: 1px solid rgba(24,216,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

#how-it-works .aa-flow-card__body::before{
  content: "" !important;
  width: 54px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #18D8FF, #2563EB, #9354FF) !important;
  box-shadow: 0 0 18px rgba(24,216,255,.18) !important;
  margin-bottom: 4px !important;
}

#how-it-works .aa-flow-card__body h3{
  margin: 0 !important;
  font-size: clamp(22px, 1.55vw, 32px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  color: #0F172A !important;
}

#how-it-works .aa-flow-card__body p{
  margin: 0 !important;
  color: #52637A !important;
  font-size: clamp(13.5px, .86vw, 16px) !important;
  line-height: 1.56 !important;
  font-weight: 520 !important;
}

/* Card-specific accent title hints */
#how-it-works .aa-flow-card--one .aa-flow-card__body h3{ color: #2563EB !important; }
#how-it-works .aa-flow-card--two .aa-flow-card__body h3{ color: #14B8A6 !important; }
#how-it-works .aa-flow-card--three .aa-flow-card__body h3{ color: #6D5DFC !important; }
#how-it-works .aa-flow-card--four .aa-flow-card__body h3{ color: #0F766E !important; }
#how-it-works .aa-flow-card--five .aa-flow-card__body h3{ color: #4059A8 !important; }

#how-it-works .aa-flow-card:hover{
  transform: translate3d(0, -8px, 0) !important;
  border-color: rgba(24,216,255,.36) !important;
  box-shadow:
    0 34px 94px rgba(15,23,42,.17),
    0 0 0 1px rgba(255,255,255,.78) inset,
    0 0 46px rgba(24,216,255,.14) !important;
}

/* Responsive */
@media (max-width: 1640px){
  #how-it-works .aa-flow-stage{
    width: min(1500px, 100%) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  #how-it-works .aa-flow-card::after{
    display: none !important;
  }
}

@media (max-width: 1080px){
  #how-it-works .aa-flow-stage{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #how-it-works .aa-flow-card{
    min-height: 520px !important;
    grid-template-rows: 310px 1fr !important;
  }
}

@media (max-width: 700px){
  #how-it-works .aa-flow-stage{
    grid-template-columns: 1fr !important;
    padding: 0 !important;
  }

  #how-it-works .aa-flow-card{
    min-height: 0 !important;
    grid-template-rows: 260px 1fr !important;
    border-radius: 26px !important;
  }
}


/* =========================================================
   AgentsApp v78 — How It Works final UX/AI flow cards
   5 provided images, exact order, 2 top + 3 bottom premium layout.
   ========================================================= */

#how-it-works.aa-how-v78{
  padding-top: clamp(54px, 5vw, 92px) !important;
  padding-bottom: clamp(74px, 7vw, 128px) !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(24,216,255,.10), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(147,84,255,.07), transparent 30%),
    linear-gradient(180deg, rgba(248,252,255,.92), rgba(255,255,255,.96)) !important;
}

#how-it-works.aa-how-v78 .aa-container{
  width: min(1540px, calc(100% - 54px)) !important;
}

#how-it-works.aa-how-v78 .aa-flow-head{
  max-width: 860px !important;
  margin: 0 auto clamp(34px, 4vw, 58px) !important;
  text-align: center !important;
}

#how-it-works.aa-how-v78 .aa-flow-head .aa-eyebrow{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  color: #2563EB !important;
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(24,216,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

#how-it-works.aa-how-v78 .aa-flow-head h2{
  margin: 18px 0 0 !important;
  color: #0F172A !important;
  font-size: clamp(36px, 3.25vw, 58px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.060em !important;
  font-weight: 820 !important;
}

#how-it-works.aa-how-v78 .aa-flow-head p{
  max-width: 760px !important;
  margin: 16px auto 0 !important;
  color: #52637A !important;
  font-size: clamp(15px, .96vw, 17px) !important;
  line-height: 1.62 !important;
  font-weight: 520 !important;
}

/* 2 cards top, 3 cards bottom */
#how-it-works.aa-how-v78 .aa-how-v78__grid{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2vw, 34px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: stretch !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

#how-it-works.aa-how-v78 .aa-flow-decor,
#how-it-works.aa-how-v78 .aa-flow-path{
  display: none !important;
}

#how-it-works.aa-how-v78 .aa-flow-card{
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  transform: none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(244,250,255,.70)),
    radial-gradient(circle at 84% 12%, rgba(24,216,255,.12), transparent 36%),
    radial-gradient(circle at 14% 92%, rgba(147,84,255,.07), transparent 34%) !important;
  border: 1px solid rgba(24,216,255,.22) !important;
  box-shadow:
    0 26px 76px rgba(15,23,42,.13),
    0 0 0 1px rgba(255,255,255,.68) inset,
    0 0 34px rgba(24,216,255,.08) !important;
}

/* Place cards: 2 top centered, 3 bottom */
#how-it-works.aa-how-v78 .aa-flow-card--one{ grid-column: 2 / span 2 !important; }
#how-it-works.aa-how-v78 .aa-flow-card--two{ grid-column: 4 / span 2 !important; }
#how-it-works.aa-how-v78 .aa-flow-card--three{ grid-column: 1 / span 2 !important; }
#how-it-works.aa-how-v78 .aa-flow-card--four{ grid-column: 3 / span 2 !important; }
#how-it-works.aa-how-v78 .aa-flow-card--five{ grid-column: 5 / span 2 !important; }

/* Disable old arrow pseudo; new visual order is grid-based */
#how-it-works.aa-how-v78 .aa-flow-card::after{
  display: none !important;
  content: none !important;
}

/* Step number icon */
#how-it-works.aa-how-v78 .aa-step-badge{
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  z-index: 8 !important;
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #18D8FF 0%, #2563EB 48%, #9354FF 100%) !important;
  box-shadow:
    0 14px 34px rgba(37,99,235,.24),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

#how-it-works.aa-how-v78 .aa-flow-card--two .aa-step-badge{ background: linear-gradient(135deg, #14B8A6, #18D8FF, #2563EB) !important; }
#how-it-works.aa-how-v78 .aa-flow-card--three .aa-step-badge{ background: linear-gradient(135deg, #9354FF, #2563EB, #F0ABFC) !important; }
#how-it-works.aa-how-v78 .aa-flow-card--four .aa-step-badge{ background: linear-gradient(135deg, #0F766E, #14B8A6, #18D8FF) !important; }
#how-it-works.aa-how-v78 .aa-flow-card--five .aa-step-badge{ background: linear-gradient(135deg, #4059A8, #2563EB, #9354FF) !important; }

/* Image area: match uploaded 4:3 ratio, no top/bottom gaps, no wrong crop */
#how-it-works.aa-how-v78 .aa-flow-card figure{
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #eef6ff !important;
  border: 0 !important;
  box-shadow: none !important;
}

#how-it-works.aa-how-v78 .aa-flow-card figure img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
  transform: none !important;
}

/* Text body: short, clean, premium */
#how-it-works.aa-how-v78 .aa-flow-card__body{
  position: relative !important;
  z-index: 2 !important;
  padding: clamp(20px, 1.7vw, 28px) !important;
  min-height: clamp(150px, 10vw, 190px) !important;
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(240,248,255,.82)),
    radial-gradient(circle at 86% 16%, rgba(24,216,255,.08), transparent 34%) !important;
  border-top: 1px solid rgba(24,216,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

#how-it-works.aa-how-v78 .aa-flow-card__body::before{
  content: "" !important;
  width: 50px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #18D8FF, #2563EB, #9354FF) !important;
  box-shadow: 0 0 18px rgba(24,216,255,.18) !important;
  margin-bottom: 2px !important;
}

#how-it-works.aa-how-v78 .aa-flow-card__body h3{
  margin: 0 !important;
  font-size: clamp(21px, 1.45vw, 30px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.050em !important;
  color: #0F172A !important;
  font-weight: 820 !important;
}

#how-it-works.aa-how-v78 .aa-flow-card__body p{
  max-width: 95% !important;
  margin: 0 !important;
  color: #52637A !important;
  font-size: clamp(14px, .88vw, 16px) !important;
  line-height: 1.52 !important;
  font-weight: 540 !important;
}

#how-it-works.aa-how-v78 .aa-flow-card--one .aa-flow-card__body h3{ color: #2563EB !important; }
#how-it-works.aa-how-v78 .aa-flow-card--two .aa-flow-card__body h3{ color: #14B8A6 !important; }
#how-it-works.aa-how-v78 .aa-flow-card--three .aa-flow-card__body h3{ color: #7C3AED !important; }
#how-it-works.aa-how-v78 .aa-flow-card--four .aa-flow-card__body h3{ color: #0F766E !important; }
#how-it-works.aa-how-v78 .aa-flow-card--five .aa-flow-card__body h3{ color: #4059A8 !important; }

#how-it-works.aa-how-v78 .aa-flow-card:hover{
  transform: translate3d(0, -8px, 0) !important;
  border-color: rgba(24,216,255,.36) !important;
  box-shadow:
    0 34px 94px rgba(15,23,42,.17),
    0 0 0 1px rgba(255,255,255,.78) inset,
    0 0 46px rgba(24,216,255,.14) !important;
}

/* Responsive */
@media (max-width: 1240px){
  #how-it-works.aa-how-v78 .aa-how-v78__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #how-it-works.aa-how-v78 .aa-flow-card--one,
  #how-it-works.aa-how-v78 .aa-flow-card--two,
  #how-it-works.aa-how-v78 .aa-flow-card--three,
  #how-it-works.aa-how-v78 .aa-flow-card--four,
  #how-it-works.aa-how-v78 .aa-flow-card--five{
    grid-column: auto !important;
  }

  #how-it-works.aa-how-v78 .aa-flow-card--five{
    grid-column: 1 / -1 !important;
    max-width: 620px !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 760px){
  #how-it-works.aa-how-v78 .aa-container{
    width: min(100% - 28px, 1540px) !important;
  }

  #how-it-works.aa-how-v78 .aa-flow-head h2{
    font-size: clamp(34px, 10vw, 46px) !important;
  }

  #how-it-works.aa-how-v78 .aa-how-v78__grid{
    grid-template-columns: 1fr !important;
  }

  #how-it-works.aa-how-v78 .aa-flow-card--five{
    grid-column: auto !important;
    max-width: none !important;
  }

  #how-it-works.aa-how-v78 .aa-flow-card{
    border-radius: 26px !important;
  }

  #how-it-works.aa-how-v78 .aa-step-badge{
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
  }
}


/* =========================================================
   AgentsApp v79 — How It Works RGB premium polish
   ========================================================= */

#how-it-works.aa-how-v79{
  text-align: center !important;
}

#how-it-works.aa-how-v79 .aa-flow-head{
  max-width: 820px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

#how-it-works.aa-how-v79 .aa-flow-head .aa-eyebrow{
  min-height: 40px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(24,216,255,.96) 0%, rgba(37,99,235,.96) 42%, rgba(147,84,255,.96) 78%, rgba(240,171,252,.92) 100%) !important;
  border: 1px solid rgba(255,255,255,.56) !important;
  box-shadow:
    0 14px 36px rgba(37,99,235,.20),
    0 0 26px rgba(24,216,255,.22),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
  font-size: clamp(13px, .86vw, 16px) !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#how-it-works.aa-how-v79 .aa-flow-head h2{
  margin-top: 18px !important;
  font-size: clamp(38px, 3.55vw, 64px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.060em !important;
  font-weight: 860 !important;
  text-align: center !important;
  background:
    linear-gradient(90deg, #071A34 0%, #18D8FF 28%, #2563EB 48%, #9354FF 70%, #F0ABFC 88%, #F97316 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}

#how-it-works.aa-how-v79 .aa-flow-head h2 span{
  background: inherit !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#how-it-works.aa-how-v79 .aa-flow-head p{
  max-width: 720px !important;
  margin-inline: auto !important;
  color: #56667b !important;
  font-size: clamp(14.5px, .92vw, 16px) !important;
  line-height: 1.55 !important;
}

/* ARGB neon wire-frame card border */
#how-it-works.aa-how-v79 .aa-flow-card{
  border: 1px solid transparent !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.91), rgba(244,250,255,.74)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.72), rgba(37,99,235,.55), rgba(147,84,255,.60), rgba(240,171,252,.50), rgba(249,115,22,.38)) border-box !important;
  box-shadow:
    0 30px 88px rgba(15,23,42,.18),
    0 0 0 1px rgba(255,255,255,.72) inset,
    0 0 34px rgba(24,216,255,.16),
    0 0 44px rgba(147,84,255,.08) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(120deg, rgba(255,255,255,.32), transparent 26%, transparent 68%, rgba(24,216,255,.075)),
    radial-gradient(circle at 88% 12%, rgba(24,216,255,.12), transparent 28%),
    radial-gradient(circle at 12% 92%, rgba(147,84,255,.075), transparent 30%) !important;
  opacity: .88 !important;
}

#how-it-works.aa-how-v79 .aa-flow-card:hover{
  transform: translate3d(0, -8px, 0) !important;
  box-shadow:
    0 40px 104px rgba(15,23,42,.22),
    0 0 0 1px rgba(255,255,255,.78) inset,
    0 0 46px rgba(24,216,255,.24),
    0 0 68px rgba(147,84,255,.14) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card figure,
#how-it-works.aa-how-v79 .aa-flow-card__body{
  position: relative !important;
  z-index: 2 !important;
}

/* Reduce the lower white/text area height */
#how-it-works.aa-how-v79 .aa-flow-card__body{
  min-height: 0 !important;
  padding: clamp(14px, 1.18vw, 20px) clamp(16px, 1.35vw, 22px) clamp(16px, 1.35vw, 22px) !important;
  gap: 7px !important;
  align-content: start !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,248,255,.76)),
    radial-gradient(circle at 88% 16%, rgba(24,216,255,.075), transparent 34%) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card__body::before{
  width: 42px !important;
  height: 3px !important;
  margin-bottom: 2px !important;
  opacity: .95 !important;
}

/* Title row with smaller 3D step icon */
#how-it-works.aa-how-v79 .aa-flow-title-row{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  text-align: left !important;
}

#how-it-works.aa-how-v79 .aa-step-badge{
  position: static !important;
  flex: 0 0 auto !important;
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  color: #fff !important;
  background:
    linear-gradient(145deg, #18D8FF 0%, #2563EB 48%, #9354FF 100%) !important;
  box-shadow:
    0 8px 18px rgba(37,99,235,.22),
    0 0 14px rgba(24,216,255,.18),
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -5px 10px rgba(7,26,52,.18) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#how-it-works.aa-how-v79 .aa-flow-card--two .aa-step-badge{
  background: linear-gradient(145deg, #14B8A6 0%, #18D8FF 48%, #2563EB 100%) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card--three .aa-step-badge{
  background: linear-gradient(145deg, #9354FF 0%, #2563EB 48%, #F0ABFC 100%) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card--four .aa-step-badge{
  background: linear-gradient(145deg, #0F766E 0%, #14B8A6 52%, #18D8FF 100%) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card--five .aa-step-badge{
  background: linear-gradient(145deg, #4059A8 0%, #2563EB 50%, #9354FF 100%) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card__body h3{
  margin: 0 !important;
  font-size: clamp(18px, 1.18vw, 25px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.040em !important;
  font-weight: 840 !important;
  text-align: left !important;
}

#how-it-works.aa-how-v79 .aa-flow-card__body p{
  max-width: 100% !important;
  margin: 0 !important;
  color: #4D6077 !important;
  font-size: clamp(12.5px, .78vw, 14.5px) !important;
  line-height: 1.42 !important;
  font-weight: 560 !important;
  letter-spacing: -.006em !important;
  text-align: left !important;
}

@media (max-width: 760px){
  #how-it-works.aa-how-v79 .aa-flow-head h2{
    font-size: clamp(32px, 9vw, 46px) !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-head .aa-eyebrow{
    min-height: 36px !important;
    padding-inline: 22px !important;
    font-size: 12px !important;
  }

  #how-it-works.aa-how-v79 .aa-step-badge{
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
  }
}


/* =========================================================
   AgentsApp v80 — How It Works compact full-screen visibility
   Goal: title + all 5 cards visible more comfortably in one full desktop view.
   ========================================================= */

#how-it-works.aa-how-v79,
#how-it-works.aa-how-v78{
  padding-top: clamp(34px, 3.1vw, 58px) !important;
  padding-bottom: clamp(44px, 4.2vw, 72px) !important;
}

#how-it-works.aa-how-v79 .aa-flow-head,
#how-it-works.aa-how-v78 .aa-flow-head{
  max-width: 760px !important;
  margin-bottom: clamp(20px, 2.2vw, 34px) !important;
}

#how-it-works.aa-how-v79 .aa-flow-head .aa-eyebrow{
  min-height: 36px !important;
  padding: 0 24px !important;
  font-size: clamp(12px, .74vw, 14px) !important;
  box-shadow:
    0 10px 26px rgba(37,99,235,.18),
    0 0 20px rgba(24,216,255,.18),
    inset 0 1px 0 rgba(255,255,255,.36) !important;
}

#how-it-works.aa-how-v79 .aa-flow-head h2,
#how-it-works.aa-how-v78 .aa-flow-head h2{
  margin-top: 12px !important;
  font-size: clamp(34px, 3.05vw, 54px) !important;
  line-height: .98 !important;
}

#how-it-works.aa-how-v79 .aa-flow-head p,
#how-it-works.aa-how-v78 .aa-flow-head p{
  margin-top: 10px !important;
  max-width: 700px !important;
  font-size: clamp(13.5px, .82vw, 15px) !important;
  line-height: 1.44 !important;
}

#how-it-works.aa-how-v79 .aa-how-v78__grid,
#how-it-works.aa-how-v78 .aa-how-v78__grid,
#how-it-works.aa-how-v79 .aa-how-v79__grid{
  gap: clamp(16px, 1.4vw, 24px) !important;
}

/* Make cards shorter but still premium */
#how-it-works.aa-how-v79 .aa-flow-card,
#how-it-works.aa-how-v78 .aa-flow-card{
  border-radius: 28px !important;
  box-shadow:
    0 24px 74px rgba(15,23,42,.18),
    0 0 0 1px rgba(255,255,255,.72) inset,
    0 0 30px rgba(24,216,255,.16),
    0 0 38px rgba(147,84,255,.08) !important;
}

/* Wider cinematic media ratio reduces vertical height so all cards appear on full screen */
#how-it-works.aa-how-v79 .aa-flow-card figure,
#how-it-works.aa-how-v78 .aa-flow-card figure{
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  max-height: clamp(188px, 15vw, 250px) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card figure img,
#how-it-works.aa-how-v78 .aa-flow-card figure img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Thin, premium lower explanation bar */
#how-it-works.aa-how-v79 .aa-flow-card__body,
#how-it-works.aa-how-v78 .aa-flow-card__body{
  min-height: 0 !important;
  padding: 10px 15px 12px !important;
  gap: 5px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(240,248,255,.72)),
    radial-gradient(circle at 88% 16%, rgba(24,216,255,.070), transparent 34%) !important;
  border-top: 1px solid rgba(24,216,255,.14) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card__body::before,
#how-it-works.aa-how-v78 .aa-flow-card__body::before{
  width: 34px !important;
  height: 2px !important;
  margin-bottom: 1px !important;
}

#how-it-works.aa-how-v79 .aa-flow-title-row,
#how-it-works.aa-how-v78 .aa-flow-title-row{
  gap: 8px !important;
}

#how-it-works.aa-how-v79 .aa-step-badge,
#how-it-works.aa-how-v78 .aa-step-badge{
  width: 25px !important;
  height: 25px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  box-shadow:
    0 7px 14px rgba(37,99,235,.24),
    0 0 14px rgba(24,216,255,.22),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -4px 8px rgba(7,26,52,.18) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card__body h3,
#how-it-works.aa-how-v78 .aa-flow-card__body h3{
  font-size: clamp(16px, 1.02vw, 21px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
}

#how-it-works.aa-how-v79 .aa-flow-card__body p,
#how-it-works.aa-how-v78 .aa-flow-card__body p{
  font-size: clamp(11.5px, .70vw, 13px) !important;
  line-height: 1.30 !important;
  font-weight: 560 !important;
  color: #475a72 !important;
}

/* Stronger hover shadow under cards */
#how-it-works.aa-how-v79 .aa-flow-card:hover,
#how-it-works.aa-how-v78 .aa-flow-card:hover{
  transform: translate3d(0, -7px, 0) !important;
  box-shadow:
    0 24px 34px rgba(15,23,42,.22),
    0 48px 108px rgba(15,23,42,.24),
    0 0 0 1px rgba(255,255,255,.82) inset,
    0 0 52px rgba(24,216,255,.28),
    0 0 78px rgba(147,84,255,.18) !important;
}

/* Large desktop with browser chrome visible */
@media (min-width: 1241px) and (max-height: 920px){
  #how-it-works.aa-how-v79,
  #how-it-works.aa-how-v78{
    padding-top: 30px !important;
    padding-bottom: 46px !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-head,
  #how-it-works.aa-how-v78 .aa-flow-head{
    margin-bottom: 22px !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-head h2,
  #how-it-works.aa-how-v78 .aa-flow-head h2{
    font-size: clamp(32px, 2.75vw, 48px) !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-card figure,
  #how-it-works.aa-how-v78 .aa-flow-card figure{
    max-height: 214px !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-card__body,
  #how-it-works.aa-how-v78 .aa-flow-card__body{
    padding: 9px 14px 10px !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-card__body p,
  #how-it-works.aa-how-v78 .aa-flow-card__body p{
    line-height: 1.24 !important;
  }
}

@media (max-width: 760px){
  #how-it-works.aa-how-v79 .aa-flow-card figure,
  #how-it-works.aa-how-v78 .aa-flow-card figure{
    aspect-ratio: 16 / 10 !important;
    max-height: none !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-card__body,
  #how-it-works.aa-how-v78 .aa-flow-card__body{
    padding: 14px 16px 16px !important;
  }
}


/* =========================================================
   AgentsApp v81 — How It Works viewport fit + uncropped images
   Fixes:
   - When clicking How It Works, the next hero title should not appear in full desktop view.
   - Card visuals should show complete image, not cropped/cut.
   ========================================================= */

#how-it-works.aa-how-v79,
#how-it-works.aa-how-v78,
#how-it-works.aa-how-v79.aa-how-v78{
  min-height: calc(100vh - 64px) !important;
  padding-top: clamp(38px, 3.6vw, 70px) !important;
  padding-bottom: clamp(76px, 7vh, 118px) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: flex-start !important;
}

#how-it-works.aa-how-v79 .aa-container,
#how-it-works.aa-how-v78 .aa-container{
  width: min(1540px, calc(100% - 54px)) !important;
  margin-inline: auto !important;
}

/* Keep header compact but not squeezed */
#how-it-works.aa-how-v79 .aa-flow-head,
#how-it-works.aa-how-v78 .aa-flow-head{
  max-width: 800px !important;
  margin-bottom: clamp(26px, 2.6vw, 42px) !important;
}

#how-it-works.aa-how-v79 .aa-flow-head h2,
#how-it-works.aa-how-v78 .aa-flow-head h2{
  font-size: clamp(36px, 3.25vw, 58px) !important;
}

#how-it-works.aa-how-v79 .aa-flow-head p,
#how-it-works.aa-how-v78 .aa-flow-head p{
  max-width: 740px !important;
  line-height: 1.48 !important;
}

/* Cards should be large enough, but the section owns the viewport so next hero is hidden */
#how-it-works.aa-how-v79 .aa-how-v78__grid,
#how-it-works.aa-how-v78 .aa-how-v78__grid,
#how-it-works.aa-how-v79 .aa-how-v79__grid{
  gap: clamp(20px, 1.75vw, 30px) !important;
}

/* Restore natural 4:3 image ratio for the uploaded images */
#how-it-works.aa-how-v79 .aa-flow-card figure,
#how-it-works.aa-how-v78 .aa-flow-card figure{
  aspect-ratio: 4 / 3 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  background:
    linear-gradient(135deg, rgba(248,252,255,.92), rgba(231,242,255,.70)),
    radial-gradient(circle at 50% 50%, rgba(24,216,255,.065), transparent 46%) !important;
  overflow: hidden !important;
}

/* Complete image visible: no cutting from top/bottom/side */
#how-it-works.aa-how-v79 .aa-flow-card figure img,
#how-it-works.aa-how-v78 .aa-flow-card figure img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  background: transparent !important;
}

/* Thin text bar remains, but a little more balanced for 4:3 cards */
#how-it-works.aa-how-v79 .aa-flow-card__body,
#how-it-works.aa-how-v78 .aa-flow-card__body{
  padding: 11px 15px 13px !important;
  min-height: 0 !important;
}

#how-it-works.aa-how-v79 .aa-flow-card__body h3,
#how-it-works.aa-how-v78 .aa-flow-card__body h3{
  font-size: clamp(16px, 1.02vw, 21px) !important;
}

#how-it-works.aa-how-v79 .aa-flow-card__body p,
#how-it-works.aa-how-v78 .aa-flow-card__body p{
  font-size: clamp(11.5px, .70vw, 13px) !important;
  line-height: 1.30 !important;
}

/* Desktop viewport tuning: keep all How cards inside section and hide next hero */
@media (min-width: 1241px) and (max-height: 940px){
  #how-it-works.aa-how-v79,
  #how-it-works.aa-how-v78{
    min-height: calc(100vh - 62px) !important;
    padding-top: 34px !important;
    padding-bottom: 90px !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-head,
  #how-it-works.aa-how-v78 .aa-flow-head{
    margin-bottom: 24px !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-head .aa-eyebrow{
    min-height: 34px !important;
    padding-inline: 22px !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-head h2,
  #how-it-works.aa-how-v78 .aa-flow-head h2{
    font-size: clamp(34px, 2.95vw, 52px) !important;
    margin-top: 10px !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-head p,
  #how-it-works.aa-how-v78 .aa-flow-head p{
    margin-top: 8px !important;
    font-size: clamp(13px, .76vw, 14.5px) !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-card__body,
  #how-it-works.aa-how-v78 .aa-flow-card__body{
    padding: 9px 14px 10px !important;
  }
}

/* Very wide screens: avoid making cards too tiny */
@media (min-width: 1500px){
  #how-it-works.aa-how-v79 .aa-flow-card,
  #how-it-works.aa-how-v78 .aa-flow-card{
    box-shadow:
      0 30px 88px rgba(15,23,42,.18),
      0 0 0 1px rgba(255,255,255,.72) inset,
      0 0 36px rgba(24,216,255,.17),
      0 0 46px rgba(147,84,255,.09) !important;
  }
}

@media (max-width: 760px){
  #how-it-works.aa-how-v79,
  #how-it-works.aa-how-v78{
    min-height: auto !important;
    display: block !important;
    padding-bottom: 70px !important;
  }

  #how-it-works.aa-how-v79 .aa-flow-card figure,
  #how-it-works.aa-how-v78 .aa-flow-card figure{
    aspect-ratio: 4 / 3 !important;
  }
}


/* =========================================================
   AgentsApp v82 — Test Flow / Trial Access premium AI cards
   - Centered heading/copy
   - No large split hero box
   - Images fully visible, uncropped
   - Thin premium description bars
   ========================================================= */

#trial-flow.aa-test-v82{
  min-height: calc(100vh - 64px) !important;
  box-sizing: border-box !important;
  padding: clamp(58px, 5vw, 92px) 0 clamp(78px, 7vw, 128px) !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(24,216,255,.10), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(147,84,255,.09), transparent 30%),
    radial-gradient(circle at 50% 92%, rgba(20,184,166,.06), transparent 34%),
    linear-gradient(180deg, rgba(248,252,255,.96) 0%, rgba(255,255,255,.98) 58%, rgba(241,249,255,.94) 100%) !important;
  overflow: hidden !important;
}

#trial-flow.aa-test-v82::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background-image:
    linear-gradient(rgba(37,99,235,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.026) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  opacity: .62 !important;
  mask-image: radial-gradient(ellipse at 50% 35%, #000 0%, rgba(0,0,0,.58) 48%, transparent 84%) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__container{
  position: relative !important;
  z-index: 2 !important;
  width: min(1480px, calc(100% - 54px)) !important;
  margin-inline: auto !important;
}

/* Centered premium AI heading */
#trial-flow.aa-test-v82 .aa-test-v82__head{
  max-width: 850px !important;
  margin: 0 auto clamp(34px, 3.6vw, 58px) !important;
  text-align: center !important;
}

#trial-flow.aa-test-v82 .aa-test-kicker{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(20,184,166,.98) 0%, rgba(24,216,255,.98) 34%, rgba(37,99,235,.98) 64%, rgba(147,84,255,.95) 100%) !important;
  border: 1px solid rgba(255,255,255,.56) !important;
  box-shadow:
    0 14px 36px rgba(37,99,235,.18),
    0 0 26px rgba(24,216,255,.20),
    inset 0 1px 0 rgba(255,255,255,.36) !important;
  font-size: clamp(12px, .82vw, 15px) !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__head h2{
  margin: 18px 0 0 !important;
  font-size: clamp(38px, 4vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.065em !important;
  font-weight: 880 !important;
  color: #071A34 !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__head h2 span{
  background: linear-gradient(90deg, #14B8A6 0%, #18D8FF 30%, #2563EB 58%, #9354FF 86%, #F0ABFC 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__head p{
  max-width: 780px !important;
  margin: 16px auto 0 !important;
  color: #52637A !important;
  font-size: clamp(14.5px, .95vw, 17px) !important;
  line-height: 1.60 !important;
  font-weight: 540 !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__chips{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__chips span{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  color: #0f3f5a !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(239,247,255,.50)) !important;
  border: 1px solid rgba(24,216,255,.16) !important;
  box-shadow:
    0 10px 24px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
}

/* Premium card grid */
#trial-flow.aa-test-v82 .aa-test-v82__grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2vw, 34px) !important;
  align-items: stretch !important;
  margin: 0 auto !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card{
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,250,255,.74)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.72), rgba(37,99,235,.55), rgba(147,84,255,.58), rgba(240,171,252,.44)) border-box !important;
  box-shadow:
    0 30px 88px rgba(15,23,42,.16),
    0 0 0 1px rgba(255,255,255,.72) inset,
    0 0 34px rgba(24,216,255,.14),
    0 0 44px rgba(147,84,255,.08) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(120deg, rgba(255,255,255,.34), transparent 28%, transparent 68%, rgba(24,216,255,.075)),
    radial-gradient(circle at 88% 12%, rgba(24,216,255,.10), transparent 30%) !important;
  opacity: .78 !important;
}

/* Image box: exact 4:3 image ratio, full image visible, no crop */
#trial-flow.aa-test-v82 .aa-test-v82__card figure{
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background:
    linear-gradient(135deg, rgba(248,252,255,.94), rgba(231,242,255,.72)),
    radial-gradient(circle at 50% 52%, rgba(24,216,255,.065), transparent 46%) !important;
  border: 0 !important;
  box-shadow: none !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card figure img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  background: transparent !important;
}

/* Thin premium lower bar */
#trial-flow.aa-test-v82 .aa-test-v82__body{
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 11px !important;
  align-items: start !important;
  padding: 13px 16px 15px !important;
  min-height: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,248,255,.76)),
    radial-gradient(circle at 88% 16%, rgba(24,216,255,.075), transparent 34%) !important;
  border-top: 1px solid rgba(24,216,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__body::before{
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 0 !important;
  transform: translateY(-50%) !important;
  width: 46px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #18D8FF, #2563EB, #9354FF) !important;
  box-shadow: 0 0 16px rgba(24,216,255,.20) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__step{
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #18D8FF 0%, #2563EB 52%, #9354FF 100%) !important;
  box-shadow:
    0 8px 18px rgba(37,99,235,.22),
    0 0 14px rgba(24,216,255,.18),
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -5px 10px rgba(7,26,52,.18) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card:nth-child(2) .aa-test-v82__step{
  background: linear-gradient(145deg, #14B8A6 0%, #18D8FF 50%, #2563EB 100%) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card:nth-child(3) .aa-test-v82__step{
  background: linear-gradient(145deg, #9354FF 0%, #2563EB 50%, #F0ABFC 100%) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__body h3{
  margin: 0 !important;
  font-size: clamp(20px, 1.35vw, 28px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
  font-weight: 860 !important;
  color: #0F172A !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card:nth-child(1) h3{ color: #2563EB !important; }
#trial-flow.aa-test-v82 .aa-test-v82__card:nth-child(2) h3{ color: #14B8A6 !important; }
#trial-flow.aa-test-v82 .aa-test-v82__card:nth-child(3) h3{ color: #7C3AED !important; }

#trial-flow.aa-test-v82 .aa-test-v82__body p{
  margin: 5px 0 0 !important;
  color: #4D6077 !important;
  font-size: clamp(12.5px, .78vw, 14.5px) !important;
  line-height: 1.38 !important;
  font-weight: 560 !important;
}

/* Stronger hover shadow under cards */
#trial-flow.aa-test-v82 .aa-test-v82__card:hover{
  transform: translate3d(0, -8px, 0) !important;
  box-shadow:
    0 26px 38px rgba(15,23,42,.22),
    0 50px 112px rgba(15,23,42,.23),
    0 0 0 1px rgba(255,255,255,.82) inset,
    0 0 54px rgba(24,216,255,.26),
    0 0 76px rgba(147,84,255,.16) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__actions{
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: clamp(24px, 3vw, 42px) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__actions .aa-kit-btn{
  min-height: 44px !important;
  border-radius: 999px !important;
}

/* Desktop vertical fit */
@media (min-width: 1100px) and (max-height: 900px){
  #trial-flow.aa-test-v82{
    padding-top: 44px !important;
    padding-bottom: 82px !important;
  }

  #trial-flow.aa-test-v82 .aa-test-v82__head{
    margin-bottom: 28px !important;
  }

  #trial-flow.aa-test-v82 .aa-test-v82__head h2{
    font-size: clamp(34px, 3.35vw, 58px) !important;
    margin-top: 12px !important;
  }

  #trial-flow.aa-test-v82 .aa-test-v82__head p{
    margin-top: 10px !important;
    line-height: 1.45 !important;
  }

  #trial-flow.aa-test-v82 .aa-test-v82__chips{
    margin-top: 14px !important;
  }

  #trial-flow.aa-test-v82 .aa-test-v82__body{
    padding: 10px 15px 12px !important;
  }
}

@media (max-width: 1040px){
  #trial-flow.aa-test-v82 .aa-test-v82__grid{
    grid-template-columns: 1fr !important;
    max-width: 680px !important;
  }

  #trial-flow.aa-test-v82 .aa-test-v82__card{
    border-radius: 28px !important;
  }
}

@media (max-width: 640px){
  #trial-flow.aa-test-v82 .aa-test-v82__container{
    width: min(100% - 28px, 1480px) !important;
  }

  #trial-flow.aa-test-v82 .aa-test-v82__head h2{
    font-size: clamp(34px, 10vw, 48px) !important;
  }

  #trial-flow.aa-test-v82 .aa-test-v82__body{
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   AgentsApp v83 — Agents Capacity premium AI card + modal repair
   Scope: #capacity section only.
   ========================================================= */

#capacity.aa-capacity-v83{
  min-height: calc(100vh - 64px) !important;
  box-sizing: border-box !important;
  padding: clamp(58px, 5vw, 92px) 0 clamp(84px, 7vw, 132px) !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(24,216,255,.11), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(147,84,255,.09), transparent 30%),
    radial-gradient(circle at 50% 92%, rgba(20,184,166,.06), transparent 34%),
    linear-gradient(180deg, rgba(248,252,255,.96) 0%, rgba(255,255,255,.98) 58%, rgba(241,249,255,.94) 100%) !important;
  overflow: hidden !important;
}

#capacity.aa-capacity-v83::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background-image:
    linear-gradient(rgba(37,99,235,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.026) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  opacity: .60 !important;
  mask-image: radial-gradient(ellipse at 50% 35%, #000 0%, rgba(0,0,0,.58) 48%, transparent 84%) !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__container{
  position: relative !important;
  z-index: 2 !important;
  width: min(1540px, calc(100% - 54px)) !important;
  margin-inline: auto !important;
}

/* Centered premium heading */
#capacity.aa-capacity-v83 .aa-capacity-v83__head{
  max-width: 900px !important;
  margin: 0 auto clamp(34px, 3.5vw, 56px) !important;
  text-align: center !important;
}

#capacity.aa-capacity-v83 .aa-capacity-kicker{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(24,216,255,.98) 0%, rgba(37,99,235,.98) 43%, rgba(147,84,255,.96) 78%, rgba(240,171,252,.92) 100%) !important;
  border: 1px solid rgba(255,255,255,.56) !important;
  box-shadow:
    0 14px 36px rgba(37,99,235,.18),
    0 0 26px rgba(24,216,255,.20),
    inset 0 1px 0 rgba(255,255,255,.36) !important;
  font-size: clamp(12px, .82vw, 15px) !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__head h2{
  margin: 18px 0 0 !important;
  color: #071A34 !important;
  font-size: clamp(40px, 4.2vw, 74px) !important;
  line-height: .96 !important;
  letter-spacing: -.070em !important;
  font-weight: 880 !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__head h2 span{
  background: linear-gradient(90deg, #18D8FF 0%, #2563EB 38%, #9354FF 74%, #F0ABFC 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__head p{
  max-width: 780px !important;
  margin: 16px auto 0 !important;
  color: #52637A !important;
  font-size: clamp(14.5px, .95vw, 17px) !important;
  line-height: 1.56 !important;
  font-weight: 540 !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__actions{
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__chips{
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__chips span{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  color: #0f3f5a !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(239,247,255,.50)) !important;
  border: 1px solid rgba(24,216,255,.16) !important;
  box-shadow:
    0 10px 24px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__chips strong{
  color: #071A34 !important;
  font-size: 18px !important;
  font-weight: 920 !important;
  line-height: 1 !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__chips small{
  color: #52637A !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* Different UX/AI capacity card model */
#capacity.aa-capacity-v83 .aa-capacity-v83__grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(20px, 1.8vw, 32px) !important;
  align-items: stretch !important;
  margin: 0 auto !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card{
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,250,255,.74)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.72), rgba(37,99,235,.55), rgba(147,84,255,.58), rgba(240,171,252,.44)) border-box !important;
  box-shadow:
    0 30px 88px rgba(15,23,42,.16),
    0 0 0 1px rgba(255,255,255,.72) inset,
    0 0 34px rgba(24,216,255,.14),
    0 0 44px rgba(147,84,255,.08) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(120deg, rgba(255,255,255,.34), transparent 28%, transparent 68%, rgba(24,216,255,.075)),
    radial-gradient(circle at 88% 12%, rgba(24,216,255,.10), transparent 30%) !important;
  opacity: .78 !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__media{
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(248,252,255,.94), rgba(231,242,255,.72)),
    radial-gradient(circle at 50% 52%, rgba(24,216,255,.065), transparent 46%) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(24,216,255,.14) !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__media img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  filter: saturate(1.08) contrast(1.025) !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__body{
  position: relative !important;
  z-index: 2 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,248,255,.76)),
    radial-gradient(circle at 88% 16%, rgba(24,216,255,.075), transparent 34%) !important;
  border-top: 1px solid rgba(255,255,255,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__body::before{
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 0 !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #18D8FF, #2563EB, #9354FF) !important;
  box-shadow: 0 0 16px rgba(24,216,255,.20) !important;
}

#capacity.aa-capacity-v83 .aa-package-card__head{
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

#capacity.aa-capacity-v83 .aa-package-card__head h3{
  margin: 0 !important;
  font-size: clamp(24px, 1.65vw, 34px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  font-weight: 880 !important;
}

#capacity.aa-capacity-v83 .aa-package-card__head span{
  color: #52637A !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

#capacity.aa-capacity-v83 .aa-package-card--starter h3{ color: #0F766E !important; }
#capacity.aa-capacity-v83 .aa-package-card--lite h3{ color: #2563EB !important; }
#capacity.aa-capacity-v83 .aa-package-card--pro h3{ color: #6D5DFC !important; }
#capacity.aa-capacity-v83 .aa-package-card--edge h3{ color: #4059A8 !important; }

#capacity.aa-capacity-v83 .aa-package-card__footer{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}

#capacity.aa-capacity-v83 .aa-package-card__open{
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(135deg, #18D8FF 0%, #2563EB 55%, #9354FF 100%) !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.32) !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

#capacity.aa-capacity-v83 .aa-package-card--starter .aa-package-card__open{ background: linear-gradient(135deg, #14B8A6, #18D8FF, #2563EB) !important; }
#capacity.aa-capacity-v83 .aa-package-card--lite .aa-package-card__open{ background: linear-gradient(135deg, #18D8FF, #2563EB, #14B8A6) !important; }
#capacity.aa-capacity-v83 .aa-package-card--pro .aa-package-card__open{ background: linear-gradient(135deg, #9354FF, #2563EB, #F0ABFC) !important; }
#capacity.aa-capacity-v83 .aa-package-card--edge .aa-package-card__open{ background: linear-gradient(135deg, #2563EB, #9354FF, #F97316) !important; }

#capacity.aa-capacity-v83 .aa-capacity-v83__card:hover{
  transform: translate3d(0, -8px, 0) !important;
  box-shadow:
    0 26px 38px rgba(15,23,42,.22),
    0 50px 112px rgba(15,23,42,.23),
    0 0 0 1px rgba(255,255,255,.82) inset,
    0 0 54px rgba(24,216,255,.26),
    0 0 76px rgba(147,84,255,.16) !important;
}

/* Modal repair: always true overlay, never opens below the section */
html.aa-modal-open,
body.aa-modal-open{
  overflow: hidden !important;
}

.aa-capacity-modal[aria-hidden="true"]{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.aa-capacity-modal[aria-hidden="false"],
.aa-capacity-modal.is-open,
.aa-capacity-modal-v83[aria-hidden="false"],
.aa-capacity-modal-v83.is-open{
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: grid !important;
  place-items: center !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: clamp(16px, 3vw, 42px) !important;
  background: transparent !important;
  border: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__backdrop{
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(7,26,52,.52) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__panel{
  position: relative !important;
  z-index: 2 !important;
  width: min(1260px, calc(100vw - 42px)) !important;
  max-height: min(860px, calc(100vh - 42px)) !important;
  display: grid !important;
  grid-template-columns: minmax(520px, 1.15fr) minmax(390px, .85fr) !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,251,255,.90)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.62), rgba(37,99,235,.50), rgba(147,84,255,.55), rgba(240,171,252,.40)) border-box !important;
  box-shadow:
    0 44px 130px rgba(7,26,52,.34),
    0 0 0 1px rgba(255,255,255,.70) inset,
    0 0 52px rgba(24,216,255,.16),
    0 0 74px rgba(147,84,255,.12) !important;
  transform: none !important;
  animation: aaCapacityModalInV83 .22s ease both !important;
}

@keyframes aaCapacityModalInV83{
  from{ opacity: 0; transform: translate3d(0, 14px, 0) scale(.985); }
  to{ opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

.aa-capacity-modal-v83 .aa-capacity-modal__media{
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(248,252,255,.96), rgba(231,242,255,.78)),
    radial-gradient(circle at 50% 40%, rgba(24,216,255,.11), transparent 46%) !important;
  border-right: 1px solid rgba(24,216,255,.15) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__media img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  padding: clamp(8px, 1vw, 16px) !important;
  background: transparent !important;
  filter: saturate(1.08) contrast(1.025) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__content{
  padding: clamp(26px, 3vw, 44px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,248,255,.78)),
    radial-gradient(circle at 88% 18%, rgba(24,216,255,.085), transparent 34%) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__content h3{
  margin: 0 !important;
  font-size: clamp(42px, 4.8vw, 70px) !important;
  line-height: .92 !important;
  letter-spacing: -.065em !important;
  font-weight: 880 !important;
  background: linear-gradient(90deg, #071A34 0%, #18D8FF 34%, #2563EB 58%, #9354FF 84%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__content p{
  margin: 0 !important;
  color: #52637A !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  line-height: 1.56 !important;
  font-weight: 540 !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__specs{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 6px !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__specs span{
  display: grid !important;
  gap: 6px !important;
  min-height: 76px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(239,247,255,.52)) !important;
  border: 1px solid rgba(24,216,255,.15) !important;
  box-shadow:
    0 10px 24px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__specs strong{
  color: #071A34 !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__specs small{
  color: #64748B !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__footer{
  margin-top: auto !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(24,216,255,.14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__footer small{
  color: #64748B !important;
  line-height: 1.42 !important;
  font-size: 12.5px !important;
  font-weight: 560 !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__close{
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  z-index: 5 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(24,216,255,.20) !important;
  background: rgba(255,255,255,.78) !important;
  color: #071A34 !important;
  box-shadow: 0 14px 32px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.82) !important;
  backdrop-filter: blur(12px) !important;
}

@media (min-width: 1100px) and (max-height: 900px){
  #capacity.aa-capacity-v83{
    padding-top: 44px !important;
    padding-bottom: 92px !important;
  }

  #capacity.aa-capacity-v83 .aa-capacity-v83__head{
    margin-bottom: 30px !important;
  }

  #capacity.aa-capacity-v83 .aa-capacity-v83__head h2{
    font-size: clamp(36px, 3.55vw, 62px) !important;
  }

  #capacity.aa-capacity-v83 .aa-capacity-v83__chips{
    margin-top: 16px !important;
  }

  #capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__body{
    padding: 12px 14px 14px !important;
  }
}

@media (max-width: 1180px){
  #capacity.aa-capacity-v83 .aa-capacity-v83__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .aa-capacity-modal-v83 .aa-capacity-modal__panel{
    grid-template-columns: 1fr !important;
    max-height: calc(100vh - 34px) !important;
    overflow-y: auto !important;
  }

  .aa-capacity-modal-v83 .aa-capacity-modal__media{
    min-height: 320px !important;
    height: 42vh !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(24,216,255,.15) !important;
  }
}

@media (max-width: 680px){
  #capacity.aa-capacity-v83 .aa-capacity-v83__container{
    width: min(100% - 28px, 1540px) !important;
  }

  #capacity.aa-capacity-v83 .aa-capacity-v83__head h2{
    font-size: clamp(34px, 10vw, 48px) !important;
  }

  #capacity.aa-capacity-v83 .aa-capacity-v83__grid{
    grid-template-columns: 1fr !important;
  }

  #capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__body{
    grid-template-columns: 1fr !important;
  }

  #capacity.aa-capacity-v83 .aa-package-card__footer{
    justify-content: flex-start !important;
  }

  .aa-capacity-modal-v83 .aa-capacity-modal__specs{
    grid-template-columns: 1fr !important;
  }

  .aa-capacity-modal-v83 .aa-capacity-modal__footer{
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}


/* =========================================================
   AgentsApp v84 — Capacity card image fill + tier color system
   Fix:
   - Remove visible white/empty background between image and media frame.
   - Card image fills its visual frame.
   - Tier-specific title/button/border/shadow colors.
   ========================================================= */

/* Image area: no white background gap, full filled visual frame */
#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__media{
  aspect-ratio: 16 / 9 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(24,216,255,.14) !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__media img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  transform: none !important;
}

/* Modal image should sit cleanly inside the modal media area without visible white canvas */
.aa-capacity-modal-v83 .aa-capacity-modal__media{
  background: #eef7ff !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Base card body: tighter lower strip */
#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__body{
  padding: 12px 14px 14px !important;
}

/* Tier color variables */
#capacity.aa-capacity-v83 .aa-package-card--starter{
  --tier-main: #FF334E;
  --tier-main-2: #FF6B35;
  --tier-soft: rgba(255, 51, 78, .20);
  --tier-shadow: rgba(255, 51, 78, .34);
}

#capacity.aa-capacity-v83 .aa-package-card--lite{
  --tier-main: #11D7FF;
  --tier-main-2: #14B8A6;
  --tier-soft: rgba(17, 215, 255, .20);
  --tier-shadow: rgba(17, 215, 255, .34);
}

#capacity.aa-capacity-v83 .aa-package-card--pro{
  --tier-main: #FFD21F;
  --tier-main-2: #FF9F1C;
  --tier-soft: rgba(255, 210, 31, .22);
  --tier-shadow: rgba(255, 179, 0, .34);
}

#capacity.aa-capacity-v83 .aa-package-card--edge{
  --tier-main: #18D8FF;
  --tier-main-2: #2563EB;
  --tier-soft: rgba(24, 216, 255, .22);
  --tier-shadow: rgba(24, 216, 255, .36);
}

/* Tier-specific wireframe / border / glow */
#capacity.aa-capacity-v83 .aa-capacity-v83__card{
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,250,255,.74)) padding-box,
    linear-gradient(135deg, var(--tier-main), var(--tier-main-2), rgba(147,84,255,.48)) border-box !important;
  box-shadow:
    0 28px 82px rgba(15,23,42,.15),
    0 0 0 1px rgba(255,255,255,.72) inset,
    0 0 34px var(--tier-soft),
    0 0 50px rgba(147,84,255,.07) !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__body::before{
  background: linear-gradient(90deg, var(--tier-main), var(--tier-main-2), rgba(147,84,255,.60)) !important;
  box-shadow: 0 0 18px var(--tier-shadow) !important;
}

#capacity.aa-capacity-v83 .aa-package-card__head h3{
  color: var(--tier-main) !important;
  text-shadow: 0 0 18px var(--tier-soft) !important;
}

#capacity.aa-capacity-v83 .aa-package-card__open{
  background: linear-gradient(135deg, var(--tier-main), var(--tier-main-2)) !important;
  color: #fff !important;
  box-shadow:
    0 10px 24px var(--tier-shadow),
    0 0 18px var(--tier-soft),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

#capacity.aa-capacity-v83 .aa-package-card--pro .aa-package-card__open{
  color: #071A34 !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card:hover{
  box-shadow:
    0 26px 38px rgba(15,23,42,.22),
    0 52px 118px rgba(15,23,42,.23),
    0 0 0 1px rgba(255,255,255,.84) inset,
    0 0 64px var(--tier-shadow),
    0 0 88px var(--tier-soft) !important;
}

/* Make media bottom border also tier colored */
#capacity.aa-capacity-v83 .aa-package-card--starter .aa-package-card__media{ border-bottom-color: rgba(255,51,78,.34) !important; }
#capacity.aa-capacity-v83 .aa-package-card--lite .aa-package-card__media{ border-bottom-color: rgba(17,215,255,.36) !important; }
#capacity.aa-capacity-v83 .aa-package-card--pro .aa-package-card__media{ border-bottom-color: rgba(255,210,31,.42) !important; }
#capacity.aa-capacity-v83 .aa-package-card--edge .aa-package-card__media{ border-bottom-color: rgba(24,216,255,.40) !important; }

/* Modal tier visuals are populated from clicked card; keep modal clean and full */
.aa-capacity-modal-v83 .aa-capacity-modal__panel{
  border: 1px solid transparent !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,251,255,.90)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.70), rgba(37,99,235,.55), rgba(147,84,255,.55)) border-box !important;
}


/* =========================================================
   AgentsApp v85 — Capacity buttons/modal tier color polish
   Fix:
   - Card buttons use exactly the same solid color as the card title.
   - Edge tier is green.
   - Remove button shadows completely.
   - Top capacity chips follow card title colors.
   - Modal title and small boxes follow selected tier color.
   ========================================================= */

/* Final tier colors */
#capacity.aa-capacity-v83 .aa-package-card--starter{
  --tier-main: #FF334E !important;   /* ateşböceği kırmızı */
  --tier-main-2: #FF334E !important;
  --tier-soft: rgba(255, 51, 78, .18) !important;
  --tier-shadow: rgba(255, 51, 78, .30) !important;
}

#capacity.aa-capacity-v83 .aa-package-card--lite{
  --tier-main: #11D7FF !important;   /* turkuaz mavi */
  --tier-main-2: #11D7FF !important;
  --tier-soft: rgba(17, 215, 255, .18) !important;
  --tier-shadow: rgba(17, 215, 255, .30) !important;
}

#capacity.aa-capacity-v83 .aa-package-card--pro{
  --tier-main: #FFD21F !important;   /* taksi sarısı */
  --tier-main-2: #FFD21F !important;
  --tier-soft: rgba(255, 210, 31, .20) !important;
  --tier-shadow: rgba(255, 210, 31, .30) !important;
}

#capacity.aa-capacity-v83 .aa-package-card--edge{
  --tier-main: #16C784 !important;   /* Edge yeşil */
  --tier-main-2: #16C784 !important;
  --tier-soft: rgba(22, 199, 132, .18) !important;
  --tier-shadow: rgba(22, 199, 132, .30) !important;
}

/* Keep title in exact tier color */
#capacity.aa-capacity-v83 .aa-package-card__head h3{
  color: var(--tier-main) !important;
  text-shadow: none !important;
}

/* Button must match title color exactly; no shadow below */
#capacity.aa-capacity-v83 .aa-package-card__open,
#capacity.aa-capacity-v83 .aa-package-card--starter .aa-package-card__open,
#capacity.aa-capacity-v83 .aa-package-card--lite .aa-package-card__open,
#capacity.aa-capacity-v83 .aa-package-card--pro .aa-package-card__open,
#capacity.aa-capacity-v83 .aa-package-card--edge .aa-package-card__open{
  background: var(--tier-main) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  color: #fff !important;
}

#capacity.aa-capacity-v83 .aa-package-card--pro .aa-package-card__open{
  color: #071A34 !important;
}

#capacity.aa-capacity-v83 .aa-package-card__open:hover{
  transform: translateY(-1px) !important;
  box-shadow: none !important;
  filter: brightness(1.04) saturate(1.05) !important;
}

/* Remove any button-shadow leftovers inside capacity area */
#capacity.aa-capacity-v83 .aa-btn,
#capacity.aa-capacity-v83 .aa-kit-btn{
  box-shadow: none !important;
}

/* Header action buttons: cleaner, no underneath shadow */
#capacity.aa-capacity-v83 .aa-capacity-v83__actions .aa-kit-btn{
  box-shadow: none !important;
  border: 1px solid rgba(24,216,255,.18) !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__actions .aa-kit-btn--primary{
  background: linear-gradient(135deg, #11D7FF, #2563EB) !important;
  color: #fff !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__actions .aa-kit-btn--glass{
  background: rgba(255,255,255,.70) !important;
  color: #071A34 !important;
}

/* Top capacity chips colored according to the card titles */
#capacity.aa-capacity-v83 .aa-capacity-v83__chips span{
  box-shadow: none !important;
  border-width: 1px !important;
  background: rgba(255,255,255,.76) !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__chips span:nth-child(1){
  border-color: rgba(255,51,78,.40) !important;
}
#capacity.aa-capacity-v83 .aa-capacity-v83__chips span:nth-child(1) strong{
  color: #FF334E !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__chips span:nth-child(2){
  border-color: rgba(17,215,255,.42) !important;
}
#capacity.aa-capacity-v83 .aa-capacity-v83__chips span:nth-child(2) strong{
  color: #11D7FF !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__chips span:nth-child(3){
  border-color: rgba(255,210,31,.48) !important;
}
#capacity.aa-capacity-v83 .aa-capacity-v83__chips span:nth-child(3) strong{
  color: #FFD21F !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__chips span:nth-child(4){
  border-color: rgba(22,199,132,.42) !important;
}
#capacity.aa-capacity-v83 .aa-capacity-v83__chips span:nth-child(4) strong{
  color: #16C784 !important;
}

/* Tier-colored card wire border and hover glow */
#capacity.aa-capacity-v83 .aa-capacity-v83__card{
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,250,255,.74)) padding-box,
    linear-gradient(135deg, var(--tier-main), var(--tier-main), rgba(255,255,255,.26)) border-box !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card:hover{
  box-shadow:
    0 28px 42px rgba(15,23,42,.20),
    0 54px 118px rgba(15,23,42,.22),
    0 0 0 1px rgba(255,255,255,.84) inset,
    0 0 54px var(--tier-shadow) !important;
}

/* Modal gets tier class from JS below */
.aa-capacity-modal-v83{
  --modal-tier-main: #11D7FF;
  --modal-tier-soft: rgba(17,215,255,.18);
  --modal-tier-shadow: rgba(17,215,255,.30);
}

.aa-capacity-modal-v83.is-tier-starter{
  --modal-tier-main: #FF334E;
  --modal-tier-soft: rgba(255,51,78,.18);
  --modal-tier-shadow: rgba(255,51,78,.30);
}

.aa-capacity-modal-v83.is-tier-lite{
  --modal-tier-main: #11D7FF;
  --modal-tier-soft: rgba(17,215,255,.18);
  --modal-tier-shadow: rgba(17,215,255,.30);
}

.aa-capacity-modal-v83.is-tier-pro{
  --modal-tier-main: #FFD21F;
  --modal-tier-soft: rgba(255,210,31,.20);
  --modal-tier-shadow: rgba(255,210,31,.30);
}

.aa-capacity-modal-v83.is-tier-edge{
  --modal-tier-main: #16C784;
  --modal-tier-soft: rgba(22,199,132,.18);
  --modal-tier-shadow: rgba(22,199,132,.30);
}

/* Modal title same as clicked card color */
.aa-capacity-modal-v83 .aa-capacity-modal__content h3{
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: var(--modal-tier-main) !important;
  text-shadow: none !important;
}

/* Modal chip follows tier */
.aa-capacity-modal-v83 .aa-chip,
.aa-capacity-modal-v83 .aa-chip--active{
  color: #071A34 !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid var(--modal-tier-main) !important;
  box-shadow: none !important;
}

/* Modal small boxes: more premium and more visible */
.aa-capacity-modal-v83 .aa-capacity-modal__specs span{
  min-height: 84px !important;
  padding: 16px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(241,248,255,.66)),
    radial-gradient(circle at 90% 10%, var(--modal-tier-soft), transparent 38%) !important;
  border: 1px solid var(--modal-tier-main) !important;
  box-shadow:
    0 14px 34px rgba(15,23,42,.08),
    0 0 22px var(--modal-tier-soft),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__specs strong{
  color: var(--modal-tier-main) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__footer .aa-btn,
.aa-capacity-modal-v83 .aa-capacity-modal__footer .aa-btn--primary{
  background: var(--modal-tier-main) !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.36) !important;
}

.aa-capacity-modal-v83.is-tier-pro .aa-capacity-modal__footer .aa-btn{
  color: #071A34 !important;
}

/* Modal panel border follows tier softly */
.aa-capacity-modal-v83 .aa-capacity-modal__panel{
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,251,255,.90)) padding-box,
    linear-gradient(135deg, var(--modal-tier-main), rgba(255,255,255,.45), var(--modal-tier-main)) border-box !important;
  box-shadow:
    0 44px 130px rgba(7,26,52,.34),
    0 0 0 1px rgba(255,255,255,.70) inset,
    0 0 56px var(--modal-tier-soft) !important;
}


/* =========================================================
   AgentsApp v86 — Final Supernode images into Capacity cards + modal
   User-provided final images only. No image generation.
   ========================================================= */

#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__media{
  aspect-ratio: 4 / 3 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #0b1220 !important;
  border-radius: 0 !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__media img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  transform: none !important;
  background: transparent !important;
}

#capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__body{
  padding: 11px 14px 13px !important;
}

#capacity.aa-capacity-v83 .aa-package-card__head h3{
  font-size: clamp(22px, 1.48vw, 31px) !important;
}

#capacity.aa-capacity-v83 .aa-package-card__head span{
  font-size: 10.5px !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__panel{
  width: min(1320px, calc(100vw - 42px)) !important;
  grid-template-columns: minmax(560px, 1.18fr) minmax(390px, .82fr) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__media{
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: stretch !important;
  background: #0b1220 !important;
  overflow: hidden !important;
  border-right: 1px solid var(--modal-tier-main) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 -24px 80px rgba(7,26,52,.18) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__media img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  transform: none !important;
  background: transparent !important;
}

@media (max-width: 1180px){
  .aa-capacity-modal-v83 .aa-capacity-modal__panel{
    grid-template-columns: 1fr !important;
  }

  .aa-capacity-modal-v83 .aa-capacity-modal__media{
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    min-height: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--modal-tier-main) !important;
  }
}

@media (max-width: 680px){
  #capacity.aa-capacity-v83 .aa-capacity-v83__card .aa-package-card__media{
    aspect-ratio: 4 / 3 !important;
  }

  .aa-capacity-modal-v83 .aa-capacity-modal__media{
    aspect-ratio: 4 / 3 !important;
  }
}


/* =========================================================
   AgentsApp v87 — Final Test Flow images
   User-provided TEST ET / GÖR / DEVAM ET images only.
   ========================================================= */

#trial-flow.aa-test-v82 .aa-test-v82__card figure{
  aspect-ratio: 4 / 3 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #0b1220 !important;
  border-radius: 0 !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card figure img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  transform: none !important;
  background: transparent !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__body{
  padding: 11px 15px 13px !important;
  min-height: 0 !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__body h3{
  font-size: clamp(18px, 1.18vw, 25px) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__body p{
  font-size: clamp(11.5px, .72vw, 13.5px) !important;
  line-height: 1.34 !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card{
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,250,255,.74)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.72), rgba(37,99,235,.55), rgba(147,84,255,.58), rgba(240,171,252,.44)) border-box !important;
}

@media (min-width: 1100px) and (max-height: 900px){
  #trial-flow.aa-test-v82 .aa-test-v82__card figure{
    aspect-ratio: 4 / 3 !important;
  }
}


/* =========================================================
   AgentsApp v88 — Global Silver Metal / RGB Blur Theme
   Strategy:
   - One continuous premium silver-metal background for the whole site.
   - Very subtle RGB blur light fields.
   - No heavy separate white hero blocks.
   - Cards/boxes keep glass-metal surfaces over the same global wall.
   ========================================================= */

:root{
  --aa-metal-bg-1: #f8fafc;
  --aa-metal-bg-2: #e8edf3;
  --aa-metal-bg-3: #dfe6ee;
  --aa-metal-bg-4: #f4f7fb;
  --aa-metal-line: rgba(15, 23, 42, .045);
  --aa-metal-line-soft: rgba(255, 255, 255, .42);
  --aa-rgb-cyan: rgba(24, 216, 255, .15);
  --aa-rgb-blue: rgba(37, 99, 235, .105);
  --aa-rgb-violet: rgba(147, 84, 255, .12);
  --aa-rgb-pink: rgba(240, 171, 252, .095);
  --aa-glass-surface: rgba(255,255,255,.62);
  --aa-glass-surface-strong: rgba(255,255,255,.76);
  --aa-metal-border: rgba(24,216,255,.16);
}

html{
  background:
    radial-gradient(circle at 10% 14%, var(--aa-rgb-cyan), transparent 30%),
    radial-gradient(circle at 84% 12%, var(--aa-rgb-violet), transparent 32%),
    radial-gradient(circle at 54% 86%, var(--aa-rgb-pink), transparent 34%),
    linear-gradient(135deg, var(--aa-metal-bg-1) 0%, var(--aa-metal-bg-2) 35%, var(--aa-metal-bg-4) 68%, var(--aa-metal-bg-3) 100%) !important;
}

body{
  position: relative !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(24,216,255,.16), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(147,84,255,.14), transparent 30%),
    radial-gradient(circle at 54% 88%, rgba(240,171,252,.10), transparent 34%),
    linear-gradient(135deg, #f7f9fb 0%, #e8edf3 38%, #f8fafc 68%, #dfe5ec 100%) !important;
}

/* Fixed metal texture layer. It stays behind content but above the browser background. */
body::before{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(115deg, rgba(255,255,255,.34), transparent 28%, rgba(120,130,150,.08) 52%, transparent 76%),
    repeating-linear-gradient(90deg, rgba(15,23,42,.026) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.22) 0 1px, transparent 1px 11px) !important;
  opacity: .52 !important;
  mix-blend-mode: normal !important;
}

/* Slow RGB aura layer */
body::after{
  content: "" !important;
  position: fixed !important;
  inset: -18% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(24,216,255,.16), transparent 26%),
    radial-gradient(circle at 78% 18%, rgba(147,84,255,.12), transparent 28%),
    radial-gradient(circle at 62% 78%, rgba(20,184,166,.08), transparent 30%),
    radial-gradient(circle at 40% 48%, rgba(37,99,235,.055), transparent 36%) !important;
  filter: blur(28px) saturate(128%) !important;
  opacity: .72 !important;
}

/* Keep all page content above the global texture layers. */
.aa-site-header,
.aa-navbar,
.aa-main,
main,
.aa-section,
.aa-footer,
.site-footer,
footer,
.aa-scroll-nav{
  position: relative !important;
  z-index: 1 !important;
}

/* Sections should sit on the same continuous metal wall, not separate white blocks. */
.aa-section,
#how-it-works.aa-how-v78,
#how-it-works.aa-how-v79,
#trial-flow.aa-test-v82,
#capacity.aa-capacity-v83,
#free-trial,
#community,
#dashboard-preview{
  background:
    radial-gradient(circle at 12% 12%, rgba(24,216,255,.055), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(147,84,255,.045), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)) !important;
}

/* Existing section texture pseudo layers are softened so they do not create hard bands. */
.aa-section::before,
.aa-section::after,
#how-it-works::before,
#how-it-works::after,
#trial-flow::before,
#trial-flow::after,
#capacity::before,
#capacity::after{
  opacity: .36 !important;
}

/* Navbar: clearer glass over metal background */
.aa-navbar,
.aa-site-header,
header{
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
}

.aa-navbar{
  background:
    linear-gradient(135deg, rgba(255,255,255,.58), rgba(238,246,255,.30)),
    radial-gradient(circle at 18% 50%, rgba(24,216,255,.10), transparent 34%),
    radial-gradient(circle at 86% 50%, rgba(147,84,255,.08), transparent 38%) !important;
  border-bottom: 1px solid rgba(24,216,255,.16) !important;
  box-shadow:
    0 12px 44px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
}

/* Footer: premium thin metal/glass finish */
.aa-footer,
.site-footer,
footer{
  background:
    linear-gradient(135deg, rgba(255,255,255,.50), rgba(232,241,250,.34)),
    radial-gradient(circle at 20% 20%, rgba(24,216,255,.10), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(147,84,255,.08), transparent 36%) !important;
  border-top: 1px solid rgba(24,216,255,.16) !important;
  box-shadow:
    0 -18px 70px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* Universal premium glass/metal card surface refinement */
.aa-card,
.aa-flow-card,
.aa-test-v82__card,
.aa-capacity-v83__card,
.aa-package-card,
.aa-auth-panel,
.aa-capacity-modal__panel,
.aa-dashboard-card,
.aa-panel,
.aa-drawer,
.aa-modal{
  backdrop-filter: blur(20px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
}

/* Card inner surfaces: silver-glass instead of flat white */
.aa-flow-card__body,
.aa-test-v82__body,
.aa-package-card__body,
.aa-capacity-modal__content,
.aa-auth-panel,
.aa-dashboard-card,
.aa-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(238,246,255,.56)),
    radial-gradient(circle at 92% 12%, rgba(24,216,255,.070), transparent 34%),
    radial-gradient(circle at 12% 88%, rgba(147,84,255,.045), transparent 32%) !important;
  border-color: rgba(24,216,255,.15) !important;
}

/* Form inputs/buttons also sit better on the new metal wall. */
input,
textarea,
select{
  background:
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(237,246,255,.50)) !important;
  border-color: rgba(24,216,255,.15) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 10px 26px rgba(15,23,42,.045) !important;
}

/* Soft RGB dividers; removes hard white band feeling between sections. */
.aa-section + .aa-section{
  border-top: 1px solid rgba(24,216,255,.055) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30) !important;
}

/* Hero/background image areas keep their own images; only overall page wall changes. */
.aa-hero,
.aa-hero-slider,
.aa-hero-bg,
.aa-hero-section{
  isolation: isolate !important;
}

/* Avoid too much visual noise on small screens. */
@media (max-width: 760px){
  body::before{
    opacity: .34 !important;
  }

  body::after{
    opacity: .48 !important;
    filter: blur(22px) saturate(122%) !important;
  }

  .aa-section,
  #how-it-works.aa-how-v78,
  #how-it-works.aa-how-v79,
  #trial-flow.aa-test-v82,
  #capacity.aa-capacity-v83{
    background:
      linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important;
  }
}


/* =========================================================
   AgentsApp v89 — Matte Silver Metal / Soft RGB Natural Texture
   Locked direction:
   - Satin/brushed silver metal, not bright white and not dark graphite.
   - Calm frosted UI surface.
   - Soft cyan/violet/blue RGB only as atmosphere.
   ========================================================= */

:root{
  --aa-v89-metal-0: #d5d9df;
  --aa-v89-metal-1: #c2c7cf;
  --aa-v89-metal-2: #aeb4bd;
  --aa-v89-metal-3: #949ba6;
  --aa-v89-metal-4: #cdd2d9;
  --aa-v89-ink: #111827;
  --aa-v89-muted: #4f5f73;
  --aa-v89-card: rgba(226,231,238,.52);
  --aa-v89-card-strong: rgba(235,239,245,.66);
}

html{
  background:
    radial-gradient(circle at 16% 18%, rgba(24,216,255,.085), transparent 26%),
    radial-gradient(circle at 82% 16%, rgba(147,84,255,.075), transparent 28%),
    radial-gradient(circle at 58% 78%, rgba(59,130,246,.060), transparent 30%),
    linear-gradient(135deg, #cfd4dc 0%, #b8bec7 28%, #d2d6dd 54%, #a7aeb8 100%) !important;
}

body{
  position: relative !important;
  overflow-x: hidden !important;
  color: var(--aa-v89-ink) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(24,216,255,.090), transparent 24%),
    radial-gradient(circle at 82% 14%, rgba(147,84,255,.080), transparent 26%),
    radial-gradient(circle at 56% 76%, rgba(59,130,246,.055), transparent 28%),
    radial-gradient(circle at 42% 48%, rgba(255,255,255,.12), transparent 42%),
    linear-gradient(135deg, #c9ced6 0%, #b2b8c1 30%, #d7dbe1 58%, #a0a7b1 100%) !important;
  background-attachment: fixed !important;
}

/* Brushed satin metal texture */
body::before{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(112deg, rgba(255,255,255,.22), transparent 24%, rgba(72,82,96,.080) 48%, transparent 74%, rgba(255,255,255,.16)),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.070) 0px,
      rgba(255,255,255,.070) 1px,
      rgba(20,30,45,.032) 2px,
      rgba(20,30,45,.032) 4px,
      transparent 5px,
      transparent 10px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.040) 0px,
      rgba(255,255,255,.040) 1px,
      transparent 1px,
      transparent 18px
    ) !important;
  opacity: .62 !important;
  mix-blend-mode: soft-light !important;
}

/* Soft RGB atmosphere */
body::after{
  content: "" !important;
  position: fixed !important;
  inset: -16% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(24,216,255,.105), transparent 24%),
    radial-gradient(circle at 78% 18%, rgba(147,84,255,.085), transparent 26%),
    radial-gradient(circle at 62% 78%, rgba(20,184,166,.050), transparent 28%),
    radial-gradient(circle at 40% 48%, rgba(37,99,235,.045), transparent 34%) !important;
  filter: blur(34px) saturate(120%) !important;
  opacity: .62 !important;
}

/* Keep content above fixed texture/aura */
.aa-site-header,
.aa-navbar,
.aa-main,
main,
.aa-section,
.aa-footer,
.site-footer,
footer,
.aa-scroll-nav,
.aa-capacity-modal,
.aa-modal,
.aa-drawer{
  position: relative !important;
  z-index: 1 !important;
}

/* Continuous matte metal wall across sections */
.aa-section,
#how-it-works.aa-how-v78,
#how-it-works.aa-how-v79,
#trial-flow.aa-test-v82,
#capacity.aa-capacity-v83,
#free-trial,
#community,
#dashboard-preview,
#support,
#faq{
  background:
    radial-gradient(circle at 16% 12%, rgba(24,216,255,.045), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(147,84,255,.035), transparent 32%),
    linear-gradient(180deg, rgba(232,236,242,.20), rgba(190,198,208,.08)) !important;
  box-shadow: none !important;
}

/* Soften old bright section overlays */
.aa-section::before,
.aa-section::after,
#how-it-works::before,
#how-it-works::after,
#trial-flow::before,
#trial-flow::after,
#capacity::before,
#capacity::after,
#free-trial::before,
#free-trial::after{
  opacity: .22 !important;
}

/* Navbar: satin glass */
.aa-navbar,
.aa-site-header,
header{
  backdrop-filter: blur(22px) saturate(136%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(136%) !important;
}

.aa-navbar{
  background:
    linear-gradient(135deg, rgba(231,235,241,.50), rgba(182,190,202,.28)),
    radial-gradient(circle at 20% 50%, rgba(24,216,255,.070), transparent 34%),
    radial-gradient(circle at 86% 50%, rgba(147,84,255,.055), transparent 38%) !important;
  border-bottom: 1px solid rgba(255,255,255,.24) !important;
  box-shadow:
    0 12px 42px rgba(15,23,42,.065),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(30,41,59,.035) !important;
}

/* Footer: thin satin metal */
.aa-footer,
.site-footer,
footer{
  background:
    linear-gradient(135deg, rgba(226,231,238,.48), rgba(171,180,193,.30)),
    radial-gradient(circle at 20% 22%, rgba(24,216,255,.070), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(147,84,255,.052), transparent 36%) !important;
  border-top: 1px solid rgba(255,255,255,.24) !important;
  box-shadow:
    0 -18px 62px rgba(15,23,42,.045),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

/* Frosted silver-glass surfaces */
.aa-card,
.aa-flow-card,
.aa-test-v82__card,
.aa-capacity-v83__card,
.aa-package-card,
.aa-auth-panel,
.aa-capacity-modal__panel,
.aa-dashboard-card,
.aa-panel,
.aa-drawer,
.aa-modal,
.aa-stat,
.aa-chip,
.aa-test-v82__chips span,
.aa-capacity-v83__chips span{
  backdrop-filter: blur(18px) saturate(132%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(132%) !important;
}

/* Inner card surfaces: less white, more satin */
.aa-flow-card__body,
.aa-test-v82__body,
.aa-package-card__body,
.aa-capacity-modal__content,
.aa-auth-panel,
.aa-dashboard-card,
.aa-panel,
.aa-test-v82__chips span,
.aa-capacity-v83__chips span{
  background:
    linear-gradient(180deg, rgba(235,239,245,.60), rgba(190,199,210,.34)),
    radial-gradient(circle at 92% 12%, rgba(24,216,255,.052), transparent 34%),
    radial-gradient(circle at 12% 88%, rgba(147,84,255,.035), transparent 32%) !important;
  border-color: rgba(255,255,255,.28) !important;
}

/* Main cards: calmer matte-metal frame */
.aa-flow-card,
#trial-flow.aa-test-v82 .aa-test-v82__card,
#capacity.aa-capacity-v83 .aa-capacity-v83__card{
  background:
    linear-gradient(135deg, rgba(238,242,247,.56), rgba(173,183,196,.28)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.34), rgba(24,216,255,.18), rgba(147,84,255,.15), rgba(255,255,255,.24)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 24px 68px rgba(15,23,42,.13),
    0 0 0 1px rgba(255,255,255,.28) inset,
    0 0 26px rgba(24,216,255,.055),
    0 0 34px rgba(147,84,255,.035) !important;
}

/* Keep tier color borders in capacity cards */
#capacity.aa-capacity-v83 .aa-capacity-v83__card{
  background:
    linear-gradient(135deg, rgba(238,242,247,.56), rgba(173,183,196,.28)) padding-box,
    linear-gradient(135deg, var(--tier-main), rgba(255,255,255,.30), var(--tier-main)) border-box !important;
}

/* Media frames: no bright white image canvas */
.aa-flow-card figure,
#trial-flow.aa-test-v82 .aa-test-v82__card figure,
#capacity.aa-capacity-v83 .aa-package-card__media,
.aa-capacity-modal-v83 .aa-capacity-modal__media{
  background:
    linear-gradient(135deg, #9fa7b2, #c5cad1 48%, #8f98a4) !important;
}

/* Modal: satin metal depth */
.aa-capacity-modal-v83 .aa-capacity-modal__panel{
  background:
    linear-gradient(135deg, rgba(238,242,247,.78), rgba(173,183,196,.54)) padding-box,
    linear-gradient(135deg, var(--modal-tier-main), rgba(255,255,255,.36), var(--modal-tier-main)) border-box !important;
  box-shadow:
    0 44px 130px rgba(7,26,52,.34),
    0 0 0 1px rgba(255,255,255,.38) inset,
    0 0 48px var(--modal-tier-soft) !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__content{
  background:
    linear-gradient(180deg, rgba(232,236,242,.72), rgba(184,193,205,.46)),
    radial-gradient(circle at 88% 18%, var(--modal-tier-soft), transparent 34%) !important;
}

/* Modal spec boxes: visible but not bright */
.aa-capacity-modal-v83 .aa-capacity-modal__specs span{
  background:
    linear-gradient(135deg, rgba(238,242,247,.74), rgba(177,187,200,.42)),
    radial-gradient(circle at 90% 10%, var(--modal-tier-soft), transparent 38%) !important;
  border-color: var(--modal-tier-main) !important;
}

/* Inputs: silver-glass, not pure white */
input,
textarea,
select{
  background:
    linear-gradient(135deg, rgba(235,239,245,.62), rgba(180,190,203,.34)) !important;
  border-color: rgba(255,255,255,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 10px 26px rgba(15,23,42,.045) !important;
}

/* Readability over metal */
.aa-section h1,
.aa-section h2,
.aa-section h3,
.aa-auth-panel h1,
.aa-auth-panel h2{
  color: #111827;
}

/* Section transition: no white band */
.aa-section + .aa-section{
  border-top: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 18px 54px rgba(255,255,255,.055) !important;
}

/* Auth pages: same matte silver base behind imagery/forms */
.aa-auth-page,
body.aa-auth-page{
  background:
    radial-gradient(circle at 18% 22%, rgba(24,216,255,.075), transparent 24%),
    radial-gradient(circle at 78% 18%, rgba(147,84,255,.065), transparent 26%),
    linear-gradient(135deg, #c9ced6 0%, #b2b8c1 32%, #d0d5dc 62%, #9fa7b1 100%) !important;
}

/* Mobile: less texture/noise */
@media (max-width: 760px){
  body::before{
    opacity: .42 !important;
  }

  body::after{
    opacity: .46 !important;
    filter: blur(26px) saturate(116%) !important;
  }

  .aa-section,
  #how-it-works.aa-how-v78,
  #how-it-works.aa-how-v79,
  #trial-flow.aa-test-v82,
  #capacity.aa-capacity-v83{
    background:
      linear-gradient(180deg, rgba(226,231,238,.16), rgba(184,193,205,.08)) !important;
  }
}


/* =========================================================
   AgentsApp v90 — Reference Grey Studio Wall Background
   User instruction:
   - No image generation.
   - Use the exact provided grey studio/backdrop visual feeling as website ground.
   - Keep it calm, not shiny, not dark, not noisy.
   ========================================================= */

:root{
  --aa-v90-bg-image: url("../images/backgrounds/site-grey-studio-wall.jpg");
  --aa-v90-grey-1: #b2b7bf;
  --aa-v90-grey-2: #a4aab3;
  --aa-v90-grey-3: #c2c6cd;
  --aa-v90-ink: #0f172a;
  --aa-v90-muted: #445266;
  --aa-v90-panel: rgba(235,238,243,.54);
  --aa-v90-panel-strong: rgba(241,243,247,.70);
  --aa-v90-border: rgba(255,255,255,.32);
}

/* The page background now comes from the provided grey studio wall image. */
html,
body{
  min-height: 100% !important;
  background-color: #aeb4bd !important;
  background-image: var(--aa-v90-bg-image) !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  color: var(--aa-v90-ink) !important;
}

/* Remove previous generated-looking metal/RGB layers. */
body::before{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 46%, rgba(15,23,42,.035) 100%) !important;
  opacity: .55 !important;
  mix-blend-mode: normal !important;
}

body::after{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 24% 24%, rgba(24,216,255,.045), transparent 26%),
    radial-gradient(circle at 78% 20%, rgba(147,84,255,.040), transparent 28%),
    radial-gradient(circle at 50% 86%, rgba(255,255,255,.08), transparent 34%) !important;
  filter: blur(20px) saturate(105%) !important;
  opacity: .42 !important;
}

/* Keep all layout above the reference background. */
.aa-site-header,
.aa-navbar,
.aa-main,
main,
.aa-section,
.aa-footer,
.site-footer,
footer,
.aa-scroll-nav,
.aa-capacity-modal,
.aa-modal,
.aa-drawer{
  position: relative !important;
  z-index: 1 !important;
}

/* Sections should not cover the grey studio wall with white/metal gradients. */
.aa-section,
#how-it-works.aa-how-v78,
#how-it-works.aa-how-v79,
#trial-flow.aa-test-v82,
#capacity.aa-capacity-v83,
#free-trial,
#community,
#dashboard-preview,
#support,
#faq{
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove hard section overlay bands from older versions. */
.aa-section::before,
.aa-section::after,
#how-it-works::before,
#how-it-works::after,
#trial-flow::before,
#trial-flow::after,
#capacity::before,
#capacity::after,
#free-trial::before,
#free-trial::after{
  opacity: .10 !important;
}

/* Navbar: glass over the exact grey studio wall. */
.aa-navbar,
.aa-site-header,
header{
  backdrop-filter: blur(20px) saturate(122%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(122%) !important;
}

.aa-navbar{
  background:
    linear-gradient(135deg, rgba(238,241,246,.50), rgba(174,181,192,.26)) !important;
  border-bottom: 1px solid rgba(255,255,255,.28) !important;
  box-shadow:
    0 12px 38px rgba(15,23,42,.060),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
}

/* Footer follows the same quiet studio-wall style. */
.aa-footer,
.site-footer,
footer{
  background:
    linear-gradient(135deg, rgba(232,236,242,.42), rgba(160,168,180,.24)) !important;
  border-top: 1px solid rgba(255,255,255,.26) !important;
  box-shadow:
    0 -16px 52px rgba(15,23,42,.040),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

/* Cards/boxes: frosted glass, but calmer and closer to the reference. */
.aa-card,
.aa-flow-card,
.aa-test-v82__card,
.aa-capacity-v83__card,
.aa-package-card,
.aa-auth-panel,
.aa-capacity-modal__panel,
.aa-dashboard-card,
.aa-panel,
.aa-drawer,
.aa-modal,
.aa-stat,
.aa-chip,
.aa-test-v82__chips span,
.aa-capacity-v83__chips span{
  backdrop-filter: blur(16px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
}

/* Inner card bars no longer bright white; they are soft grey-glass. */
.aa-flow-card__body,
.aa-test-v82__body,
.aa-package-card__body,
.aa-capacity-modal__content,
.aa-auth-panel,
.aa-dashboard-card,
.aa-panel,
.aa-test-v82__chips span,
.aa-capacity-v83__chips span{
  background:
    linear-gradient(180deg, rgba(242,244,248,.62), rgba(196,203,214,.34)) !important;
  border-color: rgba(255,255,255,.28) !important;
}

/* Main card surfaces: allow the background to visually connect. */
.aa-flow-card,
#trial-flow.aa-test-v82 .aa-test-v82__card,
#capacity.aa-capacity-v83 .aa-capacity-v83__card{
  background:
    linear-gradient(135deg, rgba(242,244,248,.48), rgba(175,184,196,.26)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.32), rgba(24,216,255,.14), rgba(147,84,255,.12), rgba(255,255,255,.22)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 22px 58px rgba(15,23,42,.115),
    0 0 0 1px rgba(255,255,255,.24) inset !important;
}

/* Preserve capacity tier borders without turning the section into a bright slab. */
#capacity.aa-capacity-v83 .aa-capacity-v83__card{
  background:
    linear-gradient(135deg, rgba(242,244,248,.48), rgba(175,184,196,.26)) padding-box,
    linear-gradient(135deg, var(--tier-main), rgba(255,255,255,.28), var(--tier-main)) border-box !important;
}

/* Inputs: match the grey studio wall, not pure white. */
input,
textarea,
select{
  background:
    linear-gradient(135deg, rgba(241,243,247,.62), rgba(190,198,210,.34)) !important;
  border-color: rgba(255,255,255,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    0 10px 22px rgba(15,23,42,.040) !important;
}

/* Section transitions: remove old white/glow strips. */
.aa-section + .aa-section{
  border-top: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}

/* Auth pages keep same reference grey background behind their form boxes. */
.aa-auth-page,
body.aa-auth-page{
  background-color: #aeb4bd !important;
  background-image: var(--aa-v90-bg-image) !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Mobile: no fixed attachment to prevent browser jitter. */
@media (max-width: 760px){
  html,
  body,
  .aa-auth-page,
  body.aa-auth-page{
    background-attachment: scroll !important;
  }

  body::after{
    opacity: .28 !important;
  }
}


/* =========================================================
   AgentsApp v91 — Apply grey studio wall to Jarallax + hero transition
   User fix:
   - The reference grey studio wall must be applied to the jarallax/background ground too.
   - Background ending and next hero beginning should connect with the last approved clean transition.
   - No new visual generation.
   ========================================================= */

/* 1) Jarallax containers also use the same reference wall. */
.jarallax,
[data-jarallax],
[data-parallax-section],
.aa-jarallax,
.aa-parallax,
.aa-hero,
.aa-hero-section,
.aa-hero-slider,
.aa-hero-bg,
.aa-hero-wrap,
.aa-home-hero,
.aa-landing-hero,
.hero,
.hero-section{
  background-color: #aeb4bd !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 48%, rgba(15,23,42,.030) 100%),
    var(--aa-v90-bg-image) !important;
  background-position: center top, center top !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}

/* 2) Jarallax generated image layers should not create white/bright ending bands. */
.jarallax > .jarallax-img,
.jarallax-img,
[data-jarallax] > img,
[data-parallax-section] > img,
.aa-hero-bg img,
.aa-hero-slider img,
.aa-hero-media img{
  filter: saturate(1.06) contrast(1.02) brightness(.96) !important;
}

/* 3) If Jarallax plugin injects absolute/fixed layers, keep their background neutral grey. */
.jarallax-container,
.jarallax-container > div,
.jarallax-container > img{
  background-color: #aeb4bd !important;
}

/* 4) Remove white fade/white wash overlays at slider end and hero start. */
.aa-hero::before,
.aa-hero::after,
.aa-hero-section::before,
.aa-hero-section::after,
.aa-hero-slider::before,
.aa-hero-slider::after,
.aa-hero-bg::before,
.aa-hero-bg::after,
.aa-home-hero::before,
.aa-home-hero::after{
  background:
    linear-gradient(180deg, rgba(174,180,189,.02), rgba(174,180,189,.08)) !important;
  opacity: .18 !important;
  pointer-events: none !important;
}

/* 5) Continuous connection between the image/slider block and following hero sections. */
.aa-hero + .aa-section,
.aa-hero-section + .aa-section,
.aa-hero-slider + .aa-section,
.aa-home-hero + .aa-section,
.jarallax + .aa-section,
[data-jarallax] + .aa-section,
[data-parallax-section] + .aa-section{
  margin-top: 0 !important;
  padding-top: clamp(42px, 4vw, 74px) !important;
  border-top: 0 !important;
  background:
    linear-gradient(180deg, rgba(174,180,189,.00) 0%, rgba(174,180,189,.18) 18%, rgba(174,180,189,.08) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* 6) Hide the old horizontal white/seam line at hero transition points. */
.aa-section,
.aa-hero,
.aa-hero-section,
.aa-hero-slider,
.jarallax,
[data-jarallax],
[data-parallax-section]{
  border-bottom-color: rgba(255,255,255,.08) !important;
}

.aa-section + .aa-section{
  border-top: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* 7) Keep all section starts on same studio wall, not a separate block. */
#how-it-works,
#trial-flow,
#capacity,
#free-trial,
#community,
#dashboard-preview{
  background:
    linear-gradient(180deg, rgba(174,180,189,.06), rgba(174,180,189,.02)) !important;
}

/* 8) Make the first content section after main visual feel attached to the wall. */
.aa-main > .aa-section:first-of-type,
main > .aa-section:first-of-type{
  background:
    linear-gradient(180deg, rgba(174,180,189,.00), rgba(174,180,189,.06)) !important;
}

/* 9) On mobile fixed background attachment can stutter; keep same visual without fixed behavior. */
@media (max-width: 760px){
  .jarallax,
  [data-jarallax],
  [data-parallax-section],
  .aa-jarallax,
  .aa-parallax,
  .aa-hero,
  .aa-hero-section,
  .aa-hero-slider,
  .aa-hero-bg,
  .aa-hero-wrap,
  .aa-home-hero,
  .aa-landing-hero,
  .hero,
  .hero-section{
    background-attachment: scroll, scroll !important;
  }
}


/* =========================================================
   AgentsApp v92 — Free Trial / Community Access / Referral / Boost
   Scope: only #free-trial section.
   Conversion/onboarding hero with offer cards, flow strip and placeholder modals.
   ========================================================= */

#free-trial.free-trial-community-section{
  position: relative !important;
  isolation: isolate !important;
  min-height: calc(100vh - 64px) !important;
  padding: clamp(70px, 6.2vw, 118px) 0 clamp(86px, 7.4vw, 136px) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(24,216,255,.075), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(147,84,255,.065), transparent 30%),
    radial-gradient(circle at 52% 86%, rgba(20,184,166,.046), transparent 34%),
    linear-gradient(180deg, rgba(174,180,189,.04), rgba(174,180,189,.02)) !important;
  overflow: hidden !important;
}

#free-trial.free-trial-community-section::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.028) 1px, transparent 1px) !important;
  background-size: 58px 58px !important;
  mask-image: radial-gradient(ellipse at 50% 28%, #000 0%, rgba(0,0,0,.46) 54%, transparent 88%) !important;
  opacity: .62 !important;
}

#free-trial.free-trial-community-section::after{
  content: "" !important;
  position: absolute !important;
  width: 44vw !important;
  height: 44vw !important;
  right: -18vw !important;
  top: 8% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle, rgba(24,216,255,.075), rgba(147,84,255,.055) 46%, transparent 72%) !important;
  filter: blur(22px) !important;
  opacity: .86 !important;
}

#free-trial .aa-access-hero__container{
  position: relative !important;
  z-index: 2 !important;
  width: min(1540px, calc(100% - 54px)) !important;
  margin-inline: auto !important;
}

#free-trial .aa-access-hero__grid{
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr) !important;
  gap: clamp(28px, 4vw, 72px) !important;
  align-items: center !important;
  margin-bottom: clamp(34px, 4.2vw, 72px) !important;
}

#free-trial .aa-access-hero__copy{
  max-width: 780px !important;
}

#free-trial .aa-access-kicker{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(24,216,255,.96), rgba(37,99,235,.96) 40%, rgba(147,84,255,.94) 72%, rgba(240,171,252,.90)) !important;
  border: 1px solid rgba(255,255,255,.44) !important;
  box-shadow:
    0 16px 42px rgba(37,99,235,.16),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
  font-size: clamp(11.5px, .78vw, 14px) !important;
  font-weight: 900 !important;
  letter-spacing: .145em !important;
  text-transform: uppercase !important;
}

#free-trial .aa-access-hero__copy h2{
  margin: 22px 0 0 !important;
  max-width: 820px !important;
  color: #0f172a !important;
  font-size: clamp(42px, 5.1vw, 86px) !important;
  line-height: .94 !important;
  letter-spacing: -.075em !important;
  font-weight: 900 !important;
}

#free-trial .aa-access-hero__copy h2::first-letter{
  letter-spacing: -.090em !important;
}

#free-trial .aa-access-hero__copy h2{
  background: linear-gradient(90deg, #0f172a 0%, #111827 26%, #18D8FF 47%, #2563EB 60%, #9354FF 78%, #F0ABFC 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#free-trial .aa-access-hero__copy p{
  max-width: 690px !important;
  margin: 22px 0 0 !important;
  color: #415168 !important;
  font-size: clamp(15px, 1.03vw, 18px) !important;
  line-height: 1.62 !important;
  font-weight: 560 !important;
}

#free-trial .aa-access-hero__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

#free-trial .aa-access-btn{
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease, border-color .22s ease !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
}

#free-trial .aa-access-btn:hover{
  transform: translateY(-2px) !important;
  filter: saturate(1.06) brightness(1.04) !important;
}

#free-trial .aa-access-btn--primary{
  color: #fff !important;
  background: linear-gradient(135deg, #18D8FF, #2563EB 56%, #9354FF) !important;
  box-shadow: 0 16px 34px rgba(37,99,235,.18) !important;
}

#free-trial .aa-access-btn--secondary{
  color: #071A34 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.74), rgba(24,216,255,.30)) !important;
  border-color: rgba(24,216,255,.26) !important;
  box-shadow: 0 14px 30px rgba(24,216,255,.10) !important;
}

#free-trial .aa-access-btn--ghost{
  color: #1e293b !important;
  background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(147,84,255,.18)) !important;
  border-color: rgba(147,84,255,.22) !important;
  box-shadow: none !important;
}

#free-trial .aa-access-trust-line{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 20px !important;
  color: #4d5d72 !important;
  font-size: 12.5px !important;
  font-weight: 780 !important;
}

#free-trial .aa-access-trust-line i{
  width: 5px !important;
  height: 5px !important;
  border-radius: 99px !important;
  background: linear-gradient(135deg, #18D8FF, #9354FF) !important;
  box-shadow: 0 0 14px rgba(24,216,255,.25) !important;
}

/* Campaign board placeholder */
#free-trial .aa-access-board{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  padding: clamp(22px, 2.3vw, 34px) !important;
  min-height: 560px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(135deg, rgba(242,244,248,.58), rgba(175,184,196,.30)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.36), rgba(255,255,255,.28), rgba(147,84,255,.28)) border-box !important;
  box-shadow:
    0 34px 94px rgba(15,23,42,.14),
    0 0 0 1px rgba(255,255,255,.25) inset !important;
  backdrop-filter: blur(22px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(130%) !important;
}

#free-trial .aa-access-board::before{
  content: "" !important;
  position: absolute !important;
  inset: -2px !important;
  background:
    radial-gradient(circle at 28% 20%, rgba(24,216,255,.18), transparent 28%),
    radial-gradient(circle at 78% 26%, rgba(147,84,255,.14), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.14), transparent 46%) !important;
  opacity: .92 !important;
  pointer-events: none !important;
}

#free-trial .aa-access-board > *{
  position: relative !important;
  z-index: 2 !important;
}

#free-trial .aa-access-board__top{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

#free-trial .aa-access-board__top span,
#free-trial .aa-access-board__top em{
  color: #2563EB !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 880 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

#free-trial .aa-access-board__top strong{
  display: block !important;
  margin-top: 4px !important;
  color: #0f172a !important;
  font-size: clamp(22px, 1.7vw, 30px) !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
}

#free-trial .aa-access-board__top em{
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-inline: 13px !important;
  border-radius: 999px !important;
  color: #071A34 !important;
  background: rgba(255,255,255,.42) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
}

#free-trial .aa-access-board__visual{
  position: relative !important;
  height: clamp(180px, 17vw, 250px) !important;
  margin: 26px 0 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(24,216,255,.18), transparent 34%),
    radial-gradient(circle at 72% 30%, rgba(147,84,255,.13), transparent 30%),
    linear-gradient(135deg, rgba(15,23,42,.72), rgba(30,41,59,.54)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 18px 48px rgba(15,23,42,.13) !important;
}

#free-trial .aa-access-board__visual::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(24,216,255,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147,84,255,.08) 1px, transparent 1px) !important;
  background-size: 38px 38px !important;
  opacity: .36 !important;
}

#free-trial .aa-access-orbit{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  border-radius: 999px !important;
  border: 1px solid rgba(24,216,255,.22) !important;
  transform: translate(-50%, -50%) rotate(-8deg) !important;
}

#free-trial .aa-access-orbit--one{
  width: 76% !important;
  height: 44% !important;
}

#free-trial .aa-access-orbit--two{
  width: 54% !important;
  height: 70% !important;
  border-color: rgba(147,84,255,.20) !important;
  transform: translate(-50%, -50%) rotate(22deg) !important;
}

#free-trial .aa-access-core{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(280px, 70%) !important;
  transform: translate(-50%, -50%) !important;
  padding: 20px !important;
  text-align: center !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(14px) saturate(130%) !important;
  box-shadow: 0 0 38px rgba(24,216,255,.13) !important;
}

#free-trial .aa-access-core span{
  color: #18D8FF !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

#free-trial .aa-access-core strong{
  display: block !important;
  margin-top: 8px !important;
  color: #fff !important;
  font-size: clamp(17px, 1.25vw, 23px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.035em !important;
}

#free-trial .aa-access-board__ladder{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#free-trial .aa-access-board__ladder article{
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 14px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.50), rgba(214,221,231,.28)) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
}

#free-trial .aa-access-board__ladder article span{
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #18D8FF, #2563EB) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

#free-trial .aa-access-board__ladder .is-community span{ background: linear-gradient(135deg, #14B8A6, #18D8FF) !important; color:#071A34 !important; }
#free-trial .aa-access-board__ladder .is-referral span{ background: linear-gradient(135deg, #9354FF, #F0ABFC) !important; }
#free-trial .aa-access-board__ladder .is-boost span{ background: linear-gradient(135deg, #F97316, #FFD21F) !important; color:#071A34 !important; }

#free-trial .aa-access-board__ladder strong{
  display: block !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 880 !important;
  letter-spacing: -.025em !important;
}

#free-trial .aa-access-board__ladder p{
  margin: 5px 0 0 !important;
  color: #55657a !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
  font-weight: 560 !important;
}

/* Offer cards */
#free-trial .aa-offer-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.65vw, 28px) !important;
}

#free-trial .aa-offer-card{
  position: relative !important;
  overflow: hidden !important;
  min-height: 410px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(20px, 1.55vw, 28px) !important;
  border-radius: 30px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(135deg, rgba(242,244,248,.58), rgba(175,184,196,.30)) padding-box,
    linear-gradient(135deg, var(--offer-main), rgba(255,255,255,.28), var(--offer-main-2)) border-box !important;
  box-shadow:
    0 26px 78px rgba(15,23,42,.125),
    0 0 0 1px rgba(255,255,255,.24) inset,
    0 0 32px var(--offer-soft) !important;
  backdrop-filter: blur(20px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(128%) !important;
}

#free-trial .aa-offer-card::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 88% 10%, var(--offer-soft), transparent 28%),
    linear-gradient(120deg, rgba(255,255,255,.20), transparent 42%) !important;
  opacity: .95 !important;
}

#free-trial .aa-offer-card > *{
  position: relative !important;
  z-index: 2 !important;
}

#free-trial .aa-offer-card--trial{ --offer-main:#18D8FF; --offer-main-2:#2563EB; --offer-soft:rgba(24,216,255,.16); }
#free-trial .aa-offer-card--community{ --offer-main:#14B8A6; --offer-main-2:#18D8FF; --offer-soft:rgba(20,184,166,.15); }
#free-trial .aa-offer-card--referral{ --offer-main:#9354FF; --offer-main-2:#F0ABFC; --offer-soft:rgba(147,84,255,.15); }
#free-trial .aa-offer-card--boost{ --offer-main:#F97316; --offer-main-2:#FFD21F; --offer-soft:rgba(249,115,22,.14); }

#free-trial .aa-offer-card__tag{
  align-self: flex-start !important;
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #071A34 !important;
  background: rgba(255,255,255,.48) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

#free-trial .aa-offer-card h3{
  margin: 18px 0 0 !important;
  color: var(--offer-main) !important;
  font-size: clamp(24px, 1.85vw, 36px) !important;
  line-height: .98 !important;
  letter-spacing: -.058em !important;
  font-weight: 900 !important;
}

#free-trial .aa-offer-card--boost h3{ color: #d96500 !important; }

#free-trial .aa-offer-card p{
  margin: 14px 0 0 !important;
  color: #445266 !important;
  font-size: 14px !important;
  line-height: 1.52 !important;
  font-weight: 560 !important;
}

#free-trial .aa-offer-card ul{
  display: grid !important;
  gap: 8px !important;
  margin: 18px 0 24px !important;
  padding: 0 !important;
  list-style: none !important;
}

#free-trial .aa-offer-card li{
  position: relative !important;
  padding-left: 18px !important;
  color: #4f5f73 !important;
  font-size: 12.8px !important;
  line-height: 1.32 !important;
  font-weight: 670 !important;
}

#free-trial .aa-offer-card li::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .55em !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 99px !important;
  background: var(--offer-main) !important;
  box-shadow: 0 0 12px var(--offer-soft) !important;
}

#free-trial .aa-offer-card__cta{
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  margin-top: auto !important;
  padding: 0 15px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: var(--offer-main) !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

#free-trial .aa-offer-card--community .aa-offer-card__cta,
#free-trial .aa-offer-card--boost .aa-offer-card__cta{
  color: #071A34 !important;
}

/* Flow strip */
#free-trial .aa-flow-strip{
  margin-top: clamp(28px, 3.2vw, 52px) !important;
  padding: clamp(18px, 1.8vw, 28px) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background:
    linear-gradient(135deg, rgba(242,244,248,.52), rgba(175,184,196,.24)) !important;
  box-shadow:
    0 24px 68px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
  backdrop-filter: blur(18px) saturate(120%) !important;
}

#free-trial .aa-flow-strip__head{
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

#free-trial .aa-flow-strip__head span{
  color: #0f172a !important;
  font-size: clamp(22px, 1.65vw, 32px) !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
}

#free-trial .aa-flow-strip__head p{
  max-width: 500px !important;
  margin: 0 !important;
  color: #53647a !important;
  font-size: 13px !important;
  line-height: 1.36 !important;
  font-weight: 580 !important;
  text-align: right !important;
}

#free-trial .aa-flow-strip__steps{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#free-trial .aa-flow-strip__steps article{
  padding: 14px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.40), rgba(203,211,222,.22)) !important;
  border: 1px solid rgba(255,255,255,.26) !important;
}

#free-trial .aa-flow-strip__steps span{
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #18D8FF, #2563EB, #9354FF) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

#free-trial .aa-flow-strip__steps strong{
  display: block !important;
  color: #0f172a !important;
  font-size: 13.5px !important;
  line-height: 1.15 !important;
  font-weight: 880 !important;
  letter-spacing: -.02em !important;
}

#free-trial .aa-flow-strip__steps p{
  margin: 7px 0 0 !important;
  color: #58687d !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
  font-weight: 560 !important;
}

#free-trial .aa-trust-note{
  max-width: 920px !important;
  margin: 24px auto 0 !important;
  color: #53647a !important;
  text-align: center !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  font-weight: 560 !important;
}

/* Access modal placeholder */
#free-trial .aa-access-modal[aria-hidden="true"]{
  display: none !important;
}

#free-trial .aa-access-modal[aria-hidden="false"]{
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

#free-trial .aa-access-modal__backdrop{
  position: fixed !important;
  inset: 0 !important;
  background: rgba(15,23,42,.52) !important;
  backdrop-filter: blur(18px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
}

#free-trial .aa-access-modal__panel{
  position: relative !important;
  z-index: 2 !important;
  width: min(620px, calc(100vw - 34px)) !important;
  padding: clamp(24px, 2.5vw, 38px) !important;
  border-radius: 30px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(135deg, rgba(242,244,248,.82), rgba(176,185,198,.62)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.55), rgba(255,255,255,.32), rgba(147,84,255,.50)) border-box !important;
  box-shadow:
    0 42px 120px rgba(7,26,52,.34),
    0 0 0 1px rgba(255,255,255,.30) inset !important;
}

#free-trial .aa-access-modal__close{
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 99px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  background: rgba(255,255,255,.42) !important;
  color: #0f172a !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

#free-trial .aa-access-modal__kicker{
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  padding-inline: 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.42) !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  color: #2563EB !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

#free-trial .aa-access-modal__panel h3{
  margin: 18px 0 0 !important;
  color: #0f172a !important;
  font-size: clamp(30px, 3.4vw, 48px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  font-weight: 900 !important;
}

#free-trial .aa-access-modal__panel p{
  margin: 14px 0 0 !important;
  color: #415168 !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
  font-weight: 560 !important;
}

#free-trial .aa-access-modal__points{
  display: grid !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

#free-trial .aa-access-modal__points span{
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.34) !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  color: #445266 !important;
  font-size: 13px !important;
  font-weight: 670 !important;
}

#free-trial .aa-access-modal__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

/* Responsive */
@media (max-width: 1180px){
  #free-trial .aa-access-hero__grid{
    grid-template-columns: 1fr !important;
  }

  #free-trial .aa-access-board{
    min-height: auto !important;
  }

  #free-trial .aa-offer-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #free-trial .aa-flow-strip__steps{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px){
  #free-trial.free-trial-community-section{
    padding-top: 58px !important;
  }

  #free-trial .aa-access-hero__container{
    width: min(100% - 28px, 1540px) !important;
  }

  #free-trial .aa-access-hero__copy h2{
    font-size: clamp(36px, 11vw, 52px) !important;
  }

  #free-trial .aa-access-hero__actions,
  #free-trial .aa-access-modal__actions{
    flex-direction: column !important;
  }

  #free-trial .aa-access-btn{
    width: 100% !important;
  }

  #free-trial .aa-access-trust-line{
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  #free-trial .aa-access-trust-line i{
    display: none !important;
  }

  #free-trial .aa-access-board{
    padding: 18px !important;
    border-radius: 26px !important;
  }

  #free-trial .aa-access-board__ladder,
  #free-trial .aa-offer-grid,
  #free-trial .aa-flow-strip__steps{
    grid-template-columns: 1fr !important;
  }

  #free-trial .aa-offer-card{
    min-height: 0 !important;
  }

  #free-trial .aa-flow-strip__head{
    display: block !important;
  }

  #free-trial .aa-flow-strip__head p{
    margin-top: 8px !important;
    text-align: left !important;
  }
}


/* =========================================================
   AgentsApp v93 — Free Trial section 3D / realistic CSS upgrade
   Scope: only #free-trial.
   No visual generation. No navbar/footer/capacity/dashboard changes.
   Goal: remove flat wallpaper feel and give title, campaign board, cards and flow
   a physical 3D product/dashboard surface feeling.
   ========================================================= */

#free-trial.free-trial-community-section{
  perspective: 1400px !important;
  transform-style: preserve-3d !important;
}

#free-trial.free-trial-community-section::before{
  opacity: .24 !important;
}

#free-trial.free-trial-community-section::after{
  width: 34vw !important;
  height: 34vw !important;
  right: -10vw !important;
  top: 7% !important;
  opacity: .55 !important;
  filter: blur(34px) !important;
}

#free-trial .aa-access-hero__copy h2{
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: #111827 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.55),
    0 2px 0 rgba(150,158,170,.18),
    0 8px 20px rgba(15,23,42,.10),
    0 18px 42px rgba(15,23,42,.10) !important;
  filter: drop-shadow(0 24px 46px rgba(15,23,42,.12)) !important;
  position: relative !important;
}

#free-trial .aa-access-hero__copy h2::after{
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  bottom: -10px !important;
  width: min(360px, 54%) !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #18D8FF, #2563EB, #9354FF, transparent) !important;
  box-shadow: 0 0 24px rgba(24,216,255,.20) !important;
}

#free-trial .aa-access-kicker{
  transform: translateZ(18px) !important;
  box-shadow:
    0 7px 0 rgba(15,23,42,.055),
    0 18px 38px rgba(37,99,235,.16),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -10px 18px rgba(15,23,42,.10) !important;
}

#free-trial .aa-access-btn{
  box-shadow:
    0 8px 0 rgba(15,23,42,.055),
    0 20px 38px rgba(15,23,42,.13),
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -9px 16px rgba(15,23,42,.10) !important;
}

#free-trial .aa-access-btn:hover{
  transform: translateY(-4px) translateZ(12px) !important;
}

/* Right board becomes a raised 3D device/card stage. */
#free-trial .aa-access-board{
  min-height: 610px !important;
  transform: rotateY(-10deg) rotateX(3deg) translateZ(40px) !important;
  transform-style: preserve-3d !important;
  border-radius: 42px !important;
  background:
    linear-gradient(145deg, rgba(238,242,247,.76), rgba(149,158,171,.42)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.54), rgba(255,255,255,.42), rgba(147,84,255,.44)) border-box !important;
  box-shadow:
    34px 38px 86px rgba(15,23,42,.23),
    0 14px 0 rgba(15,23,42,.050),
    inset 0 2px 0 rgba(255,255,255,.55),
    inset -28px -34px 70px rgba(15,23,42,.12),
    0 0 54px rgba(24,216,255,.10) !important;
}

#free-trial .aa-access-board::before{
  background:
    radial-gradient(circle at 26% 18%, rgba(24,216,255,.20), transparent 30%),
    radial-gradient(circle at 78% 24%, rgba(147,84,255,.16), transparent 34%),
    linear-gradient(120deg, rgba(255,255,255,.32), transparent 44%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 9px) !important;
  opacity: .82 !important;
}

#free-trial .aa-access-board::after{
  content: "" !important;
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  bottom: -18px !important;
  height: 22px !important;
  border-radius: 0 0 26px 26px !important;
  background: linear-gradient(90deg, rgba(96,105,120,.70), rgba(230,234,241,.78), rgba(104,113,128,.70)) !important;
  box-shadow:
    0 22px 30px rgba(15,23,42,.22),
    0 0 22px rgba(24,216,255,.12) !important;
  transform: translateZ(-30px) !important;
}

#free-trial .aa-access-board__visual{
  transform: translateZ(52px) !important;
  height: clamp(215px, 18vw, 285px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 30% 24%, rgba(24,216,255,.20), transparent 34%),
    radial-gradient(circle at 74% 36%, rgba(147,84,255,.20), transparent 38%),
    linear-gradient(145deg, rgba(5,12,26,.88), rgba(21,31,49,.76)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 24px 58px rgba(15,23,42,.20),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -40px 80px rgba(0,0,0,.18),
    0 0 40px rgba(24,216,255,.12) !important;
}

#free-trial .aa-access-core{
  transform: translate(-50%, -50%) translateZ(60px) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.06)) !important;
  box-shadow:
    0 22px 48px rgba(0,0,0,.22),
    0 0 36px rgba(24,216,255,.14),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

#free-trial .aa-access-board__ladder article{
  transform: translateZ(36px) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(247,249,252,.72), rgba(181,190,204,.38)) !important;
  box-shadow:
    0 7px 0 rgba(15,23,42,.045),
    0 18px 34px rgba(15,23,42,.11),
    inset 0 1px 0 rgba(255,255,255,.46),
    inset -8px -10px 22px rgba(15,23,42,.05) !important;
}

/* Offer cards become physical 3D cards. */
#free-trial .aa-offer-grid{
  perspective: 1200px !important;
}

#free-trial .aa-offer-card{
  transform-style: preserve-3d !important;
  min-height: 430px !important;
  background:
    linear-gradient(145deg, rgba(245,248,252,.70), rgba(160,169,183,.34)) padding-box,
    linear-gradient(135deg, var(--offer-main), rgba(255,255,255,.30), var(--offer-main-2)) border-box !important;
  box-shadow:
    0 10px 0 rgba(15,23,42,.055),
    0 34px 86px rgba(15,23,42,.17),
    0 0 0 1px rgba(255,255,255,.28) inset,
    0 0 38px var(--offer-soft),
    inset 0 2px 0 rgba(255,255,255,.46),
    inset -18px -26px 50px rgba(15,23,42,.075) !important;
  transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, filter .28s ease !important;
}

#free-trial .aa-offer-card:hover{
  transform: translateY(-10px) rotateX(5deg) translateZ(22px) !important;
  box-shadow:
    0 15px 0 rgba(15,23,42,.050),
    0 52px 118px rgba(15,23,42,.24),
    0 0 0 1px rgba(255,255,255,.36) inset,
    0 0 56px var(--offer-soft),
    inset 0 2px 0 rgba(255,255,255,.52),
    inset -18px -26px 50px rgba(15,23,42,.075) !important;
}

#free-trial .aa-offer-card::after{
  content: "" !important;
  position: absolute !important;
  left: 9% !important;
  right: 9% !important;
  bottom: -11px !important;
  height: 15px !important;
  border-radius: 0 0 18px 18px !important;
  background: linear-gradient(90deg, rgba(98,108,124,.62), rgba(226,231,238,.65), rgba(98,108,124,.62)) !important;
  box-shadow: 0 14px 22px rgba(15,23,42,.16) !important;
}

#free-trial .aa-offer-card .aa-offer-card__tag{
  transform: translateZ(30px) !important;
  box-shadow:
    0 7px 0 rgba(15,23,42,.040),
    0 14px 28px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.44) !important;
}

#free-trial .aa-offer-card .aa-offer-card__tag::after{
  content: "" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  margin-left: 9px !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: var(--offer-main) !important;
  box-shadow:
    0 8px 18px var(--offer-soft),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -7px 12px rgba(15,23,42,.12) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

#free-trial .aa-offer-card--trial .aa-offer-card__tag::after{ content:"01" !important; }
#free-trial .aa-offer-card--community .aa-offer-card__tag::after{ content:"02" !important; color:#071A34 !important; }
#free-trial .aa-offer-card--referral .aa-offer-card__tag::after{ content:"03" !important; }
#free-trial .aa-offer-card--boost .aa-offer-card__tag::after{ content:"04" !important; color:#071A34 !important; }

#free-trial .aa-offer-card h3{
  transform: translateZ(24px) !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.38),
    0 10px 22px rgba(15,23,42,.10) !important;
}

#free-trial .aa-offer-card__cta{
  min-height: 42px !important;
  transform: translateZ(28px) !important;
  box-shadow:
    0 8px 0 rgba(15,23,42,.050),
    0 18px 30px rgba(15,23,42,.12),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -8px 14px rgba(15,23,42,.10) !important;
}

#free-trial .aa-offer-card__cta:hover{
  transform: translateY(-2px) translateZ(34px) !important;
}

/* Flow strip + steps: raised dashboard controls. */
#free-trial .aa-flow-strip{
  transform-style: preserve-3d !important;
  box-shadow:
    0 10px 0 rgba(15,23,42,.040),
    0 30px 78px rgba(15,23,42,.13),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset -18px -26px 50px rgba(15,23,42,.055) !important;
}

#free-trial .aa-flow-strip__steps article{
  transform-style: preserve-3d !important;
  box-shadow:
    0 7px 0 rgba(15,23,42,.040),
    0 18px 38px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
}

#free-trial .aa-flow-strip__steps article:hover{
  transform: translateY(-4px) translateZ(10px) !important;
}

@media (max-width: 1180px){
  #free-trial .aa-access-board{
    transform: none !important;
  }
}

@media (max-width: 720px){
  #free-trial .aa-access-board{
    min-height: auto !important;
    border-radius: 30px !important;
  }

  #free-trial .aa-offer-card:hover{
    transform: translateY(-6px) !important;
  }

  #free-trial .aa-access-hero__copy h2::after{
    width: 70% !important;
  }
}


/* =========================================================
   AgentsApp v94 — Remove Free Trial Access Ladder board + deeper 3D natural texture
   Scope:
   - Removes/hides the Access Ladder / campaign board area in #free-trial.
   - Makes #free-trial denser, more realistic, more 3D.
   - Adds premium natural metal/studio depth to hero sections.
   - Reduces vertical gaps between all main hero sections.
   ========================================================= */

/* Safety fallback: if old board markup remains, hide it completely. */
#free-trial .aa-access-board,
#free-trial .aa-access-3d-stage{
  display: none !important;
}

/* Free Trial hero is now single-column and centered, not two-column wallpaper layout. */
#free-trial.free-trial-community-section .aa-access-hero__grid,
#free-trial.aa-access-3d .aa-access-hero__grid{
  display: block !important;
  max-width: 1120px !important;
  margin: 0 auto clamp(26px, 2.5vw, 46px) !important;
}

#free-trial .aa-access-hero__copy,
#free-trial .aa-access-3d__copy{
  max-width: 1040px !important;
  margin-inline: auto !important;
  text-align: center !important;
  position: relative !important;
  padding: clamp(22px, 2.6vw, 42px) clamp(18px, 3vw, 54px) !important;
  border-radius: clamp(30px, 3vw, 48px) !important;
  transform-style: preserve-3d !important;
  background:
    linear-gradient(145deg, rgba(230,234,241,.68), rgba(150,158,171,.33)) padding-box,
    linear-gradient(135deg, rgba(24,216,255,.42), rgba(255,255,255,.30), rgba(147,84,255,.34)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 12px 0 rgba(15,23,42,.045),
    0 36px 92px rgba(15,23,42,.15),
    0 0 0 1px rgba(255,255,255,.28) inset,
    inset 0 2px 0 rgba(255,255,255,.50),
    inset -24px -30px 70px rgba(15,23,42,.070),
    0 0 54px rgba(24,216,255,.070),
    0 0 62px rgba(147,84,255,.045) !important;
  backdrop-filter: blur(20px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
}

#free-trial .aa-access-hero__copy::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 16% 24%, rgba(24,216,255,.13), transparent 30%),
    radial-gradient(circle at 82% 16%, rgba(147,84,255,.10), transparent 32%),
    linear-gradient(116deg, rgba(255,255,255,.28), transparent 38%, rgba(40,48,64,.035) 60%, transparent 78%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.050) 0 1px, transparent 1px 10px) !important;
  opacity: .85 !important;
}

#free-trial .aa-access-hero__copy > *{
  position: relative !important;
  z-index: 2 !important;
}

#free-trial .aa-access-hero__copy p{
  margin-left: auto !important;
  margin-right: auto !important;
}

#free-trial .aa-access-hero__actions{
  justify-content: center !important;
}

#free-trial .aa-access-trust-line{
  justify-content: center !important;
}

/* Deeper AI / digital 3D heading style */
#free-trial .aa-access-hero__copy h2{
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(42px, 4.4vw, 78px) !important;
  line-height: .94 !important;
  letter-spacing: -.078em !important;
  color: transparent !important;
  background:
    linear-gradient(90deg, #0f172a 0%, #111827 24%, #0ea5e9 46%, #2563eb 62%, #7c3aed 82%, #f0abfc 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.42),
    0 2px 0 rgba(130,138,150,.16),
    0 10px 24px rgba(15,23,42,.14),
    0 24px 54px rgba(15,23,42,.12) !important;
  filter: drop-shadow(0 20px 44px rgba(15,23,42,.16)) !important;
}

#free-trial .aa-access-hero__copy h2::after{
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: -14px !important;
  width: min(420px, 54%) !important;
  height: 6px !important;
  background:
    linear-gradient(90deg, transparent, #18D8FF, #2563EB, #9354FF, transparent) !important;
  box-shadow:
    0 0 18px rgba(24,216,255,.26),
    0 0 36px rgba(147,84,255,.16) !important;
}

/* Stronger hub/bar button style */
#free-trial .aa-access-btn,
#free-trial .aa-offer-card__cta{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.36) !important;
  box-shadow:
    0 9px 0 rgba(15,23,42,.060),
    0 20px 42px rgba(15,23,42,.15),
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -10px 18px rgba(15,23,42,.12) !important;
}

#free-trial .aa-access-btn::before,
#free-trial .aa-offer-card__cta::before{
  content: "" !important;
  position: absolute !important;
  inset: 1px 12px auto 12px !important;
  height: 34% !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,0)) !important;
  pointer-events: none !important;
}

/* Offer cards: denser, deeper, physical 3D card modules */
#free-trial .aa-offer-grid{
  margin-top: clamp(18px, 2vw, 34px) !important;
  gap: clamp(16px, 1.5vw, 26px) !important;
}

#free-trial .aa-offer-card{
  min-height: 390px !important;
  padding: clamp(18px, 1.45vw, 25px) !important;
  border-radius: 34px !important;
  background:
    linear-gradient(145deg, rgba(235,239,245,.72), rgba(142,151,165,.38)) padding-box,
    linear-gradient(135deg, var(--offer-main), rgba(255,255,255,.36), var(--offer-main-2)) border-box !important;
  box-shadow:
    0 12px 0 rgba(15,23,42,.055),
    0 38px 88px rgba(15,23,42,.18),
    0 0 0 1px rgba(255,255,255,.30) inset,
    0 0 46px var(--offer-soft),
    inset 0 2px 0 rgba(255,255,255,.52),
    inset -22px -30px 58px rgba(15,23,42,.090) !important;
}

#free-trial .aa-offer-card::before{
  background:
    radial-gradient(circle at 88% 10%, var(--offer-soft), transparent 30%),
    radial-gradient(circle at 18% 92%, rgba(255,255,255,.22), transparent 30%),
    linear-gradient(120deg, rgba(255,255,255,.28), transparent 38%, rgba(15,23,42,.035) 72%) !important;
}

#free-trial .aa-offer-card::after{
  bottom: -14px !important;
  height: 18px !important;
  left: 11% !important;
  right: 11% !important;
  opacity: .88 !important;
}

/* Wireframe/tel border glow more visible */
#free-trial .aa-offer-card{
  outline: 1px solid color-mix(in srgb, var(--offer-main) 42%, transparent) !important;
  outline-offset: -7px !important;
}

#free-trial .aa-offer-card:hover{
  transform: translateY(-12px) rotateX(5deg) translateZ(24px) !important;
  box-shadow:
    0 16px 0 rgba(15,23,42,.052),
    0 56px 124px rgba(15,23,42,.26),
    0 0 0 1px rgba(255,255,255,.38) inset,
    0 0 64px var(--offer-soft),
    inset 0 2px 0 rgba(255,255,255,.56),
    inset -22px -30px 58px rgba(15,23,42,.090) !important;
}

/* Offer card title more 3D/digital */
#free-trial .aa-offer-card h3{
  text-shadow:
    0 1px 0 rgba(255,255,255,.40),
    0 9px 20px rgba(15,23,42,.12),
    0 0 22px var(--offer-soft) !important;
}

/* Tags become 3D hub badges */
#free-trial .aa-offer-card__tag{
  background:
    linear-gradient(145deg, rgba(255,255,255,.70), rgba(176,186,199,.40)) !important;
  box-shadow:
    0 7px 0 rgba(15,23,42,.045),
    0 16px 28px rgba(15,23,42,.12),
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -8px 14px rgba(15,23,42,.06) !important;
}

/* Flow strip tighter and deeper */
#free-trial .aa-flow-strip{
  margin-top: clamp(22px, 2.3vw, 40px) !important;
  padding: clamp(16px, 1.55vw, 24px) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(145deg, rgba(235,239,245,.64), rgba(145,154,168,.30)) !important;
  box-shadow:
    0 10px 0 rgba(15,23,42,.042),
    0 32px 78px rgba(15,23,42,.14),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset -18px -26px 50px rgba(15,23,42,.070) !important;
}

#free-trial .aa-flow-strip__steps article{
  background:
    linear-gradient(145deg, rgba(246,248,251,.62), rgba(170,180,194,.30)) !important;
  box-shadow:
    0 8px 0 rgba(15,23,42,.042),
    0 20px 38px rgba(15,23,42,.11),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

/* Global hero gaps: reduce vertical empty spaces between main homepage heroes. */
.aa-section{
  padding-top: clamp(48px, 4.8vw, 88px) !important;
  padding-bottom: clamp(52px, 5vw, 92px) !important;
}

#how-it-works,
#trial-flow,
#capacity,
#free-trial,
#community,
#dashboard-preview{
  min-height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#how-it-works + #trial-flow,
#trial-flow + #capacity,
#capacity + #free-trial,
#free-trial + #community,
#community + #dashboard-preview{
  margin-top: 0 !important;
}

.aa-section + .aa-section{
  margin-top: 0 !important;
  border-top: 0 !important;
}

/* Make section headings globally more digital/3D but not oversized. */
.aa-section h2{
  text-shadow:
    0 1px 0 rgba(255,255,255,.38),
    0 8px 20px rgba(15,23,42,.10) !important;
}

/* More natural dense studio texture feeling on section surfaces */
#how-it-works,
#trial-flow,
#capacity,
#free-trial{
  background:
    radial-gradient(circle at 12% 14%, rgba(24,216,255,.060), transparent 28%),
    radial-gradient(circle at 84% 12%, rgba(147,84,255,.052), transparent 30%),
    linear-gradient(180deg, rgba(174,180,189,.05), rgba(174,180,189,.015)) !important;
}

@media (max-width: 1180px){
  #free-trial .aa-access-hero__copy{
    text-align: center !important;
  }
}

@media (max-width: 720px){
  #free-trial .aa-access-hero__copy{
    padding: 22px 16px !important;
    border-radius: 28px !important;
  }

  #free-trial .aa-access-hero__copy h2{
    font-size: clamp(34px, 10.4vw, 50px) !important;
  }

  .aa-section{
    padding-top: 44px !important;
    padding-bottom: 50px !important;
  }
}


/* =========================================================
   AgentsApp v95 — Real Textured DePIN / Supernode UI System
   New locked direction:
   - NO glass/ice/frosted wallpaper feel.
   - NO washed-out blur/RGB background layers.
   - Website UI follows Supernode render material language:
     brushed silver, graphite, dark hardware panels, raised metal borders,
     tactile 3D card frames, hub/bar buttons, clean electric accents.
   - This is a global HTML/CSS material override. No image generation.
   ========================================================= */

:root{
  --aa-hw-bg-top: #d8dde4;
  --aa-hw-bg-mid: #aeb6c1;
  --aa-hw-bg-deep: #737d8b;
  --aa-hw-plate: #d9dee6;
  --aa-hw-plate-2: #a9b2bf;
  --aa-hw-plate-3: #f1f4f7;
  --aa-hw-graphite: #111927;
  --aa-hw-graphite-2: #1c2533;
  --aa-hw-ink: #091221;
  --aa-hw-muted: #445368;
  --aa-hw-line: rgba(7,18,34,.18);
  --aa-hw-highlight: rgba(255,255,255,.62);
  --aa-hw-cyan: #18D8FF;
  --aa-hw-blue: #2563EB;
  --aa-hw-violet: #7C3AED;
  --aa-hw-green: #16C784;
  --aa-hw-amber: #F5B316;
  --aa-hw-orange: #F97316;
  --aa-hw-red: #FF334E;
}

/* 1) Kill the old glass/frosted wallpaper language globally. */
*,
*::before,
*::after{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 2) Real product-studio background: material, depth, floor, not wallpaper/blur. */
html,
body{
  min-height: 100% !important;
  color: var(--aa-hw-ink) !important;
  background-color: #aeb6c1 !important;
  background-image:
    radial-gradient(ellipse at 50% 108%, rgba(255,255,255,.54) 0%, rgba(185,193,204,.38) 30%, rgba(88,97,112,.30) 67%, rgba(43,52,66,.20) 100%),
    linear-gradient(180deg, #dfe4ea 0%, #c2c9d2 28%, #a8b1bd 55%, #858f9f 100%) !important;
  background-attachment: fixed !important;
}

/* Brushed / anodized metal grain, subtle but physical. */
body::before{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.090) 0px,
      rgba(255,255,255,.090) 1px,
      rgba(6,14,26,.035) 2px,
      rgba(6,14,26,.035) 4px,
      transparent 5px,
      transparent 12px
    ),
    linear-gradient(112deg,
      rgba(255,255,255,.28) 0%,
      rgba(255,255,255,.04) 24%,
      rgba(30,40,56,.08) 48%,
      rgba(255,255,255,.12) 74%,
      rgba(30,40,56,.10) 100%
    ) !important;
  opacity: .62 !important;
  mix-blend-mode: soft-light !important;
}

/* Studio floor shadow, not blur/RGB aura. */
body::after{
  content: "" !important;
  position: fixed !important;
  left: -10vw !important;
  right: -10vw !important;
  bottom: -18vh !important;
  height: 58vh !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 35%, rgba(9,18,33,.30), transparent 62%),
    linear-gradient(0deg, rgba(9,18,33,.22), transparent 62%) !important;
  filter: none !important;
  opacity: .58 !important;
}

/* Content always above material layers. */
.aa-site-header,
.aa-navbar,
.aa-main,
main,
.aa-section,
.aa-footer,
.site-footer,
footer,
.aa-scroll-nav,
.aa-capacity-modal,
.aa-modal,
.aa-drawer{
  position: relative !important;
  z-index: 1 !important;
}

/* 3) Main hero/section surfaces: real raised metal stage, no pale wallpaper panels. */
.aa-section,
#how-it-works,
#trial-flow,
#capacity,
#free-trial,
#community,
#dashboard-preview,
#support,
#faq{
  background:
    linear-gradient(180deg, rgba(232,236,242,.12), rgba(125,136,153,.08)) !important;
  border-top: 1px solid rgba(255,255,255,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(7,18,34,.08) !important;
}

.aa-section::before,
.aa-section::after,
#how-it-works::before,
#how-it-works::after,
#trial-flow::before,
#trial-flow::after,
#capacity::before,
#capacity::after,
#free-trial::before,
#free-trial::after{
  opacity: .10 !important;
  filter: none !important;
}

/* 4) Navbar/footer: machined metal rail. */
.aa-navbar,
.aa-site-header,
header{
  background:
    linear-gradient(180deg, rgba(232,237,243,.94), rgba(169,179,194,.86)) !important;
  border-bottom: 1px solid rgba(7,18,34,.18) !important;
  box-shadow:
    0 12px 34px rgba(7,18,34,.16),
    inset 0 1px 0 rgba(255,255,255,.68),
    inset 0 -2px 0 rgba(7,18,34,.10) !important;
}

.aa-footer,
.site-footer,
footer{
  background:
    linear-gradient(180deg, rgba(190,199,212,.94), rgba(118,130,148,.88)) !important;
  border-top: 1px solid rgba(255,255,255,.32) !important;
  box-shadow:
    0 -18px 44px rgba(7,18,34,.16),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
}

/* 5) Universal card material: solid machined module, not transparent glass. */
.aa-card,
.aa-flow-card,
.aa-test-v82__card,
.aa-capacity-v83__card,
.aa-package-card,
.aa-auth-panel,
.aa-capacity-modal__panel,
.aa-dashboard-card,
.aa-panel,
.aa-drawer,
.aa-modal,
.aa-stat,
.aa-chip,
.aa-test-v82__chips span,
.aa-capacity-v83__chips span,
#free-trial .aa-offer-card,
#free-trial .aa-flow-strip,
#free-trial .aa-access-hero__copy{
  background:
    linear-gradient(145deg, #e4e8ee 0%, #b4bdc9 45%, #8995a5 100%) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.68), rgba(7,18,34,.24), rgba(255,255,255,.42)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 10px 0 rgba(7,18,34,.10),
    0 28px 64px rgba(7,18,34,.24),
    0 0 0 1px rgba(255,255,255,.30) inset,
    inset 0 2px 0 rgba(255,255,255,.70),
    inset -18px -26px 44px rgba(7,18,34,.16),
    inset 16px 18px 42px rgba(255,255,255,.18) !important;
}

/* Inner bars become physical inset panels. */
.aa-flow-card__body,
.aa-test-v82__body,
.aa-package-card__body,
.aa-capacity-modal__content,
.aa-auth-panel,
.aa-dashboard-card,
.aa-panel,
.aa-test-v82__chips span,
.aa-capacity-v83__chips span,
#free-trial .aa-offer-card__tag,
#free-trial .aa-flow-strip__steps article{
  background:
    linear-gradient(145deg, #eef1f5 0%, #c2cad5 48%, #9aa5b3 100%) !important;
  border: 1px solid rgba(7,18,34,.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    inset 0 -2px 0 rgba(7,18,34,.12),
    0 12px 26px rgba(7,18,34,.13) !important;
}

/* Dark dashboard-like media frames match Supernode screen language. */
.aa-flow-card figure,
#trial-flow.aa-test-v82 .aa-test-v82__card figure,
#capacity.aa-capacity-v83 .aa-package-card__media,
.aa-capacity-modal-v83 .aa-capacity-modal__media{
  background:
    linear-gradient(145deg, #0e1724, #202b3a 54%, #0b111d) !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -18px 40px rgba(0,0,0,.26) !important;
}

/* Preserve package tier borders but with real hardware depth. */
#capacity.aa-capacity-v83 .aa-capacity-v83__card{
  background:
    linear-gradient(145deg, #e4e8ee 0%, #b4bdc9 45%, #8995a5 100%) padding-box,
    linear-gradient(135deg, var(--tier-main), rgba(255,255,255,.48), rgba(7,18,34,.24), var(--tier-main)) border-box !important;
}

/* 6) Text: solid canlı/dijital 3D, not faded over blur. */
.aa-section h1,
.aa-section h2,
.aa-section h3,
.aa-auth-panel h1,
.aa-auth-panel h2,
#free-trial .aa-access-hero__copy h2{
  color: #091221 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 2px 0 rgba(135,145,160,.20),
    0 8px 18px rgba(7,18,34,.18),
    0 18px 38px rgba(7,18,34,.12) !important;
  filter: none !important;
}

/* Free Trial title specifically: readable metal/digital gradient, no washed-out overlay. */
#free-trial .aa-access-hero__copy h2{
  background:
    linear-gradient(90deg, #08111f 0%, #08111f 22%, #007fa5 42%, #165dce 61%, #6734cc 80%, #c14be6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* 7) Buttons: real hub/bar controls. */
button,
.aa-btn,
.aa-kit-btn,
.aa-access-btn,
.aa-offer-card__cta,
#free-trial .aa-access-btn,
#free-trial .aa-offer-card__cta,
#capacity.aa-capacity-v83 .aa-package-card__open{
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.48) !important;
  box-shadow:
    0 7px 0 rgba(7,18,34,.14),
    0 18px 34px rgba(7,18,34,.22),
    inset 0 1px 0 rgba(255,255,255,.60),
    inset 0 -10px 16px rgba(7,18,34,.18) !important;
}

button:hover,
.aa-btn:hover,
.aa-kit-btn:hover,
.aa-access-btn:hover,
.aa-offer-card__cta:hover{
  transform: translateY(-3px) !important;
  filter: saturate(1.08) contrast(1.03) !important;
}

/* 8) Icons/badges: raised hardware chips. */
.aa-chip,
.aa-stat,
#free-trial .aa-offer-card__tag,
#free-trial .aa-flow-strip__steps span,
#free-trial .aa-access-trust-line i{
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow:
    0 6px 0 rgba(7,18,34,.10),
    0 14px 24px rgba(7,18,34,.18),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -8px 14px rgba(7,18,34,.12) !important;
}

/* 9) Free Trial section after board removal: more dense, more product panel. */
#free-trial .aa-access-hero__copy{
  max-width: 1080px !important;
  background:
    linear-gradient(145deg, #dfe4eb 0%, #aeb8c6 48%, #7f8c9e 100%) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.70), rgba(24,216,255,.40), rgba(7,18,34,.28), rgba(147,84,255,.36)) border-box !important;
}

#free-trial .aa-access-hero__copy::before{
  opacity: .26 !important;
  background:
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.12) 0px,
      rgba(255,255,255,.12) 1px,
      rgba(7,18,34,.045) 2px,
      rgba(7,18,34,.045) 4px,
      transparent 5px,
      transparent 12px
    ) !important;
  mix-blend-mode: soft-light !important;
}

#free-trial .aa-offer-card{
  outline: 1px solid rgba(7,18,34,.16) !important;
  outline-offset: -8px !important;
}

#free-trial .aa-offer-card--trial{
  background:
    linear-gradient(145deg, #e5ecf3 0%, #adb9c7 46%, #768596 100%) padding-box,
    linear-gradient(135deg, #18D8FF, rgba(255,255,255,.52), #2563EB) border-box !important;
}
#free-trial .aa-offer-card--community{
  background:
    linear-gradient(145deg, #e4eee9 0%, #a9bfb9 46%, #738f8a 100%) padding-box,
    linear-gradient(135deg, #16C784, rgba(255,255,255,.52), #18D8FF) border-box !important;
}
#free-trial .aa-offer-card--referral{
  background:
    linear-gradient(145deg, #e8e3f0 0%, #b7acc9 46%, #817197 100%) padding-box,
    linear-gradient(135deg, #9354FF, rgba(255,255,255,.52), #F0ABFC) border-box !important;
}
#free-trial .aa-offer-card--boost{
  background:
    linear-gradient(145deg, #f1e4d4 0%, #c2a883 46%, #927244 100%) padding-box,
    linear-gradient(135deg, #F97316, rgba(255,255,255,.56), #FFD21F) border-box !important;
}

/* Feature bullets are no longer tiny flat dots; they become mini LED rivets. */
#free-trial .aa-offer-card li::before{
  width: 9px !important;
  height: 9px !important;
  top: .48em !important;
  background: var(--offer-main) !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.30),
    0 0 16px var(--offer-main) !important;
}

/* 10) Inputs/forms: material fields, no frosted white. */
input,
textarea,
select{
  background:
    linear-gradient(145deg, #e6ebf1 0%, #b8c1cc 100%) !important;
  border: 1px solid rgba(7,18,34,.16) !important;
  box-shadow:
    inset 0 2px 4px rgba(7,18,34,.13),
    inset 0 1px 0 rgba(255,255,255,.55),
    0 10px 22px rgba(7,18,34,.10) !important;
}

/* 11) Section gaps tightened globally. */
.aa-section{
  padding-top: clamp(36px, 3.8vw, 72px) !important;
  padding-bottom: clamp(38px, 4vw, 76px) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#how-it-works,
#trial-flow,
#capacity,
#free-trial,
#community,
#dashboard-preview{
  min-height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.aa-section + .aa-section{
  margin-top: 0 !important;
  border-top: 1px solid rgba(7,18,34,.10) !important;
}

/* Hero/sliders/jarallax also get the material stage language. */
.jarallax,
[data-jarallax],
[data-parallax-section],
.aa-jarallax,
.aa-parallax,
.aa-hero,
.aa-hero-section,
.aa-hero-slider,
.aa-hero-bg,
.aa-hero-wrap,
.aa-home-hero,
.aa-landing-hero,
.hero,
.hero-section{
  background-color: #aeb6c1 !important;
  background-image:
    radial-gradient(ellipse at 50% 106%, rgba(255,255,255,.48), rgba(110,121,137,.30) 54%, rgba(36,46,61,.18) 100%),
    linear-gradient(180deg, #dbe0e7 0%, #b3bcc8 52%, #7e8999 100%) !important;
  background-attachment: fixed, fixed !important;
  box-shadow:
    inset 0 -1px 0 rgba(7,18,34,.14),
    inset 0 1px 0 rgba(255,255,255,.44) !important;
}

/* Keep real images vivid; don't wash them out. */
img{
  filter: saturate(1.05) contrast(1.02) !important;
}

/* Mobile: keep hardware feel without over-heavy shadows. */
@media (max-width: 760px){
  html,
  body,
  .jarallax,
  [data-jarallax],
  [data-parallax-section],
  .aa-hero,
  .aa-hero-section,
  .aa-hero-slider{
    background-attachment: scroll !important;
  }

  .aa-section{
    padding-top: 34px !important;
    padding-bottom: 42px !important;
  }

  .aa-card,
  .aa-flow-card,
  .aa-test-v82__card,
  .aa-capacity-v83__card,
  .aa-package-card,
  #free-trial .aa-offer-card,
  #free-trial .aa-flow-strip,
  #free-trial .aa-access-hero__copy{
    box-shadow:
      0 6px 0 rgba(7,18,34,.08),
      0 20px 44px rgba(7,18,34,.18),
      inset 0 1px 0 rgba(255,255,255,.54),
      inset -10px -14px 28px rgba(7,18,34,.10) !important;
  }
}


/* =========================================================
   AgentsApp v96 — Login/Register quality global Supernode UI + Test Flow images
   No image generation. Uses user-provided 3 images in Test Flow cards.
   Direction: clean light product studio, solid 3D Supernode material,
   white/silver hardware panels, dark dashboard contrast, cyan/blue/violet LEDs.
   ========================================================= */

:root{
  --aa-v96-bg-0:#f8fbff;
  --aa-v96-bg-1:#e7eef7;
  --aa-v96-bg-2:#d3deeb;
  --aa-v96-bg-3:#bdc9d8;
  --aa-v96-ink:#071a34;
  --aa-v96-muted:#43536a;
  --aa-v96-cyan:#18D8FF;
  --aa-v96-blue:#2563EB;
  --aa-v96-violet:#9354FF;
  --aa-v96-pink:#F0ABFC;
  --aa-v96-green:#16C784;
  --aa-v96-amber:#F5B316;
  --aa-v96-orange:#F97316;
}

html,
body{
  background-color:#e7eef7 !important;
  background-image:
    radial-gradient(ellipse at 72% 4%, rgba(24,216,255,.15), transparent 30%),
    radial-gradient(ellipse at 16% 10%, rgba(147,84,255,.10), transparent 32%),
    radial-gradient(ellipse at 50% 112%, rgba(7,18,34,.16), transparent 60%),
    linear-gradient(180deg, #fbfdff 0%, #ecf3fb 34%, #d7e1ee 66%, #c0ccd9 100%) !important;
  background-attachment:fixed !important;
  color:var(--aa-v96-ink) !important;
}

body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.52) 0%, rgba(255,255,255,.14) 40%, rgba(7,18,34,.07) 100%),
    repeating-linear-gradient(90deg, rgba(7,18,34,.020) 0 1px, transparent 1px 40px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.32) 0 1px, transparent 1px 44px) !important;
  opacity:.72 !important;
  mix-blend-mode:normal !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  left:-16vw !important;
  right:-16vw !important;
  bottom:-24vh !important;
  height:66vh !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(ellipse at 50% 36%, rgba(7,18,34,.22), transparent 64%),
    linear-gradient(0deg, rgba(7,18,34,.12), transparent 70%) !important;
  opacity:.52 !important;
  filter:none !important;
}

.aa-site-header,
.aa-navbar,
.aa-main,
main,
.aa-section,
.aa-footer,
.site-footer,
footer,
.aa-scroll-nav,
.aa-capacity-modal,
.aa-modal,
.aa-drawer{
  position:relative !important;
  z-index:1 !important;
}

/* Product-stage sections matching the auth-page quality. */
.aa-section,
#how-it-works,
#trial-flow,
#capacity,
#free-trial,
#community,
#dashboard-preview,
#support,
#faq{
  background:
    radial-gradient(ellipse at 20% 0%, rgba(24,216,255,.065), transparent 33%),
    radial-gradient(ellipse at 82% 8%, rgba(147,84,255,.052), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.36), rgba(218,228,240,.14)) !important;
  border-top:1px solid rgba(255,255,255,.52) !important;
  border-bottom:1px solid rgba(7,18,34,.055) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(7,18,34,.08) !important;
}

.aa-section::before,
.aa-section::after,
#how-it-works::before,
#how-it-works::after,
#trial-flow::before,
#trial-flow::after,
#capacity::before,
#capacity::after,
#free-trial::before,
#free-trial::after{
  opacity:.08 !important;
  filter:none !important;
}

/* Metal rails for navbar/footer without changing structure. */
.aa-navbar,
.aa-site-header,
header{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(225,234,244,.88)) !important;
  border-bottom:1px solid rgba(24,216,255,.22) !important;
  box-shadow:
    0 12px 36px rgba(7,18,34,.12),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -2px 0 rgba(7,18,34,.07) !important;
}

.aa-footer,
.site-footer,
footer{
  background:linear-gradient(180deg, rgba(241,246,252,.92), rgba(198,209,224,.88)) !important;
  border-top:1px solid rgba(255,255,255,.68) !important;
  box-shadow:
    0 -18px 48px rgba(7,18,34,.12),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

/* Solid premium 3D modules — no frosted wallpaper. */
.aa-card,
.aa-flow-card,
.aa-test-v82__card,
.aa-capacity-v83__card,
.aa-package-card,
.aa-auth-panel,
.aa-capacity-modal__panel,
.aa-dashboard-card,
.aa-panel,
.aa-drawer,
.aa-modal,
.aa-stat,
.aa-chip,
.aa-test-v82__chips span,
.aa-capacity-v83__chips span,
#free-trial .aa-offer-card,
#free-trial .aa-flow-strip,
#free-trial .aa-access-hero__copy{
  background:
    linear-gradient(145deg, #ffffff 0%, #eef4fb 30%, #cfd9e7 72%, #b5c2d2 100%) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(24,216,255,.42), rgba(147,84,255,.34), rgba(255,255,255,.60)) border-box !important;
  border:1px solid transparent !important;
  box-shadow:
    0 10px 0 rgba(7,18,34,.060),
    0 30px 70px rgba(7,18,34,.17),
    0 0 0 1px rgba(255,255,255,.62) inset,
    inset 0 2px 0 rgba(255,255,255,.92),
    inset -18px -24px 46px rgba(7,18,34,.075),
    inset 16px 18px 42px rgba(255,255,255,.38),
    0 0 38px rgba(24,216,255,.06) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.aa-flow-card__body,
.aa-test-v82__body,
.aa-package-card__body,
.aa-capacity-modal__content,
.aa-auth-panel,
.aa-dashboard-card,
.aa-panel,
.aa-test-v82__chips span,
.aa-capacity-v83__chips span,
#free-trial .aa-offer-card__tag,
#free-trial .aa-flow-strip__steps article{
  background:linear-gradient(145deg, #ffffff 0%, #eaf1f9 52%, #c4d0df 100%) !important;
  border:1px solid rgba(24,216,255,.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -2px 0 rgba(7,18,34,.08),
    0 12px 26px rgba(7,18,34,.10) !important;
}

/* TEST FLOW: new uploaded images, no old images, no internal white gaps. */
#trial-flow.aa-test-v82 .aa-test-v82__card{
  overflow:hidden !important;
  border-radius:32px !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card figure{
  aspect-ratio:16 / 10 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:30px 30px 0 0 !important;
  background:#eef4fb !important;
  box-shadow:
    inset 0 -1px 0 rgba(24,216,255,.18),
    0 16px 32px rgba(7,18,34,.08) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__card figure img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  transform:none !important;
  filter:saturate(1.08) contrast(1.03) brightness(1.02) !important;
}

#trial-flow.aa-test-v82 .aa-test-v82__body{
  padding:13px 16px 14px !important;
  min-height:0 !important;
  background:linear-gradient(145deg, #ffffff 0%, #edf4fb 58%, #c9d5e4 100%) !important;
}

/* Other media frames: clean light Supernode surface. */
.aa-flow-card figure,
#capacity.aa-capacity-v83 .aa-package-card__media,
.aa-capacity-modal-v83 .aa-capacity-modal__media{
  background:linear-gradient(145deg, #eef4fb, #cdd8e6) !important;
  border-bottom:1px solid rgba(24,216,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -18px 40px rgba(7,18,34,.075) !important;
}

/* Strong vivid text, same clarity as login/register. */
.aa-section h1,
.aa-section h2,
.aa-section h3,
.aa-auth-panel h1,
.aa-auth-panel h2,
#free-trial .aa-access-hero__copy h2{
  color:#071a34 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.82),
    0 2px 0 rgba(150,162,178,.20),
    0 8px 18px rgba(7,18,34,.12),
    0 18px 38px rgba(7,18,34,.09) !important;
}

#free-trial .aa-access-hero__copy h2{
  background:linear-gradient(90deg, #071a34 0%, #071a34 22%, #00a6d6 42%, #2563eb 60%, #7C3AED 82%, #d957f0 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

button,
.aa-btn,
.aa-kit-btn,
.aa-access-btn,
.aa-offer-card__cta,
#free-trial .aa-access-btn,
#free-trial .aa-offer-card__cta,
#capacity.aa-capacity-v83 .aa-package-card__open{
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.64) !important;
  box-shadow:
    0 7px 0 rgba(7,18,34,.11),
    0 18px 34px rgba(7,18,34,.18),
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -10px 16px rgba(7,18,34,.14) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

button:hover,
.aa-btn:hover,
.aa-kit-btn:hover,
.aa-access-btn:hover,
.aa-offer-card__cta:hover{
  transform:translateY(-3px) !important;
  filter:saturate(1.10) contrast(1.04) brightness(1.02) !important;
}

input,
textarea,
select{
  background:linear-gradient(145deg, #ffffff 0%, #eef4fb 100%) !important;
  border:1px solid rgba(24,216,255,.16) !important;
  box-shadow:
    inset 0 2px 5px rgba(7,18,34,.09),
    inset 0 1px 0 rgba(255,255,255,.90),
    0 12px 26px rgba(7,18,34,.08) !important;
}

.aa-section{
  padding-top:clamp(34px, 3.6vw, 68px) !important;
  padding-bottom:clamp(36px, 3.8vw, 72px) !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

#how-it-works,
#trial-flow,
#capacity,
#free-trial,
#community,
#dashboard-preview{
  min-height:auto !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.aa-section + .aa-section{
  margin-top:0 !important;
  border-top:1px solid rgba(7,18,34,.060) !important;
}

.jarallax,
[data-jarallax],
[data-parallax-section],
.aa-jarallax,
.aa-parallax,
.aa-hero,
.aa-hero-section,
.aa-hero-slider,
.aa-hero-bg,
.aa-hero-wrap,
.aa-home-hero,
.aa-landing-hero,
.hero,
.hero-section{
  background-color:#e8eef6 !important;
  background-image:
    radial-gradient(ellipse at 68% 6%, rgba(24,216,255,.14), transparent 32%),
    radial-gradient(ellipse at 18% 14%, rgba(147,84,255,.10), transparent 34%),
    radial-gradient(ellipse at 50% 106%, rgba(7,18,34,.12), transparent 58%),
    linear-gradient(180deg, #f8fbff 0%, #e7eef7 44%, #c2cedd 100%) !important;
  background-attachment:fixed, fixed, fixed, fixed !important;
  box-shadow:
    inset 0 -1px 0 rgba(7,18,34,.10),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

img{
  filter:saturate(1.07) contrast(1.03) brightness(1.02) !important;
}

@media (max-width:760px){
  html,
  body,
  .jarallax,
  [data-jarallax],
  [data-parallax-section],
  .aa-hero,
  .aa-hero-section,
  .aa-hero-slider{
    background-attachment:scroll !important;
  }

  .aa-section{
    padding-top:32px !important;
    padding-bottom:40px !important;
  }

  #trial-flow.aa-test-v82 .aa-test-v82__card figure{
    aspect-ratio:4 / 3 !important;
  }

  .aa-card,
  .aa-flow-card,
  .aa-test-v82__card,
  .aa-capacity-v83__card,
  .aa-package-card,
  #free-trial .aa-offer-card,
  #free-trial .aa-flow-strip,
  #free-trial .aa-access-hero__copy{
    box-shadow:
      0 6px 0 rgba(7,18,34,.08),
      0 20px 44px rgba(7,18,34,.16),
      inset 0 1px 0 rgba(255,255,255,.72),
      inset -10px -14px 28px rgba(7,18,34,.08) !important;
  }
}


/* =========================================================
   AgentsApp v97 — Capacity scale + Free Trial box removal + unified hero language
   Scope requested by user:
   - Agents Capacity cards enlarged and premium 2x2 layout.
   - All hero title styles unified.
   - No transition line/color break between heroes.
   - Remove Free Trial title background hero box.
   - Remove "Nasıl Başlarsın?" flow strip.
   - More premium footer.
   ========================================================= */

:root{
  --aa-v97-ink:#071A34;
  --aa-v97-muted:#415168;
  --aa-v97-cyan:#18D8FF;
  --aa-v97-blue:#2563EB;
  --aa-v97-violet:#9354FF;
  --aa-v97-pink:#F0ABFC;
  --aa-v97-panel-a:#ffffff;
  --aa-v97-panel-b:#edf4fb;
  --aa-v97-panel-c:#c8d4e4;
}

/* One continuous product-studio surface across all heroes. */
html,
body{
  background-color:#e8eef6 !important;
  background-image:
    radial-gradient(ellipse at 72% 0%, rgba(24,216,255,.10), transparent 26%),
    radial-gradient(ellipse at 18% 7%, rgba(147,84,255,.075), transparent 28%),
    radial-gradient(ellipse at 50% 112%, rgba(7,18,34,.13), transparent 58%),
    linear-gradient(180deg,#f8fbff 0%,#e8eff8 40%,#d5dfeb 72%,#c1ccdb 100%) !important;
  background-attachment: fixed !important;
}

.aa-section,
#how-it-works,
#trial-flow,
#capacity,
#free-trial,
#community,
#dashboard-preview{
  background: transparent !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: clamp(34px,3.2vw,62px) !important;
  padding-bottom: clamp(36px,3.4vw,66px) !important;
}

.aa-section + .aa-section,
#how-it-works + #trial-flow,
#trial-flow + #capacity,
#capacity + #free-trial,
#free-trial + #community{
  margin-top: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

.aa-section::before,
.aa-section::after,
#how-it-works::before,
#how-it-works::after,
#trial-flow::before,
#trial-flow::after,
#capacity::before,
#capacity::after,
#free-trial::before,
#free-trial::after{
  opacity: 0 !important;
  display:none !important;
}

/* Unified hero/kicker language for every section title. */
.aa-eyebrow,
.aa-test-kicker,
.aa-capacity-kicker,
.aa-access-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:linear-gradient(135deg,var(--aa-v97-cyan),var(--aa-v97-blue) 52%,var(--aa-v97-violet) 100%) !important;
  border:1px solid rgba(255,255,255,.70) !important;
  box-shadow:
    0 7px 0 rgba(7,18,34,.075),
    0 18px 34px rgba(37,99,235,.16),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -9px 16px rgba(7,18,34,.13) !important;
  font-size:clamp(11px,.72vw,13px) !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}

.aa-flow-head h2,
.aa-test-v82__head h2,
.aa-capacity-v83__head h2,
#free-trial .aa-access-hero__copy h2{
  max-width:980px !important;
  margin:18px auto 0 !important;
  text-align:center !important;
  font-size:clamp(44px,4.15vw,76px) !important;
  line-height:.94 !important;
  letter-spacing:-.075em !important;
  font-weight:950 !important;
  color:transparent !important;
  background:
    linear-gradient(90deg,#071A34 0%,#071A34 30%,#009fd0 48%,#2563EB 66%,#7C3AED 84%,#d957f0 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 2px 0 rgba(150,162,178,.18),
    0 9px 19px rgba(7,18,34,.12) !important;
  filter:none !important;
}

.aa-flow-head h2 span,
.aa-test-v82__head h2 span,
.aa-capacity-v83__head h2 span,
#free-trial .aa-access-hero__copy h2 span{
  color:inherit !important;
  background:inherit !important;
  -webkit-background-clip:inherit !important;
  background-clip:inherit !important;
}

.aa-flow-head p,
.aa-test-v82__head p,
.aa-capacity-v83__head p,
#free-trial .aa-access-hero__copy p{
  max-width:820px !important;
  margin:16px auto 0 !important;
  text-align:center !important;
  color:var(--aa-v97-muted) !important;
  font-size:clamp(15px,1vw,18px) !important;
  line-height:1.56 !important;
  font-weight:650 !important;
}

/* Remove Free Trial big title box completely. */
#free-trial .aa-access-hero__grid{
  display:block !important;
  max-width:1160px !important;
  margin:0 auto clamp(22px,2vw,34px) !important;
}

#free-trial .aa-access-hero__copy{
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#free-trial .aa-access-hero__copy::before,
#free-trial .aa-access-hero__copy::after,
#free-trial .aa-access-hero__copy h2::after{
  content:none !important;
  display:none !important;
}

#free-trial .aa-access-hero__actions,
#free-trial .aa-access-trust-line{
  justify-content:center !important;
}

/* "Nasıl Başlarsın?" removed: CSS safety fallback if old markup remains. */
#free-trial .aa-flow-strip,
#free-trial .aa-flow-strip--3d,
#free-trial .aa-trust-note{
  display:none !important;
}

/* Agents Capacity — bigger premium 2x2 cards. */
#capacity.aa-capacity-v83{
  padding-top:clamp(36px,3.6vw,70px) !important;
  padding-bottom:clamp(38px,4vw,76px) !important;
}

#capacity .aa-capacity-v83__container{
  width:min(1460px,calc(100% - 54px)) !important;
  margin-inline:auto !important;
}

#capacity .aa-capacity-v83__head{
  max-width:1080px !important;
  margin:0 auto clamp(30px,3vw,52px) !important;
  text-align:center !important;
}

#capacity .aa-capacity-v83__actions,
#capacity .aa-capacity-v83__chips{
  justify-content:center !important;
}

#capacity .aa-capacity-v83__actions{
  margin-top:22px !important;
  gap:14px !important;
}

#capacity .aa-capacity-v83__chips{
  margin-top:18px !important;
  gap:12px !important;
}

#capacity .aa-capacity-v83__chips span{
  min-height:38px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:linear-gradient(145deg,#ffffff,#eaf1f9 62%,#c9d5e4) !important;
  border:1px solid rgba(24,216,255,.18) !important;
  box-shadow:
    0 6px 0 rgba(7,18,34,.05),
    0 14px 25px rgba(7,18,34,.10),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

#capacity .aa-capacity-v83__chips span strong{
  font-size:clamp(20px,1.5vw,30px) !important;
  line-height:1 !important;
}

#capacity .aa-capacity-grid,
#capacity .aa-capacity-v83__grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(420px,1fr)) !important;
  gap:clamp(26px,2.3vw,42px) !important;
  width:min(1320px,100%) !important;
  margin:0 auto !important;
  align-items:stretch !important;
}

#capacity .aa-package-card,
#capacity .aa-capacity-v83__card{
  min-height:clamp(420px,32vw,560px) !important;
  border-radius:36px !important;
  overflow:hidden !important;
  transform-style:preserve-3d !important;
  background:
    linear-gradient(145deg,#ffffff 0%,#eef4fb 34%,#c5d1e0 100%) padding-box,
    linear-gradient(135deg,var(--tier-main),rgba(255,255,255,.62),var(--tier-main)) border-box !important;
  border:1px solid transparent !important;
  box-shadow:
    0 12px 0 rgba(7,18,34,.055),
    0 36px 82px rgba(7,18,34,.18),
    inset 0 2px 0 rgba(255,255,255,.88),
    inset -20px -28px 50px rgba(7,18,34,.075),
    0 0 45px color-mix(in srgb, var(--tier-main) 18%, transparent) !important;
}

#capacity .aa-package-card:hover{
  transform:translateY(-10px) !important;
  box-shadow:
    0 16px 0 rgba(7,18,34,.055),
    0 54px 116px rgba(7,18,34,.24),
    inset 0 2px 0 rgba(255,255,255,.90),
    inset -20px -28px 50px rgba(7,18,34,.075),
    0 0 64px color-mix(in srgb, var(--tier-main) 24%, transparent) !important;
}

#capacity .aa-package-card__media{
  aspect-ratio:16/10 !important;
  min-height:260px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:34px 34px 0 0 !important;
  overflow:hidden !important;
  background:#eaf1f9 !important;
}

#capacity .aa-package-card__media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

#capacity .aa-package-card__body{
  min-height:128px !important;
  padding:22px 24px 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  background:linear-gradient(145deg,#ffffff 0%,#edf4fb 56%,#c8d4e4 100%) !important;
  border-top:1px solid rgba(24,216,255,.16) !important;
}

#capacity .aa-package-card__head h3{
  font-size:clamp(34px,3.1vw,56px) !important;
  line-height:.9 !important;
  letter-spacing:-.075em !important;
  margin:0 !important;
  color:var(--tier-main) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.85),0 10px 22px rgba(7,18,34,.12) !important;
}

#capacity .aa-package-card__head span{
  display:block !important;
  margin-top:8px !important;
  color:#34445b !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

#capacity .aa-package-card__footer{
  margin:0 !important;
  flex:0 0 auto !important;
}

#capacity .aa-package-card__open{
  min-height:46px !important;
  padding:0 22px !important;
  font-size:13px !important;
  font-weight:900 !important;
  color:#fff !important;
  background:var(--tier-main) !important;
  border-color:rgba(255,255,255,.58) !important;
  box-shadow:
    0 7px 0 rgba(7,18,34,.10),
    0 18px 32px color-mix(in srgb, var(--tier-main) 20%, rgba(7,18,34,.10)),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -9px 15px rgba(7,18,34,.14) !important;
}

/* Capacity modal image also larger and no side gaps. */
.aa-capacity-modal-v83 .aa-capacity-modal__panel{
  width:min(1120px,calc(100vw - 34px)) !important;
  border-radius:34px !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__media{
  min-height:clamp(300px,35vw,520px) !important;
  padding:0 !important;
  overflow:hidden !important;
}

.aa-capacity-modal-v83 .aa-capacity-modal__media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Free Trial offer cards keep product style but section background is clean. */
#free-trial .aa-offer-grid{
  margin-top:clamp(28px,3vw,48px) !important;
}

/* Premium footer v97. */
.aa-footer-v97{
  padding:clamp(34px,3.5vw,62px) 0 28px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.aa-footer-v97__shell{
  width:min(1460px,calc(100% - 54px)) !important;
  margin-inline:auto !important;
  border-radius:34px !important;
  overflow:hidden !important;
  background:
    linear-gradient(145deg,#ffffff 0%,#eef4fb 42%,#c5d1e0 100%) padding-box,
    linear-gradient(135deg,rgba(24,216,255,.42),rgba(255,255,255,.72),rgba(147,84,255,.34)) border-box !important;
  border:1px solid transparent !important;
  box-shadow:
    0 10px 0 rgba(7,18,34,.055),
    0 32px 80px rgba(7,18,34,.15),
    inset 0 2px 0 rgba(255,255,255,.88),
    inset -18px -26px 48px rgba(7,18,34,.07) !important;
}

.aa-footer-v97__main{
  display:grid !important;
  grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr) auto auto !important;
  align-items:center !important;
  gap:clamp(18px,2vw,34px) !important;
  padding:clamp(22px,2.1vw,34px) !important;
}

.aa-footer-v97__brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  text-decoration:none !important;
  color:#071A34 !important;
}

.aa-footer-v97__brand img{
  width:82px !important;
  height:auto !important;
  object-fit:contain !important;
}

.aa-footer-v97__brand strong{
  display:block !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.05em !important;
}

.aa-footer-v97__brand small{
  display:block !important;
  margin-top:4px !important;
  color:#66758b !important;
  font-size:12px !important;
  font-weight:760 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.aa-footer-v97__copy{
  margin:0 !important;
  color:#405169 !important;
  font-size:14px !important;
  line-height:1.46 !important;
  font-weight:650 !important;
}

.aa-footer-v97__links,
.aa-footer-v97__actions,
.aa-footer-v97__social{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

.aa-footer-v97__links a,
.aa-footer-v97__social a{
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 13px !important;
  border-radius:999px !important;
  color:#071A34 !important;
  text-decoration:none !important;
  font-size:12px !important;
  font-weight:850 !important;
  background:linear-gradient(145deg,#ffffff,#eaf1f9 60%,#ccd8e6) !important;
  border:1px solid rgba(24,216,255,.14) !important;
  box-shadow:0 5px 0 rgba(7,18,34,.045), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.aa-footer-v97__bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:15px clamp(22px,2.1vw,34px) 18px !important;
  border-top:1px solid rgba(7,18,34,.06) !important;
  color:#53647a !important;
  font-size:12px !important;
  font-weight:700 !important;
}

@media (max-width: 1180px){
  #capacity .aa-capacity-grid,
  #capacity .aa-capacity-v83__grid{
    grid-template-columns:repeat(2,minmax(320px,1fr)) !important;
  }

  .aa-footer-v97__main{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width: 760px){
  .aa-flow-head h2,
  .aa-test-v82__head h2,
  .aa-capacity-v83__head h2,
  #free-trial .aa-access-hero__copy h2{
    font-size:clamp(34px,10vw,50px) !important;
  }

  #capacity .aa-capacity-v83__container,
  .aa-footer-v97__shell{
    width:min(100% - 28px,1460px) !important;
  }

  #capacity .aa-capacity-grid,
  #capacity .aa-capacity-v83__grid{
    grid-template-columns:1fr !important;
  }

  #capacity .aa-package-card__body{
    display:block !important;
  }

  #capacity .aa-package-card__footer{
    margin-top:16px !important;
  }

  #capacity .aa-package-card__open{
    width:100% !important;
  }

  .aa-footer-v97__main,
  .aa-footer-v97__bottom{
    display:block !important;
  }

  .aa-footer-v97__copy,
  .aa-footer-v97__links,
  .aa-footer-v97__actions,
  .aa-footer-v97__social{
    margin-top:18px !important;
  }
}


/* =========================================================
   AgentsApp v98 — Confirmed fixes
   - Capacity cards forced into a real large 2x2 desktop grid.
   - All hero titles forced to thin black AI/product typography.
   - Free Trial hero title background box removed.
   - "Nasıl Başlarsın?" remains removed/hidden.
   - Hero transition gaps/lines removed.
   - Footer replaced with compact standard DePIN product footer.
   ========================================================= */

/* 1) Global same-ground sections: no transition line, no color jump. */
.aa-section,
#home,
#how-it-works,
#trial-flow,
#capacity,
#free-trial,
#community,
#dashboard-preview{
  background:
    radial-gradient(ellipse at 75% 0%, rgba(24,216,255,.08), transparent 32%),
    radial-gradient(ellipse at 16% 10%, rgba(147,84,255,.055), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(226,235,245,.08)) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: clamp(34px, 3.2vw, 62px) !important;
  padding-bottom: clamp(36px, 3.4vw, 68px) !important;
}

.aa-section + .aa-section,
#how-it-works + #trial-flow,
#trial-flow + #capacity,
#capacity + #free-trial{
  margin-top: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* 2) All hero titles: black, thinner, AI/product typography. */
.aa-section h1,
.aa-section h2,
#home h1,
#home h2,
#how-it-works h2,
#trial-flow h2,
#capacity h2,
#free-trial h2,
.aa-how-v78__head h2,
.aa-test-v82__head h2,
.aa-capacity-v83__head h2,
.aa-access-hero__copy h2{
  color: #050B14 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.70),
    0 12px 26px rgba(7,18,34,.10) !important;
  filter: none !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 620 !important;
  letter-spacing: -0.065em !important;
}

.aa-section h1 span,
.aa-section h2 span,
#home h1 span,
#home h2 span,
#how-it-works h2 span,
#trial-flow h2 span,
#capacity h2 span,
#free-trial h2 span,
.aa-how-v78__head h2 span,
.aa-test-v82__head h2 span,
.aa-capacity-v83__head h2 span,
.aa-access-hero__copy h2 span{
  color: #050B14 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  font-weight: 620 !important;
}

/* Remove decorative title underlines from earlier versions. */
.aa-section h1::after,
.aa-section h2::after,
#free-trial .aa-access-hero__copy h2::after{
  display: none !important;
}

/* Kicker labels calmer black/AI chip style. */
.aa-eyebrow,
.aa-dashboard-kicker,
.aa-capacity-kicker,
.aa-flow-kicker,
.aa-access-kicker,
.aa-test-v82__kicker,
.aa-auth-form-kicker{
  color: #050B14 !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(218,228,240,.58)) !important;
  border: 1px solid rgba(7,18,34,.12) !important;
  box-shadow:
    0 8px 18px rgba(7,18,34,.08),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

/* 3) CAPACITY: force large 2x2 desktop grid and bigger cards. */
#capacity.aa-capacity-v83{
  padding-top: clamp(38px, 3.8vw, 72px) !important;
  padding-bottom: clamp(48px, 4.6vw, 88px) !important;
}

#capacity .aa-capacity-v83__container,
#capacity .aa-container{
  width: min(1560px, calc(100% - 46px)) !important;
  max-width: 1560px !important;
}

#capacity .aa-capacity-v83__head{
  max-width: 1040px !important;
  margin: 0 auto clamp(28px, 3vw, 50px) !important;
  text-align: center !important;
}

#capacity .aa-capacity-v83__head h2{
  font-size: clamp(44px, 4.8vw, 82px) !important;
  line-height: .94 !important;
}

#capacity .aa-capacity-v83__head p{
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #43536A !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
}

#capacity .aa-capacity-v83__actions{
  margin-top: 20px !important;
  justify-content: center !important;
}

#capacity .aa-capacity-v83__chips{
  margin-top: 18px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  gap: 12px !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#capacity .aa-capacity-v83__chips span{
  min-height: 48px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
}

#capacity .aa-capacity-grid,
#capacity .aa-capacity-grid--premium,
#capacity .aa-capacity-v83__grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(26px, 2.6vw, 42px) !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 1420px !important;
  margin: 0 auto !important;
}

#capacity .aa-package-card,
#capacity .aa-capacity-v83__card{
  width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(500px, 37vw, 620px) !important;
  border-radius: 38px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transform: none !important;
  box-shadow:
    0 14px 0 rgba(7,18,34,.070),
    0 42px 94px rgba(7,18,34,.20),
    0 0 0 1px rgba(255,255,255,.55) inset,
    inset 0 2px 0 rgba(255,255,255,.86),
    inset -22px -28px 54px rgba(7,18,34,.085) !important;
}

#capacity .aa-package-card:hover,
#capacity .aa-capacity-v83__card:hover{
  transform: translateY(-10px) !important;
  box-shadow:
    0 18px 0 rgba(7,18,34,.070),
    0 58px 126px rgba(7,18,34,.25),
    0 0 0 1px rgba(255,255,255,.64) inset,
    inset 0 2px 0 rgba(255,255,255,.92),
    inset -22px -28px 54px rgba(7,18,34,.085) !important;
}

#capacity .aa-package-card__media{
  height: clamp(330px, 26vw, 450px) !important;
  min-height: clamp(330px, 26vw, 450px) !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 38px 38px 0 0 !important;
  overflow: hidden !important;
}

#capacity .aa-package-card__media img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#capacity .aa-package-card__body{
  flex: 1 !important;
  min-height: 150px !important;
  padding: clamp(22px, 1.8vw, 32px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#capacity .aa-package-card__head{
  align-items: flex-start !important;
  gap: 16px !important;
}

#capacity .aa-package-card__head h3{
  font-size: clamp(44px, 4vw, 68px) !important;
  line-height: .88 !important;
  letter-spacing: -0.075em !important;
  font-weight: 720 !important;
  color: var(--tier-main, #050B14) !important;
}

#capacity .aa-package-card__head span{
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}

#capacity .aa-package-card__footer{
  margin-top: 18px !important;
}

#capacity .aa-package-card__open{
  min-height: 46px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
}

/* 4) Free Trial: remove big title box completely; same ground as other heroes. */
#free-trial .aa-access-hero__copy,
#free-trial .aa-access-3d__copy{
  max-width: 1040px !important;
  margin: 0 auto clamp(22px, 2.3vw, 38px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-align: center !important;
}

#free-trial .aa-access-hero__copy::before,
#free-trial .aa-access-hero__copy::after{
  display: none !important;
}

#free-trial .aa-access-hero__copy h2{
  font-size: clamp(42px, 4.4vw, 76px) !important;
  line-height: .95 !important;
}

#free-trial .aa-access-hero__copy p{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Nasıl Başlarsın? completely removed/hidden. */
#free-trial .aa-flow-strip,
#free-trial .aa-flow-strip--3d,
#free-trial .aa-flow-strip__head,
#free-trial .aa-flow-strip__steps{
  display: none !important;
}

/* 5) Footer: clean DePIN product footer, not navbar-like clutter. */
.aa-footer-v98{
  padding: 0 !important;
  margin: 0 !important;
  background:
    linear-gradient(180deg, #101826 0%, #0A101B 100%) !important;
  border-top: 1px solid rgba(24,216,255,.16) !important;
  color: #EAF3FF !important;
  box-shadow:
    0 -24px 70px rgba(7,18,34,.22),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.aa-footer-v98__shell{
  width: min(1500px, calc(100% - 46px)) !important;
  max-width: 1500px !important;
  margin-inline: auto !important;
  padding: 34px 0 22px !important;
}

.aa-footer-v98__top{
  display: grid !important;
  grid-template-columns: minmax(260px, 360px) minmax(320px, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
}

.aa-footer-v98__brand{
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: #fff !important;
  text-decoration: none !important;
}

.aa-footer-v98__brand img{
  width: clamp(180px, 13vw, 245px) !important;
  height: auto !important;
  max-height: 76px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 10px 24px rgba(24,216,255,.12)) !important;
}

.aa-footer-v98__brand span{
  display: none !important;
}

.aa-footer-v98__summary{
  max-width: 700px !important;
  margin: 0 !important;
  color: rgba(234,243,255,.72) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  font-weight: 520 !important;
}

.aa-footer-v98__cta{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.aa-footer-v98__cta a,
.aa-footer-v98__cta button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.aa-footer-v98__cta a{
  color: #071A34 !important;
  background: linear-gradient(135deg, #18D8FF, #F0ABFC) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
}

.aa-footer-v98__cta button{
  color: #EAF3FF !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.aa-footer-v98__nav{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;
  align-items: center !important;
  margin-top: 26px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.aa-footer-v98__nav a{
  color: rgba(234,243,255,.68) !important;
  text-decoration: none !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 620 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.aa-footer-v98__nav a:hover{
  color: #18D8FF !important;
}

.aa-footer-v98__bottom{
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  color: rgba(234,243,255,.46) !important;
  font-size: 12px !important;
}

@media (max-width: 980px){
  #capacity .aa-capacity-grid,
  #capacity .aa-capacity-grid--premium,
  #capacity .aa-capacity-v83__grid{
    grid-template-columns: 1fr !important;
    max-width: 760px !important;
  }

  #capacity .aa-capacity-v83__chips{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .aa-footer-v98__top{
    grid-template-columns: 1fr !important;
  }

  .aa-footer-v98__cta{
    justify-content: flex-start !important;
  }
}

@media (max-width: 640px){
  #capacity .aa-capacity-v83__container,
  #capacity .aa-container{
    width: min(100% - 28px, 1560px) !important;
  }

  #capacity .aa-package-card,
  #capacity .aa-capacity-v83__card{
    min-height: 0 !important;
  }

  #capacity .aa-package-card__media{
    height: 260px !important;
  }

  #capacity .aa-capacity-v83__chips{
    grid-template-columns: 1fr !important;
  }

  .aa-footer-v98__shell{
    width: min(100% - 28px, 1500px) !important;
  }

  .aa-footer-v98__bottom{
    flex-direction: column !important;
  }
}


/* =========================================================
   AgentsApp v99 — Real visible fixes
   This block is intentionally last and exact-selector based.
   ========================================================= */

/* A) HERO HEADINGS — force black, thinner AI/product style everywhere. */
html body main .aa-section h1,
html body main .aa-section h2,
html body main .aa-section h1 *,
html body main .aa-section h2 *,
html body #home h1,
html body #home h2,
html body #home h1 *,
html body #home h2 *,
html body #how-it-works h2,
html body #how-it-works h2 *,
html body #trial-flow h2,
html body #trial-flow h2 *,
html body #capacity h2,
html body #capacity h2 *,
html body #free-trial h2,
html body #free-trial h2 *{
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #050A12 !important;
  -webkit-text-fill-color: #050A12 !important;
  font-weight: 560 !important;
  letter-spacing: -0.055em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.85),
    0 12px 26px rgba(7,18,34,.10) !important;
  filter: none !important;
}

html body main .aa-section h1::after,
html body main .aa-section h2::after,
html body #free-trial h2::after{
  display: none !important;
  content: none !important;
}

/* The small category/kicker labels stay light and clean, not colorful neon bars. */
html body .aa-capacity-kicker,
html body .aa-access-kicker,
html body .aa-test-v82__kicker,
html body .aa-flow-kicker,
html body .aa-eyebrow{
  color: #050A12 !important;
  -webkit-text-fill-color: #050A12 !important;
  background: linear-gradient(145deg, #ffffff, #e8eef6) !important;
  border: 1px solid rgba(7,18,34,.12) !important;
  box-shadow:
    0 7px 18px rgba(7,18,34,.08),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

/* B) CAPACITY — exact class added in HTML, real 2x2 large cards. */
html body #capacity.aa-capacity-v99{
  padding-top: 44px !important;
  padding-bottom: 82px !important;
}

html body #capacity.aa-capacity-v99 .aa-container,
html body #capacity.aa-capacity-v99 .aa-capacity-v83__container{
  width: min(1500px, calc(100% - 48px)) !important;
  max-width: 1500px !important;
  margin-inline: auto !important;
}

html body #capacity.aa-capacity-v99 .aa-capacity-v83__head{
  max-width: 980px !important;
  margin: 0 auto 34px !important;
  text-align: center !important;
}

html body #capacity.aa-capacity-v99 .aa-capacity-v83__head h2{
  font-size: clamp(46px, 4.2vw, 78px) !important;
  line-height: .95 !important;
}

html body #capacity.aa-capacity-v99 .aa-capacity-v99-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(520px, 1fr)) !important;
  gap: 34px !important;
  width: 100% !important;
  max-width: 1380px !important;
  margin: 0 auto !important;
  align-items: stretch !important;
}

html body #capacity.aa-capacity-v99 .aa-capacity-v99-grid > article,
html body #capacity.aa-capacity-v99 .aa-package-card,
html body #capacity.aa-capacity-v99 .aa-capacity-v83__card{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 570px !important;
  border-radius: 36px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: none !important;
}

html body #capacity.aa-capacity-v99 .aa-package-card__media{
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
  aspect-ratio: auto !important;
  border-radius: 36px 36px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body #capacity.aa-capacity-v99 .aa-package-card__media img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #capacity.aa-capacity-v99 .aa-package-card__body{
  flex: 1 !important;
  min-height: 170px !important;
  padding: 26px 30px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

html body #capacity.aa-capacity-v99 .aa-package-card__head h3{
  font-size: clamp(48px, 4vw, 70px) !important;
  line-height: .9 !important;
  font-weight: 620 !important;
  letter-spacing: -0.065em !important;
}

html body #capacity.aa-capacity-v99 .aa-package-card__head span{
  font-size: 13px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}

html body #capacity.aa-capacity-v99 .aa-package-card__open{
  min-height: 48px !important;
  padding: 0 22px !important;
  font-size: 13px !important;
}

/* C) Remove Free Trial hero background box and how-to-start strip. */
html body #free-trial .aa-access-hero__copy,
html body #free-trial .aa-access-3d__copy{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
}

html body #free-trial .aa-access-hero__copy::before,
html body #free-trial .aa-access-hero__copy::after,
html body #free-trial .aa-flow-strip,
html body #free-trial .aa-flow-strip--3d{
  display: none !important;
  content: none !important;
}

/* D) Section transitions — no lines, no color breaks. */
html body main .aa-section,
html body main .aa-section + .aa-section,
html body #how-it-works,
html body #trial-flow,
html body #capacity,
html body #free-trial{
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* E) Footer — light, clean, standard DePIN/product footer, not dark navbar. */
html body .aa-footer-v99{
  background:
    linear-gradient(180deg, #F8FBFF 0%, #E8EFF8 62%, #D5E0EC 100%) !important;
  border-top: 1px solid rgba(7,18,34,.10) !important;
  color: #071A34 !important;
  box-shadow:
    0 -18px 46px rgba(7,18,34,.10),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  padding: 0 !important;
}

html body .aa-footer-v99__inner{
  width: min(1480px, calc(100% - 48px)) !important;
  max-width: 1480px !important;
  margin-inline: auto !important;
  padding: 42px 0 24px !important;
}

html body .aa-footer-v99__brandline{
  display: grid !important;
  grid-template-columns: minmax(250px, 340px) minmax(0, 720px) !important;
  gap: 28px !important;
  align-items: center !important;
  padding-bottom: 26px !important;
  border-bottom: 1px solid rgba(7,18,34,.09) !important;
}

html body .aa-footer-v99__brand{
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

html body .aa-footer-v99__brand img{
  width: clamp(185px, 14vw, 260px) !important;
  max-height: 84px !important;
  height: auto !important;
  object-fit: contain !important;
}

html body .aa-footer-v99__brandline p{
  margin: 0 !important;
  color: #445368 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}

html body .aa-footer-v99__columns{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  padding: 28px 0 24px !important;
}

html body .aa-footer-v99__columns h4{
  margin: 0 0 12px !important;
  color: #071A34 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

html body .aa-footer-v99__columns a,
html body .aa-footer-v99__columns button,
html body .aa-footer-v99__columns span{
  display: block !important;
  width: fit-content !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  color: #4A5A70 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 520 !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
}

html body .aa-footer-v99__columns a:hover,
html body .aa-footer-v99__columns button:hover{
  color: #2563EB !important;
  transform: none !important;
}

html body .aa-footer-v99__bottom{
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(7,18,34,.09) !important;
  color: #607088 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

@media (max-width: 1180px){
  html body #capacity.aa-capacity-v99 .aa-capacity-v99-grid{
    grid-template-columns: 1fr !important;
    max-width: 760px !important;
  }

  html body #capacity.aa-capacity-v99 .aa-package-card__media{
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
  }

  html body .aa-footer-v99__brandline,
  html body .aa-footer-v99__columns{
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 680px){
  html body #capacity.aa-capacity-v99 .aa-capacity-v99-grid{
    max-width: 100% !important;
  }

  html body #capacity.aa-capacity-v99 .aa-package-card__media{
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
  }

  html body .aa-footer-v99__inner{
    width: min(100% - 28px, 1480px) !important;
  }

  html body .aa-footer-v99__brandline,
  html body .aa-footer-v99__columns{
    grid-template-columns: 1fr !important;
  }

  html body .aa-footer-v99__bottom{
    flex-direction: column !important;
  }
}


/* =========================================================
   AgentsApp v100 — User provided image placement + transparent navbar
   - NO generated images.
   - Home slider uses early access background.
   - Capacity hero uses Supernode capacity background.
   - Login/register use their own backgrounds and form sits in safe empty area.
   - Navbar fully transparent.
   - Card description/footer white blanks filled with premium solid surface colors.
   ========================================================= */

:root{
  --aa-v100-home-bg: url("../images/hero/early-access-background-slider.png");
  --aa-v100-capacity-bg: url("../images/hero/supernode-capacity-background-slider.png");
  --aa-v100-login-bg: url("../images/auth/login-background.png");
  --aa-v100-register-bg: url("../images/auth/register-background.png");
}

/* 1) Full transparent navbar/header. */
html body .aa-site-header,
html body .aa-navbar,
html body header,
html body .site-header{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .aa-navbar::before,
html body .aa-navbar::after,
html body .aa-site-header::before,
html body .aa-site-header::after,
html body header::before,
html body header::after{
  display: none !important;
  content: none !important;
}

html body .aa-navbar a,
html body .aa-navbar button{
  text-shadow: 0 1px 12px rgba(255,255,255,.38) !important;
}

/* 2) Home / Early Access slider background. */
html body #home.aa-kit-hero,
html body #home .aa-kit-hero__bg,
html body #home .aa-kit-hero__bg--slide{
  background-image: var(--aa-v100-home-bg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

html body #home .aa-kit-hero__shade{
  background:
    linear-gradient(90deg, rgba(248,251,255,.78) 0%, rgba(248,251,255,.46) 34%, rgba(248,251,255,.10) 62%, rgba(248,251,255,.00) 100%),
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04)) !important;
  opacity: 1 !important;
}

html body #home .aa-kit-hero__copy{
  max-width: 720px !important;
  color: #071A34 !important;
}

html body #home .aa-kit-hero__copy h1{
  color: #071A34 !important;
  -webkit-text-fill-color: #071A34 !important;
  font-weight: 640 !important;
  letter-spacing: -0.060em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.80),
    0 14px 34px rgba(7,18,34,.16) !important;
}

html body #home .aa-kit-hero__copy p{
  color: #34445A !important;
  font-size: clamp(16px, 1.08vw, 19px) !important;
  line-height: 1.62 !important;
  font-weight: 560 !important;
}

/* 3) Capacity section gets the provided Supernode Capacity background. */
html body #capacity{
  position: relative !important;
  isolation: isolate !important;
  background-image:
    linear-gradient(90deg, rgba(248,251,255,.86) 0%, rgba(248,251,255,.60) 38%, rgba(248,251,255,.18) 68%, rgba(248,251,255,.04) 100%),
    var(--aa-v100-capacity-bg) !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 100vh !important;
  padding-top: clamp(82px, 7vw, 132px) !important;
}

html body #capacity::before,
html body #capacity::after{
  display: none !important;
  content: none !important;
}

html body #capacity .aa-capacity-v83__head{
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 720px !important;
  padding: clamp(22px, 2.2vw, 34px) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.72), rgba(229,237,247,.48)) !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  box-shadow:
    0 26px 64px rgba(7,18,34,.14),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

html body #capacity .aa-capacity-v83__head h2{
  font-size: clamp(44px, 4.8vw, 82px) !important;
  color: #071A34 !important;
  -webkit-text-fill-color: #071A34 !important;
  font-weight: 640 !important;
}

html body #capacity .aa-capacity-v83__head p{
  color: #314258 !important;
  font-size: clamp(15.5px, 1.02vw, 18px) !important;
  line-height: 1.62 !important;
}

html body #capacity .aa-capacity-v83__actions,
html body #capacity .aa-capacity-v83__chips{
  justify-content: flex-start !important;
  margin-left: 0 !important;
}

/* Capacity cards stay large and premium over the background. */
html body #capacity .aa-capacity-v99-grid{
  margin-top: clamp(40px, 4vw, 72px) !important;
}

/* 4) Login/Register: real background images + form in empty safe area. */
html body .aa-auth-page{
  min-height: 100vh !important;
  background-color: #eef4fb !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

html body .aa-auth-page--login{
  background-image:
    linear-gradient(90deg, rgba(248,251,255,.10) 0%, rgba(248,251,255,.03) 48%, rgba(248,251,255,.08) 100%),
    var(--aa-v100-login-bg) !important;
}

html body .aa-auth-page--register{
  background-image:
    linear-gradient(90deg, rgba(248,251,255,.10) 0%, rgba(248,251,255,.03) 48%, rgba(248,251,255,.08) 100%),
    var(--aa-v100-register-bg) !important;
}

html body .aa-auth-shell{
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: clamp(28px, 4vw, 64px) clamp(24px, 6vw, 110px) !important;
}

html body .aa-auth-panel{
  width: min(560px, 92vw) !important;
  max-width: 560px !important;
  margin: 0 !important;
  border-radius: 34px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.78), rgba(229,237,247,.62)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(24,216,255,.28), rgba(147,84,255,.25)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 30px 80px rgba(7,18,34,.22),
    0 0 0 1px rgba(255,255,255,.54) inset,
    inset 0 1px 0 rgba(255,255,255,.90),
    inset -18px -24px 44px rgba(7,18,34,.06) !important;
}

html body .aa-auth-panel-logo img{
  width: min(370px, 78vw) !important;
  max-height: 150px !important;
  object-fit: contain !important;
}

html body .aa-auth-form label input{
  min-height: 56px !important;
  background:
    linear-gradient(145deg, #ffffff 0%, #ecf3fb 100%) !important;
}

/* 5) Fill the white blank body/footer areas of cards with premium solid surfaces. */
html body .aa-test-v82__body,
html body .aa-package-card__body,
html body .aa-flow-card__body,
html body .aa-offer-card,
html body .aa-offer-card__tag,
html body .aa-capacity-modal__content,
html body .aa-dashboard-card,
html body .aa-panel{
  background:
    linear-gradient(145deg, #f2f7fd 0%, #dde8f4 54%, #c5d2e1 100%) !important;
  border-color: rgba(24,216,255,.15) !important;
}

html body .aa-test-v82__body,
html body .aa-package-card__body{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -18px 36px rgba(7,18,34,.045),
    0 -1px 0 rgba(24,216,255,.12) !important;
}

/* Individual card tones so description areas do not look empty/white. */
html body .aa-offer-card--trial{
  background:
    linear-gradient(145deg, #ecfbff 0%, #cfeefa 55%, #afd8eb 100%) padding-box,
    linear-gradient(135deg, #18D8FF, rgba(255,255,255,.65), #2563EB) border-box !important;
}
html body .aa-offer-card--community{
  background:
    linear-gradient(145deg, #ecfff9 0%, #cfefe7 55%, #abd8cf 100%) padding-box,
    linear-gradient(135deg, #16C784, rgba(255,255,255,.65), #18D8FF) border-box !important;
}
html body .aa-offer-card--referral{
  background:
    linear-gradient(145deg, #f7f0ff 0%, #e6d7fa 55%, #cbb4ed 100%) padding-box,
    linear-gradient(135deg, #9354FF, rgba(255,255,255,.65), #F0ABFC) border-box !important;
}
html body .aa-offer-card--boost{
  background:
    linear-gradient(145deg, #fff5ea 0%, #f5dfbd 55%, #e1bd7f 100%) padding-box,
    linear-gradient(135deg, #F97316, rgba(255,255,255,.68), #F5B316) border-box !important;
}

/* Test flow card lower bars by step. */
html body #trial-flow .aa-test-step-card:nth-child(1) .aa-test-v82__body{
  background: linear-gradient(145deg, #eef8ff 0%, #d6ebfb 60%, #bedaea 100%) !important;
}
html body #trial-flow .aa-test-step-card:nth-child(2) .aa-test-v82__body{
  background: linear-gradient(145deg, #f3efff 0%, #e2d7f8 60%, #cbbbe9 100%) !important;
}
html body #trial-flow .aa-test-step-card:nth-child(3) .aa-test-v82__body{
  background: linear-gradient(145deg, #effff9 0%, #d6efe7 60%, #bddbd2 100%) !important;
}

/* Improve text readability on colored card bodies. */
html body .aa-test-v82__body h3,
html body .aa-package-card__body h3,
html body .aa-offer-card h3{
  color: #071A34 !important;
  -webkit-text-fill-color: #071A34 !important;
  font-weight: 660 !important;
}

html body .aa-test-v82__body p,
html body .aa-package-card__body p,
html body .aa-offer-card p,
html body .aa-offer-card li{
  color: #34445A !important;
}

/* 6) Consistent premium title/content styling after image placement. */
html body main .aa-section h1,
html body main .aa-section h2,
html body main .aa-section h1 *,
html body main .aa-section h2 *{
  color: #071A34 !important;
  -webkit-text-fill-color: #071A34 !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  font-weight: 620 !important;
  letter-spacing: -0.055em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.82),
    0 14px 32px rgba(7,18,34,.12) !important;
}

/* Make trial images fill their cards without old blank gaps. */
html body #trial-flow.aa-test-v82 .aa-test-v82__card figure{
  background: #edf4fb !important;
}
html body #trial-flow.aa-test-v82 .aa-test-v82__card figure img{
  object-fit: cover !important;
  object-position: center center !important;
}

/* Mobile adjustments */
@media (max-width: 900px){
  html body #capacity{
    background-position: center center, center center !important;
  }
  html body #capacity .aa-capacity-v83__head{
    text-align: center !important;
    margin-left: auto !important;
  }
  html body #capacity .aa-capacity-v83__actions,
  html body #capacity .aa-capacity-v83__chips{
    justify-content: center !important;
  }
  html body .aa-auth-shell{
    justify-content: center !important;
    padding: 24px !important;
  }
  html body .aa-auth-page{
    background-position: center center !important;
  }
}

@media (max-width: 640px){
  html body #home .aa-kit-hero__shade,
  html body #capacity{
    background-position: center center, center center !important;
  }
  html body .aa-auth-panel{
    width: 100% !important;
  }
}
/* AgentsApp Premium Polish v18
   Final direction: Premium Natural Tech
   Pearl / Silver / Ocean / Sage / Champagne accents
   No neon, no cyberpunk, no RGB glow
*/

:root {
  --aa-fresh-blue: #446a9c;
  --aa-fresh-blue-2: #557aaa;
  --aa-fresh-sage: #758a74;
  --aa-fresh-mint: #e8eee7;
  --aa-fresh-sky: #eef3f8;
  --aa-fresh-lavender: #f1eef7;
  --aa-fresh-sand: #f4ecd8;
  --aa-fresh-pearl: #fbfaf7;

  --aa-hover-shadow:
    0 24px 70px rgba(38,45,54,.14),
    0 8px 22px rgba(68,106,156,.07);

  --aa-premium-shadow:
    0 28px 84px rgba(38,45,54,.12),
    0 8px 24px rgba(68,106,156,.06);

  --aa-focus-ring: rgba(68,106,156,.14);
  --aa-hairline: rgba(201,202,196,.78);
}
.aa-btn--primary {
  color: #fff !important;
  background: linear-gradient(180deg, #557aaa 0%, #446a9c 55%, #315278 100%) !important;
  border-color: rgba(49,82,120,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 18px 42px rgba(49,82,120,.22) !important;
}

.aa-btn--primary:hover {
  background: linear-gradient(180deg, #5f86b6 0%, #486f9f 55%, #2f4e72 100%) !important;
}
.aa-visual-card,
.aa-step-card,
.aa-visual-feature,
.aa-capacity-card,
.aa-cta-panel,
.aa-dashboard-side,
.aa-dashboard-main,
.aa-dashboard-card,
.aa-auth-card,
.aa-drawer__panel,
.aa-info-panel,
.aa-dashboard-preview {
  background:
    radial-gradient(circle at 12% 0%, rgba(244,236,216,.44), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(232,238,231,.46), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f8f8f5 100%) !important;
  border-color: var(--aa-hairline) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    var(--aa-premium-shadow) !important;
}
/* =========================================================
   AgentsApp v102 — Old Palette Restore + Real Card/Modal Fix
   BASE: V100 uploaded package.
   - Keeps old palette.
   - Restores original Free Trial/Community from V100.
   - Truly shrinks How Works and Supernode cards.
   - Fixes form/input box proportions.
   - Gives each capacity tier and modal distinct color accents.
   - Modal images are full contain, not cropped.
   ========================================================= */

/* Keep old blue/cyan/purple palette. Cancel any natural v101 leftovers if applied before. */
html body .aa-natural-community-v101,
html body .aa-natural-card,
html body .aa-natural-btn{
  all: revert !important;
}

/* Forms: return to balanced card proportions, not thin/long stretched bars */
html body .aa-form{
  gap: 15px !important;
  margin-top: 22px !important;
}
html body .aa-form label{
  gap: 8px !important;
  font-weight: 650 !important;
}
html body .aa-form input,
html body .aa-form textarea,
html body .aa-form select,
html body .aa-auth-card input,
html body .aa-auth-card textarea,
html body .aa-auth-card select,
html body .login-card input,
html body .register-card input{
  min-height: 48px !important;
  height: auto !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(199,213,230,.96) !important;
  color: #0f172a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(15,23,42,.045) !important;
}
html body .aa-form textarea,
html body .aa-auth-card textarea{
  min-height: 118px !important;
  resize: vertical !important;
}
html body .aa-auth-card{
  width: min(560px, 100%) !important;
  padding: clamp(28px, 3vw, 42px) !important;
  border-radius: 28px !important;
}

/* HOW IT WORKS: real shrink, especially against v78/v79/v99 overrides */
html body #how-it-works .aa-flow-stage{
  min-height: 650px !important;
  padding-inline: 0 !important;
}
html body #how-it-works .aa-flow-card{
  width: min(300px, 20.2vw) !important;
  max-width: 300px !important;
  border-radius: 24px !important;
}
html body #how-it-works .aa-flow-card figure{
  height: clamp(118px, 8.5vw, 148px) !important;
}
html body #how-it-works .aa-flow-card__body{
  padding: 16px 17px 18px !important;
}
html body #how-it-works .aa-flow-card__body h3,
html body #how-it-works .aa-flow-card h3{
  font-size: clamp(16px, .98vw, 19px) !important;
  line-height: 1.07 !important;
}
html body #how-it-works .aa-flow-card__body p,
html body #how-it-works .aa-flow-card p{
  font-size: clamp(12px, .74vw, 13.5px) !important;
  line-height: 1.42 !important;
}
html body #how-it-works .aa-flow-card--one{ left: 2.2% !important; top: 0 !important; }
html body #how-it-works .aa-flow-card--two{ left: 23.5% !important; top: 13% !important; }
html body #how-it-works .aa-flow-card--three{ left: 44.8% !important; top: 27% !important; width: min(300px, 20.2vw) !important; max-width: 300px !important; }
html body #how-it-works .aa-flow-card--four{ left: 64% !important; top: 41% !important; }
html body #how-it-works .aa-flow-card--five{ right: 2.4% !important; top: 55% !important; }

/* SUPERNODE: v99 exact shrink */
html body #capacity.aa-capacity-v99{
  padding-top: 34px !important;
  padding-bottom: 70px !important;
}
html body #capacity.aa-capacity-v99 .aa-container,
html body #capacity.aa-capacity-v99 .aa-capacity-v83__container{
  width: min(1360px, calc(100% - 48px)) !important;
  max-width: 1360px !important;
}
html body #capacity.aa-capacity-v99 .aa-capacity-v83__head{
  max-width: 860px !important;
  margin: 0 auto 26px !important;
}
html body #capacity.aa-capacity-v99 .aa-capacity-v83__head h2{
  font-size: clamp(38px, 3.35vw, 60px) !important;
}
html body #capacity.aa-capacity-v99 .aa-capacity-v83__head p{
  font-size: 15px !important;
  line-height: 1.52 !important;
}
html body #capacity.aa-capacity-v99 .aa-capacity-v99-grid{
  grid-template-columns: repeat(2, minmax(420px, 1fr)) !important;
  gap: 24px !important;
  max-width: 1120px !important;
}
html body #capacity.aa-capacity-v99 .aa-capacity-v99-grid > article,
html body #capacity.aa-capacity-v99 .aa-package-card,
html body #capacity.aa-capacity-v99 .aa-capacity-v83__card{
  min-height: 410px !important;
  border-radius: 28px !important;
}
html body #capacity.aa-capacity-v99 .aa-package-card__media{
  height: 255px !important;
  min-height: 255px !important;
  max-height: 255px !important;
  border-radius: 28px 28px 0 0 !important;
}
html body #capacity.aa-capacity-v99 .aa-package-card__media img{
  object-fit: contain !important;
  object-position: center center !important;
  padding: 8px !important;
}
html body #capacity.aa-capacity-v99 .aa-package-card__body{
  min-height: 132px !important;
  padding: 20px 22px !important;
  gap: 10px !important;
}
html body #capacity.aa-capacity-v99 .aa-package-card__head h3{
  font-size: clamp(34px, 2.8vw, 48px) !important;
  line-height: .92 !important;
}
html body #capacity.aa-capacity-v99 .aa-package-card__open{
  min-height: 40px !important;
  padding: 0 17px !important;
  font-size: 12px !important;
}

/* Capacity card colors: each tier visible and distinct in old palette */
html body #capacity .aa-package-card--starter{
  --aa-tier-a:#14B8A6;
  --aa-tier-b:#18D8FF;
  --aa-tier-soft:rgba(20,184,166,.18);
}
html body #capacity .aa-package-card--lite{
  --aa-tier-a:#2563EB;
  --aa-tier-b:#18D8FF;
  --aa-tier-soft:rgba(37,99,235,.16);
}
html body #capacity .aa-package-card--pro{
  --aa-tier-a:#7C3AED;
  --aa-tier-b:#EC4899;
  --aa-tier-soft:rgba(124,58,237,.16);
}
html body #capacity .aa-package-card--edge{
  --aa-tier-a:#F97316;
  --aa-tier-b:#FFD21F;
  --aa-tier-soft:rgba(249,115,22,.16);
}
html body #capacity .aa-package-card{
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) padding-box,
    linear-gradient(135deg, var(--aa-tier-a), rgba(255,255,255,.38), var(--aa-tier-b)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 18px 48px rgba(15,23,42,.11),
    0 0 30px var(--aa-tier-soft),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}
html body #capacity .aa-package-card__media{
  background:
    radial-gradient(circle at 50% 28%, var(--aa-tier-soft), transparent 46%),
    linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
}
html body #capacity .aa-package-card__head h3{
  background: linear-gradient(112deg, var(--aa-tier-a), var(--aa-tier-b)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body #capacity .aa-package-card__open{
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--aa-tier-a), var(--aa-tier-b)) !important;
  border-color: rgba(255,255,255,.30) !important;
  box-shadow: 0 12px 26px var(--aa-tier-soft), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

/* Modal: full image, no crop, tier-specific colors */
html body .aa-capacity-modal__panel{
  overflow: hidden !important;
}
html body .aa-capacity-modal__media{
  min-height: 520px !important;
  overflow: visible !important;
  background:
    radial-gradient(circle at 50% 20%, var(--aa-modal-soft, rgba(24,216,255,.13)), transparent 44%),
    linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
}
html body .aa-capacity-modal__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: clamp(18px, 2.6vw, 38px) !important;
  transform: none !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
html body .aa-capacity-modal[data-tier="starter"]{
  --aa-modal-a:#14B8A6; --aa-modal-b:#18D8FF; --aa-modal-soft:rgba(20,184,166,.16);
}
html body .aa-capacity-modal[data-tier="lite"]{
  --aa-modal-a:#2563EB; --aa-modal-b:#18D8FF; --aa-modal-soft:rgba(37,99,235,.16);
}
html body .aa-capacity-modal[data-tier="pro"]{
  --aa-modal-a:#7C3AED; --aa-modal-b:#EC4899; --aa-modal-soft:rgba(124,58,237,.16);
}
html body .aa-capacity-modal[data-tier="edge"]{
  --aa-modal-a:#F97316; --aa-modal-b:#FFD21F; --aa-modal-soft:rgba(249,115,22,.16);
}
html body .aa-capacity-modal[data-tier] .aa-capacity-modal__panel{
  border: 1px solid color-mix(in srgb, var(--aa-modal-a) 32%, white) !important;
  box-shadow:
    0 36px 120px rgba(15,23,42,.24),
    0 0 46px var(--aa-modal-soft) !important;
}
html body .aa-capacity-modal[data-tier] [data-capacity-modal-title]{
  background: linear-gradient(112deg, var(--aa-modal-a), var(--aa-modal-b)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html body .aa-capacity-modal[data-tier] [data-capacity-modal-tag],
html body .aa-capacity-modal[data-tier] .aa-btn--primary{
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--aa-modal-a), var(--aa-modal-b)) !important;
  border-color: rgba(255,255,255,.30) !important;
}
html body .aa-capacity-modal[data-tier] .aa-capacity-modal__specs span{
  background:
    radial-gradient(circle at 90% 0%, var(--aa-modal-soft), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border-color: color-mix(in srgb, var(--aa-modal-a) 18%, #d5e0ee) !important;
}

/* Free Trial/Community: preserve V100, remove any v101 natural insert if cached */
html body #free-trial.aa-natural-community-v101{
  display: none !important;
}

/* Responsive */
@media (max-width: 1240px){
  html body #how-it-works .aa-flow-stage{
    min-height: 860px !important;
  }
  html body #how-it-works .aa-flow-card{
    width: min(350px, 38vw) !important;
    max-width: 350px !important;
  }
  html body #capacity.aa-capacity-v99 .aa-capacity-v99-grid{
    grid-template-columns: repeat(2, minmax(340px, 1fr)) !important;
    max-width: 900px !important;
  }
}

@media (max-width: 900px){
  html body #how-it-works .aa-flow-stage{
    min-height: 0 !important;
  }
  html body #how-it-works .aa-flow-card{
    width: 100% !important;
    max-width: none !important;
  }
  html body #capacity.aa-capacity-v99 .aa-capacity-v99-grid{
    grid-template-columns: 1fr !important;
    max-width: 560px !important;
  }
  html body #capacity.aa-capacity-v99 .aa-package-card__media{
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
  }
  html body .aa-capacity-modal__panel{
    grid-template-columns: 1fr !important;
  }
  html body .aa-capacity-modal__media{
    min-height: 360px !important;
  }
}

/* =========================================================
   AgentsApp v103 — Auth Background + Hero Slider Polish
   - Login/Register custom backgrounds.
   - Auth boxes left-centered, transparent enough to reflect bg.
   - Fix broken oversized logo/form layout inside auth card.
   - Hero slider uses multiple images and removes white blur haze.
   ========================================================= */

/* AUTH BACKGROUNDS */
html body .aa-auth-page{
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: clamp(34px, 5vh, 72px) clamp(22px, 7vw, 120px) !important;
  overflow-x: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: relative !important;
  isolation: isolate !important;
}

html body .aa-auth-page--login{
  background-image: url("../images/auth/login-background-v103.png") !important;
}

html body .aa-auth-page--register{
  background-image: url("../images/auth/register-background-v103.png") !important;
}

html body .aa-auth-page::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.08) 34%,
      rgba(255,255,255,.02) 64%,
      rgba(255,255,255,0) 100%
    ) !important;
}

html body .aa-auth-shell{
  width: min(390px, calc(100vw - 44px)) !important;
  min-height: auto !important;
  display: block !important;
  margin: 0 !important;
  margin-left: clamp(18px, 7vw, 126px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 2 !important;
}

html body .aa-auth-panel{
  width: 100% !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(24px, 2.6vw, 34px) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.58), rgba(236,248,255,.34)) !important;
  border: 1px solid rgba(255,255,255,.46) !important;
  box-shadow:
    0 26px 70px rgba(7,26,52,.18),
    0 0 0 1px rgba(255,255,255,.30) inset,
    0 0 46px rgba(24,216,255,.12) !important;
  backdrop-filter: blur(14px) saturate(142%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(142%) !important;
  overflow: hidden !important;
}

/* Remove any old side visual/panel leftovers */
html body .aa-auth-visual{
  display: none !important;
}

html body .aa-auth-panel__top{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 22px !important;
}

html body .aa-auth-form-kicker,
html body .aa-auth-home-btn{
  min-height: 28px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #071A34 !important;
  background: rgba(255,255,255,.52) !important;
  border: 1px solid rgba(255,255,255,.50) !important;
  box-shadow: 0 8px 18px rgba(7,26,52,.06), inset 0 1px 0 rgba(255,255,255,.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

html body .aa-auth-home-btn{
  letter-spacing: -.01em !important;
  font-size: 11px !important;
  font-weight: 780 !important;
}

html body .aa-auth-panel-logo{
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: 0 0 clamp(26px, 3.4vh, 42px) !important;
  width: 100% !important;
  overflow: hidden !important;
}

html body .aa-auth-panel-logo img{
  width: min(270px, 82%) !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: drop-shadow(0 14px 26px rgba(37,99,235,.18)) !important;
}

/* Form box proportions */
html body .aa-auth-form{
  display: grid !important;
  gap: 14px !important;
  margin-top: 0 !important;
}

html body .aa-auth-form label:not(.aa-check-row),
html body .aa-form label:not(.aa-check-row){
  display: grid !important;
  gap: 7px !important;
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

html body .aa-auth-form input[type="email"],
html body .aa-auth-form input[type="password"],
html body .aa-auth-form input[type="text"],
html body .aa-form input,
html body .aa-form select,
html body .aa-form textarea{
  width: 100% !important;
  min-height: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.48) !important;
  padding: 0 15px !important;
  color: #071A34 !important;
  background: rgba(255,255,255,.56) !important;
  box-shadow:
    0 10px 24px rgba(7,26,52,.055),
    inset 0 1px 0 rgba(255,255,255,.66) !important;
  outline: none !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

html body .aa-auth-form input:focus,
html body .aa-form input:focus{
  border-color: rgba(37,99,235,.36) !important;
  box-shadow:
    0 0 0 4px rgba(24,216,255,.12),
    0 14px 28px rgba(37,99,235,.08),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

html body .aa-auth-row,
html body .aa-check-row{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #102033 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body .aa-auth-row{
  justify-content: space-between !important;
  margin: 2px 0 8px !important;
}

html body .aa-check-row input{
  width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  padding: 0 !important;
  flex: 0 0 14px !important;
}

html body .aa-auth-submit{
  min-height: 46px !important;
  width: 100% !important;
  border-radius: 999px !important;
  margin-top: 6px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #043B73 0%, #0EA5E9 50%, #7C3AED 100%) !important;
  border-color: rgba(255,255,255,.30) !important;
  box-shadow:
    0 16px 38px rgba(37,99,235,.24),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}

/* Smaller register card so it does not feel like a tall thin broken form */
html body .aa-auth-page--register .aa-auth-panel{
  max-width: 390px !important;
  padding-top: 24px !important;
  padding-bottom: 26px !important;
}
html body .aa-auth-page--register .aa-auth-panel-logo{
  margin-bottom: 24px !important;
}
html body .aa-auth-page--register .aa-auth-form{
  gap: 12px !important;
}

/* HERO SLIDER: show real images, remove white haze/blur */
html body .aa-kit-hero__bg,
html body .aa-kit-hero__bg--slide,
html body [data-hero-bg-slide]{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: saturate(1.13) contrast(1.06) brightness(1.03) !important;
  transform: none !important;
}

html body .aa-kit-hero__shade{
  background:
    linear-gradient(90deg,
      rgba(248,250,252,.62) 0%,
      rgba(248,250,252,.34) 24%,
      rgba(248,250,252,.08) 46%,
      rgba(248,250,252,0) 72%
    ) !important;
  opacity: .82 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .aa-kit-depth--bottom{
  opacity: .18 !important;
  filter: blur(12px) !important;
}

html body .aa-kit-hero__slides::before,
html body .aa-kit-hero__slides::after,
html body .aa-kit-hero::before,
html body .aa-kit-hero::after{
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}

/* Make slide transitions more visible */
html body .aa-kit-hero__bg--slide{
  opacity: 0 !important;
  transition: opacity 1.7s ease !important;
}
html body .aa-kit-hero__bg--slide.is-active{
  opacity: 1 !important;
}

/* Responsive auth */
@media (max-width: 980px){
  html body .aa-auth-page{
    justify-content: center !important;
    padding: 34px 18px !important;
    background-position: center center !important;
  }
  html body .aa-auth-shell{
    margin-left: 0 !important;
    width: min(390px, calc(100vw - 32px)) !important;
  }
  html body .aa-auth-panel{
    border-radius: 26px !important;
  }
}

@media (max-width: 520px){
  html body .aa-auth-panel{
    padding: 22px !important;
  }
  html body .aa-auth-panel-logo img{
    width: min(235px, 86%) !important;
  }
}


/* =========================================================
   AgentsApp v104 — Auth sizing + exact backgrounds + slider cleanup
   ========================================================= */

/* AUTH: exact requested background files */
.aa-auth-page.aa-auth-page--login{
  background-image: url("../images/auth/login-background.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.aa-auth-page.aa-auth-page--register{
  background-image: url("../images/auth/register-background.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.aa-auth-page.aa-auth-page--login::before,
.aa-auth-page.aa-auth-page--register::before{
  background: linear-gradient(90deg, rgba(247,250,252,.12) 0%, rgba(247,250,252,.06) 26%, rgba(247,250,252,.02) 54%, rgba(247,250,252,0) 100%) !important;
}
.aa-auth-page.aa-auth-page--login,
.aa-auth-page.aa-auth-page--register{
  align-items: center !important;
  justify-content: flex-start !important;
  padding: clamp(36px,5vh,76px) clamp(28px,7vw,120px) !important;
}
.aa-auth-page.aa-auth-page--login .aa-auth-shell,
.aa-auth-page.aa-auth-page--register .aa-auth-shell{
  width: min(460px, calc(100vw - 56px)) !important;
  margin-left: clamp(6px, 2vw, 32px) !important;
}
.aa-auth-page.aa-auth-page--login .aa-auth-panel,
.aa-auth-page.aa-auth-page--register .aa-auth-panel{
  width: 100% !important;
  min-height: auto !important;
  padding: 34px 34px 32px !important;
  border-radius: 34px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.42), rgba(238,246,255,.23)) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  box-shadow: 0 26px 70px rgba(8,22,46,.18), 0 0 0 1px rgba(255,255,255,.28) inset !important;
}
.aa-auth-page .aa-auth-panel-logo{
  margin-bottom: 30px !important;
}
.aa-auth-page .aa-auth-panel-logo img{
  width: min(300px, 84%) !important;
  max-width: 300px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.aa-auth-page .aa-auth-form{
  gap: 16px !important;
}
.aa-auth-page .aa-auth-form label span{
  font-size: 12px !important;
  font-weight: 780 !important;
}
.aa-auth-page .aa-auth-form input[type="text"],
.aa-auth-page .aa-auth-form input[type="email"],
.aa-auth-page .aa-auth-form input[type="password"]{
  min-height: 50px !important;
  height: 50px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.54) !important;
  border: 1px solid rgba(255,255,255,.44) !important;
}
.aa-auth-page .aa-auth-submit{
  min-height: 50px !important;
  height: 50px !important;
  border-radius: 999px !important;
}
@media (max-width: 980px){
  .aa-auth-page.aa-auth-page--login,
  .aa-auth-page.aa-auth-page--register{
    justify-content: center !important;
    padding: 28px 18px !important;
  }
  .aa-auth-page.aa-auth-page--login .aa-auth-shell,
  .aa-auth-page.aa-auth-page--register .aa-auth-shell{
    width: min(460px, calc(100vw - 32px)) !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 560px){
  .aa-auth-page.aa-auth-page--login .aa-auth-panel,
  .aa-auth-page.aa-auth-page--register .aa-auth-panel{
    padding: 24px 22px 24px !important;
    border-radius: 28px !important;
  }
  .aa-auth-page .aa-auth-panel-logo img{
    width: min(250px, 82%) !important;
  }
}

/* HOME HERO: remove white haze completely so original images remain vivid */
.aa-kit-hero__shade,
.aa-kit-hero--slider .aa-kit-hero__shade,
.aa-kit-hero--v37 .aa-kit-hero__shade,
.aa-kit-hero--v38 .aa-kit-hero__shade,
.aa-kit-hero--v42 .aa-kit-hero__shade{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.aa-kit-hero::before,
.aa-kit-hero::after,
.aa-kit-hero__slides::before,
.aa-kit-hero__slides::after,
.aa-kit-depth--bottom{
  display: none !important;
  opacity: 0 !important;
}
.aa-kit-hero__bg,
.aa-kit-hero__bg--slide,
[data-hero-bg-slide]{
  filter: none !important;
  transform: none !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.aa-kit-hero__bg--slide{
  transition: opacity 1.6s ease !important;
}

/* Capacity card CTA colors should match tier/modal accents */
.aa-package-card__open{
  border-width: 1px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 12px 24px rgba(15,23,42,.10) !important;
}
.aa-package-card--starter .aa-package-card__open{
  color: #ffffff !important;
  border-color: rgba(20,184,166,.34) !important;
  background: linear-gradient(135deg, #0f766e 0%, #14b8a6 58%, #22d3ee 100%) !important;
}
.aa-package-card--lite .aa-package-card__open{
  color: #ffffff !important;
  border-color: rgba(37,99,235,.34) !important;
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 52%, #38bdf8 100%) !important;
}
.aa-package-card--pro .aa-package-card__open{
  color: #ffffff !important;
  border-color: rgba(124,58,237,.34) !important;
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 58%, #a855f7 100%) !important;
}
.aa-package-card--edge .aa-package-card__open{
  color: #ffffff !important;
  border-color: rgba(245,158,11,.34) !important;
  background: linear-gradient(135deg, #1e3a8a 0%, #4338ca 40%, #7c3aed 68%, #f59e0b 100%) !important;
}
.aa-package-card__open:hover{
  transform: translateY(-2px) !important;
  filter: saturate(1.06) brightness(1.03) !important;
}


/* =========================================================
   AgentsApp v110 — Final clean 5-topic hero slider
   ========================================================= */

.aa-v110-hero{
  position: relative !important;
  min-height: clamp(760px, 94vh, 980px) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #07111f !important;
}

.aa-v110-hero__slider{
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
}

.aa-v110-hero__slide{
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  z-index: 1 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: scale(1.012) !important;
  filter: saturate(1.08) contrast(1.03) brightness(1.02) !important;
  transition: opacity 1.35s ease, transform 8s ease !important;
}

.aa-v110-hero__slide.is-active{
  opacity: 1 !important;
  z-index: 2 !important;
  transform: scale(1) !important;
}

.aa-v110-hero__content{
  position: relative !important;
  z-index: 4 !important;
  width: min(650px, calc(100% - 44px)) !important;
  margin-left: clamp(24px, 11vw, 190px) !important;
  padding-top: clamp(190px, 26vh, 300px) !important;
  color: #f8fbff !important;
}

.aa-v110-hero__content::before{
  content:"" !important;
  position:absolute !important;
  inset: clamp(160px, 23vh, 260px) -28px -28px -28px !important;
  z-index:-1 !important;
  border-radius: 34px !important;
  background: linear-gradient(135deg, rgba(7,17,31,.32), rgba(255,255,255,.06)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 32px 90px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
  backdrop-filter: blur(8px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(112%) !important;
}

.aa-v110-hero__kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  color:#18d8ff !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 18px rgba(24,216,255,.28) !important;
  margin-bottom:18px !important;
}

.aa-v110-hero__kicker::before{
  content:"" !important;
  width:38px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#18d8ff,#8b5cf6,#f59e0b) !important;
}

.aa-v110-hero h1{
  margin:0 !important;
  max-width:760px !important;
  color:#f8fbff !important;
  font-size:clamp(44px,5.2vw,86px) !important;
  line-height:.94 !important;
  letter-spacing:-.065em !important;
  text-shadow:0 22px 60px rgba(0,0,0,.38) !important;
}

.aa-v110-hero p{
  max-width:620px !important;
  margin:22px 0 0 !important;
  color:rgba(248,251,255,.88) !important;
  font-size:clamp(15px,1.12vw,19px) !important;
  line-height:1.58 !important;
  font-weight:680 !important;
  text-shadow:0 16px 42px rgba(0,0,0,.30) !important;
}

.aa-v110-hero__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:28px !important;
}

.aa-v110-btn{
  min-height:48px !important;
  border-radius:999px !important;
  padding:0 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  font-size:14px !important;
  text-decoration:none !important;
  box-shadow:0 18px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.aa-v110-btn--primary{
  color:#fff !important;
  background:linear-gradient(135deg,#0077ff 0%,#18d8ff 48%,#8b5cf6 100%) !important;
  border:1px solid rgba(255,255,255,.28) !important;
}

.aa-v110-btn--secondary{
  color:#f8fbff !important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
}

.aa-v110-hero__dots{
  position:absolute !important;
  z-index:6 !important;
  left:clamp(24px,11vw,190px) !important;
  bottom:clamp(32px,7vh,74px) !important;
  display:flex !important;
  gap:10px !important;
  padding:10px 12px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  backdrop-filter:blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(130%) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.15) !important;
}

.aa-v110-hero__dots button{
  width:10px !important;
  height:10px !important;
  padding:0 !important;
  min-height:10px !important;
  border-radius:999px !important;
  border:0 !important;
  background:rgba(255,255,255,.46) !important;
  cursor:pointer !important;
  transition:width .25s ease, background .25s ease, box-shadow .25s ease !important;
}

.aa-v110-hero__dots button.is-active{
  width:34px !important;
  background:linear-gradient(90deg,#18d8ff,#8b5cf6) !important;
  box-shadow:0 0 20px rgba(24,216,255,.34) !important;
}

/* Auth form left cards: bigger and wider */
html body .aa-auth-page{
  justify-content:flex-start !important;
  align-items:center !important;
  padding-left:clamp(34px,8vw,142px) !important;
  padding-right:clamp(22px,4vw,72px) !important;
}

html body .aa-auth-shell{
  width:min(540px,calc(100vw - 64px)) !important;
  max-width:540px !important;
  margin-left:0 !important;
}

html body .aa-auth-panel{
  width:100% !important;
  max-width:540px !important;
  padding:clamp(36px,3.5vw,48px) !important;
  border-radius:36px !important;
}

html body .aa-auth-panel-logo img{
  width:min(340px,88%) !important;
  max-width:340px !important;
  height:auto !important;
}

html body .aa-auth-form{
  gap:16px !important;
}

html body .aa-auth-form input[type="text"],
html body .aa-auth-form input[type="email"],
html body .aa-auth-form input[type="password"],
html body .aa-auth-submit{
  height:54px !important;
  min-height:54px !important;
  border-radius:18px !important;
}

/* Transparent logo everywhere */
img[src*="assets/images/logo/agentsapp-logo-transparent.png"],
.aa-auth-panel-logo img,
.aa-brand__logo,
.aa-footer__logo{
  background:transparent !important;
  object-fit:contain !important;
}

@media(max-width:900px){
  .aa-v110-hero{
    min-height:780px !important;
  }
  .aa-v110-hero__content{
    width:min(620px,calc(100% - 36px)) !important;
    margin:0 auto !important;
    padding-top:170px !important;
  }
  .aa-v110-hero h1{
    font-size:clamp(38px,10vw,62px) !important;
  }
  .aa-v110-hero__dots{
    left:50% !important;
    transform:translateX(-50%) !important;
    bottom:24px !important;
  }
  html body .aa-auth-page{
    justify-content:center !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  html body .aa-auth-shell{
    width:min(540px,calc(100vw - 36px)) !important;
  }
}


/* =========================================================
   AgentsApp v111 — Hero/Auth/Navbar polish
   - Hero images no longer cropped: contain-fit background mode.
   - Hero text blur box removed and moved upward.
   - Auth form cards widened with lighter premium blur.
   - Navbar glass blur polish.
   ========================================================= */

/* HERO IMAGE FIT — prevent visual cropping / half image */
html body .aa-v110-hero{
  min-height: clamp(720px, 88vh, 920px) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(226,244,255,.74), transparent 34%),
    linear-gradient(180deg, #f6fbff 0%, #edf7ff 100%) !important;
}

html body .aa-v110-hero__slide{
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: saturate(1.07) contrast(1.02) brightness(1.02) !important;
  transform: none !important;
  transition: opacity 1.25s ease !important;
}

/* remove the big blur/glass box behind hero title */
html body .aa-v110-hero__content{
  width: min(660px, calc(100% - 52px)) !important;
  margin-left: clamp(26px, 8.5vw, 150px) !important;
  padding-top: clamp(118px, 16vh, 172px) !important;
  padding-inline: 0 !important;
  color: #071a34 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .aa-v110-hero__content::before{
  display: none !important;
  opacity: 0 !important;
  content: none !important;
}

html body .aa-v110-hero__kicker{
  color: #0788ff !important;
  text-shadow: 0 10px 24px rgba(255,255,255,.42), 0 0 18px rgba(24,216,255,.18) !important;
}

html body .aa-v110-hero h1{
  color: #071a34 !important;
  max-width: 700px !important;
  font-size: clamp(48px, 5.25vw, 86px) !important;
  line-height: .92 !important;
  letter-spacing: -.068em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 20px 58px rgba(255,255,255,.60),
    0 18px 54px rgba(7,26,52,.12) !important;
}

html body .aa-v110-hero p{
  color: rgba(7,26,52,.76) !important;
  max-width: 610px !important;
  font-size: clamp(15px, 1.08vw, 18px) !important;
  font-weight: 760 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.76),
    0 14px 34px rgba(255,255,255,.56) !important;
}

html body .aa-v110-hero__actions{
  margin-top: 24px !important;
}

html body .aa-v110-btn--secondary{
  color: #071a34 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.66), rgba(240,248,255,.42)) !important;
  border: 1px solid rgba(255,255,255,.50) !important;
  backdrop-filter: blur(5px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(130%) !important;
}

html body .aa-v110-hero__dots{
  left: clamp(26px, 8.5vw, 150px) !important;
  bottom: clamp(26px, 5vh, 54px) !important;
}

/* AUTH FORM — wider premium card, lighter blur so background is visible */
html body .aa-auth-page{
  justify-content: flex-start !important;
  align-items: center !important;
  padding-left: clamp(34px, 7vw, 126px) !important;
  padding-right: clamp(22px, 4vw, 72px) !important;
}

html body .aa-auth-shell{
  width: min(640px, calc(100vw - 72px)) !important;
  max-width: 640px !important;
  margin-left: 0 !important;
}

html body .aa-auth-panel{
  width: 100% !important;
  max-width: 640px !important;
  min-height: auto !important;
  padding: clamp(42px, 4vw, 58px) clamp(42px, 4.2vw, 62px) !important;
  border-radius: 42px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.50), rgba(234,247,255,.23)) !important;
  border: 1px solid rgba(255,255,255,.54) !important;
  box-shadow:
    0 34px 92px rgba(7,26,52,.20),
    inset 0 1px 0 rgba(255,255,255,.72),
    0 0 52px rgba(24,216,255,.08) !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}

html body .aa-auth-panel__top{
  margin-bottom: clamp(24px, 3vh, 36px) !important;
}

html body .aa-auth-panel-logo{
  margin-bottom: clamp(36px, 4vh, 52px) !important;
}

html body .aa-auth-panel-logo img{
  width: min(420px, 92%) !important;
  max-width: 420px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}

html body .aa-auth-form{
  gap: 18px !important;
}

html body .aa-auth-form label:not(.aa-check-row){
  gap: 9px !important;
}

html body .aa-auth-form label span{
  color: #071a34 !important;
  font-size: 13px !important;
  font-weight: 860 !important;
}

html body .aa-auth-form input[type="text"],
html body .aa-auth-form input[type="email"],
html body .aa-auth-form input[type="password"]{
  height: 58px !important;
  min-height: 58px !important;
  border-radius: 19px !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  color: #071a34 !important;
  background: rgba(255,255,255,.60) !important;
  border: 1px solid rgba(255,255,255,.56) !important;
  box-shadow:
    0 13px 26px rgba(7,26,52,.065),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

html body .aa-auth-submit{
  height: 58px !important;
  min-height: 58px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow:
    0 18px 44px rgba(37,99,235,.24),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

html body .aa-auth-row,
html body .aa-check-row{
  font-size: 13px !important;
}

/* NAVBAR — same light premium blur language */
html body .aa-navbar,
html body .aa-site-header,
html body .aa-header,
html body .aa-nav-shell,
html body .aa-main-nav,
html body header{
  backdrop-filter: blur(12px) saturate(142%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(142%) !important;
}

html body .aa-navbar,
html body .aa-site-header,
html body .aa-header,
html body .aa-nav-shell{
  background:
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(238,248,255,.36)) !important;
  border-bottom: 1px solid rgba(255,255,255,.48) !important;
  box-shadow:
    0 16px 38px rgba(7,26,52,.055),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* keep transparent logo clean */
html body img[src*="assets/images/logo/agentsapp-logo-transparent.png"],
html body .aa-auth-panel-logo img,
html body .aa-brand__logo,
html body .aa-footer__logo{
  background: transparent !important;
  object-fit: contain !important;
}

/* responsive */
@media(max-width: 980px){
  html body .aa-v110-hero{
    min-height: 760px !important;
  }

  html body .aa-v110-hero__slide{
    background-size: cover !important;
    background-position: center center !important;
  }

  html body .aa-v110-hero__content{
    width: min(620px, calc(100% - 36px)) !important;
    margin: 0 auto !important;
    padding-top: 142px !important;
  }

  html body .aa-v110-hero h1{
    font-size: clamp(38px, 9.8vw, 62px) !important;
  }

  html body .aa-v110-hero__dots{
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 22px !important;
  }

  html body .aa-auth-page{
    justify-content: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body .aa-auth-shell{
    width: min(640px, calc(100vw - 36px)) !important;
  }
}

@media(max-width: 580px){
  html body .aa-auth-panel{
    padding: 30px 24px !important;
    border-radius: 30px !important;
  }

  html body .aa-auth-panel-logo img{
    width: min(300px, 90%) !important;
  }

  html body .aa-auth-form input[type="text"],
  html body .aa-auth-form input[type="email"],
  html body .aa-auth-form input[type="password"],
  html body .aa-auth-submit{
    height: 52px !important;
    min-height: 52px !important;
  }
}


/* =========================================================
   AgentsApp v112 — Slider full-width fit + How It Works images
   ========================================================= */

/* Slider: no left/right blank space and no visible crop feeling.
   Images are stretched to the hero frame to fill the whole background. */
html body .aa-v110-hero{
  min-height: clamp(740px, 90vh, 960px) !important;
  width: 100% !important;
  background: #f7fbff !important;
}

html body .aa-v110-hero__slider,
html body .aa-v110-hero__slide{
  width: 100% !important;
  height: 100% !important;
}

html body .aa-v110-hero__slide{
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  filter: saturate(1.06) contrast(1.02) brightness(1.01) !important;
}

/* Keep title area clean, no blur box, slightly higher */
html body .aa-v110-hero__content{
  padding-top: clamp(104px, 14vh, 150px) !important;
  margin-left: clamp(24px, 7.5vw, 136px) !important;
}

html body .aa-v110-hero__content::before{
  display: none !important;
  opacity: 0 !important;
  content: none !important;
}

/* How It Works: new portrait images fit cleanly in card top areas */
html body #how-it-works .aa-flow-card figure,
html body #how-it-works .aa-how-card figure,
html body #how-it-works .aa-flow-card__media,
html body #how-it-works .aa-how-card__media{
  min-height: clamp(260px, 24vw, 360px) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(24,216,255,.14), transparent 44%),
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(238,247,255,.32)) !important;
}

html body #how-it-works .aa-flow-card img,
html body #how-it-works .aa-how-card img,
html body #how-it-works img[src*="how-step-"]{
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(260px, 24vw, 360px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  filter: saturate(1.06) contrast(1.02) brightness(1.01) !important;
}

/* If the current cards are using direct images without figure wrappers */
html body #how-it-works .aa-flow-card > img,
html body #how-it-works .aa-how-card > img{
  border-radius: 26px !important;
}

/* Responsive: on mobile cover is safer for slider ratio */
@media(max-width: 980px){
  html body .aa-v110-hero__slide{
    background-size: cover !important;
    background-position: center center !important;
  }

  html body .aa-v110-hero__content{
    padding-top: 132px !important;
    margin-left: auto !important;
  }
}


/* =========================================================
   AgentsApp v113 — How It Works full image fit + Auth form reference style
   ========================================================= */

/* HOW IT WORKS — bigger cards and full images, no crop */
html body #how-it-works .aa-flow-stage{
  min-height: 760px !important;
  height: auto !important;
  padding: clamp(28px, 4vw, 56px) 0 clamp(72px, 7vw, 110px) !important;
  overflow: visible !important;
}

html body #how-it-works .aa-flow-card,
html body #how-it-works .aa-how-card{
  width: clamp(300px, 24vw, 430px) !important;
  min-height: clamp(410px, 34vw, 560px) !important;
  border-radius: 34px !important;
  overflow: hidden !important;
}

/* Reposition overlapped flow so larger boxes still fit */
html body #how-it-works .aa-flow-card:nth-child(1){ left: 1.5% !important; top: 0 !important; }
html body #how-it-works .aa-flow-card:nth-child(2){ left: 18% !important; top: 15% !important; }
html body #how-it-works .aa-flow-card:nth-child(3){ left: 35% !important; top: 28% !important; }
html body #how-it-works .aa-flow-card:nth-child(4){ left: 52% !important; top: 41% !important; }
html body #how-it-works .aa-flow-card:nth-child(5){ right: 1.5% !important; top: 54% !important; }

html body #how-it-works .aa-flow-card figure,
html body #how-it-works .aa-how-card figure,
html body #how-it-works .aa-flow-card__media,
html body #how-it-works .aa-how-card__media{
  height: clamp(320px, 28vw, 460px) !important;
  min-height: clamp(320px, 28vw, 460px) !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 30px 30px 0 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(24,216,255,.12), transparent 38%),
    linear-gradient(135deg, rgba(244,250,255,.86), rgba(235,246,255,.56)) !important;
}

html body #how-it-works .aa-flow-card img,
html body #how-it-works .aa-how-card img,
html body #how-it-works img[src*="how-step-"]{
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  filter: saturate(1.06) contrast(1.02) brightness(1.01) drop-shadow(0 16px 28px rgba(7,26,52,.10)) !important;
}

html body #how-it-works .aa-flow-card__body,
html body #how-it-works .aa-how-card__body{
  min-height: 126px !important;
  padding: 22px 24px 24px !important;
}

html body #how-it-works .aa-flow-card h3,
html body #how-it-works .aa-how-card h3{
  font-size: clamp(22px, 1.55vw, 30px) !important;
  line-height: 1.04 !important;
}

html body #how-it-works .aa-flow-card p,
html body #how-it-works .aa-how-card p{
  font-size: 14px !important;
  line-height: 1.44 !important;
}

/* If flow card title/text is direct children, keep bottom area roomy */
html body #how-it-works .aa-flow-card > h3,
html body #how-it-works .aa-flow-card > p{
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* AUTH FORMS — match uploaded reference: wide premium glass card, large logo, full-width inputs */
html body.aa-auth-page,
html body .aa-auth-page{
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-left: clamp(42px, 7vw, 126px) !important;
  padding-right: clamp(28px, 5vw, 88px) !important;
  background-size: cover !important;
  background-position: center center !important;
}

html body.aa-auth-page::before,
html body .aa-auth-page::before{
  background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.025) 52%, transparent 90%) !important;
}

html body .aa-auth-shell,
body.aa-auth-page .aa-auth-shell{
  width: min(720px, calc(100vw - 80px)) !important;
  max-width: 720px !important;
  min-width: 560px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body .aa-auth-panel,
body.aa-auth-page .aa-auth-panel{
  width: 100% !important;
  max-width: 720px !important;
  min-height: auto !important;
  padding: clamp(46px, 4.3vw, 66px) clamp(48px, 4.5vw, 72px) !important;
  border-radius: 46px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.55), rgba(232,246,255,.24)) !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  box-shadow:
    0 38px 106px rgba(7,26,52,.22),
    0 0 0 1px rgba(255,255,255,.34) inset,
    0 0 70px rgba(24,216,255,.10) !important;
  backdrop-filter: blur(9px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(140%) !important;
}

html body .aa-auth-panel__top,
html body .aa-auth-top{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: clamp(34px, 4vh, 56px) !important;
}

html body .aa-auth-panel__top a,
html body .aa-auth-panel__top span,
html body .aa-auth-top a,
html body .aa-auth-top span,
html body .aa-auth-pill,
html body .aa-auth-back{
  border-radius: 999px !important;
  padding: 10px 18px !important;
  background: rgba(255,255,255,.54) !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow: 0 12px 30px rgba(7,26,52,.07), inset 0 1px 0 rgba(255,255,255,.76) !important;
  color: #0f2a52 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: none !important;
  text-decoration: none !important;
}

html body .aa-auth-panel-logo{
  width: 100% !important;
  margin: 0 0 clamp(44px, 5vh, 70px) !important;
  overflow: visible !important;
  display: flex !important;
  justify-content: center !important;
}

html body .aa-auth-panel-logo img{
  width: min(500px, 94%) !important;
  max-width: 500px !important;
  min-width: 360px !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
}

html body .aa-auth-form,
html body .aa-auth-panel form{
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}

html body .aa-auth-form label:not(.aa-check-row),
html body .aa-auth-panel form label:not(.aa-check-row){
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

html body .aa-auth-form label span,
html body .aa-auth-panel form label span{
  color: #071a34 !important;
  font-size: 14px !important;
  font-weight: 880 !important;
}

html body .aa-auth-form input[type="text"],
html body .aa-auth-form input[type="email"],
html body .aa-auth-form input[type="password"],
html body .aa-auth-panel form input[type="text"],
html body .aa-auth-panel form input[type="email"],
html body .aa-auth-panel form input[type="password"]{
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  border-radius: 21px !important;
  padding: 0 22px !important;
  font-size: 16px !important;
  font-weight: 720 !important;
  color: #071a34 !important;
  background: rgba(255,255,255,.66) !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow:
    0 16px 34px rgba(7,26,52,.075),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  outline: none !important;
}

html body .aa-auth-form input::placeholder,
html body .aa-auth-panel form input::placeholder{
  color: rgba(7,26,52,.52) !important;
  font-weight: 720 !important;
}

html body .aa-auth-row,
html body .aa-check-row{
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  color: #071a34 !important;
  font-size: 14px !important;
  font-weight: 780 !important;
}

html body .aa-check-row input[type="checkbox"],
html body .aa-auth-row input[type="checkbox"]{
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border-radius: 6px !important;
}

html body .aa-auth-submit,
html body .aa-auth-panel button[type="submit"]{
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  margin-top: 8px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 930 !important;
  background: linear-gradient(135deg, #063f78 0%, #2563eb 48%, #8b5cf6 100%) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  box-shadow:
    0 22px 54px rgba(37,99,235,.28),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}

/* Register form is taller; keep same visual but slightly tighter vertical rhythm */
html body.aa-auth-page--register .aa-auth-panel,
html body .aa-auth-page--register .aa-auth-panel{
  padding-top: clamp(38px, 3.8vw, 56px) !important;
  padding-bottom: clamp(38px, 3.8vw, 56px) !important;
}

html body.aa-auth-page--register .aa-auth-panel-logo,
html body .aa-auth-page--register .aa-auth-panel-logo{
  margin-bottom: clamp(32px, 4vh, 52px) !important;
}

html body.aa-auth-page--register .aa-auth-form,
html body .aa-auth-page--register .aa-auth-form{
  gap: 17px !important;
}

html body.aa-auth-page--register .aa-auth-form input[type="text"],
html body.aa-auth-page--register .aa-auth-form input[type="email"],
html body.aa-auth-page--register .aa-auth-form input[type="password"],
html body .aa-auth-page--register .aa-auth-form input[type="text"],
html body .aa-auth-page--register .aa-auth-form input[type="email"],
html body .aa-auth-page--register .aa-auth-form input[type="password"]{
  height: 58px !important;
  min-height: 58px !important;
}

/* Responsive */
@media(max-width: 1180px){
  html body #how-it-works .aa-flow-stage{
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  html body #how-it-works .aa-flow-card,
  html body #how-it-works .aa-how-card{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    min-height: 0 !important;
  }
}

@media(max-width: 980px){
  html body.aa-auth-page,
  html body .aa-auth-page{
    justify-content: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body .aa-auth-shell,
  body.aa-auth-page .aa-auth-shell{
    min-width: 0 !important;
    width: min(720px, calc(100vw - 36px)) !important;
    max-width: 720px !important;
  }
}

@media(max-width: 680px){
  html body #how-it-works .aa-flow-stage{
    grid-template-columns: 1fr !important;
  }

  html body .aa-auth-panel,
  body.aa-auth-page .aa-auth-panel{
    padding: 30px 24px !important;
    border-radius: 32px !important;
  }

  html body .aa-auth-panel-logo img{
    min-width: 0 !important;
    width: min(320px, 90%) !important;
  }

  html body .aa-auth-form input[type="text"],
  html body .aa-auth-form input[type="email"],
  html body .aa-auth-form input[type="password"],
  html body .aa-auth-submit{
    height: 54px !important;
    min-height: 54px !important;
  }
}


/* =========================================================
   AgentsApp v116 — How It Works balanced cards only
   Base: V113 full restore. Supernode hero untouched.
   ========================================================= */

/* HOW IT WORKS: dağınık/üst üste yapı kapatıldı, dengeli premium grid */
html body #how-it-works{
  overflow: visible !important;
  padding-bottom: clamp(76px, 7vw, 124px) !important;
}

html body #how-it-works .aa-flow-container,
html body #how-it-works .aa-container{
  width: min(1640px, calc(100% - 72px)) !important;
  max-width: min(1640px, calc(100% - 72px)) !important;
}

html body #how-it-works .aa-flow-stage{
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: clamp(36px, 4vw, 58px) auto 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.45vw, 28px) !important;
  align-items: stretch !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Eski flow çizgileri/arka süsler düzeni bozmasın */
html body #how-it-works .aa-flow-stage svg,
html body #how-it-works .aa-flow-line,
html body #how-it-works .aa-flow-connector,
html body #how-it-works .aa-flow-orb{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Kartlar ne çok küçük ne çok büyük; absolute konum sıfırlanır */
html body #how-it-works .aa-flow-card,
html body #how-it-works .aa-how-card{
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 430px !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(238,248,255,.52)) !important;
  border: 1px solid rgba(126, 203, 255, .58) !important;
  box-shadow:
    0 24px 62px rgba(7,26,52,.115),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 34px rgba(24,216,255,.07) !important;
}

/* nth-child ile verilen eski dağınık pozisyonları kesin iptal */
html body #how-it-works .aa-flow-card:nth-child(1),
html body #how-it-works .aa-flow-card:nth-child(2),
html body #how-it-works .aa-flow-card:nth-child(3),
html body #how-it-works .aa-flow-card:nth-child(4),
html body #how-it-works .aa-flow-card:nth-child(5){
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
}

/* Box içinde box yok: görsel direkt kartın üst alanına oturur */
html body #how-it-works .aa-flow-card figure,
html body #how-it-works .aa-how-card figure,
html body #how-it-works .aa-flow-card__media,
html body #how-it-works .aa-how-card__media{
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border-radius: 30px 30px 0 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Görseller 4:3 kaynak olduğu için kart alanına kırpılmadan, sağ/sol boşluksuz oturur */
html body #how-it-works .aa-flow-card img,
html body #how-it-works .aa-how-card img,
html body #how-it-works img[src*="how-step-"]{
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  filter: saturate(1.055) contrast(1.02) brightness(1.015) !important;
}

/* Alt bilgi paneli sade ve kartla bütünleşik */
html body #how-it-works .aa-flow-card__body,
html body #how-it-works .aa-how-card__body{
  flex: 1 1 auto !important;
  min-height: 132px !important;
  padding: 20px 22px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  background: linear-gradient(180deg, rgba(255,255,255,.74), rgba(238,248,255,.52)) !important;
  border-top: 1px solid rgba(126,203,255,.32) !important;
}

/* Direct child text fallback */
html body #how-it-works .aa-flow-card > h3,
html body #how-it-works .aa-flow-card > p,
html body #how-it-works .aa-how-card > h3,
html body #how-it-works .aa-how-card > p{
  padding-left: 22px !important;
  padding-right: 22px !important;
}

html body #how-it-works .aa-flow-card h3,
html body #how-it-works .aa-how-card h3{
  font-size: clamp(21px, 1.34vw, 27px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
  margin: 0 0 8px !important;
}

html body #how-it-works .aa-flow-card p,
html body #how-it-works .aa-how-card p{
  font-size: 13.5px !important;
  line-height: 1.42 !important;
  margin: 0 !important;
  color: rgba(7,26,52,.70) !important;
}

/* 5 kart geniş ekranda tek sıra, orta ekranlarda dengeli kırılım */
@media(max-width: 1480px){
  html body #how-it-works .aa-flow-container,
  html body #how-it-works .aa-container{
    width: min(1180px, calc(100% - 60px)) !important;
    max-width: min(1180px, calc(100% - 60px)) !important;
  }

  html body #how-it-works .aa-flow-stage{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body #how-it-works .aa-flow-card,
  html body #how-it-works .aa-how-card{
    min-height: 440px !important;
  }
}

@media(max-width: 980px){
  html body #how-it-works .aa-flow-container,
  html body #how-it-works .aa-container{
    width: min(760px, calc(100% - 36px)) !important;
    max-width: min(760px, calc(100% - 36px)) !important;
  }

  html body #how-it-works .aa-flow-stage{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  html body #how-it-works .aa-flow-card,
  html body #how-it-works .aa-how-card{
    min-height: 0 !important;
  }
}


/* =========================================================
   AgentsApp v118 — Direct HTML fix for Capacity + How It Works
   This avoids old selector conflicts by using new unique class names.
   ========================================================= */

/* CAPACITY V118 */
html body .aa-capacity-v118{
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(78px, 7vw, 112px) 0 clamp(88px, 7vw, 126px) !important;
  background:
    radial-gradient(circle at 48% 10%, rgba(24,216,255,.16), transparent 28%),
    radial-gradient(circle at 80% 72%, rgba(139,92,246,.12), transparent 30%),
    linear-gradient(135deg, #f7fbff 0%, #eef8ff 48%, #f8f6ff 100%) !important;
}

html body .aa-capacity-v118::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background:
    linear-gradient(rgba(9,35,70,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(9,35,70,.030) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  opacity: .56 !important;
  pointer-events: none !important;
}

html body .aa-capacity-v118__container{
  position: relative !important;
  z-index: 2 !important;
  width: min(1600px, calc(100% - 72px)) !important;
  max-width: min(1600px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
}

html body .aa-capacity-v118__head{
  max-width: 940px !important;
  margin: 0 auto clamp(34px, 4vw, 58px) !important;
  text-align: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .aa-capacity-v118__kicker{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #18d8ff 0%, #2f7cff 48%, #b45cff 100%) !important;
  color: #061a34 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 46px rgba(24,216,255,.20), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

html body .aa-capacity-v118__head h2{
  margin: 24px 0 0 !important;
  color: #071a34 !important;
  font-size: clamp(44px, 4.6vw, 72px) !important;
  line-height: .96 !important;
  letter-spacing: -.064em !important;
}

html body .aa-capacity-v118__head p{
  max-width: 760px !important;
  margin: 18px auto 0 !important;
  color: rgba(7,26,52,.70) !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.58 !important;
  font-weight: 700 !important;
}

html body .aa-capacity-v118__actions{
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

html body .aa-capacity-v118__btn{
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 920 !important;
}

html body .aa-capacity-v118__btn--primary{
  color: #ffffff !important;
  background: linear-gradient(135deg, #0077ff 0%, #18d8ff 45%, #8b5cf6 100%) !important;
  border: 1px solid rgba(255,255,255,.40) !important;
  box-shadow: 0 18px 42px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

html body .aa-capacity-v118__btn--soft{
  color: #071a34 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(232,248,255,.42)) !important;
  border: 1px solid rgba(255,255,255,.70) !important;
  box-shadow: 0 16px 38px rgba(7,26,52,.08), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

html body .aa-capacity-v118__chips{
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

html body .aa-capacity-v118__chips span{
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(255,255,255,.70) !important;
  box-shadow: 0 12px 30px rgba(7,26,52,.07), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

html body .aa-capacity-v118__chips strong{
  font-size: 14px !important;
  font-weight: 950 !important;
}

html body .aa-capacity-v118__chips small{
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(7,26,52,.70) !important;
}

html body .aa-capacity-v118__grid{
  width: min(1540px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.5vw, 28px) !important;
  align-items: stretch !important;
}

html body .aa-capacity-v118__card{
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(232,247,255,.48)) !important;
  border: 1px solid rgba(126,203,255,.55) !important;
  box-shadow:
    0 24px 64px rgba(7,26,52,.12),
    0 0 0 1px rgba(255,255,255,.62) inset,
    0 0 38px rgba(24,216,255,.08) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

html body .aa-capacity-v118__card:hover{
  transform: translateY(-6px) !important;
  border-color: rgba(24,216,255,.66) !important;
  box-shadow:
    0 34px 82px rgba(7,26,52,.15),
    0 0 52px rgba(24,216,255,.16),
    0 0 0 1px rgba(255,255,255,.70) inset !important;
}

html body .aa-capacity-v118__media{
  width: 100% !important;
  aspect-ratio: 1.32 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 30px 30px 0 0 !important;
}

html body .aa-capacity-v118__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .aa-capacity-v118__body{
  min-height: 94px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 18px 20px 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(232,247,255,.50)) !important;
  border-top: 1px solid rgba(126,203,255,.30) !important;
}

html body .aa-capacity-v118__body h3{
  margin: 0 !important;
  font-size: clamp(30px, 2.15vw, 44px) !important;
  line-height: .92 !important;
  letter-spacing: -.06em !important;
}

html body .aa-capacity-v118__body span{
  display: block !important;
  margin-top: 8px !important;
  font-size: 12px !important;
  font-weight: 930 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  color: rgba(7,26,52,.65) !important;
}

html body .aa-capacity-v118__open{
  min-height: 40px !important;
  white-space: nowrap !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 14px 34px rgba(7,26,52,.10), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

html body .aa-capacity-v118__card--starter h3{ color: #10bfcf !important; }
html body .aa-capacity-v118__card--lite h3{ color: #1977ff !important; }
html body .aa-capacity-v118__card--pro h3{ color: #d99a14 !important; }
html body .aa-capacity-v118__card--edge h3{
  background: linear-gradient(90deg, #18d8ff, #8b5cf6, #22c55e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

html body .aa-capacity-v118__card--starter .aa-capacity-v118__open{ background: linear-gradient(135deg, #14c8dc, #ff4d6d) !important; }
html body .aa-capacity-v118__card--lite .aa-capacity-v118__open{ background: linear-gradient(135deg, #18d8ff, #1677ff) !important; }
html body .aa-capacity-v118__card--pro .aa-capacity-v118__open{ background: linear-gradient(135deg, #f6c343, #f59e0b) !important; color:#071a34 !important; }
html body .aa-capacity-v118__card--edge .aa-capacity-v118__open{ background: linear-gradient(135deg, #8b5cf6, #22c55e) !important; }

/* HOW V118 */
html body .aa-how-v118{
  position: relative !important;
  overflow: visible !important;
  padding: clamp(76px, 7vw, 116px) 0 clamp(70px, 6vw, 104px) !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(24,216,255,.12), transparent 30%),
    radial-gradient(circle at 82% 25%, rgba(139,92,246,.10), transparent 32%),
    linear-gradient(135deg, #f6fbff 0%, #eef8ff 48%, #f8f6ff 100%) !important;
}

html body .aa-how-v118__container{
  width: min(1500px, calc(100% - 72px)) !important;
  max-width: min(1500px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
}

html body .aa-how-v118__head{
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

html body .aa-how-v118__head h2{
  margin: 16px 0 0 !important;
  color: #071a34 !important;
  font-size: clamp(42px, 4vw, 66px) !important;
  line-height: .98 !important;
  letter-spacing: -.06em !important;
}

html body .aa-how-v118__head h2 span{
  color: #071a34 !important;
}

html body .aa-how-v118__head p{
  max-width: 760px !important;
  margin: 16px auto 0 !important;
  color: rgba(7,26,52,.70) !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

html body .aa-how-v118__grid{
  margin: clamp(32px, 3.8vw, 54px) auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.28vw, 24px) !important;
  align-items: stretch !important;
}

html body .aa-how-v118__card{
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(238,248,255,.52)) !important;
  border: 1px solid rgba(126,203,255,.54) !important;
  box-shadow:
    0 20px 52px rgba(7,26,52,.105),
    0 0 0 1px rgba(255,255,255,.58) inset !important;
}

html body .aa-how-v118__card figure{
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 26px 26px 0 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body .aa-how-v118__card figure img{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  filter: saturate(1.055) contrast(1.02) brightness(1.015) !important;
}

html body .aa-how-v118__body{
  flex: 1 1 auto !important;
  min-height: 112px !important;
  padding: 17px 18px 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(238,248,255,.50)) !important;
  border-top: 1px solid rgba(126,203,255,.28) !important;
}

html body .aa-how-v118__title-row{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 7px !important;
}

html body .aa-how-v118__title-row span{
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  background: linear-gradient(135deg, #18d8ff, #7c3aed) !important;
  box-shadow: 0 10px 22px rgba(24,216,255,.22) !important;
}

html body .aa-how-v118__body h3{
  margin: 0 !important;
  font-size: clamp(18px, 1.14vw, 23px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
  color: #071a34 !important;
}

html body .aa-how-v118__body p{
  margin: 0 !important;
  color: rgba(7,26,52,.68) !important;
  font-size: 12.8px !important;
  line-height: 1.38 !important;
  font-weight: 720 !important;
}

/* responsive */
@media(max-width: 1360px){
  html body .aa-capacity-v118__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(980px, 100%) !important;
  }

  html body .aa-how-v118__container{
    width: min(1080px, calc(100% - 60px)) !important;
    max-width: min(1080px, calc(100% - 60px)) !important;
  }

  html body .aa-how-v118__grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media(max-width: 820px){
  html body .aa-capacity-v118__grid,
  html body .aa-how-v118__grid{
    grid-template-columns: 1fr !important;
  }

  html body .aa-capacity-v118__container,
  html body .aa-how-v118__container{
    width: min(680px, calc(100% - 34px)) !important;
    max-width: min(680px, calc(100% - 34px)) !important;
  }

  html body .aa-capacity-v118__body{
    min-height: 90px !important;
  }
}


/* =========================================================
   AgentsApp v119 — Supernode background remove + new How images
   Only changed files patch.
   ========================================================= */

html body section#capacity.aa-section.aa-capacity-section.aa-capacity-v118,
html body #capacity.aa-capacity-section.aa-capacity-v118,
html body #capacity.aa-capacity-v118{
  background-image: none !important;
  background:
    radial-gradient(circle at 46% 10%, rgba(24,216,255,.15), transparent 28%),
    radial-gradient(circle at 78% 72%, rgba(139,92,246,.11), transparent 32%),
    linear-gradient(135deg, #f7fbff 0%, #eef8ff 48%, #f8f6ff 100%) !important;
}

html body section#capacity.aa-capacity-v118::after,
html body #capacity.aa-capacity-v118::after,
html body #capacity.aa-capacity-section::after{
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

html body section#capacity.aa-capacity-v118::before,
html body #capacity.aa-capacity-v118::before{
  background:
    linear-gradient(rgba(9,35,70,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(9,35,70,.030) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  opacity: .48 !important;
}

html body #capacity .aa-capacity-bg,
html body #capacity .aa-capacity-background,
html body #capacity .aa-capacity-v83__bg,
html body #capacity .aa-capacity-hero-bg,
html body #capacity .aa-capacity-bg-image,
html body #capacity [class*="background"] img,
html body #capacity [class*="bg"] img{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body .aa-how-v118__grid{
  align-items: stretch !important;
}

html body .aa-how-v118__card{
  border-radius: 26px !important;
  overflow: hidden !important;
}

html body .aa-how-v118__card figure{
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 26px 26px 0 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .aa-how-v118__card figure img,
html body .aa-how-v118__card img[src*="how-step-"]{
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: none !important;
  filter: saturate(1.055) contrast(1.02) brightness(1.015) !important;
}

html body .aa-how-v118__card img[src*="-v119.png"]{
  object-fit: cover !important;
  object-position: center center !important;
}


/* =========================================================
   AgentsApp v120 — Navbar center + hero slider ratio + wider auth forms
   Only changed files patch.
   ========================================================= */

/* NAVBAR — sekmeler gerçek merkezde dursun */
@media (min-width: 981px){
  html body .aa-navbar__inner{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 340px) minmax(360px, 1fr) minmax(260px, 340px) !important;
    align-items: center !important;
    gap: 18px !important;
  }

  html body .aa-brand{
    justify-self: start !important;
  }

  html body .aa-nav{
    justify-self: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    gap: clamp(18px, 1.28vw, 30px) !important;
  }

  html body .aa-navbar__actions{
    justify-self: end !important;
    justify-content: flex-end !important;
    min-width: 260px !important;
  }
}

/* HERO BACKGROUND SLIDER — yatay esneme yok, 16:9 sahne oranı ile bozulmadan görünür.
   100% 100% stretch tamamen iptal. Görsel oranı korunur. */
html body .aa-v110-hero{
  width: 100% !important;
  height: clamp(760px, 56.25vw, 940px) !important;
  min-height: clamp(760px, 56.25vw, 940px) !important;
  max-height: 940px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(226,244,255,.46), transparent 34%),
    linear-gradient(180deg, #f6fbff 0%, #edf7ff 100%) !important;
}

html body .aa-v110-hero__slider{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body .aa-v110-hero__slide{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  scale: 1 !important;
  filter: saturate(1.055) contrast(1.02) brightness(1.015) !important;
}

/* Eski patchlerden kalan stretch / contain çakışmalarını kır */
html body .aa-v110-hero__slide[style]{
  background-size: cover !important;
}

/* Hero yazı dengesi */
html body .aa-v110-hero__content{
  padding-top: clamp(118px, 13.5vh, 156px) !important;
  margin-left: clamp(24px, 6.8vw, 126px) !important;
  width: min(620px, calc(100% - 52px)) !important;
}

html body .aa-v110-hero__dots{
  left: clamp(24px, 6.8vw, 126px) !important;
  bottom: clamp(30px, 5vh, 58px) !important;
}

/* LOGIN / REGISTER — form kutusu genişletildi, logo tam görünsün */
html body.aa-auth-page,
html body .aa-auth-page{
  justify-content: flex-start !important;
  align-items: center !important;
  padding-left: clamp(34px, 6vw, 118px) !important;
  padding-right: clamp(24px, 4.5vw, 88px) !important;
}

html body .aa-auth-shell,
body.aa-auth-page .aa-auth-shell{
  width: min(820px, calc(100vw - 80px)) !important;
  max-width: 820px !important;
  min-width: min(690px, calc(100vw - 80px)) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
}

html body .aa-auth-panel,
body.aa-auth-page .aa-auth-panel{
  width: 100% !important;
  max-width: 820px !important;
  min-height: auto !important;
  padding: clamp(48px, 4.6vw, 68px) clamp(58px, 5.2vw, 84px) !important;
  border-radius: 48px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.54), rgba(232,246,255,.25)) !important;
  border: 1px solid rgba(255,255,255,.60) !important;
  box-shadow:
    0 38px 106px rgba(7,26,52,.22),
    0 0 0 1px rgba(255,255,255,.34) inset,
    0 0 70px rgba(24,216,255,.10) !important;
  backdrop-filter: blur(8px) saturate(138%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(138%) !important;
}

html body .aa-auth-panel__top{
  margin-bottom: clamp(34px, 4vh, 56px) !important;
}

html body .aa-auth-panel-logo{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 0 clamp(46px, 5vh, 72px) !important;
  overflow: visible !important;
}

html body .aa-auth-panel-logo img{
  width: min(620px, 100%) !important;
  max-width: 620px !important;
  min-width: min(520px, 100%) !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: transparent !important;
}

html body .aa-auth-form,
html body .aa-auth-panel form{
  width: 100% !important;
  gap: 22px !important;
}

html body .aa-auth-form input[type="text"],
html body .aa-auth-form input[type="email"],
html body .aa-auth-form input[type="password"],
html body .aa-auth-panel form input[type="text"],
html body .aa-auth-panel form input[type="email"],
html body .aa-auth-panel form input[type="password"]{
  height: 66px !important;
  min-height: 66px !important;
  border-radius: 22px !important;
  padding: 0 24px !important;
  font-size: 16px !important;
}

html body .aa-auth-submit,
html body .aa-auth-panel button[type="submit"]{
  height: 66px !important;
  min-height: 66px !important;
  font-size: 16px !important;
}

/* Register daha uzun olduğu için aynı genişlikte biraz daha kompakt dikey oran */
html body.aa-auth-page--register .aa-auth-panel,
html body .aa-auth-page--register .aa-auth-panel{
  padding-top: clamp(40px, 4vw, 58px) !important;
  padding-bottom: clamp(40px, 4vw, 58px) !important;
}

html body.aa-auth-page--register .aa-auth-panel-logo,
html body .aa-auth-page--register .aa-auth-panel-logo{
  margin-bottom: clamp(34px, 4vh, 54px) !important;
}

html body.aa-auth-page--register .aa-auth-form,
html body .aa-auth-page--register .aa-auth-form{
  gap: 18px !important;
}

/* Responsive */
@media(max-width: 980px){
  html body .aa-v110-hero{
    height: 760px !important;
    min-height: 760px !important;
    max-height: none !important;
  }

  html body .aa-v110-hero__slide{
    background-size: cover !important;
    background-position: center center !important;
  }

  html body .aa-v110-hero__content{
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 136px !important;
  }

  html body.aa-auth-page,
  html body .aa-auth-page{
    justify-content: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body .aa-auth-shell,
  body.aa-auth-page .aa-auth-shell{
    width: min(820px, calc(100vw - 36px)) !important;
    min-width: 0 !important;
    max-width: 820px !important;
  }

  html body .aa-auth-panel,
  body.aa-auth-page .aa-auth-panel{
    padding: 34px 26px !important;
    border-radius: 34px !important;
  }

  html body .aa-auth-panel-logo img{
    min-width: 0 !important;
    width: min(520px, 96%) !important;
  }
}


/* =========================================================
   AgentsApp v121 — Hero image ratio, transparent navbar, wider auth
   Only changed files patch.
   ========================================================= */

/* HERO BACKGROUND SLIDER
   Amaç: görsel yatay yayılmasın, zoom/kırpık hissi azalmasın.
   Görseller 16:9 olduğu için hero yüksekliği de 16:9 oranına yaklaştırıldı.
   100% 100% stretch kesin kapalı. */
html body .aa-v110-hero{
  width: 100% !important;
  height: max(820px, 56.25vw) !important;
  min-height: max(820px, 56.25vw) !important;
  max-height: none !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(226,244,255,.38), transparent 34%),
    linear-gradient(180deg, #f6fbff 0%, #edf7ff 100%) !important;
}

html body .aa-v110-hero__slider,
html body .aa-v110-hero__slide{
  width: 100% !important;
  height: 100% !important;
}

html body .aa-v110-hero__slide,
html body .aa-v110-hero__slide[style]{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  scale: 1 !important;
  filter: saturate(1.055) contrast(1.02) brightness(1.015) !important;
}

/* Hero yazılar yeni yüksekliğe göre biraz üstte kalsın */
html body .aa-v110-hero__content{
  padding-top: clamp(118px, 12.5vh, 156px) !important;
  margin-left: clamp(24px, 6.8vw, 126px) !important;
}

/* NAVBAR — zemini neredeyse şeffaf, arka görseli gösteren hafif glass */
html body .aa-navbar,
html body .aa-site-header,
html body .aa-header,
html body .aa-nav-shell{
  background: linear-gradient(135deg, rgba(255,255,255,.26), rgba(238,248,255,.14)) !important;
  border-bottom: 1px solid rgba(255,255,255,.28) !important;
  box-shadow:
    0 10px 28px rgba(7,26,52,.035),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
  backdrop-filter: blur(7px) saturate(132%) !important;
  -webkit-backdrop-filter: blur(7px) saturate(132%) !important;
}

/* NAVBAR sekmeleri merkezde */
@media (min-width: 981px){
  html body .aa-navbar__inner{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(270px, 360px) minmax(420px, 1fr) minmax(270px, 360px) !important;
    align-items: center !important;
    gap: 18px !important;
  }

  html body .aa-brand{
    justify-self: start !important;
  }

  html body .aa-nav{
    justify-self: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    gap: clamp(18px, 1.28vw, 30px) !important;
  }

  html body .aa-navbar__actions{
    justify-self: end !important;
    justify-content: flex-end !important;
    min-width: 270px !important;
  }
}

/* BUTON RENKLERİ — AgentsApp logosundaki cyan/mor/pembe tonları */
html body .aa-v110-btn--primary,
html body .aa-kit-btn--primary,
html body .aa-auth-submit,
html body .aa-auth-panel button[type="submit"],
html body #capacity .aa-capacity-v118__btn--primary,
html body .aa-capacity-v118__btn--primary{
  background: linear-gradient(135deg, #08c7ff 0%, #2563eb 36%, #8b5cf6 68%, #ec4fd8 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.36) !important;
  box-shadow:
    0 20px 52px rgba(139,92,246,.22),
    0 0 34px rgba(236,79,216,.13),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

html body .aa-v110-btn--secondary,
html body .aa-kit-btn:not(.aa-kit-btn--primary),
html body #capacity .aa-capacity-v118__btn--soft,
html body .aa-capacity-v118__btn--soft{
  background:
    linear-gradient(135deg, rgba(255,255,255,.68), rgba(238,248,255,.38)),
    linear-gradient(90deg, rgba(8,199,255,.18), rgba(139,92,246,.16), rgba(236,79,216,.12)) !important;
  color: #071a34 !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow:
    0 16px 38px rgba(7,26,52,.08),
    0 0 26px rgba(139,92,246,.10),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

/* LOGIN / REGISTER — form box daha geniş, logo tam görünür */
html body.aa-auth-page,
html body .aa-auth-page{
  justify-content: flex-start !important;
  align-items: center !important;
  padding-left: clamp(30px, 5.6vw, 108px) !important;
  padding-right: clamp(22px, 4.5vw, 88px) !important;
}

html body .aa-auth-shell,
body.aa-auth-page .aa-auth-shell{
  width: min(940px, calc(100vw - 78px)) !important;
  max-width: 940px !important;
  min-width: min(760px, calc(100vw - 78px)) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .aa-auth-panel,
body.aa-auth-page .aa-auth-panel{
  width: 100% !important;
  max-width: 940px !important;
  padding: clamp(50px, 4.8vw, 72px) clamp(70px, 5.8vw, 96px) !important;
  border-radius: 50px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.50), rgba(232,246,255,.22)) !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  box-shadow:
    0 40px 112px rgba(7,26,52,.22),
    0 0 0 1px rgba(255,255,255,.34) inset,
    0 0 78px rgba(139,92,246,.11) !important;
  backdrop-filter: blur(8px) saturate(138%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(138%) !important;
}

html body .aa-auth-panel-logo{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 0 clamp(46px, 5vh, 74px) !important;
  overflow: visible !important;
}

html body .aa-auth-panel-logo img{
  width: min(720px, 100%) !important;
  max-width: 720px !important;
  min-width: min(620px, 100%) !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: transparent !important;
}

/* Şifremi unuttum düzeni */
html body .aa-auth-row--login-tools{
  align-items: center !important;
  gap: 18px !important;
}

html body .aa-auth-links{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-left: auto !important;
}

html body .aa-auth-forgot-link{
  color: #8b5cf6 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  position: relative !important;
}

html body .aa-auth-forgot-link::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -3px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, #08c7ff, #8b5cf6, #ec4fd8) !important;
  opacity: .55 !important;
}

/* Inputlar geniş form oranına uygun */
html body .aa-auth-form input[type="text"],
html body .aa-auth-form input[type="email"],
html body .aa-auth-form input[type="password"],
html body .aa-auth-panel form input[type="text"],
html body .aa-auth-panel form input[type="email"],
html body .aa-auth-panel form input[type="password"]{
  height: 66px !important;
  min-height: 66px !important;
  border-radius: 22px !important;
  padding: 0 24px !important;
  font-size: 16px !important;
}

html body .aa-auth-submit,
html body .aa-auth-panel button[type="submit"]{
  height: 66px !important;
  min-height: 66px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
}

/* Register uzun olduğu için dikey aralıkları çok şişirmeden daha geniş tut */
html body.aa-auth-page--register .aa-auth-panel,
html body .aa-auth-page--register .aa-auth-panel{
  padding-top: clamp(42px, 4vw, 60px) !important;
  padding-bottom: clamp(42px, 4vw, 60px) !important;
}

html body.aa-auth-page--register .aa-auth-panel-logo img,
html body .aa-auth-page--register .aa-auth-panel-logo img{
  width: min(700px, 100%) !important;
  max-width: 700px !important;
}

/* Responsive */
@media(max-width: 980px){
  html body .aa-v110-hero{
    height: 820px !important;
    min-height: 820px !important;
  }

  html body .aa-v110-hero__slide,
  html body .aa-v110-hero__slide[style]{
    background-size: cover !important;
    background-position: center center !important;
  }

  html body.aa-auth-page,
  html body .aa-auth-page{
    justify-content: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body .aa-auth-shell,
  body.aa-auth-page .aa-auth-shell{
    width: min(940px, calc(100vw - 36px)) !important;
    min-width: 0 !important;
    max-width: 940px !important;
  }

  html body .aa-auth-panel,
  body.aa-auth-page .aa-auth-panel{
    padding: 34px 26px !important;
    border-radius: 34px !important;
  }

  html body .aa-auth-panel-logo img{
    min-width: 0 !important;
    width: min(580px, 96%) !important;
  }

  html body .aa-auth-links{
    gap: 12px !important;
  }
}


/* =========================================================
   AgentsApp v122 — Hero height balance + navbar overlays hero
   Only changed files patch.
   ========================================================= */

/* NAVBAR — artık hero görselinin üstünde durur, ayrı beyaz bar alanı oluşturmaz */
html body .aa-site-header,
html body .aa-header,
html body .aa-navbar,
html body header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(238,248,255,.08)) !important;
  border-bottom: 1px solid rgba(255,255,255,.20) !important;
  box-shadow:
    0 10px 26px rgba(7,26,52,.025),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  backdrop-filter: blur(6px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(128%) !important;
}

/* Navbar iç bar/kaplama varsa onu da transparanlaştır */
html body .aa-navbar__inner,
html body .aa-nav-shell,
html body .aa-main-nav{
  background: transparent !important;
  box-shadow: none !important;
}

/* Fixed navbar sayfayı itmesin; hero zaten altında başlar */
html body{
  padding-top: 0 !important;
}

/* HERO BACKGROUND SLIDER — yüksekliği düşürüldü, görsel yayılmadan/bozulmadan daha dengeli alan kaplar */
html body .aa-v110-hero{
  width: 100% !important;
  height: clamp(640px, 72vh, 760px) !important;
  min-height: clamp(640px, 72vh, 760px) !important;
  max-height: 760px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(226,244,255,.32), transparent 34%),
    linear-gradient(180deg, #f6fbff 0%, #edf7ff 100%) !important;
}

/* Slider görseli stretched değil; oranı korunur. */
html body .aa-v110-hero__slider,
html body .aa-v110-hero__slide{
  width: 100% !important;
  height: 100% !important;
}

html body .aa-v110-hero__slide,
html body .aa-v110-hero__slide[style]{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  scale: 1 !important;
  filter: saturate(1.055) contrast(1.02) brightness(1.015) !important;
}

/* Navbar artık hero üstünde olduğu için metin üstten fazla aşağıda kalmasın */
html body .aa-v110-hero__content{
  padding-top: clamp(138px, 17vh, 176px) !important;
  margin-left: clamp(24px, 6.8vw, 126px) !important;
  width: min(620px, calc(100% - 52px)) !important;
}

/* Dots yüksekliği düşen hero içinde dengeli kalsın */
html body .aa-v110-hero__dots{
  left: clamp(24px, 6.8vw, 126px) !important;
  bottom: clamp(24px, 4vh, 42px) !important;
}

/* Menü merkez dengesi fixed navbar içinde korunsun */
@media (min-width: 981px){
  html body .aa-navbar__inner{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(270px, 360px) minmax(420px, 1fr) minmax(270px, 360px) !important;
    align-items: center !important;
    gap: 18px !important;
  }

  html body .aa-brand{
    justify-self: start !important;
  }

  html body .aa-nav{
    justify-self: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  html body .aa-navbar__actions{
    justify-self: end !important;
    justify-content: flex-end !important;
  }
}

/* İç sayfalarda fixed navbar içerik üstüne binmesin */
html body:not(:has(.aa-v110-hero)) main:first-of-type,
html body:not(:has(.aa-v110-hero)) .aa-auth-page,
html body:not(:has(.aa-v110-hero)) .aa-dashboard-page{
  padding-top: 92px !important;
}

/* Eski browser :has desteklemezse auth/dashboard için garanti */
html body .aa-auth-page{
  padding-top: max(92px, env(safe-area-inset-top)) !important;
}

/* Mobilde hero çok uzun kalmasın */
@media(max-width: 980px){
  html body .aa-v110-hero{
    height: 680px !important;
    min-height: 680px !important;
    max-height: none !important;
  }

  html body .aa-v110-hero__content{
    padding-top: 128px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media(max-width: 560px){
  html body .aa-v110-hero{
    height: 640px !important;
    min-height: 640px !important;
  }
}