:root{--font:"Inter", ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--r-xl:28px;--r-lg:22px;--r-md:18px;--r-sm:12px;--r-pill:999px;--ease:cubic-bezier(.32, .72, 0, 1);--spring:cubic-bezier(.34, 1.36, .64, 1);--accent:#2f6bff;--amber:#c27a00;--ember:#d9682b;--sky:#2f6bff;--olive:#1f8f5f;--copper:#8a5a46;--danger:#e5383b;--success:#1f9d55}:root,:root[data-theme=light]{--bg:#f5f5f7;--panel:#fff;--panel-2:#fff;--card:#fff;--card-solid:#fff;--line:#00000012;--line-2:#00000024;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#a1a1a6;--invert:#1d1d1f;--on-invert:#fff;--glass:#ffffffb8;--input:#0000000a;--shadow:0 1px 2px #0000000a, 0 12px 32px -12px #0000001f;--aurora-opacity:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#000;--panel:#111113;--panel-2:#1c1c1e;--card:#1c1c1e;--card-solid:#1c1c1e;--line:#ffffff14;--line-2:#ffffff29;--text:#f5f5f7;--text-2:#98989d;--text-3:#636366;--invert:#f5f5f7;--on-invert:#000;--glass:#1c1c1eb8;--input:#ffffff0f;--shadow:0 12px 40px -16px #000000e6;--aurora-opacity:0;--accent:#4f86ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:color-mix(in srgb, var(--accent) 25%, transparent)}.display{letter-spacing:-.04em;margin:0;font-size:clamp(44px,7vw,92px);font-weight:700;line-height:1.02}.h1{letter-spacing:-.035em;margin:0;font-size:clamp(34px,4.6vw,58px);font-weight:700;line-height:1.06}.h2{letter-spacing:-.025em;margin:0;font-size:clamp(26px,3vw,36px);font-weight:650;line-height:1.12}.h3{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.dim{color:var(--text-2)}.faint{color:var(--text-3)}.strong{color:var(--text);font-weight:500}.lead{color:var(--text-2);max-width:560px;font-size:18px;font-weight:300}.small{font-size:13px}.mono{font-family:var(--mono);letter-spacing:.02em}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.grow{flex:1}.center{text-align:center}.aurora,.grain:after{display:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);position:relative;overflow:hidden}.panel>.inner{z-index:1;padding:clamp(24px,4vw,56px);position:relative}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);transition:transform .4s var(--ease), border-color .3s;padding:24px;position:relative;overflow:hidden}.card.solid{background:var(--card-solid)}.card.hover:hover{border-color:var(--line-2);transform:translateY(-3px)}.card.white{color:#0b0b0b;--text:#0b0b0b;--line-2:#00000029;--input:#0000000a;--text-2:#6c6c68;--text-3:#a7a7a2;--line:#0000001a;--invert:#0b0b0b;--on-invert:#fff;background:#fff;border-color:#0000}.card.gradient{color:#fff;--text:#fff;--line-2:#fff6;--text-2:#ffffffb8;--text-3:#ffffff80;--line:#ffffff38;--invert:#fff;--on-invert:#0b0b0b;border-color:#ffffff1f}.g-dusk{background:linear-gradient(#2c2c2e,#1d1d1f)}.g-amber{background:linear-gradient(#4a7dff,#2f6bff)}.g-olive{background:linear-gradient(#2aa36d,#1f8f5f)}.g-steel{background:linear-gradient(#48484a,#3a3a3c)}.g-copper{background:linear-gradient(#7a68ff,#5b4bdb)}.btn{border-radius:var(--r-pill);border:1px solid var(--line-2);height:48px;color:var(--text);cursor:pointer;white-space:nowrap;transition:background .25s, color .25s, border-color .25s, transform .2s var(--ease), opacity .2s;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--text-2)}.btn:active{transform:scale(.97)}.btn:focus-visible,.circle:focus-visible,.pill:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--invert);color:var(--on-invert);border-color:var(--invert)}.btn.primary:hover{opacity:.88}.btn.ghost{border-color:#0000}.btn.ghost:hover{background:var(--input)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.btn.sm{height:38px;padding:0 16px;font-size:14px}.btn.lg{height:56px;padding:0 30px;font-size:16px}.btn.block{width:100%}.circle{border:1px solid var(--line-2);width:44px;height:44px;color:var(--text);cursor:pointer;transition:background .25s, transform .3s var(--ease);background:0 0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.circle.filled{background:var(--invert);color:var(--on-invert);border-color:#0000}.circle.sm{width:36px;height:36px}.circle.lg{width:56px;height:56px}.circle:hover{background:var(--input)}.circle:active{transform:scale(.92)}.card:hover .circle.arrow{transform:rotate(45deg)}.pills{border-radius:var(--r-pill);scrollbar-width:none;flex-wrap:nowrap;gap:6px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill{border-radius:var(--r-pill);border:1px solid var(--line-2);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:14px;font-weight:500;transition:background .25s,color .25s;display:inline-flex}.pill:hover{border-color:var(--text-2)}.pill.active{background:var(--invert);color:var(--on-invert);border-color:var(--invert)}.chip{border-radius:var(--r-pill);border:1px solid var(--line-2);height:28px;color:var(--text-2);align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.chip.ok{color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.chip.warn{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 40%, transparent)}.chip.bad{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.nav{z-index:50;padding:16px 0;transition:background .3s;position:sticky;top:0}.nav.scrolled{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav .container{align-items:center;gap:16px;display:flex}.nav .links{margin:0 auto}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.menu-btn,.mobile-menu{display:none}@media (width<=900px){.nav .links,.nav .hide-m{display:none}.menu-btn{margin-left:auto;display:inline-grid}.mobile-menu.open{flex-direction:column;gap:8px;padding:16px 24px 24px;display:flex}.mobile-menu .pill{justify-content:flex-start;height:48px}}.lang-select{position:relative}.lang-select select{appearance:none;border-radius:var(--r-pill);border:1px solid var(--line-2);cursor:pointer;background:0 0;height:40px;padding:0 34px 0 16px;font-size:14px;font-weight:500}.lang-select svg{pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lang-select option{background:var(--panel);color:var(--text)}.section{padding:clamp(56px,9vw,120px) 0 0}.section-head{color:var(--text-2);border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-bottom:40px;padding-bottom:20px;font-size:13px;display:flex}.section-head .num{font-family:var(--mono);margin-left:auto;font-size:12px}.two-col{grid-template-columns:1.2fr 1fr;align-items:end;gap:32px;margin-bottom:48px;display:grid}@media (width<=800px){.two-col{grid-template-columns:1fr}}.tone-dim{color:var(--text-3)}.hero{padding:clamp(40px,7vw,88px) 0 0;position:relative}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid}@media (width<=980px){.hero-grid{grid-template-columns:1fr}}.bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bento .wide{grid-column:span 2}.widget{border-radius:36px;flex-direction:column;justify-content:space-between;gap:20px;min-height:200px;padding:22px;display:flex}.widget .top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.widget .title{margin-top:14px;font-size:17px;font-weight:500}.widget .value{letter-spacing:-.04em;font-size:48px;font-weight:400;line-height:1}.widget .value.text{letter-spacing:-.02em;font-size:30px}.widget .value small{color:var(--text-2);letter-spacing:0;margin-left:4px;font-size:15px}.widget .bottom{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.viz-dots{align-items:center;gap:0;display:flex}.viz-dots i{background:currentColor;border-radius:50%;width:10px;height:10px;display:block;position:relative}.viz-dots i+i{margin-left:22px}.viz-dots i+i:before{content:"";opacity:.5;background:currentColor;width:22px;height:1px;position:absolute;top:50%;right:100%}.viz-dots i.big{width:30px;height:30px}.viz-dots i.mid{opacity:.7;width:18px;height:18px}.viz-bars{border-bottom:1px solid;align-items:flex-end;gap:6px;height:34px;padding-bottom:2px;display:flex}.viz-bars i{background:currentColor;border-radius:2px;width:3px}.viz-grid{grid-template-columns:repeat(8,7px);gap:6px;display:grid}.viz-grid i{opacity:.35;border:1px solid;border-radius:50%;width:7px;height:7px}.viz-grid i.on{opacity:1;background:currentColor}.gauge{width:100%;max-width:260px;position:relative}.gauge svg{width:100%;height:auto;display:block}.gauge .needle{transition:transform 1.2s var(--ease);transform-origin:100px 100px}.steps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=900px){.steps{grid-template-columns:1fr}}.step{flex-direction:column;justify-content:space-between;min-height:300px;display:flex}.step .n{letter-spacing:-.05em;font-size:88px;font-weight:200;line-height:.9}.features{grid-template-columns:1fr 1.1fr;align-items:stretch;gap:24px;display:grid}@media (width<=900px){.features{grid-template-columns:1fr}}.feature{border-bottom:1px solid var(--line);padding:22px 0}.feature:first-child{padding-top:0}.feature h4{margin:0 0 6px;font-size:18px;font-weight:500}.feature p{color:var(--text-2);margin:0;font-size:15px;font-weight:300}.phone{aspect-ratio:9/18.5;width:min(320px,100%);box-shadow:0 0 0 1px #2a2a2a, var(--shadow);background:#0a0a0a;border:10px solid #1b1b1b;border-radius:46px;margin:0 auto;position:relative;overflow:hidden}.phone .screen{color:#fff;flex-direction:column;gap:10px;padding:44px 16px 16px;display:flex;position:absolute;inset:0}.phone .notch{z-index:2;background:#000;border-radius:20px;width:92px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.tg-msg{background:#1d1d1d;border-radius:18px 18px 18px 6px;max-width:92%;padding:12px 14px;font-size:13px;line-height:1.45}.tg-msg b{font-weight:600}.tg-msg code{font-family:var(--mono);letter-spacing:.18em;color:var(--amber);margin:6px 0;font-size:22px;display:inline-block}.tg-btn{text-align:center;background:#ffffff14;border-radius:12px;margin-top:8px;padding:9px;font-size:13px;font-weight:500}.stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=800px){.stats{grid-template-columns:1fr}}.stat{flex-direction:column;justify-content:space-between;min-height:190px;display:flex}.stat .n{letter-spacing:-.04em;font-size:56px;font-weight:300;line-height:1}.banner{border-radius:var(--r-xl);color:#fff;background:linear-gradient(#2c2c2e,#1d1d1f);grid-template-columns:1.1fr 1fr;min-height:360px;display:grid;position:relative;overflow:hidden}.banner .inner{z-index:1;flex-direction:column;justify-content:center;gap:20px;padding:clamp(28px,5vw,56px);display:flex;position:relative}.banner .art{z-index:1;place-items:center;padding:24px;display:grid;position:relative}@media (width<=800px){.banner{grid-template-columns:1fr}.banner .art{display:none}}.store{color:#fff;height:60px;transition:transform .25s var(--ease), border-color .25s;background:#0b0b0b;border:1px solid #ffffff24;border-radius:20px;align-items:center;gap:12px;padding:0 22px 0 16px;display:inline-flex}.store:hover{border-color:#ffffff59;transform:translateY(-2px)}.store .lbl{flex-direction:column;line-height:1.15;display:flex}.store .lbl small{opacity:.65;font-size:11px}.store .lbl b{font-size:17px;font-weight:600}.store.light{color:#0b0b0b;background:#fff;border-color:#0000}.store[aria-disabled=true]{opacity:.6;pointer-events:none}.faq{grid-template-columns:1fr 1.4fr;gap:32px;display:grid}@media (width<=800px){.faq{grid-template-columns:1fr}}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px 0;font-size:18px;font-weight:500;display:flex}.faq-item .plus{transition:transform .3s var(--ease);flex:none}.faq-item.open .plus{transform:rotate(45deg)}.faq-item .answer{transition:grid-template-rows .35s var(--ease);grid-template-rows:0fr;display:grid}.faq-item.open .answer{grid-template-rows:1fr}.faq-item .answer>div{color:var(--text-2);font-weight:300;overflow:hidden}.faq-item.open .answer>div{padding-bottom:22px}.footer{border-top:1px solid var(--line);margin-top:clamp(64px,10vw,140px);padding:48px 0 32px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:32px;display:grid}.footer h5{margin:0 0 14px;font-size:13px;font-weight:500}.footer a{color:var(--text-2);padding:4px 0;font-size:14px;display:block}.footer a:hover{color:var(--text)}@media (width<=800px){.footer-grid{grid-template-columns:1fr 1fr}}.auth-page{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-page main{z-index:1;flex:1;place-items:center;padding:24px 16px 48px;display:grid;position:relative}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:440px;box-shadow:var(--shadow);padding:clamp(24px,5vw,40px)}.auth-card .logo-ring{background:var(--card-solid);border:1px solid var(--line);border-radius:22px;place-items:center;width:64px;height:64px;margin-bottom:20px;display:grid}.client-logo{object-fit:cover;background:var(--card-solid);border:1px solid var(--line);border-radius:22px;place-items:center;width:64px;height:64px;font-size:26px;font-weight:600;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text-2);font-size:13px;font-weight:500}.input{border:1px solid var(--line);background:var(--input);border-radius:18px;outline:none;width:100%;height:54px;padding:0 18px;font-size:16px;transition:border-color .2s,box-shadow .2s}textarea.input{resize:vertical;height:auto;min-height:96px;padding:14px 18px}select.input{appearance:none;cursor:pointer}select.input option{background:var(--panel)}.input:focus{border-color:var(--text-2);box-shadow:0 0 0 4px color-mix(in srgb, var(--text) 8%, transparent)}.phone-input{border:1px solid var(--line);background:var(--input);border-radius:20px;align-items:center;height:58px;padding:0 6px 0 18px;transition:border-color .2s;display:flex}.phone-input:focus-within{border-color:var(--text-2)}.phone-input .prefix{color:var(--text-2);margin-right:8px;font-size:18px}.phone-input input{letter-spacing:.02em;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:18px}.code-input{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.code-input input{aspect-ratio:1/1.15;border:1px solid var(--line);background:var(--input);text-align:center;width:100%;transition:border-color .2s, transform .2s var(--ease);border-radius:16px;outline:none;font-size:26px;font-weight:500}.code-input input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);transform:translateY(-2px)}.code-input.error input{border-color:var(--danger);animation:.4s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.divider{color:var(--text-3);align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.error-text{color:var(--danger);font-size:14px}.link{cursor:pointer;color:var(--text-2);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);background:0 0;border:0;padding:0;font-size:14px}.link:hover{color:var(--text)}.tg-btn-main{color:#fff;background:#2aabee;border-color:#2aabee}.tg-btn-main:hover{opacity:.9;border-color:#2aabee}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .45s var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}}.account-top{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0 32px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg, var(--copper), var(--sky));object-fit:cover;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:grid}.avatar.lg{width:88px;height:88px;font-size:30px}.dash-grid{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.dash-grid>*{min-width:0}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}@media (width<=980px){.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}}@media (width>=600px) and (width<=980px){.span-4.half{grid-column:span 6}}.hero-tile{min-height:300px;padding:28px}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.list-item:last-child{border-bottom:0}.list-item .meta{flex:1;min-width:0}.list-item .meta .t{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.list-item .meta .s{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.icon-ring{border:1px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.app-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.app-card{flex-direction:column;justify-content:space-between;gap:16px;min-height:200px;display:flex}.qr{background:#fff;border-radius:24px;width:200px;height:200px;padding:10px}.codes{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.codes code{font-family:var(--mono);background:var(--input);border:1px solid var(--line);text-align:center;border-radius:12px;padding:10px 14px;font-size:15px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;place-items:center;padding:16px;animation:.25s both fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:560px;max-height:calc(100vh - 32px);box-shadow:var(--shadow);padding:clamp(20px,4vw,36px);overflow:auto}.toast{z-index:200;border-radius:var(--r-pill);background:var(--invert);color:var(--on-invert);box-shadow:var(--shadow);animation:toastIn .5s var(--spring) both;padding:14px 22px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,24px)scale(.96)}}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px}.table th{color:var(--text-2);font-size:12px;font-weight:500}.scroll-x{overflow-x:auto}.spark{align-items:flex-end;gap:6px;height:120px;display:flex}.spark div{background:linear-gradient(to top, var(--copper), var(--amber));min-height:4px;transition:height .8s var(--ease);border-radius:8px 8px 3px 3px;flex:1}pre.code{border-radius:var(--r-md);color:#e8e6e1;font-family:var(--mono);background:#0b0b0b;border:1px solid #ffffff14;margin:0;padding:20px;font-size:13px;line-height:1.6;overflow-x:auto}.skeleton{border-radius:var(--r-lg);background:linear-gradient(90deg, var(--card) 0%, var(--line) 50%, var(--card) 100%);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=600px){.container{padding:0 16px}.widget{border-radius:28px;min-height:168px;padding:18px}.widget .value{font-size:38px}.card{border-radius:28px;padding:20px}}.page{animation:pageIn .5s var(--ease) backwards}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}}.modal-backdrop{animation:.3s both backdropIn}@keyframes backdropIn{0%{opacity:0}}.modal{animation:sheetIn .5s var(--ease) both}@keyframes sheetIn{0%{opacity:0;transform:translateY(32px)scale(.98)}}@media (width<=640px){.modal-backdrop{align-items:flex-end!important;padding:0!important}.modal{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92vh;padding-bottom:calc(24px + env(safe-area-inset-bottom));animation-name:sheetUp}@keyframes sheetUp{0%{transform:translateY(100%)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.segmented{background:var(--input);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid;position:relative}.segmented button{z-index:1;height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:14px;font-weight:600;transition:color .25s;position:relative}.segmented button.active{color:var(--text)}.segmented .thumb{background:var(--panel);transition:transform .45s var(--ease);border-radius:10px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 3px #0000001f}:root[data-theme=dark] .segmented .thumb{background:#3a3a3c}.qr-box{aspect-ratio:1;background:#fff;border:1px solid #00000014;border-radius:24px;place-items:center;width:min(240px,100%);margin:0 auto;padding:16px;display:grid;position:relative}.qr-box svg{width:100%;height:100%;display:block}.qr-box svg path[stroke]{stroke:#1d1d1f}.qr-box .qr-logo{background:#fff;border-radius:12px;width:44px;height:44px;padding:4px;position:absolute}.qr-box .qr-overlay{border-radius:inherit;text-align:center;color:#1d1d1f;animation:fadeIn .3s var(--ease) both;background:#ffffffeb;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.qr-steps{color:var(--text-2);gap:6px;margin:0;padding-left:20px;font-size:14px;display:grid}.qr-steps b{color:var(--text);font-weight:600}.pop{animation:pop .55s var(--spring) both}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.ok-ring{background:color-mix(in srgb, var(--success) 14%, transparent);width:72px;height:72px;color:var(--success);border-radius:50%;place-items:center;margin:0 auto;display:grid}.ok-ring.bad{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}