/* Shared public SEO pages. Brand tokens from design/DESIGN.md; no app runtime. */
@font-face{font-family:Inter;src:url('./assets/welcome/inter-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('./assets/welcome/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191,U+2193}
:root{--dev-bg:#e8edf4;--dev-surface:#fff;--dev-ink:#0f172a;--dev-secondary:#334155;--dev-accent:#14b8a6;--dev-soft:#f4f7fb;--dev-dark:#070b12}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--dev-bg);color:var(--dev-ink);font-family:Inter,'Segoe UI',sans-serif;font-size:17px;line-height:1.65}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px;border-radius:3px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.15;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
h1{font-size:clamp(34px,5.1vw,62px);max-width:900px}
h2{font-size:clamp(26px,3.2vw,38px);max-width:740px}
h3{font-size:21px;letter-spacing:-.02em}
p+p{margin-top:16px}
.dev-frame{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.dev-copy{width:min(740px,calc(100% - 64px));margin-inline:auto}
.dev-skip{position:absolute;left:20px;top:-100px;background:var(--dev-ink);color:white;padding:12px 18px;z-index:10}
.dev-skip:focus{top:12px}
.dev-header{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;color:#f1f5f9}
.dev-header:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--dev-dark);box-shadow:0 0 0 100vmax var(--dev-dark);clip-path:inset(0 -100vmax)}
.dev-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:700;text-decoration:none;white-space:nowrap}
.dev-brand img{width:32px;height:32px}
.dev-nav{display:flex;align-items:center;gap:24px;font-size:14px}
.dev-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;transition:color .2s ease}
.dev-nav a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--dev-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.dev-nav a:hover,.dev-nav a:focus-visible{color:#5eead4}
.dev-nav a:hover:after,.dev-nav a:focus-visible:after{transform:scaleX(1)}
.dev-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}
.dev-hero{padding-block:64px 72px;animation:public-enter .65s both cubic-bezier(.2,.7,.3,1)}
.dev-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;margin-bottom:28px;color:var(--dev-secondary)}
.dev-lead{max-width:680px;margin-top:24px;color:var(--dev-secondary);font-size:20px;line-height:1.6}
.dev-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:28px}
.dev-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 24px;background:var(--dev-accent);color:var(--dev-ink);border-radius:12px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.dev-button:after{content:"";position:absolute;inset:-80% auto -80% -60%;width:35%;z-index:-1;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);transition:left .6s ease;pointer-events:none}
.dev-button:hover,.dev-button:focus-visible{background:#2dd4bf;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 0 #070b1214}
.dev-button:hover:after,.dev-button:focus-visible:after{left:140%}
.dev-button:active{transform:translateY(1px)}
.dev-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
.dev-note{font-size:14px;color:var(--dev-secondary);margin-top:14px}
.dev-shot{margin-inline:auto}
.dev-shot--player{max-width:820px}
.dev-shot.dev-shot--square>a{border-radius:0}
.dev-shot>a{display:block;border-radius:16px;overflow:hidden;background:var(--dev-soft);box-shadow:0 20px 60px #070b1210;transition:box-shadow .3s ease}
.dev-shot img{width:100%;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.dev-shot>a:hover img{transform:scale(1.012)}
.dev-shot figcaption{margin-top:14px;font-size:14px;color:var(--dev-secondary);max-width:740px}
.dev-section{padding-block:72px}
.dev-section h2{margin-bottom:24px}
.dev-section>p{color:var(--dev-secondary)}
.dev-section p+h2,.dev-section ul+h2{margin-top:40px}
.dev-section p+h3{margin-top:28px}
.dev-section h3+p{margin-top:12px}
.dev-section ul{padding-left:22px;color:var(--dev-secondary)}
.dev-section li+li{margin-top:8px}
.dev-byline{font-size:14px;color:var(--dev-secondary);margin-top:20px}
.dev-table-wrap{overflow:auto;margin-block:24px;max-width:100%;border-radius:12px;background:var(--dev-surface)}
.dev-table-wrap:focus-visible{outline:3px solid var(--dev-ink);outline-offset:4px}
.dev-table{border-collapse:collapse;width:100%;min-width:600px;text-align:left;font-size:16px}
.dev-table caption{text-align:left;font-size:15px;padding:20px 20px 8px;color:var(--dev-secondary)}
.dev-table th,.dev-table td{padding:18px 20px;vertical-align:top;border-bottom:1px solid #d3dde8}
.dev-table thead th{font-weight:600;background:var(--dev-soft)}
.dev-table tbody th{font-weight:600;width:28%}
.dev-table tr:last-child>*{border-bottom:0}
.dev-price{white-space:nowrap;font-weight:600}
.dev-onpage{background:var(--dev-soft);padding:24px;border-radius:12px}
.dev-onpage h2{font-size:21px;margin-bottom:12px}
.dev-onpage ul{list-style:none;margin:0;padding:0}
.dev-onpage a{display:inline-flex;align-items:center;min-height:44px}
.dev-stages{list-style:none;padding:0;margin:32px 0 0;counter-reset:stage}
.dev-stages li+li{margin-top:32px}
.dev-stages h3{margin-bottom:10px}
.dev-stages p{color:var(--dev-secondary)}
.dev-band{background:var(--dev-soft)}
.dev-facts{margin:28px 0 0;display:grid;gap:24px}
.dev-facts>div{padding-left:20px;border-left:3px solid var(--dev-accent)}
.dev-facts dt{font-weight:600;margin-bottom:4px}
.dev-facts dd{margin:0;color:var(--dev-secondary)}
.dev-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.dev-split .dev-section{padding-block:0}
.dev-split .dev-shot{width:min(100%,360px)}
.dev-split .dev-shot>a{border-radius:16px}
.dev-split h2{margin-bottom:24px}
.dev-split p{color:var(--dev-secondary)}
.dev-faq details{padding-block:16px}
.dev-faq details+details{margin-top:4px}
.dev-faq summary{font-weight:600;cursor:pointer;min-height:44px;padding-block:8px;line-height:1.5}
.dev-faq details p{padding-block:10px 8px;color:var(--dev-secondary)}
.dev-close{position:relative;isolation:isolate;background:var(--dev-dark);color:#f1f5f9;padding-block:80px}
.dev-close:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:radial-gradient(#5eead4 .6px,transparent .6px);background-size:18px 18px;pointer-events:none}
.dev-close p{color:#cbd5e1;margin-top:20px}
.dev-close a:focus-visible{outline-color:#5eead4}
.dev-close .dev-button{margin-top:24px}
.dev-related{padding-block:48px}
.dev-related h2{font-size:24px;margin-bottom:16px}
.dev-related ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 28px}
.dev-related a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.dev-footer{padding-block:28px 36px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;color:var(--dev-secondary)}
.dev-footer-links{display:flex;flex-wrap:wrap;gap:20px}
.dev-footer a{display:inline-flex;align-items:center;min-height:44px}
.dev-footer button{appearance:none;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0;min-height:44px}
.dev-footer button:focus-visible{outline:3px solid var(--dev-ink);outline-offset:5px}
.sport-cookie .sport-cookie-actions button{min-height:44px}
.dev-cookie-slot .sport-cookie{position:static;margin:0 auto 24px;width:min(740px,calc(100% - 40px));max-width:740px;border:0;box-shadow:none}
.legal-shell{padding-block:64px 80px}
.legal-intro{max-width:860px;margin-bottom:48px}
.legal-intro h1{font-size:clamp(36px,5vw,64px);margin-bottom:24px}
.legal-intro>p{max-width:740px}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.legal-toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:0;font-size:14px;line-height:1.5}
.legal-toc h2{font-size:17px;letter-spacing:-.02em;margin-bottom:12px}
.legal-toc a{display:flex;align-items:center;min-height:44px;padding-block:8px;text-decoration:none}
.legal-toc a:hover{text-decoration:underline}
.legal-documents{min-width:0;background:var(--dev-surface);border-radius:16px;padding:40px}
.legal-documents .card+.card{margin-top:48px;padding-top:40px;border-top:1px solid #d3dde8}
.legal-documents .card{scroll-margin-top:24px}
.legal-documents h2{font-size:26px;margin-bottom:20px}
.legal-documents h3{font-size:18px;margin:24px 0 12px}
.legal-documents ul{padding-left:22px;margin:18px 0}
.legal-documents li+li{margin-top:12px}
.legal-documents p,.legal-documents li{overflow-wrap:anywhere}
.legal-documents p+p{margin-top:16px}
.legal-documents a:not(.dev-button){color:#0f766e}
.legal-documents code{font-size:.85em;overflow-wrap:anywhere}
.legal-documents .muted,.legal-intro .muted{color:var(--dev-secondary);font-size:14px}
.legal-documents button{font:inherit;min-height:44px;border:1px solid #0f766e;border-radius:8px;color:#0f766e;background:#fff;padding:9px 14px;cursor:pointer;transition:background .2s ease,transform .2s ease}
.legal-documents button:hover{background:#ccfbf1;transform:translateY(-1px)}
.legal-plain{max-width:820px;margin-inline:auto}
.legal-plain>p:first-child{margin-top:0}
.legal-version{font-size:14px;color:var(--dev-secondary)}
.dev-error{min-height:100svh;display:grid;place-items:center;padding-block:48px}
.dev-error-panel{width:100%;padding:clamp(24px,5vw,64px);background:var(--dev-surface);border-radius:16px}
.dev-error-panel h1{margin-top:20px}
.dev-error-panel .dev-brand img{width:32px;height:32px}
.dev-error-panel .dev-actions{margin-top:0}
.dev-error-panel>.dev-actions{margin-top:28px}
@keyframes public-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(min-width:1000px){.dev-hero{padding-top:72px}.dev-copy{width:740px}.dev-hero.dev-copy{width:840px}}
@media(max-width:700px){
  .dev-frame,.dev-copy{width:calc(100% - 40px)}
  .dev-header{flex-wrap:wrap;gap:4px;padding-block:16px}
  .dev-nav{width:100%;gap:8px 20px;flex-wrap:wrap}
  .dev-hero{padding-block:32px 40px}
  .dev-breadcrumb{margin-bottom:24px}
  .dev-lead{font-size:18px;margin-top:20px}
  .dev-actions{gap:8px 20px}
  .dev-button{width:100%}
  .dev-section{padding-block:48px}
  .dev-table{min-width:0;table-layout:fixed;font-size:14px;line-height:1.5}
  .dev-table th,.dev-table td{padding:12px 10px;overflow-wrap:break-word}
  .dev-table thead th:first-child{width:28%}
  .dev-table thead th:nth-child(2){width:22%}
  .dev-table caption{padding:16px 10px 8px}
  .dev-split{grid-template-columns:1fr;gap:32px}
  .dev-split .dev-shot{width:100%;max-width:360px;margin-inline:0}
  .dev-close{padding-block:48px}
  .dev-shot>a{border-radius:12px}
  .dev-footer{display:block}
  .legal-shell{padding-block:40px 48px}
  .legal-intro{margin-bottom:32px}
  .legal-layout{grid-template-columns:1fr;gap:28px}
  .legal-toc{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
  .legal-toc h2{grid-column:1/-1}
  .legal-documents{padding:24px 20px}
  .legal-documents h2{font-size:23px}
  .legal-documents .card+.card{margin-top:32px;padding-top:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.dev-button:hover,.dev-button:focus-visible,.dev-button:active,.dev-shot>a:hover img,.legal-documents button:hover{transform:none}.dev-button:after{display:none}}