/* Anime Art Academy affiliate landing page staging v1.1 revised. Fully namespaced. */
.aaa-landing{background:#fff;color:#353040;overflow:hidden}
.aaa-landing .aaa-eyebrow{margin:0 0 12px;color:#c71254;font-weight:800;font-size:14px;letter-spacing:.07em;text-transform:uppercase}
.aaa-landing h1,.aaa-landing h2,.aaa-landing h3{font-family:"Raleway",sans-serif;color:#22164e;margin:0;letter-spacing:-.025em}
.aaa-landing h1{font-weight:800;font-size:clamp(34px,4vw,56px);line-height:1.08;max-width:620px}
.aaa-landing h2{font-weight:800;font-size:clamp(27px,2.8vw,38px);line-height:1.18}
.aaa-landing h3{font-weight:800;font-size:17px;line-height:1.4}
.aaa-landing p{line-height:1.75}
.aaa-landing a:focus-visible{outline:3px solid #3c1dba;outline-offset:4px}
.aaa-hero{background:linear-gradient(120deg,#fff9fc 0%,#fff 48%,#f7f7ff 100%);padding:55px 0 64px}
.aaa-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:38px}
.aaa-hero-copy{padding:8px 0}
.aaa-lead{max-width:590px;font-size:18px;color:#5a5869;margin:22px 0 26px}
.aaa-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.aaa-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 21px;font-weight:800;font-size:14px;line-height:1.3;border-radius:11px;text-align:center;text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease}
.aaa-button:hover{transform:translateY(-2px);text-decoration:none}
.aaa-button-primary{background:#f31968;color:white;box-shadow:0 5px 16px rgba(243,25,104,.17)}
.aaa-button-primary:hover{background:#d51059;color:#fff}
.aaa-button-secondary{color:#4c2678;background:#fff;border:1px solid #e2d8ee}
.aaa-button-secondary:hover{background:#f6f0fc;color:#4c2678}
.aaa-disclosure{max-width:570px;font-size:11px!important;color:#686273;margin:19px 0 0!important;line-height:1.6}
.aaa-disclosure strong{color:#42395b}
.aaa-hero-art{min-width:0;position:relative}
.aaa-hero-art img{display:block;width:100%;height:auto;border:1px solid #e9e3ee;border-radius:19px;background:#fff;box-shadow:0 15px 40px rgba(30,16,74,.11)}
.aaa-art-note{position:absolute;top:15px;left:15px;padding:7px 12px;background:rgba(255,255,255,.95);color:#4e4260;font-size:12px;font-weight:700;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.aaa-about{background:#fff;padding:76px 0 72px}
.aaa-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:80px;align-items:center}
.aaa-about-copy p:not(.aaa-eyebrow){color:#696578;margin:20px 0 0;max-width:570px}
.aaa-benefits{display:grid;gap:15px}
.aaa-benefit{display:flex;align-items:flex-start;gap:17px;padding:20px 22px;background:#fcfaff;border:1px solid #ece6f4;border-radius:17px}
.aaa-benefit-icon{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;background:#fce8f0;border-radius:13px;color:#db155d;font-size:21px}
.aaa-benefit p{margin:5px 0 0;color:#6a6475;font-size:14px}
.aaa-showcase{padding:70px 0 83px;background:#fbf9fe}
.aaa-section-intro{text-align:center;max-width:770px;margin:0 auto 34px}
.aaa-section-intro p:last-child{margin:14px 0 0;color:#6b6875}
.aaa-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.aaa-art-card{margin:0;background:#fff;border:1px solid #e8e4ef;border-radius:17px;overflow:hidden;box-shadow:0 8px 24px rgba(32,22,79,.05)}
.aaa-art-card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#fff}
.aaa-art-card figcaption{display:flex;flex-direction:column;gap:5px;color:#302454;padding:19px 20px 23px;border-top:1px solid #f1edf4}
.aaa-art-card figcaption strong{font-size:16px;font-weight:800}
.aaa-art-card figcaption span{font-size:13px;line-height:1.55;color:#787083}
.aaa-free{padding:79px 0;background:#fff}
.aaa-free-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:59px;align-items:center;padding:29px 44px 29px 29px;border:1px solid #f0deea;border-radius:23px;background:linear-gradient(125deg,#fff7fa 0%,#fff 70%);box-shadow:0 14px 40px rgba(73,28,79,.06)}
.aaa-free-image{min-width:0}
.aaa-free-image img{display:block;width:100%;height:auto;aspect-ratio:708/440;object-fit:contain;border-radius:15px;box-shadow:0 9px 30px rgba(38,21,81,.09)}
.aaa-free-copy>p:not(.aaa-eyebrow):not(.aaa-free-fine){color:#665f73;margin:18px 0 16px}
.aaa-free-list{padding:0;margin:0 0 24px;list-style:none;display:grid;gap:11px}
.aaa-free-list li{display:flex;align-items:flex-start;gap:11px;line-height:1.5;font-size:14px;color:#3f3650}
.aaa-free-list .bi{color:#e61b69;margin-top:2px;flex:0 0 16px}
.aaa-free-fine{font-size:11px;color:#82778a;margin:11px 0 0}
.aaa-next{background:#f8f6fc;padding:62px 0 47px}
.aaa-next-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:45px;background:#fff;border:1px solid #e9e4f2;border-radius:20px;padding:39px;box-shadow:0 7px 27px rgba(45,27,99,.04)}
.aaa-next-inner p{max-width:550px;margin:15px 0 0;color:#686274}
.aaa-next-links{display:flex;align-items:flex-start;flex-direction:column;gap:16px}
.aaa-next-links .aaa-button{margin-bottom:2px}
.aaa-text-link{font-size:14px;font-weight:750;color:#4b2fb0;text-decoration:underline;text-underline-offset:3px}
.aaa-text-link:hover{color:#d51059}
.aaa-text-link-internal{color:#625b75}
.aaa-bottom-note{font-size:12px;color:#706b78;max-width:1080px;margin:22px 0 0}
@media(max-width:1050px){.aaa-about-grid{gap:34px}.aaa-free-panel{gap:30px;padding:27px}}
@media(max-width:991px){.aaa-hero{padding:40px 0 48px}.aaa-hero-grid{gap:22px}.aaa-about{padding:53px 0}.aaa-benefit{padding:16px}.aaa-showcase{padding:53px 0}.aaa-art-grid{gap:13px}.aaa-art-card figcaption{padding:14px}.aaa-next-inner{gap:26px;padding:28px}}
@media(max-width:767px){.aaa-hero-grid,.aaa-about-grid,.aaa-free-panel,.aaa-next-inner{grid-template-columns:1fr}.aaa-hero-copy{order:0}.aaa-hero-art{order:1}.aaa-hero{padding:32px 0 40px}.aaa-lead{font-size:16px}.aaa-about-grid{gap:28px}.aaa-showcase{padding:46px 0 50px}.aaa-art-grid{grid-template-columns:1fr}.aaa-free{padding:50px 0}.aaa-free-panel{padding:16px 16px 28px;gap:26px}.aaa-free-copy{padding:0 6px}.aaa-next{padding:40px 0}.aaa-next-inner{padding:26px 20px}.aaa-art-note{font-size:11px}}
@media(max-width:540px){.aaa-actions{align-items:stretch;flex-direction:column}.aaa-actions .aaa-button{width:100%}.aaa-landing h1{font-size:34px}.aaa-hero-art img{border-radius:14px}.aaa-benefit{gap:12px}.aaa-benefit-icon{flex-basis:37px;width:37px;height:37px}.aaa-benefit h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.aaa-button{transition:none}.aaa-button:hover{transform:none}}