:root,:root[data-theme=light]{--quota-card-width:300px;--quota-card-height:224px;--page-bg:#f6f5f4;--window-bg:#fafafa;--card-bg:#fff;--text:#202124;--muted:#6f7075;--track:#d6d6d9;--accent:#3584e4;--warning:#e5a50a;--danger:#c01c28;--accent-fg:#fff;--accent-hover:#2f76cd;--border:#d9d9de;--hover-bg:#2021240f;--shadow-window:0 1px 3px #0000001a, 0 8px 24px #0000001a;--shadow-popover:0 1px 4px #0000001f, 0 6px 16px #0000001f;--shadow-card:0 1px 2px #0000001f, 0 2px 5px #00000014;--shadow-card-hover:0 2px 6px #00000014, 0 8px 18px #0000001a;--content-width:1040px;--mock-width:1024px;--radius-lg:17px;--radius-md:13px;--radius-sm:8px}:root[data-theme=dark]{--page-bg:#1e1e21;--window-bg:#242428;--card-bg:#353539;--text:#f6f6f7;--muted:#aaaab0;--track:#57575e;--accent:#62a0ea;--warning:#f5c211;--danger:#ed333b;--accent-fg:#fff;--accent-hover:#84b9f0;--border:#4c4c53;--hover-bg:#f6f6f714;--shadow-window:0 1px 3px #00000080, 0 8px 24px #00000073;--shadow-popover:0 1px 4px #00000080, 0 6px 16px #00000073;--shadow-card:0 1px 2px #0000003d, 0 2px 5px #0000002e;--shadow-card-hover:0 2px 6px #0006, 0 8px 18px #00000073}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page-bg);color:var(--text);margin:0;font-family:Cantarell,system-ui,-apple-system,Segoe UI,Noto Sans,Liberation Sans,sans-serif;font-size:16px;line-height:1.55}h1,h2,p{margin-top:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header,#root>main,.site-footer{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:16px}.site-header{align-items:center;gap:12px;padding-block:12px;display:flex}.site-brand{color:inherit;align-items:center;gap:8px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.site-brand img{width:24px;height:24px;display:block}.site-nav{gap:2px;margin-inline-end:auto;display:flex}.site-nav a,.site-header>a:not(.site-brand){border-radius:var(--radius-sm);color:var(--muted);padding:6px 10px;font-size:14px;text-decoration:none}.site-nav a:hover,.site-header>a:not(.site-brand):hover{background:var(--hover-bg);color:var(--text)}.theme-control{position:relative}.theme-control summary{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:32px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:0 12px;font-size:13px;list-style:none;display:inline-flex}.theme-control summary::-webkit-details-marker{display:none}.theme-control summary:hover,.theme-control[open] summary{background:var(--hover-bg);color:var(--text)}.theme-menu{z-index:20;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-popover);flex-direction:column;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.theme-menu button{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:7px 12px;font-size:13px;display:block}.theme-menu button:hover{background:var(--hover-bg)}.theme-menu button[aria-pressed=true]{color:var(--accent);font-weight:700}.hero{padding-block:48px 28px}.hero h1{letter-spacing:-.01em;max-width:20ch;margin-bottom:12px;font-size:34px;font-weight:700;line-height:1.2}.hero p{max-width:52ch;color:var(--muted);margin-bottom:0;font-size:16px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-actions a{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;min-height:38px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.hero-actions a:first-child{background:var(--accent);color:var(--accent-fg);border-color:#0000}.hero-actions a:first-child:hover{background:var(--accent-hover)}.hero-actions a:last-child{color:var(--text);background:0 0}.hero-actions a:last-child:hover{background:var(--hover-bg)}.app-mock-viewport{scrollbar-width:thin;scrollbar-color:var(--track) transparent;margin:-12px -16px 0;padding:12px 8px;overflow-x:auto}.features{border-block:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-block:40px;display:grid}.feature{padding:18px 24px}.feature:first-child{padding-left:0}.feature+.feature{border-left:1px solid var(--border)}.feature h2{margin-bottom:6px;font-size:15px}.feature p{color:var(--muted);margin-bottom:0;font-size:14px}.provider-catalogue{margin-block:40px}.provider-catalogue h2{margin-bottom:8px;font-size:20px}.provider-list{grid-template-columns:repeat(4,1fr);column-gap:32px;margin:0;padding:0;list-style:none;display:grid}.provider-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.provider-item .provider-mark{width:18px;height:18px}.provider-mark{background-color:currentColor;flex:none;width:16px;height:16px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.technical-note{color:var(--muted);margin-block:40px 8px;font-size:13px}.trademark-note{color:var(--muted);margin-bottom:40px;font-size:12px}.trademark-note a{color:inherit;text-underline-offset:2px;text-decoration:underline}.trademark-note a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px 24px;padding-block:20px 32px;display:flex}.site-footer a{color:var(--muted);font-size:13px;text-decoration:none}.site-footer a:hover{color:var(--text);text-underline-offset:2px;text-decoration:underline}.app-mock{width:var(--mock-width);background:var(--window-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-window);text-align:left;margin-inline:auto;font-size:14px;line-height:1.2;overflow:hidden}.app-mock__titlebar{border-bottom:none;grid-template-columns:1fr auto 1fr;align-items:center;min-height:46px;padding:0 10px;display:grid;position:relative}.app-mock__title{justify-self:center;font-weight:700}.app-mock__window-controls{justify-self:end;align-items:center;gap:4px;display:flex}.app-mock__titlebar-button{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;line-height:1;display:inline-flex}.app-mock__titlebar-button:first-child{justify-self:start}.app-mock__titlebar-button:hover{background:var(--hover-bg)}.app-mock__titlebar-button img{width:16px;height:16px;display:block}:root[data-theme=dark] .app-mock__titlebar-button img{filter:invert(.92)}.app-mock__window-controls .app-mock__titlebar-button:last-child{background:var(--hover-bg);border-radius:999px;margin-left:4px}.app-mock__window-controls .app-mock__titlebar-button:last-child:hover{background:color-mix(in srgb, var(--text) 16%, transparent)}.app-mock__content{min-height:380px;padding:12px 12px 49px}.app-mock__grid{grid-template-columns:repeat(3, var(--quota-card-width));justify-content:center;gap:12px;display:grid}.quota-card{box-sizing:border-box;width:var(--quota-card-width);min-width:var(--quota-card-width);height:var(--quota-card-height);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-card);text-align:left;cursor:pointer;border:none;flex-direction:column;gap:12px;padding:16px 16px 10px;transition:transform .12s,box-shadow .12s;display:flex}.quota-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.quota-card__header{align-items:baseline;gap:6px;min-width:0;display:flex}.quota-card__mark{width:28px;height:28px}.quota-card__provider-name{font-size:15px;font-weight:700}.quota-card__plan,.quota-card__state{border-radius:999px;flex:none;padding:2px 9px;font-size:12px;font-weight:700}.quota-card__plan{background:var(--hover-bg);color:var(--muted);margin-left:2px}.quota-card__state{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger);margin-left:auto;padding-block:1px}.quota-card__windows{flex-direction:column;gap:12px;display:flex}.quota-card__secondary-windows{flex-direction:column;gap:6px;display:flex}.quota-card__message{color:var(--muted);font-size:14px;line-height:1.45;display:block}.quota-card__footer{color:var(--muted);opacity:.7;margin-top:auto;font-size:12px;display:block}.quota-window{min-width:0}.quota-window__headline{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.quota-window__title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.quota-window__percent{font-variant-numeric:tabular-nums;font-weight:700}.quota-window--primary .quota-window__percent{flex:none;font-size:28px;font-weight:800}.quota-window--secondary{grid-template-columns:84px minmax(0,1fr) 40px;align-items:center;gap:8px;display:grid}.quota-window--secondary .quota-window__title,.quota-window--secondary .quota-window__percent{font-size:12px}.quota-window--secondary .quota-window__percent{color:var(--muted);text-align:right;font-weight:400}.quota-window__bar{--quota-bar-height:9px;background:var(--track);border-radius:999px;height:9px;margin-top:6px;display:block;position:relative;overflow:hidden}.quota-window--secondary .quota-window__bar{--quota-bar-height:6px;height:6px;margin-top:0}.quota-window__used{border-radius:inherit;height:100%;display:block}.quota-window__used--normal{background:var(--accent)}.quota-window__used--warning{background:var(--warning)}.quota-window__used--danger{background:var(--danger)}.quota-window__pace{background:var(--text);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.quota-window__reset,.quota-window__subtitle{color:var(--muted);margin-top:6px;font-size:12px;display:block}.quota-window__subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:760px){.site-nav{display:none}.hero{padding-block:32px 20px}.hero h1{font-size:27px}.features{grid-template-columns:1fr}.feature{padding:16px 0}.feature+.feature{border-left:none;border-top:1px solid var(--border)}.provider-list{grid-template-columns:repeat(2,1fr);column-gap:24px}.app-mock-viewport{scroll-snap-type:x proximity}.app-mock{scroll-snap-align:start}}@media (pointer:coarse){.app-mock__titlebar-button{width:44px;height:44px}.theme-control summary,.theme-menu button,.hero-actions a{min-height:44px}.theme-menu button{align-items:center;display:flex}.site-nav a,.site-header>a:not(.site-brand){align-items:center;min-height:44px;display:inline-flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important}}