:root{color:#14242d;font-synthesis:none;--paper:#f6f7f4;--surface:#fff;--ink:#14242d;--muted:#6d7e87;--line:#d9e0e5;--blue:#087ff0;--soft:#e7f3fa;background:#f6f7f4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #087ff080}button:active:not(:disabled){filter:brightness(.96)}a{color:var(--blue)}h1,h2,h3,p{margin:0}svg{flex-shrink:0}strong{font-weight:650}.miniapp{background:var(--paper);min-height:100dvh}.shell{max-width:600px;padding:0 22px calc(110px + env(safe-area-inset-bottom));overflow-wrap:anywhere;margin:auto}.brand-header{justify-content:space-between;align-items:center;gap:15px;padding:22px 0 26px;display:flex}.brand{text-align:left;background:0 0;padding:6px 0}.wordmark{letter-spacing:-1.5px;white-space:nowrap;font-size:25px;font-style:italic;font-weight:900}.wordmark>span{color:var(--blue)}.circle-button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);border-radius:12px;place-items:center;padding:0;display:grid;position:relative}.notification-dot{background:var(--blue);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.heading{margin:0 0 25px}.eyebrow{letter-spacing:1.6px;color:var(--muted);font-size:10px;font-weight:650;line-height:1.6;display:block}.heading h1{letter-spacing:-1.7px;max-width:310px;margin:13px 0;font-size:clamp(30px,8vw,40px);font-weight:750;line-height:1.07}.heading p{color:var(--muted);max-width:430px;font-size:14px;line-height:1.65}.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:23px}.primary,.secondary{text-align:center;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:49px;padding:13px 16px;font-size:14px;font-weight:650;line-height:1.45;text-decoration:none;display:flex}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.primary>svg:last-child{margin-left:auto}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.secondary.pale{background:var(--paper)}.text-button{color:var(--blue);text-align:center;background:0 0;min-height:44px;margin:8px auto;padding:12px 2px;font-size:13px;line-height:1.5;display:block}.danger{color:#a33739}.icon-tile{background:var(--soft);width:45px;height:45px;color:var(--blue);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.blue,.mint,.lilac,.sand{background:var(--soft);color:var(--blue)}.access-card{background:#edf1f2;padding:24px}.access-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.access-card h2{letter-spacing:-.9px;margin:15px 0 10px;font-size:25px;line-height:1.18}.access-card p{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.65}.access-card .text-button{margin:7px auto -8px}.trial-card{background:var(--soft)}.badge{white-space:nowrap;color:var(--muted);background:#edf1f2;border-radius:20px;align-items:center;padding:7px 10px;font-size:10px;font-weight:600;line-height:1.3;display:inline-flex}.badge.green{color:#21794d;background:#e2f4ea}.badge.amber{color:#84601d;background:#fff3d7}.overview-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.overview-stats button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:11px;padding:15px;display:flex}.overview-stats button>svg:first-child{color:var(--blue)}.overview-stats span{color:var(--muted);flex:1;font-size:11px}.overview-stats strong{color:var(--ink);margin-top:5px;font-size:23px;display:block}.setup-entry{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:15px;align-items:center;gap:14px;width:100%;margin:22px 0;padding:19px 16px;display:flex}.setup-entry>span:nth-child(2){flex:1}.setup-entry strong{font-size:15px;line-height:1.4;display:block}.setup-entry small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.6;display:block}.setup-entry>svg{color:var(--blue)}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-grid button{border:1px solid var(--line);background:0 0;border-radius:13px;flex-direction:column;align-items:center;gap:8px;padding:19px 3px;display:flex}.quick-grid svg{color:var(--blue)}.quick-grid strong{font-size:12px}.quick-grid small{color:var(--muted);font-size:10px}.pending-card{text-align:left;background:#fff7e7;border:1px solid #ecdfbc;border-radius:14px;align-items:center;gap:12px;width:100%;margin-top:20px;padding:17px;display:flex}.pending-card>span{flex:1}.pending-card strong,.pending-card small{font-size:13px;display:block}.pending-card small{color:var(--muted);margin-top:5px;font-size:11px}.app-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:34px 2px 0;font-size:11px;display:flex}.app-footer>span:last-child{letter-spacing:1.1px;font-size:8px}.bottom-nav{z-index:15;width:min(100%,600px);padding:9px 12px calc(9px + env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f8f9f5;border-bottom:0;border-radius:18px 18px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{min-height:55px;color:var(--muted);background:0 0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.bottom-nav button.active{color:var(--blue);background:var(--soft)}.bottom-nav button.active>span{font-weight:650}.miniapp:has(dialog[open]) .bottom-nav{visibility:hidden}.benefits{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.benefits button{text-align:left;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:13px;width:100%;padding:18px;display:flex}.benefits button:last-child{border:0}.benefits button>svg:first-child{color:var(--blue)}.benefits button>span{flex:1}.benefits strong{font-size:14px;display:block}.benefits small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.plans-promo{background:var(--soft);margin-bottom:20px}.quantity{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:18px;display:flex}.quantity strong{font-size:13px;display:block}.quantity small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.stepper{align-items:center;gap:7px;display:flex}.stepper button{background:var(--soft);width:34px;height:37px;color:var(--blue);border-radius:9px;font-size:21px}.stepper output{text-align:center;min-width:18px;font-size:14px;font-weight:650}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.plan{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;align-items:stretch;min-height:150px;padding:19px 16px 27px;display:flex;position:relative}.plan>div{justify-content:space-between;gap:8px;margin-bottom:22px;font-size:13px;font-weight:650;display:flex}.plan i{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:17px;height:17px;display:grid}.plan>strong{letter-spacing:-1.2px;font-size:30px;line-height:1.1}.plan>small{color:var(--muted);margin-top:7px;font-size:10px}.plan.selected{background:var(--soft);border-color:var(--blue)}.plan.selected i{background:var(--blue);color:#fff;border-color:var(--blue)}.plan-ribbon{letter-spacing:1px;color:var(--blue);font-size:7px;position:absolute;bottom:8px}.checkout-card{background:var(--ink);color:#fff;border-radius:16px;margin-top:20px;padding:24px}.checkout-label,.checkout-total{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.checkout-label b{font-weight:500}.checkout-total{margin:25px 0}.checkout-total strong{letter-spacing:-1px;font-size:34px}.fineprint{color:#c3d0d5;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:10px;line-height:1.5;display:flex}.subtle-row{color:var(--muted);align-items:flex-start;gap:10px;margin:21px 4px;font-size:12px;line-height:1.7;display:flex}.subtle-row>svg{margin-top:2px}.back{min-height:44px;color:var(--muted);background:0 0;align-items:center;gap:8px;margin:-8px 0 16px;padding:0;font-size:13px;display:flex}.key-list,.orders{flex-direction:column;gap:15px;display:flex}.key-card{padding:21px}.key-top{align-items:center;gap:13px;display:flex}.key-top>div{flex:1}.key-top h2{letter-spacing:-.4px;font-size:16px}.key-top small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.status-dot{background:#39a66b;border-radius:50%;width:8px;height:8px}.status-dot.expired{background:#aab4bb}.key-date{flex-direction:column;gap:8px;margin:25px 0;display:flex}.key-date>span{color:var(--muted);font-size:11px}.key-date strong{font-size:15px;line-height:1.5}.key-buttons{gap:9px;display:flex}.key-buttons button{min-height:47px;padding:11px 9px;font-size:12px}.key-buttons button:first-child{background:var(--blue);border-color:var(--blue);color:#fff;flex:1.5}.key-buttons button:last-child{flex:1}.add-button{background:var(--surface);border:1px solid var(--line);width:100%;min-height:49px;color:var(--blue);border-radius:12px;justify-content:center;align-items:center;gap:9px;margin:20px 0 8px;padding:14px;font-size:13px;display:flex}.empty{text-align:center;padding:29px 23px}.empty>svg{color:var(--blue);margin-bottom:14px}.empty h2{letter-spacing:-.6px;font-size:22px;line-height:1.2}.empty p{color:var(--muted);margin:13px 0 23px;font-size:13px;line-height:1.75}.order-row{text-align:left;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:20px;display:flex}.order-row h2{margin:10px 0 7px;font-size:16px}.order-row small{color:var(--muted);margin-bottom:12px;font-size:11px;display:block}.order-row>div:last-child{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.order-row strong{white-space:nowrap;font-size:19px}.support-card{background:var(--soft);border:1px solid var(--line);border-radius:16px;margin:22px 0;padding:25px}.support-card h2{letter-spacing:-1px;margin-top:20px;font-size:27px}.support-card p{color:var(--muted);margin:14px 0 24px;font-size:14px;line-height:1.7}.sheet{width:min(560px,100% - 24px);max-height:calc(100dvh - 32px - env(safe-area-inset-top));border:1px solid var(--line);background:var(--paper);color:var(--ink);overscroll-behavior:contain;border-radius:18px;margin:auto;padding:30px 23px 23px;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 100px #14242d30}.sheet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14242d70}.sheet-close{background:0 0;border:0;width:36px;height:36px;position:absolute;top:12px;right:12px}.sheet>.eyebrow{padding-right:26px}.sheet>h2{letter-spacing:-1.2px;margin:13px 25px 14px 0;font-size:29px;line-height:1.1}.sheet>p{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.7}.sheet>.primary+.secondary{margin-top:10px}.field{color:var(--muted);margin:20px 0;font-size:12px;display:block}.field input,.field textarea,.manual-copy textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);resize:vertical;outline-color:var(--blue);border-radius:10px;margin-top:9px;padding:14px;font-size:15px;line-height:1.5;display:block}.field input::placeholder,.field textarea::placeholder{color:#829099}.setup-intro{color:var(--muted);margin:10px 0 19px;font-size:13px;line-height:1.7}.client-switch{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px;display:grid}.client-switch button{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;padding:15px 8px;font-size:15px;font-weight:650}.client-switch button small{color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;line-height:1.5;display:block}.client-switch button[aria-pressed=true]{border-color:var(--blue);background:var(--soft);color:var(--blue)}.device-field{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:0 0 24px;font-size:12px;display:flex}.device-field select{border:1px solid var(--line);background:var(--surface);max-width:65%;color:var(--ink);outline-color:var(--blue);border-radius:9px;padding:10px;font-size:13px}.setup-steps{margin:0;padding:0;list-style:none}.setup-steps>li{border-top:1px solid var(--line);align-items:flex-start;gap:13px;padding:23px 0;display:flex}.setup-steps>li>div{flex:1;min-width:0}.setup-number{width:30px;height:30px;color:var(--blue);background:var(--soft);border-radius:9px;flex-shrink:0;place-items:center;font-size:11px;font-weight:650;display:grid}.setup-steps h3{letter-spacing:-.3px;margin:3px 0 9px;font-size:17px;line-height:1.35}.setup-steps p{color:var(--muted);margin:9px 0 15px;font-size:12px;line-height:1.75}.setup-steps strong{color:var(--ink)}.setup-steps small{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.6;display:block}.setup-steps button{font-size:12px}.manual-copy{color:var(--muted);margin:15px 0;font-size:12px}summary{cursor:pointer;line-height:1.6}.manual-copy textarea{overflow-wrap:anywhere;word-break:break-all;font-family:ui-monospace,monospace;font-size:11px}.setup-steps .copy-success{color:#21794d;margin-bottom:0}.muted-note{color:var(--muted);text-align:left;margin:14px 0;font-size:11px;line-height:1.7}.connection-extra{border-top:1px solid var(--line);color:var(--muted);padding-top:18px;font-size:12px}.connection-extra p{margin:12px 0;line-height:1.7}.check-list{color:var(--muted);padding:0;font-size:13px;line-height:1.7;list-style:none}.check-list li{gap:10px;margin:15px 0;display:flex}.check-list svg{color:var(--blue);margin-top:3px}.router-modal-art{color:var(--blue);background:var(--soft);border-radius:14px;place-items:center;margin:20px 0;padding:22px;display:grid}.message{color:#20683e;white-space:pre-line;background:#eaf6ee;border:1px solid #c2dfd0;border-radius:11px;align-items:flex-start;gap:10px;margin:0 0 18px;padding:14px;display:flex}.message p{flex:1;font-size:12px;line-height:1.7}.message button{color:inherit;background:0 0;padding:2px}.message.error{color:#923b35;background:#fff0ee;border-color:#efcfc9}.sheet>.message{margin:20px 0 0}.demo-strip{color:#84601d;background:#fff3d7;border:1px solid #ecdfbc;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:12px;font-size:10px;display:flex}.demo-strip button{color:inherit;background:0 0;text-decoration:underline}.payment-summary{border:1px solid var(--line);background:#edf1f2;border-radius:16px;margin-bottom:28px;padding:23px}.payment-summary>div:first-child{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.payment-summary>strong{letter-spacing:-1.5px;margin:24px 0 12px;font-size:43px;display:block}.payment-summary>small{color:var(--muted);font-size:12px}.payment-deadline{color:var(--muted);align-items:center;gap:7px;margin-top:18px;font-size:11px;display:flex}.step-label{align-items:flex-start;gap:13px;margin:24px 0 16px;display:flex}.step-label>b{color:var(--blue);margin-top:4px;font-size:11px}.step-label h2{letter-spacing:-.4px;font-size:18px}.step-label p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.7}.requisites{padding:4px 18px}.copy-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:16px 0;display:flex}.copy-row:last-child{border:0}.copy-row>div{flex:1;min-width:0}.copy-row small{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.copy-row strong{-webkit-user-select:text;user-select:text;font-size:15px;line-height:1.5}.copy-row .circle-button{flex-shrink:0;width:36px;height:36px}.comment-card{background:var(--soft);border:1px solid var(--line);border-radius:14px;margin:16px 0 28px;padding:20px}.comment-card>div{align-items:center;gap:10px;font-size:13px;display:flex}.comment-card p{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.7}.comment-card>button{background:var(--surface);width:100%;color:var(--blue);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:13px;display:flex}.comment-card code{letter-spacing:.5px;font-size:16px}.receipt-card{margin-top:25px;padding:20px}.receipt-top{align-items:center;gap:12px;margin-bottom:20px;display:flex}.receipt-top h2{font-size:15px}.receipt-top p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.7}.receipt-card>small{text-align:center;color:var(--muted);margin-top:12px;font-size:10px;display:block}.receipt-card .primary{margin-top:12px}.selected-file{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:12px;display:flex}.selected-file>span{align-items:center;gap:8px;min-width:0;display:flex}.selected-file button{background:0 0;padding:5px}.result-icon{background:var(--soft);color:var(--blue);border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 20px;display:grid}.result-icon.success{color:#21794d;background:#e2f4ea}.busy-indicator{z-index:40;border:1px solid var(--line);background:var(--surface);white-space:nowrap;color:var(--muted);pointer-events:none;border-radius:25px;align-items:center;gap:10px;padding:13px 18px;font-size:12px;display:flex;position:fixed;bottom:105px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #14242d15}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.8s linear infinite spin;display:inline-block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=700px){.shell{padding-top:12px}.brand-header{padding-bottom:35px}}@media (width<=370px){.shell{padding-inline:16px}.heading h1{font-size:30px}.panel,.access-card{padding:19px}.overview-stats button{gap:8px;padding:13px 10px}.overview-stats button>svg:last-child{display:none}.sheet{padding-inline:17px}.setup-steps>li{gap:10px}.bottom-nav button>span{font-size:9px}.plan{padding-inline:13px}.plan>strong{font-size:27px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.overview-stats button>svg:last-child{display:none}.overview-stats span{white-space:nowrap}.setup-steps .secondary+.secondary{margin-top:9px}
