@keyframes ab-draw{0%{stroke-dashoffset:1px}35%,75%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes ab-dot{0%{offset-distance:0%;opacity:0}10%,90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes ab-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--acc2) 55%, transparent)}to{box-shadow:0 0 0 9px #0000}}@keyframes ab-nudge{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@keyframes ab-spin-hint{0%,60%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ab-card{0%{opacity:0;transform:perspective(1400px)rotateY(-16deg)translate(60px)}to{opacity:1;transform:none}}@keyframes ab-tile{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.ab{padding:110px 0 120px;position:relative;overflow:hidden}.ab-glow{background:radial-gradient(circle, color-mix(in srgb, var(--acc) 14%, transparent), transparent 62%);pointer-events:none;width:760px;height:760px;position:absolute;top:80px;right:-280px}.ab-inner{max-width:var(--page);padding:0 var(--gutter);flex-direction:column;gap:96px;margin:0 auto;display:flex;position:relative}.ab-top{flex-wrap:wrap;align-items:flex-start;gap:64px;display:flex}.ab-main{flex-direction:column;flex:999 560px;gap:32px;min-width:0;display:flex}.ab-title{letter-spacing:-.06em;margin:0;font-size:clamp(52px,6.2vw,96px);font-weight:600;line-height:.92}.ab-lit{flex-direction:column;gap:28px;display:flex}.ab-lit p{letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.3vw,36px);line-height:1.32}.ab-w{color:var(--tx1);transition:color .5s}.ab-w.hi{color:#fff;font-weight:600}.ab-w.em{font-family:var(--font-serif);color:var(--acc2);font-size:1.12em;font-style:italic}.ab-lit[data-ready] .ab-w:not(.lit){color:#2a3550}.ab-stick{flex:380px;min-width:0;max-width:460px;margin:0 auto;position:sticky;top:110px}.ab-cardwrap{perspective:1600px;cursor:pointer;border-radius:18px;min-height:640px;display:grid}.in .ab-cardwrap{animation:ab-card 1.2s var(--ease) .3s both}.ab-flip{transform-style:preserve-3d;transition:transform 1s var(--ease);display:grid;position:relative}.ab-flip.flipped{transform:rotateY(180deg)}.ab-cardwrap:hover .ab-flip:not(.flipped){transform:rotateY(-7deg)}.ab-cardwrap:hover .ab-flip.flipped{transform:rotateY(173deg)}.ab-face{backface-visibility:hidden;border:1px solid var(--ln1);background:var(--bg1);box-shadow:0 40px 100px -40px color-mix(in srgb, var(--acc) 50%, transparent);border-radius:16px;flex-direction:column;grid-area:1/1;display:flex;position:relative;overflow:hidden}.ab-back{transform:rotateY(180deg)}.ab-bar{border-bottom:1px solid var(--ln0);background:var(--bg2);height:40px;font-family:var(--font-mono);color:var(--tx2);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:11.5px;display:flex}.ab-bar>span:last-child{align-items:center;gap:8px;display:flex}.ab-live{background:var(--acc2);border-radius:50%;width:6px;height:6px;animation:1.6s ease-out infinite ab-pulse;display:inline-block}.ab-art{border-bottom:1px solid var(--ln0);background:radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--acc) 28%, transparent), transparent 60%), var(--bg1);flex-shrink:0;height:230px;position:relative}.ab-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:7s cubic-bezier(.65,0,.35,1) infinite ab-draw}.ab-s2{animation-delay:.3s}.ab-s3{animation-delay:.6s}.ab-s4{animation-delay:.9s}.ab-s5{animation-delay:1.2s}.ab-s6{animation-delay:1.5s}.ab-dot{offset-rotate:0deg;animation:2.6s cubic-bezier(.65,0,.35,1) infinite ab-dot}.ab-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:0;padding:20px 20px 0;display:grid}.ab-dl>div{flex-direction:column;gap:4px;display:flex}.ab-dl dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);font-size:11px}.ab-dl dd{margin:0;font-size:15px;line-height:1.4}.ab-dl dd.ab-name{letter-spacing:-.03em;font-size:22px;font-weight:600}.ab-slogan{border-top:1px dashed var(--ln0);text-align:center;font-family:var(--font-serif);color:var(--tx0);margin:auto 20px 20px;padding-top:14px;font-size:20px;font-style:italic}.ab-steps{flex-direction:column;gap:10px;margin:0;padding:18px 20px 0;list-style:none;display:flex}.ab-steps li{border:1px solid var(--ln0);background:var(--bg2);border-radius:10px;gap:14px;padding:14px;display:flex}.ab-hint{cursor:pointer;width:100%;min-height:44px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:12px;display:flex}.ab-hint:hover{color:var(--tx0)}.ab-hint .ar{color:var(--acc2);font-size:18px;animation:1.4s ease-in-out infinite ab-nudge;display:inline-block}.ab-hint .rt{color:var(--acc2);animation:2.8s cubic-bezier(.65,0,.35,1) infinite ab-spin-hint;display:inline-block}.ab-stackhead{border-bottom:1px solid var(--ln0);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:18px;display:flex}.ab-stackhead h3{letter-spacing:-.05em;margin:0;font-size:clamp(32px,3.4vw,52px);font-weight:600}.ab-stackhead p{max-width:420px;color:var(--tx2);margin:0;font-size:15px;line-height:1.5}.ab-cats{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.ab-cat2{border:1px solid var(--ln0);background:var(--bg1);border-radius:18px;flex-direction:column;gap:16px;padding:22px;display:flex}.ab-cat2 ul{margin:0;padding:0;list-style:none}.ab-cnum{background:var(--accs);color:#fff;width:34px;height:34px;font-family:var(--font-mono);border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.ab-tile{border:1px solid var(--ln0);background:var(--bg2);transition:transform .45s var(--ease), border-color .3s, box-shadow .45s;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex;position:relative;overflow:hidden}@keyframes ab-rule{0%{background-size:0% 1px}to{background-size:100% 1px}}@keyframes ab-cat-in{0%{opacity:0;transform:perspective(1200px)rotateX(32deg)translateY(60px)}to{opacity:1;transform:none}}@keyframes ab-scan-pass{0%{translate:-110%}to{translate:110%}}@keyframes ab-ico-boot{0%{color:var(--brand);box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 70%, transparent);rotate:-120deg;scale:.2}55%{color:var(--brand);rotate:10deg;scale:1.15}to{rotate:0deg;scale:1;box-shadow:0 0 0 16px #0000}}@keyframes ab-text-in{0%{opacity:0;translate:-14px}to{opacity:1;translate:0}}.ab-stack.in .ab-stackhead{background:linear-gradient(90deg, var(--acc2), var(--acc) 60%, var(--ln0)) left bottom / 0% 1px no-repeat;animation:ab-rule 1.2s var(--ease) .1s both;border-bottom-color:#0000}.ab-stack.in .ab-cat2{animation:ab-cat-in .9s var(--ease) var(--d,0s) both}.ab-stack.in .ab-tile{animation:ab-tile .6s var(--ease) var(--d,0s) both}.ab-stack.in .ab-tile:after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--brand) 30%, transparent) 50%, transparent 70%);pointer-events:none;animation:ab-scan-pass .9s var(--ease) calc(var(--d,0s) + .1s) both;position:absolute;inset:0}.ab-stack.in .ab-ico{animation:ab-ico-boot .9s var(--ease) calc(var(--d,0s) + .25s) both}.ab-stack.in .ab-tile>span:last-child{animation:ab-text-in .6s var(--ease) calc(var(--d,0s) + .4s) both}.ab-tile:before{content:"";background:radial-gradient(220px circle at 0% 0%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.ab-tile:hover{border-color:var(--brand);box-shadow:0 22px 50px -26px color-mix(in srgb, var(--brand) 80%, transparent);transform:translateY(-4px)}.ab-tile:hover:before{opacity:1}.ab-ico{border:1px solid var(--ln1);background:linear-gradient(140deg, color-mix(in srgb, var(--acc) 22%, var(--bg2)), var(--bg1));width:46px;height:46px;color:var(--tx1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1),border-color .3s,color .3s;display:inline-flex;position:relative}.ab-ico svg{fill:currentColor}.ab-tile:hover .ab-ico{border-color:var(--brand);color:var(--brand);transform:rotate(-8deg)scale(1.08)}@media (max-width:980px){.ab-stick{position:relative;top:auto}}@media (prefers-reduced-motion:reduce){.ab-draw{stroke-dashoffset:0}}html[data-motion=off] .ab-draw{stroke-dashoffset:0}@keyframes ab-h-wipe{0%{clip-path:inset(-20% 100% -30% 0);translate:-24px}to{clip-path:inset(-20% -5% -30% 0);translate:0}}@keyframes ab-em-drop{0%{opacity:0;translate:0 -.6em;rotate:-8deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes ab-lead-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}.ab-stack.in .ab-stackhead h3{animation:ab-h-wipe 1.1s var(--ease) both}.ab-stackhead h3 .accent-em{display:inline-block}.ab-stack.in .ab-stackhead h3 .accent-em{animation:.8s cubic-bezier(.34,1.56,.64,1) .55s both ab-em-drop}.ab-stack.in .ab-stackhead p{animation:ab-lead-in .9s var(--ease) .4s both}
