/* Interactive layers inherit the existing AUTO BZNS design tokens and typography. */
.ae .hero{align-items:center;gap:40px}.ae .hero h1{font-size:clamp(34px,4.1vw,56px);text-wrap:balance}.ae{color-scheme:dark;scrollbar-color:#527E15 #111513}.ae input,.ae textarea{caret-color:#87DF0F}.ae input::placeholder,.ae textarea::placeholder{color:#A7B0A8;opacity:1}.ae .btn:disabled{opacity:.6;cursor:wait}
.ae .channel-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ae .channel{font-size:13px;padding:5px 11px;border:1px solid #39433B;border-radius:6px;color:#C9D0C9;background:transparent;min-height:36px}.ae .channel[aria-pressed=true]{background:#243513;border-color:#87DF0F;color:#B5F25A}
.ae .lab{background:#111513;border:1px solid #39433B;border-radius:16px;padding:24px;overflow:hidden}.ae .lab-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid #252D27}.ae .lab-head h3{font-size:18px}.ae .lab-label{font-size:12px;color:#A7B0A8}.ae .lab .bubble{max-width:95%;font-size:15px}.ae .lab .chat{min-height:220px;justify-content:center;padding-block:22px}.ae .lab-path{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid #252D27;padding-top:18px}.ae .lab-node{display:flex;align-items:center;gap:10px;font-size:12px;color:#C9D0C9}.ae .lab-line{height:1px;flex:1;background:#39433B;min-width:12px}.ae .lab-node .avatar{width:36px;height:36px}.ae .lab-result{font-size:14px;color:#B5F25A;padding-top:18px;animation:ae-enter .45s cubic-bezier(.2,.7,.2,1) both}
.ae .avatar{width:80px;height:80px;background:var(--agent-color,#87DF0F);display:block;mask:url('/assets/logo/mark-green.svg') center/contain no-repeat;-webkit-mask:url('/assets/logo/mark-green.svg') center/contain no-repeat;transform:rotate(-5deg);transition:transform .45s cubic-bezier(.2,.7,.2,1)}.ae .avatar.small{width:38px;height:38px;flex:none}.ae .avatar:hover{transform:translateY(-4px) rotate(3deg)}
.ae .eyebrow.english{font-family:Montserrat,sans-serif;font-size:12px;letter-spacing:.06em;text-align:right}.ae .section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px}.ae .section-head p{max-width:500px}.ae .sector-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.ae .sector-tab,.ae .gift-tab{background:#111513;border:1px solid #39433B;color:#C9D0C9;font-size:15px;padding:10px 18px;border-radius:7px;min-height:46px;transition:background .2s,border-color .2s,color .2s}.ae .sector-tab[aria-pressed=true],.ae .gift-tab[aria-pressed=true]{background:#87DF0F;border-color:#87DF0F;color:#0B0F0D;font-weight:700}.ae .sector-tab:hover,.ae .gift-tab:hover{border-color:#87DF0F}.ae .sector-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:1px solid #252D27;padding-top:30px}.ae .sector-detail h3{font-size:26px}.ae .sector-problems{margin:18px 0 0;padding-inline-start:22px;color:#C9D0C9}.ae .sector-problems li{padding-bottom:12px;font-size:16px}.ae .sector-flow{background:#111513;padding:28px;border-radius:12px}.ae .sector-flow p{font-size:16px}.ae .sector-flow .result{margin-top:22px;border-top:1px solid #39433B;padding-top:18px;color:#B5F25A}.ae .link{color:#87DF0F;text-decoration:underline;text-underline-offset:5px;font-weight:700;background:none;border:0;padding:0;font-size:15px}
.ae .crew{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0 30px}.ae .crew-button{border:1px solid transparent;border-radius:12px;background:transparent;color:#F5F7F2;padding:24px 8px 18px;display:flex;flex-direction:column;align-items:center;gap:16px;min-height:180px;text-align:center;transition:background .3s,border-color .3s}.ae .crew-button .avatar{animation:ae-arrive .6s cubic-bezier(.2,.7,.2,1) both}.ae .crew-button:hover{background:#111513}.ae .crew-button:hover .avatar{transform:translateY(-5px) rotate(5deg)}.ae .crew-button[aria-pressed=true]{background:#111513;border-color:var(--agent-color)}.ae .crew-button[aria-pressed=true] .avatar{transform:translateY(-5px) rotate(0deg)}.ae .crew-button span:last-child{font-size:14px;font-weight:700}.ae .role-console{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;border-top:1px solid #39433B;padding-top:30px}.ae .role-header{display:flex;gap:18px;align-items:center}.ae .role-header .avatar{width:64px;height:64px}.ae .role-desc{margin-top:18px!important}.ae .role-run{margin-top:24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.ae .run-status{font-size:13px;color:#A7B0A8}.ae .task-step{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #252D27;color:#A7B0A8;font-size:16px;transition:color .25s}.ae .task-step[data-done=true]{color:#F5F7F2}.ae .task-step .task-dot{width:26px;height:26px;border:1px solid #39433B;color:#A7B0A8;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-size:12px}.ae .task-step[data-done=true] .task-dot{border-color:var(--agent-color);color:var(--agent-color);animation:ae-enter .4s ease both}.ae .role-result{margin-top:20px;padding:14px 18px;border-radius:7px;background:#1C231E;color:#C9D0C9;font-size:14px;animation:ae-enter .4s ease both}.ae .hand-off{display:flex;gap:16px;align-items:center;justify-content:space-between;border-block:1px solid #252D27;padding-block:24px;margin-top:36px}.ae .hand-off span{font-size:14px;color:#C9D0C9}.ae .hand-off b{font-weight:700;color:#F5F7F2}
.ae .price-flow{border:1px solid #39433B;border-radius:14px;overflow:hidden;margin-top:32px}.ae .price-step{display:grid;grid-template-columns:48px 1fr 230px;gap:24px;padding:30px;align-items:start;background:#111513}.ae .price-step+.price-step{border-top:1px solid #39433B}.ae .price-step.setup{background:#182211}.ae .price-marker{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #527E15;color:#87DF0F;border-radius:50%;font-size:15px}.ae .price-step p{font-size:16px;margin-top:8px}.ae .price-amount{text-align:left;direction:ltr}.ae .price-amount strong{display:block;font-family:'JetBrains Mono',monospace;font-size:46px;line-height:1.4;color:#F5F7F2}.ae .price-amount span{font-size:14px;direction:rtl;display:block;color:#A7B0A8}.ae .price-step .list{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:18px}.ae .price-step .list li{font-size:14px;margin:0}.ae .price-total{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 30px;background:#87DF0F;color:#0B0F0D}.ae .price-total p{color:#273710;font-size:14px}.ae .price-total strong{font-size:24px;display:block}.ae .wallet{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.ae .wallet span{color:#C9D0C9}.ae .gift-banner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 0;border-block:1px solid #39433B;margin-top:28px}.ae .gift-banner strong{font-size:24px;color:#87DF0F}.ae .gift-banner p{font-size:15px;max-width:600px}.ae .gift-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.ae .gift-list{margin-top:24px}.ae .gift-detail{border-top:1px solid #252D27}.ae .gift-detail summary{font-size:18px}.ae .gift-detail .gift-title{display:flex;gap:18px;align-items:center}.ae .gift-detail p{font-size:16px;padding-inline-start:44px}.ae .gift-detail .number{font-size:12px;color:#87DF0F}
.ae .reveal-ready{opacity:0;transform:translateY(18px)}.ae .reveal-visible{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}.ae .switch-enter{animation:ae-enter .4s cubic-bezier(.2,.7,.2,1) both}.ae .offer-strip{background:#16230E;border-bottom:1px solid #2F3B1A;color:#C9D0C9;text-align:center;font-size:13px;padding:8px 20px}.ae .offer-strip a{color:#B5F25A;text-decoration:underline;text-underline-offset:4px}
@keyframes ae-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ae-arrive{from{opacity:0;transform:translateY(16px) rotate(-10deg)}to{opacity:1;transform:rotate(-5deg)}}
@media(max-width:900px){.ae .crew{gap:4px}.ae .crew-button{padding-inline:4px}.ae .crew-button .avatar{width:64px;height:64px}.ae .price-step{grid-template-columns:38px 1fr 180px;gap:16px}.ae .price-amount strong{font-size:38px}.ae .section-head{display:block}.ae .section-head p{max-width:680px}}
@media(max-width:680px){.ae .sector-detail,.ae .role-console,.ae .wallet{grid-template-columns:1fr;gap:26px}.ae .crew{grid-template-columns:repeat(2,1fr)}.ae .crew-button{min-height:140px;padding-block:16px;gap:12px}.ae .crew-button span:last-child{font-size:12px}.ae .crew-button .avatar{width:58px;height:58px}.ae .price-step{grid-template-columns:34px 1fr;gap:14px;padding:24px 18px}.ae .price-amount{grid-column:2;text-align:right}.ae .price-amount strong{font-size:38px}.ae .price-step .list{grid-template-columns:1fr}.ae .price-total,.ae .gift-banner{flex-direction:column;align-items:start;gap:16px}.ae .price-total{padding:22px}.ae .sector-tabs{gap:6px}.ae .sector-tab{font-size:13px;padding:8px 12px}.ae .sector-flow{padding:22px}.ae .lab{padding:20px}.ae .lab .chat{min-height:205px}.ae .lab-path{gap:6px}.ae .lab-node{font-size:11px;gap:6px}.ae .lab-node .avatar{width:30px;height:30px}.ae .hand-off{flex-wrap:wrap;justify-content:start}.ae .gift-detail p{padding-inline-start:0}.ae .gift-tab{font-size:13px;padding:8px 12px}.ae .offer-strip{font-size:12px}.ae .role-header .avatar{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.ae .avatar,.ae .crew-button,.ae .task-step,.ae .sector-tab,.ae .gift-tab{transition:none!important}.ae .crew-button .avatar,.ae .lab-result,.ae .switch-enter,.ae .role-result,.ae .task-dot{animation:none!important}.ae .reveal-ready,.ae .reveal-visible{opacity:1;transform:none;transition:none}}

.ae .lead-trap{position:fixed;inset-block-start:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}.btn:disabled{opacity:.65;cursor:wait}
.ae .agent-type{font-family:Montserrat,sans-serif;font-size:12px;margin-top:4px;text-align:right}.ae .agent-fit{margin-top:14px}.ae .role-example{margin-top:20px;padding-block:16px;border-block:1px solid #252D27}.ae .role-example p:last-child{font-size:15px;margin-top:6px}.ae .role-example strong{font-weight:700;color:#C9D0C9}.ae .agent-request{margin-top:20px;min-height:44px;text-align:start}.ae #agent-preview{scroll-margin-top:110px}.ae #agent-title{outline-offset:6px}
@media(max-width:680px){.ae .role-example p:last-child{font-size:14px}}
