/* Google AI Overviews — "centered result assembly" direction */
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:14px;color:var(--mut);margin-bottom:24px}
.crumbs a:hover{color:var(--p3)}.crumbs b{color:var(--p3);font-weight:600}
.mono{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.ext{color:var(--p3);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.page-aio main>section{overflow-x:clip}
/* hero */
.aio-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 100%,rgba(156,103,255,.22),transparent 70%),linear-gradient(#fff,#f8f5ff);padding-bottom:70px;border-bottom:1px solid var(--line)}
.aio-top{max-width:1080px;margin:0 auto;text-align:center;padding-top:36px}
.aio-top .acts{justify-content:center}
.aio-h1{font-size:clamp(30px,3.3vw,48px);max-width:none;margin-left:auto;margin-right:auto}
.grad-t{background:linear-gradient(90deg,var(--p3),var(--p2),#5b8cff,var(--p3));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gshift 8s linear infinite}
@keyframes gshift{to{background-position:300% 0}}
.aio-top .lead{margin:20px auto 0;max-width:640px}
.res-stage{position:relative;max-width:1000px;margin:40px auto 0;padding-left:150px}
.res{position:relative;border-radius:26px;padding:2px;background:linear-gradient(120deg,#c7a8ff,#9c67ff 30%,#7aa2ff 60%,#c7a8ff);background-size:250% 250%;animation:gshift 10s linear infinite;box-shadow:0 40px 90px rgba(74,39,125,.16)}
.res>*{position:relative}
.res:before{content:"";position:absolute;inset:2px;border-radius:24px;background:#fff}
.sbar{display:flex;align-items:center;gap:12px;margin:18px 18px 0;padding:14px 18px;border:1px solid var(--line);border-radius:40px;background:var(--lav2)}
.s-ic{width:16px;height:16px;border:2.5px solid var(--p);border-radius:50%;position:relative;flex:none}
.s-ic:after{content:"";position:absolute;right:-6px;bottom:-5px;width:7px;height:2.5px;background:var(--p);transform:rotate(45deg)}
.s-q{font-weight:600;font-size:16px;min-height:22px}
.s-q:after{content:"";display:inline-block;width:2px;height:17px;background:var(--p);margin-left:2px;vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.res-body{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;padding:18px}
.ovw{min-width:0;border-radius:18px;background:linear-gradient(160deg,#f6f0ff,#fff 60%);border:1px solid #eadffc;padding:20px 22px}
.ovw-h,.ov-h{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;margin-bottom:14px}
.ov-h em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--p3);background:#fff;border:1px solid #dccbfd;padding:3px 9px;border-radius:20px}
.spark{color:var(--p);font-size:18px;animation:spin 6s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.skel{display:grid;gap:10px}
.skel i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#ece4fb 25%,#f8f4ff 50%,#ece4fb 75%);background-size:200% 100%;animation:shim 1.2s linear infinite}
.skel i:nth-child(2){width:92%}.skel i:nth-child(3){width:96%}.skel i:nth-child(4){width:60%}
@keyframes shim{to{background-position:-200% 0}}
.ov-txt{display:none}
.res.ready .skel{display:none}
.res.ready .ov-txt{display:block;animation:ansIn .6s var(--ease)}
@keyframes ansIn{from{opacity:0;transform:translateY(8px)}}
.ov-txt p{color:var(--ink);font-size:16px;line-height:1.6}
.ov-txt .ov-note{margin-top:12px;font-size:13px;color:var(--mut);padding-top:10px;border-top:1px dashed #dccbfd}
.srcs{display:grid;gap:10px;align-content:start}
.srcc{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);opacity:0;transform:translateX(24px);transition:.5s var(--ease)}
.srcc b{display:block;font-size:14px}.srcc small{color:var(--mut);font-size:12px}
.srcc.you{border:1.5px solid var(--p);background:var(--lav);box-shadow:0 10px 24px rgba(127,66,244,.18)}
.srcc.you small{color:var(--p3);font-weight:700}
.res.ready .srcc{opacity:1;transform:none}
.res.ready .srcc:nth-child(2){transition-delay:.15s}.res.ready .srcc:nth-child(3){transition-delay:.3s}
.aio-eagle{position:absolute;left:-20px;bottom:-70px;width:250px;z-index:2;filter:drop-shadow(0 24px 30px rgba(74,39,125,.22));animation:bob 6s ease-in-out infinite}
.aio-sub{max-width:720px;margin:90px auto 0;text-align:center}
/* readiness stairs */
.rd-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.ready p{margin-top:16px;font-size:17px}
.invest{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.invest span{padding:9px 15px;border-radius:30px;font-weight:700;font-size:14px}
.iv-y{background:var(--p);color:#fff}
.iv-n{border:1px dashed #cfc6e2;color:var(--mut);text-decoration:line-through;text-decoration-color:#e0445f}
.stairs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;height:400px;padding-bottom:4px;border-bottom:3px solid var(--ink)}
.stair{position:relative;height:0;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#ede4ff,#f8f5ff);border:1px solid #e0d3fb;border-bottom:0;display:flex;flex-direction:column;justify-content:flex-start;padding:14px 12px;transition:height 1s cubic-bezier(.3,1.2,.5,1)}
.stair b{font-size:14px;line-height:1.25;opacity:0;transition:opacity .4s}
.stair span{margin-top:auto;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--p)}
.stair.top{background:linear-gradient(180deg,var(--p),var(--p2));border-color:transparent;color:#fff}
.stair.top span{color:#e6dcff}
.stairs.vis .stair{height:var(--h)}.stairs.vis .stair b{opacity:1}
.stairs.vis .stair:nth-child(2){transition-delay:.12s}.stairs.vis .stair:nth-child(3){transition-delay:.24s}.stairs.vis .stair:nth-child(4){transition-delay:.36s}.stairs.vis .stair:nth-child(5){transition-delay:.48s}
.stairs.vis .stair b{transition-delay:.9s}
/* controls */
.ct-in{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.controls p{margin-top:16px;font-size:17px}
.settings{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);overflow:hidden}
.set-top{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:var(--ink);color:#cfc8ea}
.set-top em{font-style:normal;font-size:11px;border:1px solid rgba(255,255,255,.2);padding:3px 9px;border-radius:20px}
.set-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-top:1px solid var(--line)}
.set-row b{display:block;font-size:16px}.set-row small{color:var(--mut);font-size:13px}
.set-row.main{background:var(--lav2)}
.set-row.sep{border-top:2px dashed var(--line)}
.state{flex:none;font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;background:#f1eef8;color:#8a85a3;transition:.4s}
.settings.vis .s2,.settings.vis .s3{background:#e8f6ee;color:#2a8a5c}
.settings.vis .s2{transition-delay:.8s}.settings.vis .s3{transition-delay:1.4s}
.s1{position:relative;overflow:hidden}
.settings.vis .s1{animation:revw 2.2s steps(1) forwards}
@keyframes revw{0%{background:#fff4e2;color:#b7791f}100%{background:var(--p);color:#fff}}
.state.keep{background:#fff;border:1px dashed #cfc6e2;color:var(--mut)}
/* reporting */
.rpt-head{max-width:820px}.rpt-head .lead{margin-top:16px}
.rpt-in{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-top:40px}
.chart-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--sh)}
.cc-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.cc-top .mono{color:var(--p3)}
.dims{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.dm{font:inherit;font-size:13px;font-weight:700;padding:7px 14px;border-radius:20px;border:1px solid #d8c9f8;background:#fff;color:var(--p3);cursor:pointer;transition:.25s}
.dm.on{background:var(--ink);border-color:var(--ink);color:#fff}
.ichart{width:100%;height:220px;display:block}
.ichart .grid line{stroke:#eee8f7;stroke-width:1;vector-effect:non-scaling-stroke}
.ichart .area{fill:url(#none);fill:rgba(156,103,255,.12)}
.ichart .line{fill:none;stroke:var(--p);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.ichart .area,.ichart .line{clip-path:inset(0 100% 0 0);transition:clip-path 1.6s var(--ease) .3s,d .6s var(--ease)}
.chart-card.vis .ichart .area,.chart-card.vis .ichart .line{clip-path:inset(0 0 0 0)}
.cc-note{font-size:13px;color:var(--mut);margin-top:10px}
.pairing p{margin-top:18px;font-size:16px}
.neq2{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.neq2 span{padding:10px 16px;border-radius:12px;background:var(--lav);font-weight:700;font-size:15px;color:var(--p3)}
.neq2 span:first-child{background:var(--p);color:#fff}
.neq2 i{font-style:normal;font-size:24px;font-weight:800;color:#e0445f}
.pairs{list-style:none;display:grid;gap:12px;margin-top:16px}
.pairs li{display:flex;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.pairs b{display:block}.pairs small{color:var(--mut);font-size:13px}
.pr-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--lav);color:var(--p);font-weight:800}
/* quadrant */
.bt-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.both p{margin-top:16px;font-size:17px}
.sp-img{width:100%;max-width:340px;margin-top:18px}
.quad-wrap{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto 34px;min-width:0}
.ax-y{grid-row:1;display:flex;align-items:center;justify-content:center}
.ax-y span{transform:rotate(-90deg);white-space:nowrap;font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.ax-x{grid-column:2;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.quad{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:380px}
.qd{border-radius:18px;padding:20px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;transition:background .4s,border-color .4s,box-shadow .4s,transform .4s}
.qd small{font-size:12px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.qd b{font-size:18px;margin-top:6px}
.qd.good{background:linear-gradient(150deg,var(--p3),var(--p2));border-color:transparent;color:#fff}.qd.good small{color:#e6dcff}
.qd.act{border-color:var(--p);box-shadow:0 14px 30px rgba(127,66,244,.18);transform:scale(1.03)}
.qd.good.act{box-shadow:0 14px 30px rgba(127,66,244,.35)}
.probe{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:5px solid var(--p);box-shadow:0 0 0 8px rgba(127,66,244,.15);transition:left .7s var(--ease),top .7s var(--ease);pointer-events:none}
/* shortcuts */
.sc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
.scard{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 28px 26px 28px;overflow:hidden;transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),border-color .3s,box-shadow .3s}
.scard.vis:hover{border-color:#cdb6fb;box-shadow:var(--sh);transform:translateY(-4px);transition-delay:0s}
.scard h3{font-size:19px;padding-right:80px}.scard p{margin-top:10px;font-size:15px}
.no{position:absolute;right:20px;top:18px;padding:5px 14px;border:3px solid #e0445f;color:#e0445f;border-radius:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:14px;transform:rotate(-10deg) scale(2.2);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.scard.vis .no{opacity:.9;transform:rotate(-10deg) scale(1);transition-delay:calc(var(--d,0s) + .6s)}
/* responsive */
@media(max-width:1100px){.res-stage{padding-left:110px}.aio-eagle{width:200px}}
@media(max-width:900px){
 .rd-in,.ct-in,.rpt-in,.bt-in{grid-template-columns:1fr}
 .res-stage{padding-left:0;padding-bottom:120px}.aio-eagle{left:auto;right:-10px;bottom:-70px;width:180px}
 .aio-sub{margin-top:40px}
}
@media(max-width:600px){
 .res-body{grid-template-columns:1fr}.sbar{margin:12px 12px 0;padding:12px 14px}.s-q{font-size:14px}.res-body{padding:12px}
 .aio-eagle{width:140px;bottom:-30px}.res-stage{padding-bottom:120px}.aio-sub{margin-top:24px}
 .srcs{display:none}.res.ready .srcs{display:grid}
 .stairs{height:320px;gap:5px}.stair{padding:10px 6px}.stair b{font-size:11px}
 .quad{min-height:320px}.qd{padding:14px}.qd b{font-size:15px}.qd small{font-size:10px}
 .sc-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.grad-t,.res,.spark{animation:none}.stair{height:var(--h)}.stair b{opacity:1}}