.comp2-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;display:grid}.demo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.demo-card__t{font:600 11px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:8px;margin-bottom:16px;display:flex}.demo-card__hint{font:400 12px var(--font-body);color:var(--text-tertiary);margin-top:12px}.dd{display:inline-block;position:relative}.dd__menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);z-index:30;transform-origin:0 0;padding:6px;animation:.14s cubic-bezier(.2,.8,.2,1) ddIn;position:absolute;top:calc(100% + 6px);left:0}@keyframes ddIn{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.dd__item{border-radius:var(--radius-sm);width:100%;font:500 14px var(--font-body);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;transition:background .1s;display:flex}.dd__item:hover{background:var(--surface-2)}.dd__item svg{color:var(--text-secondary)}.dd__item--danger,.dd__item--danger svg{color:var(--error)}.dd__sep{background:var(--border);height:1px;margin:6px 4px}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#1a1a2e73;place-items:center;padding:20px;animation:.16s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:420px;max-width:100%;box-shadow:var(--shadow-lg);padding:24px;animation:.2s cubic-bezier(.2,.8,.2,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal__head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.modal__ic{border-radius:var(--radius-md);background:var(--error-subtle);width:40px;height:40px;color:var(--error);flex-shrink:0;place-items:center;display:grid}.modal h3{font:600 18px var(--font-display)}.modal p{font:400 14px/1.6 var(--font-body);color:var(--text-secondary);margin:6px 0 20px}.modal__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.tabset{background:var(--surface-2);border-radius:var(--radius-md);gap:2px;padding:4px;display:inline-flex;position:relative}.tabset__btn{z-index:1;font:600 13px var(--font-body);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:7px 16px;transition:color .18s;position:relative}.tabset__btn.on{color:var(--text-primary)}.tabset__ind{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);z-index:0;transition:left .22s cubic-bezier(.2,.8,.2,1),width .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px}.tabpane{font:400 14px/1.6 var(--font-body);color:var(--text-secondary);margin-top:16px;animation:.2s fadeIn}.seg{border:1px solid var(--border-strong);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.seg__btn{background:var(--surface);font:500 13px var(--font-body);color:var(--text-secondary);cursor:pointer;border:none;padding:8px 16px;transition:background .12s,color .12s}.seg__btn+.seg__btn{border-left:1px solid var(--border-strong)}.seg__btn.on{background:var(--accent);color:var(--text-on-accent)}.tip-wrap{display:inline-flex;position:relative}.tip{background:var(--midnight);color:#fff;font:500 12px var(--font-body);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;z-index:20;padding:6px 10px;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-theme=dark] .tip{background:#2c2c44}.tip:after{content:"";border:5px solid #0000;border-top-color:var(--midnight);position:absolute;top:100%;left:50%;transform:translate(-50%)}[data-theme=dark] .tip:after{border-top-color:#2c2c44}.tip-wrap:hover .tip{opacity:1;transform:translate(-50%)translateY(0)}.avg{display:flex}.avg .av{border:2px solid var(--surface);width:36px;height:36px;font:600 12px var(--font-display);color:#fff;border-radius:50%;place-items:center;margin-left:-10px;transition:transform .14s;display:grid}.avg .av:first-child{margin-left:0}.avg .av:hover{z-index:2;transform:translateY(-3px)}.avg .av--more{background:var(--surface-2);color:var(--text-secondary)}.dtable{border-collapse:collapse;width:100%;font:400 13.5px var(--font-body)}.dtable th{text-align:left;font:600 12px var(--font-body);letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border);padding:0 12px 10px}.dtable td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:12px}.dtable tbody tr{transition:background .1s}.dtable tbody tr:hover{background:var(--surface-2)}.dtable tbody tr:last-child td{border-bottom:none}.dtable .tcell{align-items:center;gap:10px;display:flex}.acc__item{border-bottom:1px solid var(--border)}.acc__head{cursor:pointer;width:100%;font:600 14px var(--font-body);color:var(--text-primary);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 2px;display:flex}.acc__head svg{color:var(--text-secondary);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.acc__head.open svg{transform:rotate(180deg)}.acc__body{max-height:0;transition:max-height .26s cubic-bezier(.2,.8,.2,1);overflow:hidden}.acc__body>div{font:400 13.5px/1.6 var(--font-body);color:var(--text-secondary);padding:0 2px 16px}.alert{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.alert svg{flex-shrink:0;margin-top:1px}.alert b{font:600 13.5px var(--font-body);display:block}.alert span{font:400 13px/1.5 var(--font-body);color:var(--text-secondary)}.alert--info{background:var(--info-subtle);border-color:color-mix(in srgb, var(--info) 30%, transparent)}.alert--info>svg{color:var(--info)}.alert--success{background:var(--success-subtle);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.alert--success>svg{color:var(--success)}.alert--warning{background:var(--warning-subtle);border-color:color-mix(in srgb, var(--warning) 30%, transparent)}.alert--warning>svg{color:var(--warning)}.alert--error{background:var(--error-subtle);border-color:color-mix(in srgb, var(--error) 30%, transparent)}.alert--error>svg{color:var(--error)}.pager{gap:4px;display:flex}.pager button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);min-width:34px;height:34px;font:500 13px var(--font-body);color:var(--text-secondary);cursor:pointer;transition:all .12s}.pager button:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.pager button.on{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.pager button:disabled{opacity:.4;cursor:not-allowed}.motion-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.mcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-height:150px;padding:18px;display:flex}.mcard__t{font:600 11px var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:14px}.mcard__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.mcard__cap{font:400 11.5px var(--font-body);color:var(--text-tertiary);text-align:center}.counter{font:700 40px var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}.like{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .12s,border-color .2s,background .2s;display:grid}.like:active{transform:scale(.9)}.like svg{transition:transform .25s cubic-bezier(.2,1.4,.5,1),fill .2s,stroke .2s}.like.on{border-color:var(--error);background:var(--error-subtle)}.like.on svg{fill:var(--error);stroke:var(--error);transform:scale(1.15)}.copybtn{min-width:120px}.bell-wrap{border-radius:var(--radius-md);background:var(--surface-2);width:44px;height:44px;color:var(--text-secondary);place-items:center;display:grid;position:relative}.pulse-dot{background:var(--error);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;right:8px}.pulse-dot:after{content:"";background:var(--error);border-radius:50%;animation:1.6s ease-out infinite pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3)}}.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.check-draw{width:48px;height:48px}.check-draw circle{stroke-dasharray:166;stroke-dashoffset:166px;animation:.5s forwards draw}.check-draw path{stroke-dasharray:48;stroke-dashoffset:48px;animation:.35s .35s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.ease-row{flex-direction:column;gap:10px;width:100%;display:flex}.ease-track{background:var(--surface-2);border-radius:999px;height:28px;position:relative}.ease-ball{background:var(--accent);border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:4px}.ease-ball.go{animation:1.1s infinite alternate roll}.ease-ball.e1{animation-timing-function:linear}.ease-ball.e2{animation-timing-function:cubic-bezier(.2,.8,.2,1)}.ease-ball.e3{animation-timing-function:cubic-bezier(.34,1.56,.64,1)}@keyframes roll{to{left:calc(100% - 24px)}}.ease-lbl{font:400 11px var(--font-mono);color:var(--text-secondary)}.ring-demo circle.fg{stroke-dasharray:251;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}.swap-box{width:100%}.fade-swap{animation:.4s cubic-bezier(.2,.8,.2,1) slideUpFade}.fab{background:var(--accent);width:52px;height:52px;color:var(--text-on-accent);cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:50%;place-items:center;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s;display:grid}.fab:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)rotate(90deg)}.fab:active{transform:scale(.92)}.stagger{flex-direction:column;gap:7px;width:100%;display:flex}.stagger>div{background:var(--surface-2);border-radius:var(--radius-sm);font:500 12.5px var(--font-body);padding:9px 11px;animation:.4s cubic-bezier(.2,.8,.2,1) backwards slideUpFade}.indet{background:var(--surface-2);border-radius:999px;width:100%;height:7px;position:relative;overflow:hidden}.indet:after{content:"";background:var(--accent);border-radius:999px;width:40%;animation:1.3s ease-in-out infinite indet;position:absolute;top:0;bottom:0}@keyframes indet{0%{left:-40%}to{left:100%}}@media (max-width:900px){.comp2-grid{grid-template-columns:1fr}.motion-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.ease-ball.go,.pulse-dot:after,.indet:after,.check-draw circle,.check-draw path{animation:none!important}.check-draw circle,.check-draw path{stroke-dashoffset:0!important}}
.wrap{width:100%;max-width:1120px;padding:0 var(--space-5);margin:0 auto}.section{padding:clamp(var(--space-12), 8vw, var(--space-16)) 0}.skip-link{left:var(--space-3);top:calc(var(--space-16) * -1);z-index:60;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font:600 14px var(--font-body);padding:10px 14px;text-decoration:none;transition:top .16s cubic-bezier(.2,.8,.2,1);position:absolute}.skip-link:focus{top:var(--space-3);box-shadow:var(--ring-focus);outline:none}.site-nav{z-index:40;background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-nav__inner{max-width:1200px;min-height:64px;padding:10px var(--space-5);align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.site-nav__brand{align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none;display:inline-flex}.site-nav__logo{border-radius:8px;display:block}.site-nav__wordmark{font:700 18px var(--font-display);letter-spacing:-.02em;color:var(--text-primary)}.site-nav__rail{align-items:center;gap:var(--space-1);margin:0 auto;display:flex}.site-nav__cta{flex-shrink:0}.site-nav__mobile{margin-left:auto;display:none}.site-nav__burger{width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;place-items:center;transition:background .12s;display:grid}.site-nav__burger:hover{background:var(--surface-2)}.site-nav__burger:focus-visible{box-shadow:var(--ring-focus);outline:none}.site-nav__drawer{background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.site-nav__drawer-list{gap:var(--space-1);flex-direction:column;display:flex}.site-nav__drawer-list .rail__item{min-height:48px}.site-nav__drawer-sep{background:var(--border);height:1px;margin:var(--space-2) 0}.site-nav__drawer-heading{font:600 11px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:0 12px}.site-nav__drawer-cta{width:100%;margin-top:var(--space-2);justify-content:center}@media (max-width:1023.98px){.site-nav__rail,.site-nav__cta{display:none}.site-nav__mobile{display:block}}.site-footer{border-top:1px solid var(--border);background:var(--surface)}.site-footer__inner{max-width:1120px;padding:var(--space-16) var(--space-5) var(--space-10);gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin:0 auto;display:grid}.site-footer__brand{gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}.site-footer__note{font:400 13.5px/1.6 var(--font-body);color:var(--text-secondary);max-width:34ch}.site-footer__toggles{gap:var(--space-3);flex-wrap:wrap;display:flex}.site-footer__col{gap:var(--space-3);flex-direction:column;display:flex}.site-footer__heading{font:600 12px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.site-footer__link{font:500 14px var(--font-body);color:var(--text-secondary);text-decoration:none;transition:color .12s}.site-footer__link:hover{color:var(--text-primary)}.site-footer__bar{max-width:1120px;padding:var(--space-5);border-top:1px solid var(--border);align-items:center;gap:var(--space-3);font:400 13px var(--font-body);color:var(--text-tertiary);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer__heart{color:var(--accent)}.site-footer__tagline{margin-left:auto}@media (max-width:640px){.site-footer__tagline{width:100%;margin-left:0}}.faq-acc summary{list-style:none}.faq-acc summary::-webkit-details-marker{display:none}.faq-acc .faq-chev{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.faq-acc details[open]>summary .faq-chev{transform:rotate(180deg)}.info{max-width:920px;padding:clamp(var(--space-12), 8vw, var(--space-16)) var(--space-5);margin:0 auto}.info__title{font:700 clamp(28px, 5vw, 40px) / 1.1 var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0 0 var(--space-5);text-wrap:balance}.info__lead{font:400 clamp(17px, 2.2vw, 19px) / 1.6 var(--font-body);color:var(--text-secondary);margin:0 0 var(--space-4);text-wrap:pretty;max-width:62ch}.info-blocks{gap:var(--space-5);margin-top:var(--space-10);flex-direction:column;display:flex}.info-block{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:flex}.info-block__icon{border-radius:var(--radius-md);background:var(--accent-subtle);width:44px;height:44px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.info-block__title{font:600 18px var(--font-display);color:var(--text-primary);margin:0 0 var(--space-2)}.info-block__body{font:400 15.5px / 1.65 var(--font-body);color:var(--text-secondary);text-wrap:pretty;margin:0}.info-block__body+.info-block__body{margin-top:var(--space-3)}.info-block__body strong{color:var(--text-primary);font-weight:600}.legal-index{gap:var(--space-3);margin-top:var(--space-8);flex-direction:column;display:flex}.legal-index__item{align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-decoration:none;transition:border-color .12s,background .12s;display:flex}.legal-index__item:hover{border-color:var(--border-strong);background:var(--surface-2)}.legal-index__item:focus-visible{box-shadow:var(--ring-focus);outline:none}.legal-index__icon{color:var(--accent);flex-shrink:0}.legal-index__label{font:600 16px var(--font-body);color:var(--text-primary)}.legal-index__arrow{color:var(--text-tertiary);margin-left:auto}.legal-doc__back{align-items:center;gap:var(--space-2);font:500 14px var(--font-body);color:var(--text-secondary);margin-bottom:var(--space-6);text-decoration:none;transition:color .12s;display:inline-flex}.legal-doc__back:hover{color:var(--text-primary)}.legal-doc__title{font:700 clamp(24px, 4vw, 32px) / 1.15 var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0 0 var(--space-6)}@media (max-width:640px){.info-block{gap:var(--space-3);flex-direction:column}}@media (prefers-reduced-motion:reduce){.skip-link,.site-nav__burger,.site-footer__link,.faq-acc .faq-chev,.legal-index__item,.legal-doc__back{transition:none}}