*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
    --ao-font:'Inter',system-ui,-apple-system,sans-serif;
    --ao-radius:12px;
    --ao-radius-lg:20px;
    --ao-transition:all .3s cubic-bezier(.4,0,.2,1);
}

[data-theme="linkedin-blue"]{
    --ao-p:#0A66C2;--ao-p-light:#70B5F9;--ao-p-dark:#004182;
    --ao-grad:linear-gradient(135deg,#0A66C2 0%,#0077B5 40%,#70B5F9 100%);
    --ao-grad-btn:linear-gradient(135deg,#0A66C2,#0077B5);
    --ao-shine:linear-gradient(120deg,transparent 30%,rgba(112,181,249,.18) 50%,transparent 70%);
}
[data-theme="emerald"]{
    --ao-p:#059669;--ao-p-light:#34D399;--ao-p-dark:#065F46;
    --ao-grad:linear-gradient(135deg,#059669 0%,#10B981 40%,#34D399 100%);
    --ao-grad-btn:linear-gradient(135deg,#059669,#10B981);
    --ao-shine:linear-gradient(120deg,transparent 30%,rgba(52,211,153,.18) 50%,transparent 70%);
}
[data-theme="ocean"]{
    --ao-p:#0891B2;--ao-p-light:#22D3EE;--ao-p-dark:#155E75;
    --ao-grad:linear-gradient(135deg,#0891B2 0%,#06B6D4 40%,#22D3EE 100%);
    --ao-grad-btn:linear-gradient(135deg,#0891B2,#06B6D4);
    --ao-shine:linear-gradient(120deg,transparent 30%,rgba(34,211,238,.18) 50%,transparent 70%);
}
[data-theme="sunset"]{
    --ao-p:#DC2626;--ao-p-light:#FB923C;--ao-p-dark:#991B1B;
    --ao-grad:linear-gradient(135deg,#DC2626 0%,#EF4444 40%,#FB923C 100%);
    --ao-grad-btn:linear-gradient(135deg,#DC2626,#EF4444);
    --ao-shine:linear-gradient(120deg,transparent 30%,rgba(251,146,60,.18) 50%,transparent 70%);
}
[data-theme="slate"]{
    --ao-p:#334155;--ao-p-light:#64748B;--ao-p-dark:#1E293B;
    --ao-grad:linear-gradient(135deg,#334155 0%,#475569 40%,#64748B 100%);
    --ao-grad-btn:linear-gradient(135deg,#334155,#475569);
    --ao-shine:linear-gradient(120deg,transparent 30%,rgba(100,116,139,.18) 50%,transparent 70%);
}
[data-theme="rose"]{
    --ao-p:#E11D48;--ao-p-light:#FB7185;--ao-p-dark:#9F1239;
    --ao-grad:linear-gradient(135deg,#E11D48 0%,#F43F5E 40%,#FB7185 100%);
    --ao-grad-btn:linear-gradient(135deg,#E11D48,#F43F5E);
    --ao-shine:linear-gradient(120deg,transparent 30%,rgba(251,113,133,.18) 50%,transparent 70%);
}
[data-theme="amber"]{
    --ao-p:#D97706;--ao-p-light:#FBBF24;--ao-p-dark:#92400E;
    --ao-grad:linear-gradient(135deg,#D97706 0%,#F59E0B 40%,#FBBF24 100%);
    --ao-grad-btn:linear-gradient(135deg,#D97706,#F59E0B);
    --ao-shine:linear-gradient(120deg,transparent 30%,rgba(251,191,36,.18) 50%,transparent 70%);
}
[data-theme="teal"]{
    --ao-p:#0D9488;--ao-p-light:#2DD4BF;--ao-p-dark:#115E59;
    --ao-grad:linear-gradient(135deg,#0D9488 0%,#14B8A6 40%,#2DD4BF 100%);
    --ao-grad-btn:linear-gradient(135deg,#0D9488,#14B8A6);
    --ao-shine:linear-gradient(120deg,transparent 30%,rgba(45,212,191,.18) 50%,transparent 70%);
}

html:not([data-mode="dark"]){
    --ao-bg:#FFFFFF;--ao-bg2:#F8FAFC;--ao-bg3:#F1F5F9;
    --ao-text:#0F172A;--ao-text2:#475569;--ao-text3:#94A3B8;
    --ao-border:#E2E8F0;--ao-card:#FFFFFF;
    --ao-shadow:0 1px 3px rgba(0,0,0,.08),0 4px 14px rgba(0,0,0,.04);
    --ao-shadow-lg:0 8px 30px rgba(0,0,0,.1);
}
[data-mode="dark"]{
    --ao-bg:#0B0F19;--ao-bg2:#111827;--ao-bg3:#1E293B;
    --ao-text:#F1F5F9;--ao-text2:#94A3B8;--ao-text3:#64748B;
    --ao-border:#1E293B;--ao-card:#111827;
    --ao-shadow:0 1px 3px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.2);
    --ao-shadow-lg:0 8px 30px rgba(0,0,0,.4);
}

body{
    font-family:var(--ao-font);
    background:var(--ao-bg);
    color:var(--ao-text);
    line-height:1.6;
    transition:background .4s,color .4s;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
html{overflow-x:hidden}

::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-track{background:var(--ao-bg2)}
::-webkit-scrollbar-thumb{background:var(--ao-p);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--ao-p-light)}
*{scrollbar-width:thin;scrollbar-color:var(--ao-p) var(--ao-bg2)}

.ao-container{max-width:1200px;margin:0 auto;padding:0 24px}

.ao-grad-text{
    background:var(--ao-grad);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    background-clip:text;
}

/* ===== STICKY WRAP (topbar + header together) ===== */
.ao-sticky-wrap{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1100;
}

/* ===== TOPBAR ===== */
.ao-topbar{
    background:var(--ao-p-dark);
    color:rgba(255,255,255,.85);
    font-size:.78rem;
    letter-spacing:.2px;
    transition:background .4s;
    position:relative;
    z-index:1;
    overflow:visible;
    animation:aoTopbarColorBreath 40s ease-in-out infinite;
}
@keyframes aoTopbarColorBreath{
    0%   {background:var(--ao-p-dark)}
    25%  {background:var(--ao-p)}
    50%  {background:var(--ao-p-dark)}
    75%  {background:var(--ao-p)}
    100% {background:var(--ao-p-dark)}
}
.ao-topbar::after{
    content:'';
    position:absolute;top:0;left:-100%;
    width:60%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
    animation:aoTopbarShine 4s ease-in-out infinite;
    pointer-events:none;
    overflow:hidden;
    clip-path:inset(0);
}
@keyframes aoTopbarShine{
    0%{left:-60%}
    60%,100%{left:120%}
}
.ao-topbar-inner{
    display:flex;align-items:center;justify-content:space-between;
    height:36px;
}
.ao-topbar-left{display:flex;align-items:center;gap:4px}
.ao-topbar-link{
    display:inline-flex;align-items:center;gap:6px;
    color:rgba(255,255,255,.85);text-decoration:none;
    font-weight:500;transition:color .2s;padding:0 8px;
}
.ao-topbar-link:hover{color:#fff}
.ao-topbar-link i{font-size:.7rem;opacity:.7}
.ao-topbar-sep{
    color:rgba(255,255,255,.25);font-size:.7rem;margin:0 2px;
    user-select:none;
}
.ao-topbar-right{display:flex;align-items:center;gap:12px}
.ao-topbar-social{display:flex;align-items:center;gap:6px}
.ao-topbar-social a{
    width:26px;height:26px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:rgba(255,255,255,.8);font-size:.75rem;
    background:rgba(255,255,255,.08);
    transition:all .25s ease;text-decoration:none;
}
.ao-topbar-social a:hover{
    background:rgba(255,255,255,.2);color:#fff;
    transform:translateY(-2px) scale(1.1);
}
.ao-mode-btn{
    width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);
    cursor:pointer;display:flex;align-items:center;justify-content:center;
    font-size:.75rem;transition:var(--ao-transition);
}
.ao-mode-btn:hover{background:rgba(255,255,255,.2);color:#fff}

.ao-color-picker{position:relative;display:flex;align-items:center}
.ao-color-trigger{
    width:28px;height:28px;border-radius:8px;border:2px solid rgba(255,255,255,.3);
    background:var(--ao-p);cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:var(--ao-transition);padding:0;flex-shrink:0;
    overflow:hidden;
}
.ao-color-trigger:hover{border-color:rgba(255,255,255,.7);transform:scale(1.1)}
.ao-color-trigger-swatch{
    display:none;
}
.ao-color-dropdown{
    position:absolute;top:calc(100% + 10px);right:0;
    background:var(--ao-card);border:1px solid var(--ao-border);
    border-radius:12px;padding:12px;
    display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
    box-shadow:0 12px 40px rgba(0,0,0,.15);
    opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);
    transition:all .2s cubic-bezier(.4,0,.2,1);
    z-index:9999;min-width:180px;
}
.ao-color-dropdown::before{
    content:'';position:absolute;top:-6px;right:12px;
    width:12px;height:12px;background:var(--ao-card);
    border-left:1px solid var(--ao-border);border-top:1px solid var(--ao-border);
    transform:rotate(45deg);
}
.ao-color-dropdown.open{
    opacity:1;visibility:visible;transform:translateY(0) scale(1);
}
.ao-cdot{
    width:36px;height:36px;padding:0;border:3px solid transparent;
    border-radius:10px;background:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:var(--ao-transition);
}
.ao-cdot span{
    display:block;width:100%;height:100%;border-radius:7px;
    transition:transform .2s;
}
.ao-cdot:hover{transform:scale(1.1)}
.ao-cdot.active{border-color:var(--ao-text);box-shadow:0 0 0 1px var(--ao-bg)}

/* ===== HEADER ===== */
.ao-header{
    position:relative;
    background:var(--ao-card);
    border-bottom:1px solid var(--ao-border);
    transition:background .3s,box-shadow .3s;
}
.ao-header.scrolled{
    background:var(--ao-card);
    box-shadow:0 2px 20px rgba(0,0,0,.08);
}
[data-mode="dark"] .ao-header.scrolled{
    background:var(--ao-card);
    box-shadow:0 2px 20px rgba(0,0,0,.3);
}
.ao-nav{padding:0}
.ao-nav-inner{display:flex;align-items:center;justify-content:space-between;height:80px;gap:0}
.ao-logo{text-decoration:none;font-size:1.7rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;flex-shrink:0}
.ao-logo-svg{font-size:0;line-height:0;padding:0;flex-shrink:0;margin:0}
.ao-logo-a{color:var(--ao-text)}
.ao-logo-b{background:var(--ao-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

[data-mode="dark"] .ao-logo-dark-fill{fill:#ffffff !important}
[data-mode="dark"] .ao-logo-sub-fill{fill:rgba(255,255,255,.55) !important}

.ao-menu{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;padding:0 16px}
.ao-menu-link{
    display:inline-flex;align-items:center;gap:7px;
    padding:8px 16px;color:var(--ao-text2);text-decoration:none;
    font-weight:600;font-size:.9rem;border-radius:8px;
    transition:var(--ao-transition);white-space:nowrap;
    position:relative;
}
.ao-menu-link:hover,.ao-menu-link.active{color:var(--ao-p);background:rgba(10,102,194,.06)}
.ao-menu-link.active::after{
    content:'';position:absolute;bottom:-1px;left:16px;right:16px;
    height:2px;background:var(--ao-p);border-radius:2px;
}
.ao-chev{font-size:.6rem!important;opacity:1!important;transition:transform .3s;margin-left:2px}
.ao-has-mega:hover .ao-chev{transform:rotate(180deg)}

/* ===== MEGA MENU ===== */
@keyframes aoMegaBorderFlow{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes aoMegaBorderShimmer{
    0%{transform:translateX(-100%)}
    100%{transform:translateX(400%)}
}
.ao-has-mega{position:static}
.ao-mega{
    position:absolute;top:100%;left:0;right:0;
    background:var(--ao-card);
    border-top:3px solid var(--ao-p);
    box-shadow:0 32px 80px rgba(0,0,0,.14),0 4px 24px rgba(0,0,0,.07);
    opacity:0;visibility:hidden;
    transform:translateY(-6px);
    transition:opacity .28s cubic-bezier(.4,0,.2,1),visibility .28s,transform .28s cubic-bezier(.4,0,.2,1);
    pointer-events:none;
    z-index:999;
    overflow:visible;
}
.ao-mega::after{
    content:'';
    position:absolute;
    bottom:-4px;left:0;right:0;
    height:4px;
    background:linear-gradient(90deg,
        var(--ao-p) 0%,
        var(--ao-p-light) 25%,
        #C9A14A 50%,
        var(--ao-p-light) 75%,
        var(--ao-p) 100%
    );
    background-size:300% 100%;
    animation:aoMegaBorderFlow 3s linear infinite;
    border-radius:0 0 3px 3px;
    opacity:0;
    transition:opacity .3s;
}
.ao-has-mega:hover .ao-mega::after{opacity:1}
[data-mode="dark"] .ao-mega{box-shadow:0 32px 80px rgba(0,0,0,.6),0 4px 24px rgba(0,0,0,.3)}
.ao-has-mega:hover .ao-mega{
    opacity:1;visibility:visible;pointer-events:all;
    transform:translateY(0);
}
.ao-has-mega::before{
    content:'';position:absolute;bottom:-10px;left:0;width:100%;height:10px;
}
.ao-mega-inner{
    display:grid;grid-template-columns:270px 1fr;
    min-height:380px;
    max-width:1320px;
    margin:0 auto;
    padding:0 24px;
}
.ao-mega-sidebar{
    background:var(--ao-bg2);
    border-right:1px solid var(--ao-border);
    padding:12px 0;
    border-radius:0;
    overflow:hidden;
    display:flex;flex-direction:column;gap:0;
}
.ao-mega-cat{
    display:flex;align-items:center;gap:13px;
    padding:13px 18px;color:var(--ao-text2);text-decoration:none;
    transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;
    border-left:3px solid transparent;
}
.ao-mega-cat-icon{
    width:38px;height:38px;border-radius:10px;
    background:var(--ao-bg3);
    display:flex;align-items:center;justify-content:center;
    color:var(--ao-text3);
    transition:all .25s cubic-bezier(.4,0,.2,1);
    flex-shrink:0;
}
.ao-cat-svg{display:block;transition:color .25s}
.ao-cat-svg-accent{transition:color .25s}
.ao-mega-cat-info{display:flex;flex-direction:column;flex:1;min-width:0}
.ao-mega-cat-info strong{font-size:.88rem;font-weight:700;color:var(--ao-text);transition:color .2s;line-height:1.3}
.ao-mega-cat-info small{font-size:.72rem;color:var(--ao-text3);font-weight:400;margin-top:2px;line-height:1.3}
.ao-mega-cat-arr{color:var(--ao-text3);opacity:0;transition:all .2s;flex-shrink:0}

.ao-mega-cat:hover,.ao-mega-cat.active{
    background:var(--ao-card);
    border-left-color:var(--ao-p);
}
.ao-mega-cat:hover .ao-mega-cat-icon,.ao-mega-cat.active .ao-mega-cat-icon{
    background:var(--ao-grad);color:#fff;
    box-shadow:0 4px 14px color-mix(in srgb,var(--ao-p) 30%,transparent);
}
.ao-mega-cat:hover .ao-cat-svg,.ao-mega-cat.active .ao-cat-svg{color:#fff}
.ao-mega-cat:hover .ao-mega-cat-info strong,.ao-mega-cat.active .ao-mega-cat-info strong{color:var(--ao-p)}
.ao-mega-cat:hover .ao-mega-cat-arr,.ao-mega-cat.active .ao-mega-cat-arr{opacity:1;color:var(--ao-p);transform:translateX(2px)}

.ao-mega-content{padding:20px 24px;position:relative;overflow:hidden}
.ao-mega-panel{display:none;animation:aoSlideIn .22s cubic-bezier(.4,0,.2,1)}
.ao-mega-panel.active{display:block}
@keyframes aoSlideIn{
    from{opacity:0;transform:translateX(10px)}
    to{opacity:1;transform:translateX(0)}
}

.ao-mega-panel-body{
    display:grid;grid-template-columns:1fr 1fr 230px;gap:24px;
    align-items:start;
}
.ao-mega-col{display:flex;flex-direction:column;gap:1px}
.ao-mega-group-title{
    font-size:.68rem;text-transform:uppercase;letter-spacing:1.6px;
    color:var(--ao-text3);font-weight:700;
    margin:0 0 6px;padding:0 10px;
}
.ao-mega-col a{
    display:flex;align-items:center;gap:10px;
    padding:8px 10px;color:var(--ao-text2);text-decoration:none;
    font-size:.86rem;font-weight:500;border-radius:8px;
    transition:all .18s cubic-bezier(.4,0,.2,1);
    position:relative;
}
.ao-mega-col a:hover{
    background:color-mix(in srgb,var(--ao-p) 8%,transparent);
    color:var(--ao-p);
    transform:translateX(4px);
}
.ao-mlink-ico{
    width:24px;height:24px;border-radius:6px;
    background:color-mix(in srgb,var(--ao-p) 10%,transparent);
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;color:var(--ao-p);
    transition:all .18s;
}
.ao-mega-col a:hover .ao-mlink-ico{
    background:var(--ao-p);color:#fff;
}
.ao-mega-col a i{width:18px;text-align:center;color:var(--ao-p);font-size:.82rem;opacity:.7}
.ao-mega-col a:hover i{opacity:1}

/* SVG Promo Cards */
.ao-mega-promo{align-self:start}
.ao-promo-svg-card{
    border-radius:12px;overflow:hidden;
    background:var(--ao-bg2);
    border:1px solid var(--ao-border);
    transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;
    cursor:pointer;
    text-decoration:none;
    display:block;
}
.ao-promo-svg-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 40px color-mix(in srgb,var(--ao-p) 18%,transparent);
    border-color:color-mix(in srgb,var(--ao-p) 30%,transparent);
}
.ao-promo-svg-wrap{
    width:100%;aspect-ratio:240/200;
    overflow:hidden;
    position:relative;
    background:var(--ao-bg2);
}
.ao-promo-illustration{
    width:100%;height:100%;
    display:block;
}
.ao-promo-svg-footer{
    padding:10px 14px 12px;
    border-top:1px solid var(--ao-border);
    display:flex;align-items:center;justify-content:space-between;
}
.ao-promo-svg-footer strong{
    font-size:.85rem;font-weight:800;color:var(--ao-text);
}
.ao-promo-svg-footer span{
    font-size:.76rem;color:var(--ao-p);font-weight:600;
    opacity:0.9;transition:opacity .18s;
}
.ao-promo-svg-card:hover .ao-promo-svg-footer span{opacity:1}

/* Legacy promo card (fallback) */
.ao-mega-promo-card{
    border-radius:var(--ao-radius);overflow:hidden;
    position:relative;background:var(--ao-bg3);
}
.ao-mega-promo-card img{
    width:100%;height:200px;object-fit:cover;display:block;
    transition:transform .5s;
}
.ao-mega-promo-card:hover img{transform:scale(1.05)}
.ao-mega-promo-overlay{
    position:absolute;bottom:0;left:0;right:0;
    padding:16px;color:#fff;
    background:linear-gradient(to top,rgba(0,0,0,.85) 40%,transparent);
}
.ao-mega-promo-overlay strong{display:block;font-size:.9rem;margin-bottom:2px}
.ao-mega-promo-overlay span,.ao-mega-promo-overlay a{font-size:.78rem;opacity:.85;color:#fff;text-decoration:none}
.ao-mega-promo-overlay a:hover{opacity:1;text-decoration:underline}

/* ===== NAV ACTIONS ===== */
.ao-nav-actions{display:flex;align-items:center;gap:8px}
.ao-nav-mode-btn,.ao-nav-color-picker{display:none}
.ao-mobile-btn{display:none;background:none;border:none;color:var(--ao-text);font-size:1.4rem;cursor:pointer;padding:8px}
.ao-menu-nav-scroll{display:contents}
.ao-menu-close-row{display:none}
.ao-menu-cta{display:none}

/* ===== BUTTONS ===== */
@keyframes ao-btn-shimmer{
    0%{left:-100%}
    60%{left:100%}
    100%{left:100%}
}
@keyframes ao-gold-slow-shine{
    0%{left:-120%;opacity:0}
    10%{opacity:1}
    50%{left:120%;opacity:1}
    60%,100%{left:120%;opacity:0}
}
.ao-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:12px 28px;border-radius:8px;font-weight:700;
    font-size:.95rem;text-decoration:none;border:none;cursor:pointer;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
    font-family:var(--ao-font);
    position:relative;overflow:hidden;
}
.ao-btn::after{
    content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
    background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,0.35) 50%,transparent 80%);
    transition:none;
    pointer-events:none;
}
.ao-btn:hover::after{
    animation:ao-btn-shimmer .7s ease forwards;
}
.ao-btn-primary{background:var(--ao-grad-btn);color:#fff}
.ao-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(13,43,92,.45)}

/* Outline button — exactly like Login button + slow gold shine idle */
.ao-btn-outline{
    background:transparent;
    border:2px solid #C9A14A;
    color:#C9A14A;
}
.ao-btn-outline::before{
    content:'';
    position:absolute;
    top:0;left:-120%;
    width:55%;height:100%;
    background:linear-gradient(120deg,transparent 20%,rgba(240,208,128,0.45) 50%,transparent 80%);
    pointer-events:none;
    animation:ao-gold-slow-shine 3.5s ease-in-out infinite;
}
.ao-btn-outline:hover{
    background:linear-gradient(135deg,#C9A14A 0%,#e8c472 100%);
    border-color:#C9A14A;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 30px rgba(201,161,74,.45);
}
.ao-btn-outline:hover::before{
    animation:none;
    display:none;
}
.ao-btn-login{background:transparent !important;border:2px solid #C9A14A !important;color:#C9A14A !important;padding:10px 22px;font-size:.85rem}
.ao-btn-login:hover{background:linear-gradient(135deg,#C9A14A 0%,#e8c472 100%) !important;border-color:#C9A14A !important;color:#fff !important;transform:translateY(-3px);box-shadow:0 10px 30px rgba(201,161,74,.45) !important}
.ao-btn-login::after{background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,0.5) 50%,transparent 80%)}
.ao-btn-white{background:#fff;color:var(--ao-p)}
.ao-btn-white:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,255,255,.35)}
.ao-btn-lg{padding:16px 36px;font-size:1.05rem;border-radius:10px}
.ao-btn-nav{padding:10px 22px;font-size:.85rem;border-radius:8px}
.ao-btn-sm{padding:8px 18px;font-size:.85rem;border-radius:6px}

/* ===== HERO ===== */
.ao-hero{
    padding:80px 0 0;
    background:var(--ao-bg);
    position:relative;
    overflow:visible;
}
[data-mode="light"] .ao-hero{
    background:linear-gradient(160deg,#f0f7ff 0%,#ffffff 50%,#f8fbff 100%);
}
[data-mode="dark"] .ao-hero{
    background:linear-gradient(160deg,#060d1a 0%,#0d1117 60%,#0a1628 100%);
}
.ao-hero::before{
    content:'';position:absolute;top:-40%;right:-15%;width:55%;height:180%;
    background:var(--ao-grad);opacity:.05;border-radius:50%;
    filter:blur(90px);pointer-events:none;
    animation:aoBgPulse 8s ease-in-out infinite;
}
.ao-hero::after{
    content:'';position:absolute;bottom:-30%;left:-10%;width:40%;height:120%;
    background:var(--ao-grad);opacity:.04;border-radius:50%;
    filter:blur(70px);pointer-events:none;
    animation:aoBgPulse 8s ease-in-out infinite 4s;
}
@keyframes aoBgPulse{
    0%,100%{opacity:.04;transform:scale(1)}
    50%{opacity:.08;transform:scale(1.05)}
}

.ao-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding:20px 0 0;padding-bottom:0}

/* ---- slider: fixed height container, all slides stacked absolute ---- */
.ao-hero-left{position:relative;padding-bottom:60px;}
.ao-hero-slides-wrap{
    position:relative;
    height:300px;
    overflow:hidden;
    margin-bottom:8px;
}
.ao-hero-slide{
    position:absolute;top:0;left:0;width:100%;
    opacity:0;transform:translateY(30px);
    transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);
    pointer-events:none;
}
.ao-hero-slide.active{
    opacity:1;transform:translateY(0);
    pointer-events:all;
}
.ao-hero h1{font-size:2.9rem;font-weight:900;line-height:1.15;margin-bottom:14px;letter-spacing:-.02em}
.ao-hero p.ao-lead{font-size:1rem;color:var(--ao-text2);line-height:1.7;margin-bottom:0}
.ao-hero-cta{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}

/* slide dots */
.ao-slide-dots{display:flex;gap:8px;margin-bottom:28px;align-items:center}
.ao-sdot{
    width:8px;height:8px;border-radius:50%;border:none;
    background:var(--ao-border);cursor:pointer;
    transition:all .35s cubic-bezier(.4,0,.2,1);padding:0;
}
.ao-sdot.active{width:32px;border-radius:4px;background:var(--ao-p);}
.ao-sdot:hover:not(.active){background:var(--ao-p-light);}

/* ---- hero visual right panel ---- */
.ao-hero-visual{
    position:relative;
    overflow:visible;
    height:520px;
    background:transparent;
    align-self:end;
    margin-bottom:0;
}
.ao-hero-visual-inner{
    position:absolute;inset:0;
    overflow:visible;
    background:transparent;
}

/* Each visual slide is its own full scene */
.ao-hero-visual-slide{
    position:absolute;inset:0;
    opacity:0;
    transition:opacity .75s cubic-bezier(.4,0,.2,1);
    pointer-events:none;
    overflow:visible;
    isolation:isolate;
    background:transparent;
}
.ao-hero-visual-slide.active{
    opacity:1;
    pointer-events:all;
}

/* Slide background panel - full cover photo */
.ao-vs-bg{
    position:absolute;inset:0;
    overflow:visible;
    z-index:1;
    background:none;
}
.ao-vs-bg-img{
    width:100%;height:100%;
    object-fit:contain;
    object-position:center bottom;
    display:block;
}
.ao-hero-visual-slide.active .ao-vs-bg-img{
    transform:none;
}
.ao-vs-bg::after{content:none;}
.ao-vs-bg::before{content:none;}

/* floating cards container */
.ao-hero-card-stack{
    position:absolute;inset:0;
    overflow:visible;
    z-index:20;
    pointer-events:none;
}
.ao-hero-card-stack .ao-vc{pointer-events:all}

/* Glass floating cards */
.ao-vc{
    position:absolute;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(255,255,255,.75);
    border-radius:16px;
    padding:12px 18px;
    display:flex;align-items:center;gap:12px;
    font-size:.83rem;font-weight:700;color:#0f1f3d;
    box-shadow:0 10px 40px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.9);
    white-space:nowrap;
    z-index:20;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.ao-vc i{
    width:36px;height:36px;border-radius:10px;
    background:var(--ao-grad);color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:.85rem;flex-shrink:0;
    box-shadow:0 4px 14px rgba(10,102,194,.4);
}
.ao-vc-tl i{
    background:linear-gradient(135deg,#0ea5e9,#0284c7);
    box-shadow:0 4px 14px rgba(14,165,233,.45);
}
.ao-vc-tr i{
    background:linear-gradient(135deg,#10b981,#059669);
    box-shadow:0 4px 14px rgba(16,185,129,.45);
}
.ao-vc-bl i{
    background:linear-gradient(135deg,#f59e0b,#d97706);
    box-shadow:0 4px 14px rgba(245,158,11,.45);
}
.ao-vc-br i{
    background:linear-gradient(135deg,#8b5cf6,#7c3aed);
    box-shadow:0 4px 14px rgba(139,92,246,.45);
}
.ao-vc span{letter-spacing:.01em}

/* Card positions - contained within parent */
.ao-vc-tl{top:24px;left:8px;animation:aoVcTL 3.8s ease-in-out infinite}
.ao-vc-tr{top:-40px;right:8px;animation:aoVcTR 4.2s ease-in-out infinite .5s}
.ao-vc-bl{bottom:40px;left:8px;animation:aoVcBL 3.6s ease-in-out infinite 1.0s}
.ao-vc-br{bottom:40px;right:8px;animation:aoVcBR 4.4s ease-in-out infinite 0.3s}

/* Center card — blue pill style, prominent */
.ao-vc-center{
    bottom:30%;left:50%;
    transform:translateX(-50%);
    animation:aoVcCenterNew 5s ease-in-out infinite;
    font-size:.95rem;padding:14px 24px;
    z-index:22;
    background:var(--ao-grad);
    color:#fff;
    border:1px solid rgba(255,255,255,.35);
    box-shadow:0 16px 48px rgba(10,102,194,.5),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);
    border-radius:50px;
}
.ao-vc-center i{
    width:36px;height:36px;font-size:.9rem;
    background:rgba(255,255,255,.22);
    box-shadow:none;border-radius:50%;
}
.ao-vc-center span{color:#fff;font-size:.92rem}

@keyframes aoVcTL{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
@keyframes aoVcTR{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-14px) rotate(-1.5deg)}}
@keyframes aoVcBL{0%,100%{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-10px) rotate(-2deg)}}
@keyframes aoVcBR{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes aoVcCenterNew{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(-10px) scale(1.03)}}

/* stats */
.ao-stats{display:flex;gap:40px}
.ao-stat-val{
    font-size:2.2rem;font-weight:800;
    background:var(--ao-grad);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    white-space:nowrap;
}
.ao-stat-lbl{font-size:.88rem;color:var(--ao-text3);font-weight:500;margin-top:4px}

/* ===== SCROLL-IN ANIMATIONS ===== */
.ao-reveal{
    opacity:0;transform:translateY(40px);
    transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);
}
.ao-reveal.visible{opacity:1;transform:translateY(0)}
.ao-reveal-delay-1{transition-delay:.1s}
.ao-reveal-delay-2{transition-delay:.2s}
.ao-reveal-delay-3{transition-delay:.3s}
.ao-reveal-delay-4{transition-delay:.4s}

/* ===== SECTIONS ===== */
.ao-section{padding:80px 0}
.ao-section-alt{background:var(--ao-bg2)}
.ao-section-head{text-align:center;margin-bottom:56px}
.ao-section-head h2{font-size:2.5rem;font-weight:800;margin-bottom:12px;letter-spacing:-.01em}
.ao-section-head p{font-size:1.15rem;color:var(--ao-text2);max-width:600px;margin:0 auto;line-height:1.7}
.ao-badge{
    display:inline-block;background:var(--ao-grad);color:#fff;
    padding:6px 18px;border-radius:50px;font-size:.78rem;
    font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;
}

/* ===== CARDS ===== */
.ao-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.ao-card{
    background:var(--ao-card);border:1px solid var(--ao-border);
    border-radius:var(--ao-radius-lg);padding:32px;
    transition:var(--ao-transition);position:relative;overflow:hidden;
}
.ao-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:var(--ao-grad);transform:scaleX(0);transform-origin:left;
    transition:transform .4s;
}
.ao-card:hover{transform:translateY(-8px);box-shadow:var(--ao-shadow-lg);border-color:var(--ao-p)}
.ao-card:hover::before{transform:scaleX(1)}
.ao-card-icon{
    width:56px;height:56px;border-radius:var(--ao-radius);
    background:var(--ao-grad);display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:1.4rem;margin-bottom:20px;
    position:relative;overflow:hidden;
}
.ao-card-icon::after{
    content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
    background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.15),transparent);
    animation:ao-shine 3s linear infinite;
}
@keyframes ao-shine{to{transform:rotate(360deg)}}
.ao-card h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}
.ao-card p{color:var(--ao-text2);font-size:.95rem;line-height:1.7}
.ao-card.ao-featured{border:2px solid var(--ao-p)}
.ao-card-badge{
    position:absolute;top:-1px;right:24px;
    background:var(--ao-grad);color:#fff;
    padding:6px 16px;border-radius:0 0 8px 8px;
    font-size:.78rem;font-weight:700;
}

.ao-feat-list{list-style:none;margin:16px 0}
.ao-feat-list li{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--ao-text2);font-size:.92rem}
.ao-feat-list li i{color:var(--ao-p);font-size:.8rem}
.ao-card-actions{display:flex;gap:10px;margin-top:20px}
.ao-card-actions .ao-btn{flex:1;justify-content:center;padding:10px 16px;font-size:.88rem}

/* ===== STEPS ===== */
.ao-steps{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.ao-step{text-align:center;flex:1;min-width:200px;max-width:260px}
.ao-step-num{
    width:44px;height:44px;border-radius:50%;background:var(--ao-grad);
    color:#fff;display:flex;align-items:center;justify-content:center;
    font-weight:800;margin:0 auto 16px;font-size:1.1rem;
}
.ao-step-icon{
    width:72px;height:72px;border:2px solid var(--ao-p);border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 20px;font-size:1.8rem;color:var(--ao-p);
}
.ao-step h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.ao-step p{color:var(--ao-text2);font-size:.9rem;line-height:1.6}
.ao-step-arrow{color:var(--ao-p);font-size:1.4rem}

/* ===== FEATURES GRID ===== */
.ao-feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.ao-feat{text-align:center;padding:32px 24px}
.ao-feat-ico{
    width:72px;height:72px;border-radius:16px;background:var(--ao-grad);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 20px;font-size:1.8rem;color:#fff;
    position:relative;overflow:hidden;
}
.ao-feat-ico::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);
}
.ao-feat h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}
.ao-feat p{color:var(--ao-text2);font-size:.92rem;line-height:1.7}

/* ===== CTA ===== */
.ao-cta{
    padding:80px 0;background:var(--ao-grad);color:#fff;
    text-align:center;position:relative;overflow:hidden;
}
.ao-cta::before{
    content:'';position:absolute;top:0;left:0;right:0;bottom:0;
    background:var(--ao-shine);animation:ao-cta-shine 4s ease-in-out infinite;
}
@keyframes ao-cta-shine{0%,100%{opacity:0}50%{opacity:1}}
.ao-cta h2{font-size:2.5rem;font-weight:800;margin-bottom:16px;position:relative}
.ao-cta p{font-size:1.2rem;opacity:.9;margin-bottom:32px;position:relative}
.ao-cta .ao-btn{position:relative}

/* ===== CALCULATOR ===== */
.ao-calc-wrap{max-width:800px;margin:0 auto}
.ao-calc{
    background:var(--ao-card);border:1px solid var(--ao-border);
    border-radius:var(--ao-radius-lg);padding:36px;
    box-shadow:var(--ao-shadow-lg);
}
.ao-calc-tabs{display:flex;gap:0;border-bottom:2px solid var(--ao-border);margin-bottom:28px}
.ao-calc-tab{
    flex:1;padding:14px;background:none;border:none;
    color:var(--ao-text3);font-weight:700;cursor:pointer;
    font-size:.95rem;position:relative;transition:color .3s;
    font-family:var(--ao-font);
}
.ao-calc-tab.active{color:var(--ao-p)}
.ao-calc-tab.active::after{
    content:'';position:absolute;bottom:-2px;left:0;right:0;
    height:2px;background:var(--ao-grad);
}
.ao-calc-panel{display:none}
.ao-calc-panel.active{display:block}
.ao-form-group{margin-bottom:20px}
.ao-form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--ao-text);font-size:.92rem}
.ao-form-group input,.ao-form-group select,.ao-form-group textarea{
    width:100%;padding:12px 16px;border:2px solid var(--ao-border);
    border-radius:8px;background:var(--ao-bg);color:var(--ao-text);
    font-size:1rem;transition:border-color .3s;font-family:var(--ao-font);
}
.ao-form-group input:focus,.ao-form-group select:focus,.ao-form-group textarea:focus{
    outline:none;border-color:var(--ao-p);
}
.ao-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ao-calc-result{
    background:var(--ao-grad);color:#fff;padding:28px;
    border-radius:var(--ao-radius);text-align:center;margin-top:24px;
    position:relative;overflow:hidden;
}
.ao-calc-result::before{
    content:'';position:absolute;inset:0;background:var(--ao-shine);animation:ao-cta-shine 3s ease-in-out infinite;
}
.ao-calc-result-val{font-size:2.8rem;font-weight:800;position:relative}
.ao-calc-result-lbl{font-size:1rem;opacity:.9;margin-top:6px;position:relative}

/* ===== FOOTER ===== */
.ao-footer{background:#0B1F3A;border-top:1px solid rgba(255,255,255,.1);padding:60px 0 0}
.ao-footer-logo-strip{
    background:#fff;
    display:inline-flex;
    align-items:center;
    border-radius:10px;
    margin-bottom:20px;
    padding:8px 16px;
    max-width:260px;
}

.ao-footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px;margin-bottom:40px}
.ao-footer-brand p{color:rgba(255,255,255,.65);font-size:.92rem;line-height:1.7;margin-bottom:20px}
.ao-social{display:flex;gap:10px}
.ao-social a{
    width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15);
    color:#fff;display:flex;align-items:center;justify-content:center;
    text-decoration:none;font-size:.85rem;transition:var(--ao-transition);
}
.ao-social a:hover{background:var(--ao-p);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.ao-footer-reg-info{margin-top:16px;display:flex;flex-direction:column;gap:8px;}
.ao-reg-badge{display:flex;align-items:center;gap:0;overflow:hidden;border-radius:6px;width:fit-content;border:1px solid rgba(201,161,74,.25);}
.ao-reg-label{background:rgba(201,161,74,.18);color:var(--ao-gold,#C9A14A);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:4px 9px;white-space:nowrap;border-right:1px solid rgba(201,161,74,.25);}
.ao-reg-value{color:rgba(255,255,255,.6);font-size:.72rem;padding:4px 10px;white-space:nowrap;letter-spacing:.02em;}
.ao-footer-col h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ao-gold,#C9A14A);margin-bottom:16px}
.ao-footer-col ul{list-style:none}
.ao-footer-col ul li{margin-bottom:8px}
.ao-footer-col ul li a{
    color:rgba(255,255,255,.65);text-decoration:none;font-size:.9rem;
    transition:color .25s,transform .2s;display:flex;align-items:center;gap:10px;
    padding:3px 0;
}
.ao-footer-col ul li a i{
    width:26px;height:26px;border-radius:50%;flex-shrink:0;
    display:inline-flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.08);
    color:var(--ao-gold, #C9A14A);
    font-size:.75rem;
    transition:background .25s,color .25s,box-shadow .25s,transform .2s;
}
.ao-footer-col ul li a:hover{color:#fff;transform:translateX(4px)}
.ao-footer-col ul li a:hover i{
    background:var(--ao-gold,#C9A14A);
    color:#0B1F3A;
    box-shadow:0 4px 12px rgba(201,161,74,.4);
    transform:scale(1.1);
}
.ao-footer-disclaimer{
    background:rgba(255,255,255,0.07);
    border-top:1px solid rgba(255,255,255,0.12);
    border-bottom:1px solid rgba(255,255,255,0.12);
    text-align:center;
    padding:14px 24px;
}
.ao-footer-disclaimer p{
    margin:0;
    font-size:.82rem;
    color:rgba(255,255,255,.75);
    line-height:1.6;
    max-width:900px;
    margin:0 auto;
}
.ao-footer-disclaimer strong{
    color:rgba(255,255,255,.95);
}
.ao-footer-regulators{
    text-align:center;
    padding:14px 24px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}
.ao-footer-regulators a{
    font-size:.82rem;
    font-weight:700;
    color:rgba(255,255,255,.8);
    text-decoration:none;
    letter-spacing:.5px;
    transition:color .2s;
}
.ao-footer-regulators a:hover{
    color:#C9A14A;
}
.ao-footer-reg-sep{
    color:rgba(255,255,255,.3);
    margin:0 10px;
    font-size:.8rem;
}
.ao-footer-policy-links{
    text-align:center;
    padding:14px 24px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}
.ao-footer-policy-links a{
    font-size:.8rem;
    color:rgba(255,255,255,.65);
    text-decoration:none;
    transition:color .2s;
}
.ao-footer-policy-links a:hover{
    color:#C9A14A;
    text-decoration:none;
}
.ao-footer-bottom{
    text-align:center;
    padding:20px 24px;
    font-size:.88rem;
    color:rgba(255,255,255,.9);
    background:var(--ao-p-dark);
    animation:ao-footer-color-drift 50s ease-in-out infinite;
}
.ao-footer{overflow:hidden}
@keyframes ao-footer-color-drift{
    0%   {background:var(--ao-p-dark)}
    20%  {background:var(--ao-p)}
    40%  {background:var(--ao-p-dark)}
    60%  {background:var(--ao-p-light)}
    80%  {background:var(--ao-p-dark)}
    100% {background:var(--ao-p-dark)}
}

/* ===== P2P CALCULATOR ===== */
.ao-p2p-calc-section{background:var(--ao-bg)}
.ao-p2p-howworks{display:flex;align-items:stretch;gap:0;background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);padding:20px 24px;margin-bottom:32px;flex-wrap:wrap;gap:10px}
.ao-p2p-hw-step{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:150px}
.ao-p2p-hw-num{width:30px;height:30px;border-radius:50%;background:var(--ao-p);color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.ao-p2p-hw-step > div:last-child{display:flex;flex-direction:column;gap:3px}
.ao-p2p-hw-step strong{font-size:.85rem;font-weight:700;color:var(--ao-text);display:block}
.ao-p2p-hw-step span{font-size:.75rem;color:var(--ao-text3);line-height:1.4}
.ao-p2p-hw-arrow{color:var(--ao-text3);font-size:.7rem;padding:0 2px;flex-shrink:0;align-self:center}
.ao-p2p-calc-wrap{display:grid;grid-template-columns:400px 1fr;gap:28px;align-items:start;margin-bottom:28px;max-width:1400px;margin-left:auto;margin-right:auto}
.ao-p2p-inputs{background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:18px}
.ao-p2p-input-group{display:flex;flex-direction:column;gap:0}
.ao-p2p-input-group label{font-weight:700;font-size:.9rem;color:var(--ao-text);display:block;margin-bottom:8px}
.ao-p2p-input-box{display:flex;align-items:center;border:1.5px solid var(--ao-border);border-radius:8px;overflow:hidden;background:var(--ao-bg);transition:.2s}
.ao-p2p-input-box:focus-within{border-color:var(--ao-p);box-shadow:0 0 0 3px rgba(10,102,194,.12)}
.ao-p2p-prefix{padding:0 12px;font-weight:700;font-size:1rem;color:var(--ao-p);border-right:1.5px solid var(--ao-border);background:var(--ao-bg2, var(--ao-card));align-self:stretch;display:flex;align-items:center}
.ao-p2p-input-box input{flex:1;border:none;background:transparent;padding:12px 14px;font-size:1rem;color:var(--ao-text);outline:none;font-family:var(--ao-font);font-weight:600}
.ao-p2p-hint{font-size:.78rem;color:var(--ao-text3);margin-top:2px}
.ao-p2p-slider-wrap{display:flex;align-items:center;gap:14px}
.ao-p2p-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--ao-border);outline:none;cursor:pointer}
.ao-p2p-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ao-p);cursor:pointer;box-shadow:0 2px 8px rgba(10,102,194,.3);transition:.2s}
.ao-p2p-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}
.ao-p2p-slider-val{font-weight:800;font-size:1.05rem;color:var(--ao-p);min-width:72px;text-align:right}
.ao-p2p-tenure-btns{display:flex;gap:10px}
.ao-p2p-tenure-btn{flex:1;padding:10px;border:2px solid var(--ao-border);border-radius:8px;background:transparent;color:var(--ao-text2);font-weight:700;cursor:pointer;transition:.2s;font-family:var(--ao-font)}
.ao-p2p-tenure-btn.active{border-color:var(--ao-p);background:var(--ao-p);color:#fff}
.ao-p2p-tenure-btn:not(.active):hover{border-color:var(--ao-p);color:var(--ao-p)}
.ao-p2p-reinvest-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--ao-card-bg,#f3f4f6);border-radius:12px;border:1.5px solid var(--ao-border);padding:4px}
.ao-p2p-ri-btn{border:none;background:transparent;border-radius:9px;padding:11px 10px;font-size:13px;font-weight:600;color:var(--ao-text2);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px;font-family:var(--ao-font);white-space:nowrap}
.ao-p2p-ri-btn.active{background:var(--ao-p);color:#fff;box-shadow:0 2px 12px rgba(10,102,194,.25)}
.ao-p2p-ri-btn:not(.active):hover{color:var(--ao-p)}
.ao-p2p-tenure-ticks{display:flex;justify-content:space-between;padding:5px 10px 0;margin-top:2px}
.ao-p2p-tenure-ticks span{font-size:.68rem;color:var(--ao-text3);text-align:center;width:10%}
.ao-p2p-calc-btn{width:100%;justify-content:center;padding:14px;font-size:1rem;margin-top:4px}

.ao-p2p-results{display:flex;flex-direction:column;gap:20px}
.ao-p2p-summary{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-bottom:8px}
.ao-p2p-sum-card{background:var(--ao-card);border:2px solid var(--ao-border);border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;transition:all .3s;min-height:110px;align-items:center;text-align:center;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.ao-p2p-sum-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}
.ao-p2p-sum-icon{font-size:1.6rem;color:var(--ao-text3);margin-bottom:4px}
.ao-p2p-sum-label{font-size:.72rem;color:var(--ao-text3);font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.3}
.ao-p2p-sum-val{font-size:1.5rem;font-weight:900;color:var(--ao-text);margin-top:2px}
.ao-p2p-sum-badge{font-size:.68rem;color:var(--ao-text3);background:var(--ao-bg2);padding:3px 10px;border-radius:20px;margin-top:2px;font-weight:600}

.ao-p2p-sum-invest{background:linear-gradient(135deg,rgba(10,102,194,.12) 0%,rgba(10,102,194,.05) 100%);border:2px solid var(--ao-p)}
.ao-p2p-sum-invest .ao-p2p-sum-icon{color:var(--ao-p);font-size:1.7rem}
.ao-p2p-sum-invest .ao-p2p-sum-val{color:var(--ao-p)}
.ao-p2p-sum-invest .ao-p2p-sum-label{color:var(--ao-p);font-weight:800}

.ao-p2p-highlighted{border:2px solid #22c55e;background:linear-gradient(135deg,rgba(34,197,94,.12) 0%,rgba(34,197,94,.05) 100%);box-shadow:0 4px 16px rgba(34,197,94,.2)}
.ao-p2p-highlighted .ao-p2p-sum-icon{font-size:1.8rem;color:#16a34a}
.ao-p2p-highlighted .ao-p2p-sum-label{color:#16a34a;font-weight:800;font-size:.75rem}
.ao-p2p-highlighted .ao-p2p-sum-val{font-size:1.6rem;color:#16a34a;font-weight:900}
.ao-p2p-highlighted .ao-p2p-sum-badge{background:rgba(34,197,94,.15);color:#16a34a;font-weight:700}

.ao-p2p-highlighted-gold{border:2px solid #C9A14A;background:linear-gradient(135deg,rgba(201,161,74,.12) 0%,rgba(201,161,74,.05) 100%);box-shadow:0 6px 20px rgba(201,161,74,.25)}
.ao-p2p-highlighted-gold .ao-p2p-sum-icon{font-size:1.9rem;color:#C9A14A}
.ao-p2p-highlighted-gold .ao-p2p-sum-label{color:#C9A14A;font-weight:800;font-size:.75rem}
.ao-p2p-highlighted-gold .ao-p2p-sum-val{font-size:1.7rem;color:#C9A14A;font-weight:900}
.ao-p2p-sum-badge-gold{background:rgba(201,161,74,.2);color:#92400e;font-weight:700}

.ao-p2p-gain-display{background:var(--ao-card);border:2px solid var(--ao-border);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.ao-p2p-gain-icon{width:48px;height:48px;min-width:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;box-shadow:0 4px 16px rgba(139,92,246,.3)}
.ao-p2p-gain-content{flex:1}
.ao-p2p-gain-label{font-size:.75rem;color:var(--ao-text3);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.ao-p2p-gain-value{font-size:1.6rem;font-weight:900;color:#8b5cf6;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ao-p2p-gain-info{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(139,92,246,.08);border-radius:8px;font-size:.72rem;color:var(--ao-text2);flex-shrink:0}
.ao-p2p-gain-info i{color:#8b5cf6;font-size:.7rem}
.ao-p2p-gain-npa{font-size:.8rem;color:#dc2626;font-weight:600}
.ao-p2p-comparison{background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);padding:24px;box-shadow:var(--ao-shadow)}
.ao-p2p-comp-title{font-size:1.1rem;font-weight:700;color:var(--ao-text);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.ao-p2p-comp-title i{color:var(--ao-p);font-size:1rem}
.ao-p2p-comp-table{display:flex;flex-direction:column;gap:1px;border-radius:8px;overflow:hidden;border:1px solid var(--ao-border)}
.ao-p2p-comp-row{display:grid;grid-template-columns:2fr 1.5fr 1.2fr;background:var(--ao-bg)}
.ao-p2p-comp-header{background:var(--ao-bg2);font-weight:700;font-size:.8rem;color:var(--ao-text);text-transform:uppercase;letter-spacing:.5px}
.ao-p2p-comp-cell{padding:12px 16px;display:flex;align-items:center;gap:8px;border-right:1px solid var(--ao-border)}
.ao-p2p-comp-cell:last-child{border-right:none}
.ao-p2p-comp-row:not(.ao-p2p-comp-header){border-bottom:1px solid var(--ao-border)}
.ao-p2p-comp-row:last-child{border-bottom:none}
.ao-p2p-comp-highlight{background:linear-gradient(90deg,rgba(201,161,74,.08) 0%,rgba(201,161,74,.03) 100%);border-left:3px solid #C9A14A}
.ao-p2p-comp-highlight .ao-p2p-comp-cell{font-weight:600}
.ao-risk-badge{padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.ao-risk-low{background:#d1fae5;color:#065f46}
.ao-risk-med{background:#fef3c7;color:#92400e}
.ao-risk-high{background:#fee2e2;color:#991b1b}
.ao-p2p-comp-note{margin-top:16px;padding:12px 16px;background:rgba(10,102,194,.05);border-left:3px solid var(--ao-p);border-radius:6px;font-size:.82rem;color:var(--ao-text2);display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.ao-p2p-comp-note i{color:var(--ao-p);margin-top:2px;flex-shrink:0}

.ao-p2p-month-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.3px}
.ao-p2p-badge-reinvest{background:#4ecca3;color:#fff}

.ao-p2p-table-wrap{background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);overflow:hidden;margin-bottom:24px}
.ao-p2p-table-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--ao-border)}
.ao-p2p-table-head h3{font-size:1rem;font-weight:700;margin:0}
.ao-p2p-table-legend{display:flex;gap:16px}
.ao-p2p-leg{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600}
.ao-p2p-leg::before{content:'';width:12px;height:12px;border-radius:3px;display:inline-block}
.ao-p2p-leg-reinvest::before{background:rgba(34,197,94,.2);border:1.5px solid #22c55e}
.ao-p2p-leg-accumulate::before{background:rgba(243,156,18,.15);border:1.5px solid #f39c12}
.ao-p2p-leg-withdraw::before{background:rgba(234,179,8,.15);border:1.5px solid #eab308}
.ao-p2p-table-scroll{overflow-x:auto}
.ao-p2p-table{width:100%;border-collapse:collapse;font-size:.88rem}
.ao-p2p-table thead tr{background:var(--ao-p);color:#fff}
.ao-p2p-table th{padding:12px 16px;text-align:right;font-weight:700;font-size:.82rem;white-space:nowrap}
.ao-p2p-table th:first-child{text-align:left}
.ao-p2p-table td{padding:10px 16px;text-align:right;border-bottom:1px solid var(--ao-border);color:var(--ao-text2);font-weight:500;white-space:nowrap}
.ao-p2p-table td:first-child{text-align:left;font-weight:700;color:var(--ao-text)}
.ao-p2p-row-reinvest{background:rgba(34,197,94,.04)}
.ao-p2p-row-withdraw{background:rgba(234,179,8,.05)}
.ao-p2p-row-accumulate{background:rgba(243,156,18,.06)}
.ao-p2p-row-reinvest:hover,.ao-p2p-row-withdraw:hover,.ao-p2p-row-accumulate:hover{background:rgba(10,102,194,.06)}
.ao-p2p-final-cell{color:#C9A14A !important;font-weight:800 !important;font-size:.95rem}
.ao-p2p-yr-hdr td{font-size:.9rem;border-top:2px solid var(--ao-border)}
.ao-p2p-yr-hdr:hover{background:rgba(10,102,194,.1) !important}
.ao-p2p-yr-toggle{font-size:.65rem;opacity:.7}
.ao-p2p-tenure-ticks{display:flex;justify-content:space-between;padding:4px 8px 0;margin-top:2px}
.ao-p2p-tenure-ticks span{font-size:.68rem;color:var(--ao-text3);text-align:center;flex:1}

.ao-p2p-benefit{background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);overflow:hidden}
.ao-p2p-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.ao-p2p-benefit-item{display:flex;align-items:flex-start;gap:14px;padding:24px;border-bottom:1px solid var(--ao-border);border-right:1px solid var(--ao-border)}
.ao-p2p-benefit-item:nth-child(2n){border-right:none}
.ao-p2p-benefit-item:nth-child(n+3){border-bottom:none}
.ao-p2p-benefit-item i{font-size:1.5rem;color:var(--ao-p);flex-shrink:0;margin-top:2px}
.ao-p2p-benefit-item.ao-p2p-benefit-highlight{background:linear-gradient(135deg,rgba(10,102,194,.06) 0%,rgba(201,161,74,.06) 100%)}
.ao-p2p-benefit-item.ao-p2p-benefit-highlight i{color:#C9A14A}
.ao-p2p-benefit-item strong{display:block;font-weight:700;font-size:.95rem;color:var(--ao-text);margin-bottom:4px}
.ao-p2p-benefit-item span{font-size:.84rem;color:var(--ao-text3);line-height:1.55}
.ao-p2p-benefit-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:linear-gradient(135deg,var(--ao-p) 0%,#0D3D87 100%)}
.ao-p2p-benefit-cta span{color:rgba(255,255,255,.9);font-size:.9rem;line-height:1.55;flex:1}
.ao-p2p-benefit-cta strong{color:#fff}
.ao-p2p-benefit-cta .ao-btn-primary{flex-shrink:0;background:#fff;color:var(--ao-p);border-color:#fff;animation:none}
.ao-p2p-benefit-cta .ao-btn-primary::before{display:none}
.ao-p2p-benefit-cta .ao-btn-primary:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}

@media(max-width:1024px){
    .ao-p2p-calc-wrap{grid-template-columns:360px 1fr;gap:22px}
}
@media(max-width:900px){
    .ao-p2p-calc-wrap{grid-template-columns:1fr;gap:20px}
    .ao-p2p-inputs{padding:16px 18px}
    .ao-p2p-comp-row{grid-template-columns:1.5fr 1fr 1fr;font-size:.9rem}
    .ao-p2p-comp-cell{padding:10px 12px}
    .ao-p2p-gain-display{flex-wrap:wrap}
    .ao-p2p-gain-info{width:100%;justify-content:center}
}
@media(max-width:768px){
    .ao-p2p-summary{grid-template-columns:1fr;gap:14px}
    .ao-p2p-sum-card{padding:16px 14px;min-height:100px}
    .ao-p2p-sum-val{font-size:1.4rem}
    .ao-p2p-highlighted .ao-p2p-sum-val{font-size:1.5rem}
    .ao-p2p-highlighted-gold .ao-p2p-sum-val{font-size:1.6rem}
    .ao-p2p-gain-value{font-size:1.5rem}
    .ao-p2p-month-badge{font-size:.6rem;padding:2px 6px}
}
@media(max-width:680px){
    .ao-p2p-comp-row{grid-template-columns:1fr}
    .ao-p2p-comp-cell{border-right:none;border-bottom:1px solid var(--ao-border)}
    .ao-p2p-comp-cell:last-child{border-bottom:none}
    .ao-p2p-benefit-grid{grid-template-columns:1fr}
    .ao-p2p-benefit-item{border-right:none}
    .ao-p2p-benefit-item:nth-child(n+3){border-bottom:1px solid var(--ao-border)}
    .ao-p2p-benefit-item:last-child{border-bottom:none}
    .ao-p2p-benefit-cta{flex-direction:column;text-align:center}
}
@media(max-width:560px){
    .ao-p2p-sum-card{padding:14px 12px;min-height:95px}
    .ao-p2p-sum-val{font-size:1.3rem}
    .ao-p2p-sum-icon{font-size:1.5rem}
    .ao-p2p-highlighted .ao-p2p-sum-icon{font-size:1.6rem}
    .ao-p2p-highlighted-gold .ao-p2p-sum-icon{font-size:1.7rem}
    .ao-p2p-gain-display{padding:14px 16px}
    .ao-p2p-gain-icon{width:40px;height:40px;font-size:1.1rem}
    .ao-p2p-gain-value{font-size:1.4rem}
}

/* ===== LEGAL PAGES ===== */
.ao-legal{max-width:900px;margin:0 auto;padding:60px 24px}
.ao-legal h1{font-size:2.5rem;font-weight:800;margin-bottom:8px}
.ao-legal .ao-date{color:var(--ao-text3);font-style:italic;margin-bottom:32px;display:block}
.ao-legal h2{font-size:1.6rem;font-weight:700;color:var(--ao-p);margin:32px 0 12px}
.ao-legal p,.ao-legal li{color:var(--ao-text2);line-height:1.8;margin-bottom:12px}
.ao-legal ul{margin-left:24px;margin-bottom:16px}

/* ===== BLOG CARDS ===== */
.ao-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px}
.ao-blog-card{
    background:var(--ao-card);border:1px solid var(--ao-border);
    border-radius:var(--ao-radius-lg);overflow:hidden;transition:var(--ao-transition);
}
.ao-blog-card:hover{transform:translateY(-8px);box-shadow:var(--ao-shadow-lg);border-color:var(--ao-p)}
.ao-blog-img{height:220px;overflow:hidden;position:relative}
.ao-blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ao-blog-card:hover .ao-blog-img img{transform:scale(1.05)}
.ao-blog-cat{
    position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);
    backdrop-filter:blur(8px);padding:4px 14px;border-radius:50px;
    font-size:.78rem;font-weight:700;color:var(--ao-p);
}
[data-mode="dark"] .ao-blog-cat{background:rgba(15,23,42,.9)}
.ao-blog-body{padding:24px}
.ao-blog-meta{display:flex;gap:16px;color:var(--ao-text3);font-size:.85rem;margin-bottom:12px}
.ao-blog-meta i{color:var(--ao-p)}
.ao-blog-title{font-size:1.25rem;font-weight:700;margin-bottom:10px;line-height:1.4}
.ao-blog-title a{color:var(--ao-text);text-decoration:none;transition:color .3s}
.ao-blog-title a:hover{color:var(--ao-p)}
.ao-blog-excerpt{color:var(--ao-text2);font-size:.92rem;line-height:1.7;margin-bottom:16px}
.ao-read-more{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--ao-p);font-weight:600;text-decoration:none;
    font-size:.92rem;transition:gap .3s;
}
.ao-read-more:hover{gap:14px}

/* ===== CONTACT ===== */
.ao-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ao-contact-info{display:flex;flex-direction:column;gap:24px;justify-content:center}
.ao-contact-item{display:flex;gap:20px;align-items:flex-start}
.ao-contact-icon{
    width:52px;height:52px;min-width:52px;border-radius:12px;
    background:var(--ao-grad);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:1.2rem;
}
.ao-contact-item h4{font-size:1.05rem;font-weight:700;margin-bottom:4px}
.ao-contact-item p{color:var(--ao-text2);font-size:.92rem;line-height:1.6;margin:0}
.ao-contact-item a{color:var(--ao-p);text-decoration:none;font-weight:500}
.ao-contact-item a:hover{text-decoration:underline}
.ao-contact-form-wrap{position:relative}

/* ===== JOBS ===== */
.ao-jobs-grid{display:grid;gap:20px;max-width:900px;margin:0 auto}
.ao-job-card{
    background:var(--ao-card);border:1px solid var(--ao-border);
    border-radius:var(--ao-radius-lg);padding:28px;transition:var(--ao-transition);
}
.ao-job-card:hover{transform:translateY(-4px);box-shadow:var(--ao-shadow-lg)}
.ao-job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}
.ao-job-header h3{font-size:1.2rem;font-weight:700}
.ao-job-type{background:var(--ao-grad);color:#fff;padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:700}
.ao-job-meta{display:flex;gap:20px;color:var(--ao-text3);font-size:.88rem;margin-bottom:12px;flex-wrap:wrap}
.ao-job-meta span{display:flex;align-items:center;gap:6px}
.ao-job-desc{color:var(--ao-text2);line-height:1.7;margin-bottom:16px}
.ao-job-salary{color:var(--ao-p);font-weight:700;font-size:.95rem;margin-bottom:16px}
.ao-job-actions{display:flex;gap:10px}

/* ===== LEGAL HERO ===== */
.ao-legal-hero{
    background:var(--ao-grad);color:#fff;padding:60px 0;text-align:center;
    position:relative;overflow:hidden;
}
.ao-legal-hero::before{
    content:'';position:absolute;inset:0;background:var(--ao-shine);animation:ao-cta-shine 4s ease-in-out infinite;
}
.ao-legal-hero h1{font-size:2.8rem;font-weight:800;position:relative;margin-bottom:8px}
.ao-legal-hero p{opacity:.85;font-size:1rem;position:relative}

/* ===== LEGAL CONTENT ===== */
.ao-legal-content{max-width:880px;margin:0 auto}
.ao-legal-content h2{font-size:1.4rem;font-weight:700;color:var(--ao-p);margin:36px 0 12px}
.ao-legal-content p{color:var(--ao-text2);line-height:1.8;margin-bottom:14px}
.ao-legal-content ul{margin:0 0 18px 24px;color:var(--ao-text2);line-height:1.8}
.ao-legal-content ul li{margin-bottom:6px}
.ao-legal-content a{color:var(--ao-p);text-decoration:none;font-weight:600}
.ao-legal-content a:hover{text-decoration:underline}

/* ===== PARTNER FORM ===== */
.ao-partner-form-wrap{position:relative}
.ao-partner-form{
    background:var(--ao-card);border:2px solid var(--ao-border);
    border-radius:var(--ao-radius-lg);padding:36px;
    box-shadow:var(--ao-shadow-lg);position:relative;overflow:hidden;
}
.ao-partner-form::before{
    content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--ao-grad);
}
.ao-partner-form h3{font-size:1.5rem;font-weight:800;margin-bottom:4px}
.ao-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.ao-check{
    display:flex;align-items:center;gap:8px;
    padding:8px 12px;border:1px solid var(--ao-border);border-radius:8px;
    font-size:.9rem;cursor:pointer;transition:var(--ao-transition);
    color:var(--ao-text2);
}
.ao-check:hover{border-color:var(--ao-p);color:var(--ao-p)}
.ao-check input{accent-color:var(--ao-p)}

/* ===== MODAL ===== */
.ao-modal{
    position:fixed;inset:0;z-index:9999;
    display:flex;align-items:center;justify-content:center;
    padding:20px;
}
.ao-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.ao-modal-content{
    position:relative;background:var(--ao-card);
    border-radius:var(--ao-radius-lg);padding:36px;
    max-width:700px;width:100%;max-height:80vh;overflow-y:auto;
    box-shadow:0 20px 60px rgba(0,0,0,.3);
}
.ao-modal-close{
    position:absolute;top:16px;right:16px;
    width:36px;height:36px;border-radius:50%;border:1px solid var(--ao-border);
    background:var(--ao-bg);color:var(--ao-text2);cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    font-size:.95rem;transition:var(--ao-transition);
}
.ao-modal-close:hover{background:var(--ao-p);color:#fff;border-color:var(--ao-p)}
.ao-modal-content h2{font-size:1.5rem;font-weight:800;margin-bottom:8px}
.ao-modal-content h4{font-size:1.05rem;font-weight:700;color:var(--ao-p);margin:20px 0 8px}
.ao-modal-content p{color:var(--ao-text2);line-height:1.7;margin-bottom:8px}

/* ===== ABOUT PAGE ===== */
.ao-about-story{max-width:800px;margin:0 auto;text-align:center}
.ao-about-story p{color:var(--ao-text2);font-size:1.1rem;line-height:1.8;margin-bottom:18px}
.ao-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:960px;margin:0 auto}
.ao-info-card{
    background:var(--ao-card);border:1px solid var(--ao-border);
    border-radius:var(--ao-radius-lg);padding:32px;text-align:center;
    transition:var(--ao-transition);
}
.ao-info-card:hover{transform:translateY(-4px);box-shadow:var(--ao-shadow-lg)}
.ao-info-card i{font-size:2rem;color:var(--ao-p);margin-bottom:16px}
.ao-info-card h3,.ao-info-card h4{font-size:1.1rem;font-weight:700;margin-bottom:10px}
.ao-info-card p{color:var(--ao-text2);font-size:.92rem;line-height:1.7;margin:0}

/* ===== COMPANIES GRID ===== */
.ao-companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.ao-company-card{
    background:var(--ao-card);border:1px solid var(--ao-border);
    border-radius:var(--ao-radius);padding:24px;
    display:flex;gap:16px;align-items:center;transition:var(--ao-transition);
}
.ao-company-card:hover{transform:translateY(-4px);box-shadow:var(--ao-shadow)}
.ao-company-logo{
    width:52px;height:52px;min-width:52px;border-radius:12px;
    background:var(--ao-bg3);display:flex;align-items:center;justify-content:center;
    font-size:1.4rem;color:var(--ao-p);
}
.ao-company-card h4{font-size:1rem;font-weight:700;margin-bottom:2px}
.ao-company-card p{color:var(--ao-text2);font-size:.85rem;margin:0}

/* ===== RESPONSIVE: see styles/arthone-mobile.css ===== */

/* ---- Mobile overlay behind menu ---- */
.ao-menu-overlay{
    display:none;
    position:fixed;inset:0;
    background:rgba(0,0,0,.5);
    z-index:9998;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}
.ao-menu-overlay.active{display:block}