:root {
  --background: #080808;
  --foreground: #f4f4f4;
  --paper: #eaeaea;
  --paper-ink: #151515;
  --card: #151515;
  --card-2: #1b1b1b;
  --border: #292929;
  --muted: #999995;
  --soft: #737373;
  --success: #bfc9bd;
  --font-sans: Inter, "Segoe UI", Arial, sans-serif;
  --font-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  --ease: cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; scroll-padding-top: 100px; scrollbar-width: thin; scrollbar-color: #777 #080808; }
body { margin: 0; overflow-x: clip; color: var(--foreground); background: var(--background); font-family: var(--font-sans); font-size: 16px; -webkit-font-smoothing: antialiased; }
#route-view{min-height:100vh;transition:opacity .16s ease}.route-loading #route-view{opacity:.55;pointer-events:none}.route-error #route-view{opacity:1}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
mark { color: inherit; background: none; }
::selection { color: white; background: #777; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.shell { width: calc(100% - 128px); max-width: 1440px; margin-inline: auto; }
.eyebrow { color: #939393; font-size: 11px; font-weight: 500; letter-spacing: .07em; line-height: 1.5; }

/* Shared floating navigation */
.site-header { position: fixed; z-index: 90; inset: 18px 22px auto; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.site-header > a, .site-header nav { pointer-events: auto; }
.wordmark { width: 48px; height: 46px; display: flex; align-items: center; justify-content: center; padding-right: 3px; border-radius: 12px; background: #1d1d1df2; box-shadow: 0 4px 24px #0003; backdrop-filter: blur(10px); font-size: 34px; font-weight: 650; letter-spacing: -5px; line-height: 1; }
.wordmark strong { font-weight: 650; }
.wordmark span { color: #aaa; }
.site-header nav { position: absolute; left: 50%; display: flex; gap: 5px; align-items: center; max-width: calc(100vw - 180px); padding: 6px; transform: translateX(-50%); overflow-x: auto; border-radius: 14px; background: #1b1b1bf5; box-shadow: 0 4px 25px #0003; backdrop-filter: blur(12px); scrollbar-width: none; }
.site-header nav::-webkit-scrollbar { display: none; }
.site-header nav a { flex: 0 0 auto; padding: 12px 24px; border-radius: 9px; color: #d9d9d9; font-size: 13px; white-space: nowrap; transition: color .25s, background .25s, transform .25s; }
.site-header nav a:hover, .site-header nav a.active, .site-header nav a[aria-current] { color: white; background: #ffffff13; }
.site-header nav a:active { transform: scale(.97); }
.site-header nav b { display: none; margin-right: 7px; color: #777; font: 9px var(--font-mono); }
.header-contact { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: #1b1b1bf5; box-shadow: 0 4px 25px #0003; backdrop-filter: blur(10px); font-size: 22px; transition: background .25s, transform .25s; }
.header-contact:hover { background: #383838; transform: translate(2px,-2px); }
.view-as-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 14px;padding:14px 16px;border:1px solid #5a5140;border-radius:12px;background:linear-gradient(110deg,#211e17,#151515);box-shadow:0 12px 40px #0004}.view-as-banner>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px 10px;min-width:0}.view-as-banner i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#d6b86f;box-shadow:0 0 16px #d6b86f88}.view-as-banner span{color:#bca56e;font:8px var(--font-mono);letter-spacing:.09em}.view-as-banner strong{grid-column:2/-1;font-size:13px;font-weight:520}.view-as-banner small{grid-column:2/-1;color:#8f8776;font-size:10px}.view-as-exit button{min-height:38px;padding:10px 13px;border:1px solid #655a43;border-radius:8px;color:#e5d6b2;background:#292317;font:8px var(--font-mono);letter-spacing:.06em;white-space:nowrap;cursor:pointer}.view-as-exit button:hover{background:#3a301d}.view-as-mode form:not(.view-as-exit) :is(input,textarea,select,button,.file-button){pointer-events:none;opacity:.58}.partner-head-actions{display:flex;align-items:flex-end;flex-direction:column;gap:12px}.partner-head-actions form{margin:0}.partner-head-actions .outline-button{min-height:42px;padding:10px 14px;font:8px var(--font-mono);letter-spacing:.06em}

/* Common controls */
.button, .solid-button, .outline-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; padding: 14px 22px; border: 0; border-radius: 9px; cursor: pointer; font-size: 14px; line-height: 1.3; transition: background .25s, color .25s, transform .25s, border-color .25s; }
.button b, .solid-button b { font-size: 17px; transition: transform .3s; }
.button:hover, .solid-button:hover, .outline-button:hover { transform: translateY(-3px); }
.button:active, .solid-button:active, .outline-button:active { transform: translateY(-1px) scale(.985); }
.button:hover b, .solid-button:hover b { transform: translate(2px,-2px); }
.button-light, .solid-button { background: #e8e8e8; color: #161616; }
.button-light:hover, .solid-button:hover { background: #fff; }
.outline-button { border: 1px solid #3b3b3b; background: #171717; color: #eee; }
.outline-button:hover { border-color: #686868; background: #252525; }

/* Public landing */
.public-site { overflow-x: clip; }
.public-hero { height: 100svh; min-height: 790px; max-height: 1100px; position: relative; display: flex; flex-direction: column; padding: 114px 0 86px; }
.hero-meta { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; color: #848484; font: 10px var(--font-mono); letter-spacing: .06em; }
.hero-meta span:last-child { display: flex; align-items: center; gap: 9px; }
.hero-meta i, .demo-strip i, .signal i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: #aaa; box-shadow: 0 0 14px #aaa8; }
.network-art { position: absolute; z-index: 1; inset: 0 calc((100% - 100vw)/2); width: 100vw; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 70% 40%, #1a1a1a, #080808 64%); transform: translate3d(var(--pointer-x,0),calc(var(--hero-shift,0px) + var(--pointer-y,0px)),0); will-change: transform; }
.network-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,#080808 0%,transparent 19%,transparent 47%,#080808c9 83%,#080808 100%),linear-gradient(90deg,#08080820,transparent 60%); }
.network-glow { position: absolute; top: 17%; right: 5%; width: min(58vw,820px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,#aaa3 0,#7771 28%,transparent 68%); animation: breathe 7s ease-in-out infinite; }
.network-sphere { position: absolute; top: 20%; right: 10%; width: min(49vw,680px); aspect-ratio: 1; border: 1px solid #7775; border-radius: 50%; background: repeating-radial-gradient(ellipse at 50% 50%,transparent 0 7%,#aaa1 7.2% 7.5%,transparent 7.7% 14%); box-shadow: inset 0 0 90px #aaa1; transform: rotate(-14deg); }
.network-sphere::before, .network-sphere::after { content: ""; position: absolute; inset: 12%; border: 1px solid #aaa4; border-radius: 50%; transform: rotateX(68deg); }
.network-sphere::after { inset: 25% -8%; transform: rotateY(68deg); }
.orbit { position: absolute; top: 48%; right: 2%; width: min(62vw,900px); height: min(25vw,350px); border: 1px solid #8d8d8d35; border-radius: 50%; transform: rotate(-18deg); }
.orbit-b { top: 32%; right: 6%; transform: rotate(55deg); }
.orbit-c { top: 38%; right: -5%; transform: rotate(105deg); }
.node { position: absolute; z-index: 2; width: 8px; height: 8px; border: 2px solid #d6d6d6; border-radius: 50%; box-shadow: 0 0 17px #fff9; animation: node-pulse 3s ease-in-out infinite; }
.node-a { top: 28%; right: 26%; }.node-b { top: 54%; right: 8%; animation-delay: -.8s; }.node-c { top: 67%; right: 36%; animation-delay: -1.6s; }.node-d { top: 37%; right: 46%; animation-delay: -2.2s; }
.public-hero-copy { z-index: 3; max-width: 850px; margin-top: auto; mix-blend-mode: difference; }
.public-hero-copy .eyebrow { margin: 0 0 15px; }
.public-hero h1 { margin: 0; font-size: clamp(60px,6.4vw,102px); font-weight: 450; letter-spacing: -.067em; line-height: 1.01; }
.public-hero h1 span { color: #929292; }
.hero-bottom { z-index: 4; display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 28px; }
.hero-bottom p { margin: 0; color: #aaa; font-size: 17px; line-height: 1.55; }
.scroll-link { position: absolute; z-index: 5; bottom: 24px; left: 50%; display: flex; gap: 9px; align-items: center; padding: 10px; translate: -50% 0; color: #8e8e8e; font-size: 12px; }
.scroll-link span { animation: nudge 2.5s ease-in-out infinite; }

.paper-section { color: var(--paper-ink); background: var(--paper); }
.platform-section { padding-block: 104px; }
.section-heading { display: grid; grid-template-columns: 1fr 1.8fr 1fr; align-items: start; gap: 38px; margin-bottom: 54px; }
.section-heading > .eyebrow { padding-top: 8px; color: #767676; }
.section-heading h2, .workflow-copy h2, .access-section > h2 { margin: 0; font-size: clamp(40px,4.3vw,68px); font-weight: 450; letter-spacing: -.065em; line-height: 1.05; }
.section-heading h2 span, .workflow-copy h2 span, .access-section > h2 span { color: #747474; }
.section-heading > p { justify-self: end; margin: 8px 0 0; color: #717171; font-size: 15px; line-height: 1.6; }
.feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.feature-card { position: relative; isolation: isolate; min-height: 570px; overflow: hidden; border-radius: 16px; color: #fff; background: #474747; transition: transform .7s var(--ease), box-shadow .5s; }
.feature-card:hover { transform: translateY(-7px); box-shadow: 0 22px 45px #0003; }
.feature-dark { background: radial-gradient(circle at 70% 30%,#4b4b4b,#171717 62%); }
.feature-mid { background: radial-gradient(circle at 50% 34%,#777,#2c2c2c 68%); }
.feature-light { color: #171717; background: radial-gradient(circle at 45% 35%,#fff,#bcbcbc 72%); }
.feature-top { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: baseline; padding: 25px 25px 0; }
.feature-top h3 { margin: 0; font-size: clamp(24px,2.2vw,34px); font-weight: 450; letter-spacing: -.055em; }
.feature-top span { opacity: .65; font: 10px var(--font-mono); }
.feature-bottom { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; padding: 25px; background: linear-gradient(transparent,#111 25%); }
.feature-light .feature-bottom { background: linear-gradient(transparent,#d6d6d6 28%); }
.feature-bottom strong { display: block; margin-bottom: 11px; font-size: 15px; font-weight: 500; }
.feature-bottom p { max-width: 300px; margin: 0 0 17px; color: #d0d0d0; font-size: 14px; line-height: 1.5; }
.feature-light .feature-bottom p { color: #555; }
.feature-bottom > div { display: flex; flex-wrap: wrap; gap: 6px; }
.feature-bottom > div span { padding: 7px 10px; border-radius: 5px; background: #ffffff1b; font-size: 11px; backdrop-filter: blur(12px); }
.feature-light .feature-bottom > div span { background: #1111; }
.bot-visual { position: absolute; top: 24%; left: 16%; width: 68%; height: 250px; padding: 23px; border: 1px solid #ffffff38; border-radius: 23px; background: #111a; box-shadow: 0 20px 50px #0005; transform: rotate(-4deg); transition: transform .8s var(--ease); backdrop-filter: blur(8px); }
.feature-card:hover .bot-visual { transform: rotate(-1deg) scale(1.025); }
.bot-visual i { width: 46px; height: 46px; display: block; margin-bottom: 28px; border-radius: 50%; background: #eee; }
.bot-visual span { height: 8px; display: block; margin: 11px 0; border-radius: 5px; background: #777; }.bot-visual span:nth-of-type(2){width:66%}.bot-visual b{position:absolute;bottom:24px;left:23px;font:11px var(--font-mono);letter-spacing:.08em}
.chart-visual { position: absolute; top: 19%; right: 12%; left: 12%; height: 280px; display: flex; align-items: end; gap: 10px; padding: 22px; border-bottom: 1px solid #fff6; }
.chart-visual i { width: 20%; border-radius: 7px 7px 0 0; background: linear-gradient(#ddd,#777); transform-origin: bottom; animation: bar-in 1.1s var(--ease) both; }
.chart-visual i:nth-child(1){height:38%}.chart-visual i:nth-child(2){height:61%;animation-delay:.08s}.chart-visual i:nth-child(3){height:48%;animation-delay:.16s}.chart-visual i:nth-child(4){height:82%;animation-delay:.24s}.chart-visual i:nth-child(5){height:70%;animation-delay:.32s}
.node-visual { position: absolute; top: 18%; left: 50%; width: 290px; height: 290px; translate: -50% 0; border: 1px solid #555; border-radius: 50%; animation: rotate-slow 18s linear infinite; }
.node-visual::before,.node-visual::after{content:"";position:absolute;inset:18%;border:1px solid #555;border-radius:50%}.node-visual::after{inset:37%}.node-visual i{position:absolute;width:14px;height:14px;border-radius:50%;background:#171717}.node-visual i:nth-child(1){top:7%;left:50%}.node-visual i:nth-child(2){top:48%;right:-2%}.node-visual i:nth-child(3){bottom:6%;left:29%}.node-visual i:nth-child(4){top:37%;left:14%}.node-visual span{position:absolute;inset:45%;border-radius:50%;background:#333;box-shadow:0 0 30px #555}
.section-foot { display: flex; justify-content: space-between; gap: 20px; padding-top: 25px; color: #777; font-size: 9px; letter-spacing: .05em; }

.workflow-section { display: grid; grid-template-columns: 1fr 2.3fr; gap: 65px 90px; padding-block: 116px; }
.workflow-label { display: flex; flex-direction: column; gap: 64px; }
.workflow-label strong { font-size: 130px; font-weight: 450; letter-spacing: -.1em; line-height: .75; }
.workflow-label p { margin: -115px 0 0 100px; color: #8e8e8e; font-size: 14px; line-height: 1.6; }
.workflow-copy h2 { margin-bottom: 38px; }
.scroll-copy { max-width: 810px; margin: 0; font-size: clamp(26px,2.6vw,40px); font-weight: 400; letter-spacing: -.04em; line-height: 1.3; }
.scroll-copy span { color: color-mix(in srgb,#f4f4f4 calc(var(--word-progress,0)*100%),#626262); }
.workflow-grid { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; margin: 15px 0 0; padding: 0; list-style: none; }
.workflow-grid li { padding-top: 20px; border-top: 1px solid #303030; }
.workflow-grid li > div { display: flex; justify-content: space-between; color: #878787; font: 10px var(--font-mono); }
.workflow-grid h3 { margin: 27px 0 15px; font-size: 27px; font-weight: 450; letter-spacing: -.05em; }
.workflow-grid p { max-width: 390px; margin: 0; color: #9a9a9a; font-size: 15px; line-height: 1.65; }

.access-section { padding-top: 90px; }
.access-top { display: flex; justify-content: space-between; color: #777; font-size: 10px; letter-spacing: .05em; }
.access-section > h2 { margin: 60px 0 55px; font-size: clamp(64px,8.6vw,136px); line-height: 1.01; }
.access-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding-top: 28px; border-top: 1px solid #303030; }
.access-bottom > p { margin: 0; color: #929292; font-size: 16px; line-height: 1.65; }
.login-box { display: grid; gap: 12px; }
.telegram-cta { width: 100%; }
.signal { display: flex; gap: 9px; align-items: center; color: #777; font: 9px var(--font-mono); letter-spacing: .08em; }
.signal i { width: 5px; height: 5px; }
.demo-link { display: flex; justify-content: space-between; padding: 15px 2px; border-bottom: 1px solid #303030; color: #aaa; font-size: 14px; transition: padding .3s,color .3s; }.demo-link:hover{padding-left:8px;color:#fff}
.footer-wordmark { margin-top: 80px; padding-bottom: 20px; color: #e6e6e6; font-size: clamp(118px,22vw,340px); font-weight: 650; letter-spacing: -.09em; line-height: .9; }
.footer-wordmark span { display: inline-block; margin: .4em 0 0 .1em; vertical-align: top; font-size: .115em; letter-spacing: 0; }
.public-footer, .app-footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-block: 28px; border-top: 1px solid #303030; color: #777; font-size: 10px; }

/* Application pages */
.app-shell { min-height: 100vh; }
.app-header nav a { padding-inline: 16px; font-size: 12px; }
.workspace { min-height: 100svh; display: flex; flex-direction: column; padding-top: 98px; }
.demo-strip { width: max-content; display: flex; align-items: center; gap: 10px; margin-bottom: 25px; padding: 8px 12px; border: 1px solid #303030; border-radius: 20px; color: #898989; background: #121212; font: 9px var(--font-mono); letter-spacing: .06em; }
.demo-strip i { width: 5px; height: 5px; border-radius: 50%; background: #aaa; box-shadow: 0 0 0 3px #aaa1; }.demo-strip b{color:#ccc}.demo-strip span{color:#686868}
.page-head { min-height: 250px; display: flex; align-items: end; justify-content: space-between; gap: 35px; padding: 30px 0 38px; }
.page-head > div > span, .panel > span, .panel-head span, .modal-card > span, .backline, .server-card > span { color: #7c7c7c; font: 9px var(--font-mono); letter-spacing: .1em; text-decoration: none; }
.page-head h1 { margin: 18px 0 0; font-size: clamp(56px,6.4vw,96px); font-weight: 450; letter-spacing: -.068em; line-height: .94; }
.page-head h1 i { color: #858585; font-style: normal; }
.head-note { padding-bottom: 6px; color: #777; font: 10px/1.7 var(--font-mono); text-transform: uppercase; }
.compact-head { min-height: 215px; }
.compact-head h1, .partner-head h1 { font-size: clamp(52px,5.5vw,82px); }
.backline { display: inline-block; margin-bottom: 20px; color: #ccc; transition: translate .25s; }.backline:hover{translate:-4px 0}
.partner-head>div>span{display:block}
.partner-head mark { margin-bottom: 8px; padding: 8px 12px; border-radius: 20px; color: #ddd; background: #232323; font: 9px var(--font-mono); letter-spacing: .08em; }

.metric-band { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.metric-band article { min-height: 170px; display: flex; flex-direction: column; padding: 22px; overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: linear-gradient(145deg,#1a1a1a,#111); transition: transform .5s var(--ease),background .4s; }
.metric-band article:hover { transform: translateY(-5px); background: #1d1d1d; }
.metric-band small, .metric-band em { color: #777; font: 9px var(--font-mono); letter-spacing: .08em; font-style: normal; }
.metric-band strong { margin: auto 0 8px; font-size: clamp(27px,2.9vw,44px); font-weight: 500; letter-spacing: -.055em; }
.metric-band article:first-child strong { color: #f3f3f3; }
.split-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(300px,.7fr); gap: 12px; margin-top: 12px; }
.panel { padding: 25px; border: 1px solid var(--border); border-radius: 15px; background: linear-gradient(145deg,#171717,#131313); }
.panel-head { display: flex; align-items: end; justify-content: space-between; padding-bottom: 22px; }
.panel-head h2, .system-card h2, .status-panel h2 { margin: 8px 0 0; font-size: 25px; font-weight: 450; letter-spacing: -.045em; }
.panel-head a, .system-card > a { color: #bbb; font: 9px var(--font-mono); letter-spacing: .07em; transition: color .25s; }.panel-head a:hover,.system-card>a:hover{color:white}
.editorial-list { border-top: 1px solid #333; }
.editorial-list a { min-height: 77px; display: grid; grid-template-columns: 42px 1fr 90px 110px; gap: 10px; align-items: center; border-bottom: 1px solid #303030; transition: padding .3s,background .3s; }
.editorial-list a:hover { padding-inline: 10px; background: #ffffff05; }
.editorial-list a > b { color: #666; font: 9px var(--font-mono); }.editorial-list a > span{display:grid;gap:6px}.editorial-list strong{font-size:14px;font-weight:500}.editorial-list small{color:#777;font:9px var(--font-mono)}.editorial-list em{color:#bbb;font:normal 10px var(--font-mono)}.editorial-list i{text-align:right;font-size:13px;font-style:normal}
.system-card { position: relative; overflow: hidden; background: radial-gradient(circle at 50% 52%,#292929,#141414 57%); }
.system-card h2 { font-size: 31px; }
.system-orb { width: 142px; height: 142px; margin: 26px auto; border: 1px solid #777; border-radius: 50%; background: repeating-radial-gradient(circle,transparent 0 15%,#aaa2 15.5% 16%,transparent 16.5% 30%); box-shadow: inset 0 0 45px #aaa1; animation: rotate-slow 14s linear infinite; }
.system-card dl { margin: 0 0 22px; border-top: 1px solid #353535; }.system-card dl div,.partner-facts dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #333}.system-card dt,.system-card dd{margin:0;font:9px var(--font-mono)}.system-card dd{color:#ccc}

.directory { overflow: hidden; border: 1px solid var(--border); border-radius: 15px; background: #111; }
.directory-head,.directory-row{display:grid;grid-template-columns:minmax(260px,1.5fr) .55fr .65fr .75fr 28px;gap:20px;align-items:center;padding-inline:22px}.directory-head{min-height:47px;color:#666;font:9px var(--font-mono);letter-spacing:.08em}.directory-row{min-height:92px;border-top:1px solid #292929;transition:background .3s,padding .3s}.directory-row:hover{padding-inline:30px;background:#1b1b1b}.directory-row>span{display:flex;gap:14px;align-items:center}.directory-row>span>i{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:10px;color:#171717;background:#ddd;font-style:normal;font-weight:650}.directory-row b{display:grid;gap:5px;font-size:14px;font-weight:500}.directory-row small{color:#777;font:9px var(--font-mono);font-weight:400}.directory-row>strong{font-size:13px;font-weight:500}.directory-row>em{color:#aaa;font-style:normal}.empty-list-state{display:grid;gap:8px;place-items:center;min-height:190px;padding:30px;color:#888;text-align:center}.empty-list-state strong{color:#ddd;font-size:18px}.empty-list-state small{max-width:420px;font:10px/1.6 var(--font-mono)}

.modal-card { width: min(500px,calc(100vw - 28px)); padding: 34px; border: 1px solid #444; border-radius: 16px; color: #eee; background: #171717f5; box-shadow: 0 30px 100px #000b; backdrop-filter: blur(20px); }
.modal-card::backdrop { background: #000b; backdrop-filter: blur(6px); }.modal-card h2{margin:12px 0 8px;font-size:31px;font-weight:450;letter-spacing:-.05em}.modal-card p{color:#888;font-size:13px;line-height:1.6}.modal-close{position:absolute;top:17px;right:18px;border:0;background:transparent;color:#ddd;cursor:pointer;font-size:27px}.modal-card form,.status-panel form{display:grid;gap:16px;margin-top:24px}.modal-card label{display:grid;gap:8px;color:#888;font:9px var(--font-mono);letter-spacing:.07em;text-transform:uppercase}
input,textarea,select{width:100%;padding:13px 14px;border:1px solid #393939;border-radius:9px;outline:0;color:#eee;background:#0e0e0e;transition:border-color .25s,background .25s}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#777;background:#111}.modal-card .solid-button{width:100%;margin-top:6px}.flash{margin:16px 0 -5px;padding:12px 14px;border:1px solid #444;border-radius:10px;color:#ccc;background:#151515;font:9px var(--font-mono);letter-spacing:.08em}
.partner-layout { display: grid; grid-template-columns: 1.15fr 1fr .9fr; gap: 12px; }.ratio{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:33px 0 8px}.ratio strong,.ratio em{font-size:clamp(64px,6.5vw,100px);font-weight:450;font-style:normal;letter-spacing:-.08em}.ratio strong{color:#f2f2f2}.ratio em{color:#777}.ratio i{padding:0 10px;color:#555;font:normal 28px var(--font-mono)}.ratio-label{display:flex;justify-content:space-between;color:#777;font:8px var(--font-mono);letter-spacing:.1em}.terms-panel .solid-button{width:100%;margin-top:35px}.partner-facts dl{margin:25px 0 0}.partner-facts dt,.partner-facts dd{margin:0;font-size:12px}.partner-facts dt{color:#777}.status-panel p{min-height:58px;color:#888;font-size:12px;line-height:1.6}.status-panel .outline-button{width:100%}
.three { grid-template-columns: repeat(3,1fr); }
.finance-table { border-top: 1px solid #333; }.finance-row{min-height:67px;display:grid;grid-template-columns:1fr 1.3fr .8fr .8fr .8fr;gap:18px;align-items:center;border-bottom:1px solid #303030;font-size:12px}.finance-row.finance-head{min-height:42px;color:#666;font:8px var(--font-mono);letter-spacing:.08em}.finance-row small{display:block;margin-top:4px;color:#777;font:8px var(--font-mono)}
.payout-row{min-height:86px}.payout-actions{display:flex;gap:6px}.mini-action{padding:8px 10px;border:1px solid #444;border-radius:7px;color:#ddd;background:#202020;font:8px var(--font-mono);letter-spacing:.05em;cursor:pointer}.mini-action:hover{border-color:#777;background:#2a2a2a}
.head-actions{display:flex;gap:8px;flex-wrap:wrap}.client-total{display:grid;justify-items:end;gap:8px}.client-total small{color:#777;font:8px var(--font-mono);letter-spacing:.08em}.client-total strong{font-size:44px;font-weight:450}.clients-panel{padding-top:18px}.client-search{display:grid;grid-template-columns:auto minmax(180px,390px);align-items:center;justify-content:end;gap:14px;margin-bottom:18px;color:#777;font:8px var(--font-mono);letter-spacing:.08em}.client-search input{padding-block:10px}.client-table{border-top:1px solid #333}.client-row{min-height:76px;display:grid;grid-template-columns:1.3fr 1fr .7fr .8fr .7fr;gap:18px;align-items:center;border-bottom:1px solid #303030;font-size:12px}.client-row small{display:block;margin-top:5px;color:#777;font:8px var(--font-mono)}.client-row.client-head{min-height:40px;color:#666;font:8px var(--font-mono);letter-spacing:.08em}.client-no-results{padding:55px 0;color:#777;text-align:center;font-size:12px}
.empty-state,.empty-panel{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#171717,#111);text-align:center}.empty-state>span,.empty-panel>span{margin-bottom:26px;color:#686868;font:8px var(--font-mono);letter-spacing:.11em}.empty-state>b,.empty-panel>b{display:grid;width:54px;height:54px;place-items:center;margin:0 0 18px;border:1px solid #343434;border-radius:50%;color:#ddd;background:#1a1a1a;font:500 18px var(--font-mono)}.empty-state p,.empty-panel p{max-width:500px;margin:8px 0 0;color:#8b8b8b;font-size:13px;line-height:1.65}.empty-state h2,.empty-panel h2{margin:0;font-size:24px;font-weight:450;letter-spacing:-.035em}
.server-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.server-card{min-height:260px;padding:25px;border:1px solid var(--border);border-radius:15px;background:radial-gradient(circle at 85% 20%,#272727,#141414 55%);transition:transform .35s var(--ease),border-color .3s}.server-card:hover{border-color:#3c3c3c;transform:translateY(-4px)}.server-card h2{margin:42px 0 10px;font-size:29px;font-weight:450;letter-spacing:-.05em}.status-chip{width:max-content;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #3a3a3a;border-radius:999px;color:#bdbdbd;background:#242424;font:8px var(--font-mono);letter-spacing:.08em}.status-chip i{width:5px;height:5px;border-radius:50%;background:#9b9b9b;box-shadow:0 0 0 3px #9991}.status-online{color:#d0d0d0;background:#202020}.status-online i{background:#d7d7d7}.status-pending{color:#aaa;background:#202020}.status-pending i{background:#777}.server-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px}.server-card dl div{display:grid;gap:7px;padding-left:12px;border-left:1px solid #3a3a3a}.server-card dt{color:#777;font:8px var(--font-mono)}.server-card dd{margin:0;font-size:13px}.section-note{display:flex;align-items:center;gap:18px;margin-top:14px;padding:15px 18px;border:1px solid #333;border-radius:11px;color:#888;font-size:12px;line-height:1.6}.section-note b{flex:0 0 auto;color:#aaa;font:8px var(--font-mono);letter-spacing:.09em}
.audit-panel{padding-top:0;padding-bottom:0}.audit-list{border-top:1px solid #333}.audit-list:has(.empty-state){border-top:0}.audit-list article{min-height:79px;display:grid;grid-template-columns:165px 190px 1fr;gap:20px;align-items:center;border-bottom:1px solid #303030}.audit-list time,.audit-list b{font:9px var(--font-mono)}.audit-list time{color:#777}.audit-list p{margin:0;font-size:12px}.audit-list small{display:block;margin-top:6px;color:#777;font:8px var(--font-mono)}.audit-list .empty-state{min-height:278px;border:0;background:transparent}.settings-grid .panel{min-height:230px;display:flex;align-items:flex-start;flex-direction:column}.settings-grid h2{margin:26px 0 10px;font-size:25px;font-weight:450}.settings-grid p{max-width:620px;margin:0;color:#8b8b8b;font-size:12px;line-height:1.7}.settings-grid .status-chip,.settings-grid .outline-button{margin-top:auto}.settings-grid .outline-button{min-height:42px;padding:11px 15px;font:9px var(--font-mono);letter-spacing:.06em}.settings-grid .outline-button b{font-size:12px}.app-footer{margin-top:auto}

/* Motion layer */
.reading-progress { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 2px; transform: scaleX(0); transform-origin: left; background: #aaa; pointer-events: none; }
.symbol-trail { position: fixed; z-index: 9997; inset: 0; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: difference; }
.cursor-core,.cursor-label{position:fixed;z-index:9999;top:0;left:0;display:none;pointer-events:none}.cursor-core>span{position:absolute;top:-3px;left:-3px;width:6px;height:6px;border-radius:2px;background:white;transition:scale .15s,opacity .15s}.cursor-core>b{position:absolute;top:-11px;left:-10px;opacity:0;color:white;font-size:20px;font-weight:400;transform:scale(.5);transition:opacity .2s,transform .2s}.cursor-core.is-link>span{opacity:0;scale:.5}.cursor-core.is-link>b{opacity:1;transform:scale(1)}.cursor-label{padding:12px 17px;border-radius:7px;color:#151515;background:#f5f5f5;box-shadow:0 4px 25px #0003;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .16s}.cursor-label.is-visible{opacity:1}
.motion-toggle { position: fixed; z-index: 88; right: 22px; bottom: 18px; display: flex; gap: 9px; align-items: center; padding: 10px 13px; border: 1px solid #333; border-radius: 10px; color: #999; background: #171717f2; box-shadow: 0 4px 20px #0004; backdrop-filter: blur(8px); cursor: pointer; font-size: 10px; }.motion-toggle i{font-style:normal;font-size:11px}.motion-toggle:hover{color:white;background:#292929}
.skip-link{position:fixed;z-index:10000;top:12px;left:12px;padding:14px 20px;transform:translateY(-160%);color:black;background:white}.skip-link:focus{transform:translateY(0)}
.hero-meta,.public-hero-copy .eyebrow,.public-hero-copy h1,.hero-bottom{animation:hero-intro .9s var(--ease) both}.public-hero-copy .eyebrow{animation-delay:.1s}.public-hero-copy h1{animation-delay:.2s}.hero-bottom{animation-delay:.35s}
.will-reveal{opacity:0;translate:0 25px;transition:opacity .75s ease,translate .9s var(--ease)}.will-reveal.revealed{opacity:1;translate:0 0}.feature-grid>article:nth-child(2),.workflow-grid>li:nth-child(2){transition-delay:.08s}.feature-grid>article:nth-child(3),.workflow-grid>li:nth-child(3){transition-delay:.16s}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .symbol-trail{display:none}.motion-paused [data-parallax]{transform:none!important}
.hero-offscreen .network-glow,.hero-offscreen .node{animation-play-state:paused!important}
.low-power .symbol-trail{display:none!important}.low-power .network-glow,.low-power .node{animation:none!important}.low-power .network-art{transform:none!important;will-change:auto}
.platform-section,.workflow-section,.access-section{content-visibility:auto;contain-intrinsic-size:900px}
.dashboard-page>section,.app-footer{content-visibility:auto;contain-intrinsic-size:420px}
.feature-card,.metric-band article,.directory,.server-card{contain:layout paint}
@keyframes hero-intro{from{opacity:0;translate:0 24px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes nudge{0%,100%{translate:0 0}50%{translate:0 5px}}
@keyframes breathe{0%,100%{scale:.95;opacity:.65}50%{scale:1.05;opacity:1}}
@keyframes node-pulse{0%,100%{scale:.8;opacity:.45}50%{scale:1.25;opacity:1}}
@keyframes rotate-slow{to{rotate:360deg}}
@keyframes bar-in{from{scale:1 0;opacity:0}to{scale:1 1;opacity:1}}

@media(pointer:fine){body.custom-cursor,body.custom-cursor a,body.custom-cursor button{cursor:none}.custom-cursor .cursor-core,.custom-cursor .cursor-label{display:block}}
@media(pointer:coarse){.symbol-trail,.cursor-label,.cursor-core{display:none!important}.network-art{will-change:auto}}
@media(max-width:1180px){.shell{width:calc(100% - 70px)}.app-header nav a{padding-inline:11px;font-size:11px}.metric-band{grid-template-columns:repeat(2,1fr)}.partner-layout{grid-template-columns:1fr 1fr}.status-panel{grid-column:1/-1}.feature-card{min-height:520px}.network-sphere{right:1%;width:58vw}}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.site-header{inset:12px 14px auto}.wordmark,.header-contact{width:41px;height:42px;border-radius:11px}.wordmark{font-size:30px}.landing-header nav a{padding:10px 16px;font-size:12px}.app-header nav{top:calc(100vh - 78px);position:fixed;left:14px;right:14px;max-width:none;transform:none;justify-content:flex-start;border:1px solid #2b2b2b}.app-header nav a{flex:1;min-width:72px;text-align:center}.app-header nav b{display:block;margin:0 0 3px}.public-hero{min-height:740px;padding-top:103px}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p{grid-column:2;justify-self:start;margin:0}.feature-grid{gap:12px}.feature-card{min-height:470px}.feature-top,.feature-bottom{padding-inline:18px}.workflow-section{grid-template-columns:1fr;gap:42px}.workflow-label{flex-direction:row;justify-content:space-between;align-items:center}.workflow-label strong{font-size:75px}.workflow-label p{margin:0}.workflow-grid{gap:24px}.directory-head,.directory-row{grid-template-columns:minmax(220px,1.5fr) .55fr .65fr 25px}.directory-head>*:nth-child(4),.directory-row>strong:nth-of-type(3){display:none}.split-grid{grid-template-columns:1fr}.server-grid{grid-template-columns:1fr}.motion-toggle{bottom:84px}}
@media(max-width:650px){.shell{width:calc(100% - 40px)}.site-header{inset:12px 12px auto}.wordmark,.header-contact{width:36px;height:39px;border-radius:10px}.wordmark{font-size:28px}.landing-header nav{padding:5px;gap:0;border-radius:11px}.landing-header nav a{padding:10px 10px;font-size:10px}.public-hero{height:100svh;min-height:750px;padding-top:94px;padding-bottom:80px}.hero-meta{font-size:8px}.hero-meta span:last-child{display:none}.network-art{background:radial-gradient(ellipse at 68% 34%,#202020,#080808 62%)}.network-sphere{top:16%;right:-48%;width:125vw}.network-glow{top:15%;right:-40%;width:120vw}.orbit{right:-60%;width:145vw}.public-hero-copy{mix-blend-mode:normal}.public-hero h1{font-size:clamp(45px,13vw,67px)}.hero-bottom{align-items:start;flex-direction:column;gap:22px;margin-top:23px}.hero-bottom p{font-size:15px}.hero-bottom .button{min-height:46px;padding:13px 19px}.scroll-link{right:0;bottom:15px;left:auto;translate:0}.platform-section{padding-block:60px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.section-heading>p{grid-column:1}.section-heading>.eyebrow{padding:0}.section-heading h2,.workflow-copy h2{font-size:41px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{min-height:490px;border-radius:14px}.feature-top,.feature-bottom{padding-inline:25px}.section-foot{font-size:8px;line-height:1.6}.section-foot span:last-child{max-width:150px;text-align:right}.workflow-section{padding-block:65px}.workflow-label{gap:20px}.workflow-label strong{font-size:67px}.workflow-label p{font-size:11px}.scroll-copy{font-size:27px;line-height:1.36}.workflow-grid{grid-template-columns:1fr;gap:30px}.workflow-grid h3{margin-top:21px}.access-section{padding-top:58px}.access-top>span:last-child{display:none}.access-section>h2{margin:38px 0;font-size:clamp(45px,11vw,65px)}.access-bottom{grid-template-columns:1fr;gap:30px}.footer-wordmark{margin-top:60px;font-size:27vw}.public-footer{padding-block:22px}.workspace{padding-top:82px}.demo-strip{max-width:100%;margin-bottom:15px}.demo-strip span{display:none}.page-head{min-height:200px;display:block;padding:28px 0}.page-head h1,.compact-head h1,.partner-head h1{font-size:clamp(44px,13vw,61px)}.page-head .outline-button{margin-top:22px}.head-note{display:none}.partner-head mark{display:inline-block;margin-top:20px}.metric-band{grid-template-columns:1fr 1fr;gap:8px}.metric-band article{min-height:130px;padding:16px}.metric-band strong{font-size:25px}.panel{padding:19px}.editorial-list a{grid-template-columns:30px 1fr 58px}.editorial-list a>i{display:none}.directory{border-radius:12px}.directory-head{display:none}.directory-row{grid-template-columns:1fr 60px 18px;gap:8px;padding:13px 14px}.directory-row:hover{padding-inline:18px}.directory-row>strong:nth-of-type(2),.directory-row>strong:nth-of-type(3){display:none}.partner-layout,.settings-grid{grid-template-columns:1fr}.status-panel{grid-column:auto}.ratio strong,.ratio em{font-size:70px}.finance-row{grid-template-columns:1fr 1fr .7fr}.finance-row>*:nth-child(4),.finance-row>*:nth-child(5){display:none}.audit-list article{grid-template-columns:1fr;gap:7px;padding:15px 0}.app-footer{margin-top:55px}.motion-toggle{right:12px;bottom:83px}.motion-toggle span{display:none}.app-header nav{left:8px;right:8px;bottom:8px;top:auto;padding:5px}.app-header nav a{min-width:63px;padding:9px 7px;font-size:9px}.app-header nav b{font-size:7px}}
@media(max-width:390px){.landing-header nav a{padding-inline:7px}.public-hero h1{font-size:43px}.page-head h1,.compact-head h1,.partner-head h1{font-size:42px}.app-header nav a{min-width:59px}.metric-band strong{font-size:22px}}
.panel-mode .will-reveal{opacity:1;translate:0 0;transition:none}
.panel-mode .symbol-trail,.panel-mode .cursor-label,.panel-mode .cursor-core{display:none!important}body.panel-mode,body.panel-mode a,body.panel-mode button{cursor:auto!important}
/* Telegram owner auth and franchise bot factory */
.auth-page{min-height:100svh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 15%,#242424,#080808 55%)}
.auth-card{width:min(580px,100%);padding:48px;border:1px solid #303030;border-radius:20px;background:#121212ef;box-shadow:0 30px 100px #0008;text-align:center}.auth-wordmark{margin:0 auto 35px}.auth-card h1{margin:15px 0 20px;font-size:clamp(48px,8vw,78px);font-weight:450;letter-spacing:-.07em;line-height:.92}.auth-card p{max-width:430px;margin:0 auto;color:#888;font-size:14px;line-height:1.7}.telegram-widget-shell{min-height:72px;display:grid;place-items:center;margin:34px 0 20px;padding:18px;border:1px solid #303030;border-radius:14px;background:#0b0b0b}.auth-card .demo-link{display:inline-block;margin-top:8px}
.launch-readiness{margin-top:12px;padding:24px;border:1px solid #303030;border-radius:15px;background:linear-gradient(145deg,#171717,#101010)}.readiness-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.readiness-summary>div:first-child>span{color:#777;font:8px var(--font-mono);letter-spacing:.09em}.readiness-summary h2{margin:10px 0 7px;font-size:30px;font-weight:450;letter-spacing:-.045em}.readiness-summary p{max-width:700px;margin:0;color:#888;font-size:12px;line-height:1.65}.readiness-score{display:grid;grid-template-columns:auto auto;align-items:end;justify-items:end;min-width:170px}.readiness-score strong{font-size:60px;font-weight:450;letter-spacing:-.06em;line-height:.85}.readiness-score i{margin-left:5px;color:#6f6f6f;font:9px var(--font-mono);font-style:normal}.readiness-score mark{grid-column:1/-1;margin-top:10px;padding:6px 9px;border:1px solid #444;border-radius:99px;color:#bbb;font:7px var(--font-mono);letter-spacing:.08em}.launch-readiness progress{width:100%;height:5px;margin:23px 0 10px;border:0;border-radius:9px;background:#272727;overflow:hidden;appearance:none}.launch-readiness progress::-webkit-progress-bar{background:#272727}.launch-readiness progress::-webkit-progress-value{background:#b4b4b4}.launch-readiness progress::-moz-progress-bar{background:#b4b4b4}.readiness-ready progress::-webkit-progress-value{background:#6bb47c}.readiness-ready progress::-moz-progress-bar{background:#6bb47c}.readiness-blocked progress::-webkit-progress-value{background:#b65c57}.readiness-blocked progress::-moz-progress-bar{background:#b65c57}.readiness-meta{display:flex;gap:18px;align-items:center;color:#777;font:8px var(--font-mono);letter-spacing:.06em}.readiness-meta b{color:#ccc}.readiness-meta time{margin-left:auto}.readiness-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:20px}.readiness-check{display:grid;grid-template-columns:28px 1fr auto;gap:11px;align-items:center;min-height:78px;padding:13px;border:1px solid #2e2e2e;border-radius:10px;background:#111}.readiness-check>i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #414141;border-radius:50%;color:#999;font:10px var(--font-mono);font-style:normal}.readiness-check strong{font-size:12px;font-weight:550}.readiness-check p{margin:4px 0 0;color:#737373;font-size:9px;line-height:1.45}.readiness-check small{color:#686868;font:7px var(--font-mono);letter-spacing:.08em}.readiness-check.check-ok>i{border-color:#3f6648;color:#6fc382;background:#17251a}.readiness-check.check-ok small{color:#6e9c78}.readiness-check.check-blocker{border-color:#4b302f;background:#171111}.readiness-check.check-blocker>i{border-color:#70413e;color:#dd756f;background:#2d1716}.readiness-check.check-blocker small{color:#bb625d}.readiness-check.check-warning,.readiness-check.check-recommendation{border-color:#454033}.readiness-check.check-warning>i,.readiness-check.check-recommendation>i{border-color:#62583d;color:#d2b568;background:#2b2515}
.bot-onboarding{margin-top:18px}.bot-onboarding>.panel-head{padding:0 4px 16px}.secure-token-card,.connected-bot-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:40px;align-items:center}.secure-token-card h3,.connected-bot-card h3{margin:10px 0 8px;font-size:28px;font-weight:450;letter-spacing:-.04em}.secure-token-card p,.connected-bot-card p{max-width:650px;margin:0;color:#888;font-size:12px;line-height:1.7}.secure-token-card form{display:grid;gap:12px}.secure-token-card label,.builder-form label{display:grid;gap:8px;color:#888;font:9px var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.bot-identity{display:flex;align-items:center;gap:18px}.bot-identity>i{width:66px;height:66px;display:grid;place-items:center;border-radius:15px;color:#111;background:#e5e5e5;font:700 12px var(--font-mono);font-style:normal}.bot-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.bot-actions form{display:contents}.bot-actions .outline-button,.bot-actions .solid-button{min-height:44px;padding:11px 15px;font:9px var(--font-mono);letter-spacing:.06em}
.bot-builder-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:12px;margin-top:12px}.builder-form-card>.panel-head,.bot-preview-card>.panel-head{padding-bottom:18px}.builder-form-card>.panel-head small,.bot-preview-card>.panel-head small{color:#777;font:9px var(--font-mono)}.builder-form{display:grid;gap:14px}.field-pair,.field-triple{display:grid;gap:12px}.field-pair{grid-template-columns:1fr 1fr}.field-triple{grid-template-columns:repeat(3,1fr)}.builder-form textarea{min-height:105px}.toggle-fields{display:flex;gap:10px;flex-wrap:wrap}.toggle-fields label{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #343434;border-radius:9px;color:#bbb;background:#111;text-transform:none}.toggle-fields input{width:auto;accent-color:#ddd}.builder-form>.solid-button{width:100%}
.phone-preview{width:min(330px,100%);margin:2px auto 22px;padding:12px;border:1px solid #383838;border-radius:28px;background:#080808;box-shadow:inset 0 0 0 4px #131313}.phone-top{display:flex;justify-content:space-between;padding:7px 10px 14px;color:#777;font:9px var(--font-mono)}.phone-top i{font-style:normal}.preview-message{padding:16px;border:1px solid #2f2f2f;border-radius:17px;background:#161616}.preview-message strong{font-size:15px}.preview-message p{margin:10px 0;color:#bbb;font-size:12px;line-height:1.5}.preview-message small{color:#777;font:8px var(--font-mono)}.preview-buttons{display:grid;gap:6px;margin-top:8px}.preview-buttons b{padding:11px 10px;border-radius:10px;color:#161616;background:#dedede;text-align:center;font-size:10px;font-weight:600}.preview-buttons b:nth-child(even){color:#ddd;background:#252525}.launch-box{margin-top:auto;padding-top:18px;border-top:1px solid #303030}.launch-box p{margin:0 0 14px;color:#888;font-size:11px;line-height:1.6}.launch-box .solid-button{width:100%}.bot-preview-card{display:flex;flex-direction:column}
.builder-nav{position:sticky;z-index:20;top:10px;display:flex;gap:5px;width:max-content;max-width:100%;margin:18px auto 10px;padding:5px;border:1px solid #303030;border-radius:12px;background:#101010e8;box-shadow:0 12px 32px #0005;backdrop-filter:blur(14px);overflow:auto}.builder-nav button{min-height:34px;padding:8px 13px;border:0;border-radius:8px;color:#929292;background:transparent;font:8px var(--font-mono);letter-spacing:.08em;white-space:nowrap;cursor:pointer}.builder-nav button:hover,.builder-nav button:focus-visible{color:#111;background:#e4e4e4}.builder-form-card,.bot-preview-card,.builder-section{scroll-margin-top:78px}.bot-preview-card{position:sticky;top:70px;align-self:start}.copy-editor{padding:2px;border:1px solid #303030;border-radius:11px;background:#101010}.copy-editor summary{display:flex;justify-content:space-between;align-items:center;padding:14px;cursor:pointer;color:#bbb;font:9px var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.copy-editor summary small{color:#666}.copy-editor>p{margin:0;padding:0 14px 14px;color:#777;font-size:11px;line-height:1.6}.copy-fields{padding:0 14px 14px}.copy-fields textarea{min-height:80px}.preview-cover{display:block;width:100%;max-height:175px;margin-bottom:7px;border-radius:15px;object-fit:cover}.preview-button-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.preview-buttons .tg-button{position:relative;display:grid;place-items:center;min-width:0;padding:11px 7px;color:#e8e8e8;background:#292929;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-buttons .tg-style-primary{color:#fff;background:#3390ec}.preview-buttons .tg-style-success{color:#fff;background:#31a84f}.preview-buttons .tg-style-danger{color:#fff;background:#d94b45}.preview-buttons .tg-style-neutral{color:#e7e7e7;background:#292929}.tg-button i{position:absolute;top:2px;right:4px;color:#fff9;font:8px var(--font-mono);font-style:normal}
.builder-section{margin-top:12px;padding:24px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#171717,#111)}.builder-section>.panel-head{padding-bottom:12px}.builder-section>.panel-head small{color:#777;font:9px var(--font-mono)}.builder-hint{max-width:900px;margin:0 0 20px;color:#888;font-size:12px;line-height:1.7}.media-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.media-slot{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid #303030;border-radius:12px;background:#0d0d0d}.media-slot-preview{grid-column:1/-1;aspect-ratio:16/8;display:grid;place-items:center;border:1px dashed #323232;border-radius:9px;background:#151515;overflow:hidden}.media-slot-preview img{width:100%;height:100%;object-fit:cover}.media-slot-preview span{margin-top:18px;color:#555;font:12px var(--font-mono)}.media-slot-preview p{align-self:start;margin:-12px 0 0;color:#666;font-size:10px}.media-slot-copy{align-self:center;min-width:0}.media-slot-copy small{color:#666;font:7px var(--font-mono);letter-spacing:.09em}.media-slot-copy h3{margin:5px 0 0;font-size:14px;font-weight:500}.media-slot form{align-self:center}.file-button{display:block}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-button span,.media-remove{display:block;padding:9px 10px;border:1px solid #363636;border-radius:7px;color:#aaa;background:#1b1b1b;font:8px var(--font-mono);letter-spacing:.06em;cursor:pointer}.file-button:hover span{color:#111;background:#e2e2e2}.media-remove{grid-column:1/-1;color:#9b7777;background:transparent}.media-slot>form:last-child{grid-column:1/-1}.media-slot>form:last-child .media-remove{width:100%}
.button-constructor{border:1px solid #303030;border-radius:12px;background:#0d0d0d;overflow:hidden}.button-editor-head{display:grid;grid-template-columns:220px minmax(260px,.85fr) minmax(480px,1.3fr);gap:16px;padding:12px 16px;color:#626262;background:#151515;font:7px var(--font-mono);letter-spacing:.1em}.button-editor-row{display:grid;grid-template-columns:220px minmax(260px,.85fr) minmax(480px,1.3fr);gap:16px;align-items:center;padding:14px 16px;border-top:1px solid #292929}.button-editor-row:focus-within{background:#121212}.button-meta{display:grid;gap:5px}.button-meta strong{font-size:13px}.button-meta small{color:#666;font:7px var(--font-mono);letter-spacing:.07em}.switch-field{display:flex;align-items:center;gap:7px;width:max-content;color:#858585;font:8px var(--font-mono)}.switch-field input{position:absolute;opacity:0}.switch-field i{position:relative;width:29px;height:16px;border:1px solid #444;border-radius:20px;background:#202020}.switch-field i::after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#686868;transition:.2s}.switch-field input:checked+i{border-color:#4b7456;background:#1d3925}.switch-field input:checked+i::after{left:16px;background:#5ece7a}.switch-field input:disabled~span{color:#606060}.button-copy-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-visual-fields{display:grid;grid-template-columns:70px minmax(120px,1fr) 105px 110px 72px;gap:8px}.button-copy-fields label,.button-visual-fields label{display:grid;gap:5px;color:#666;font:7px var(--font-mono);letter-spacing:.06em}.button-copy-fields input,.button-visual-fields input,.button-visual-fields select{min-width:0;padding:9px 10px;font-size:10px}.emoji-input{text-align:center;font-size:16px!important}.constructor-save{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border-top:1px solid #303030;background:#151515}.constructor-save p{margin:0;color:#777;font-size:10px}.constructor-save .solid-button{min-width:240px}.file-too-large{border-color:#7a3f3f!important}.upload-name{display:block;margin-top:5px;color:#bbb;font:7px var(--font-mono)}
@media(max-width:1350px){.button-editor-head{display:none}.button-editor-row{grid-template-columns:190px minmax(0,1fr)}.button-visual-fields{grid-column:1/-1}}
@media(max-width:1000px){.bot-builder-grid{grid-template-columns:1fr}.bot-preview-card{position:static;min-height:auto}.secure-token-card,.connected-bot-card{grid-template-columns:1fr}.bot-actions{justify-content:flex-start}.media-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-header nav{overflow:hidden}.app-header nav a{min-width:0;flex:1 1 0;padding-inline:4px}.workspace{padding-bottom:94px}}
@media(max-width:650px){.app-header nav{bottom:max(8px,env(safe-area-inset-bottom));gap:1px}.app-header nav a{min-width:0;padding:8px 1px;font-size:7px}.app-header nav b{font-size:6px}.panel-mode .motion-toggle{top:12px;right:58px;bottom:auto;width:39px;height:39px;justify-content:center;padding:0;border-radius:10px}.section-note{align-items:flex-start;flex-direction:column;gap:7px}.settings-grid .panel{min-height:218px}.empty-panel{min-height:300px;padding-inline:24px}.audit-panel{padding-inline:16px}.app-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.auth-page{padding:14px}.auth-card{padding:34px 20px}.field-pair,.field-triple{grid-template-columns:1fr}.bot-actions{display:grid}.bot-actions>*{width:100%}.bot-actions form{display:block}.bot-actions form button{width:100%}.secure-token-card{gap:24px}.bot-builder-grid{margin-top:8px}.phone-preview{width:100%}.builder-nav{top:7px;width:100%;margin-top:10px}.builder-nav button{flex:1}.builder-section{padding:15px}.builder-section>.panel-head{align-items:flex-start;gap:8px}.builder-section>.panel-head small{display:none}.media-editor-grid{grid-template-columns:1fr}.button-editor-row{grid-template-columns:1fr;padding:15px}.button-visual-fields{grid-column:auto;grid-template-columns:70px minmax(0,1fr)}.button-visual-fields label:nth-last-child(-n+3){grid-column:auto}.constructor-save{align-items:stretch;flex-direction:column}.constructor-save .solid-button{width:100%;min-width:0}.copy-editor summary{font-size:8px}}
@media(max-width:390px){.app-header nav a{min-width:0;font-size:6.5px}.app-header nav b{font-size:5.5px}.metric-band strong{font-size:21px}}
@media(max-width:760px){.head-actions{margin-top:20px}.client-total{justify-items:start;margin-top:18px}.client-search{grid-template-columns:1fr;justify-content:stretch}.client-row{grid-template-columns:1.4fr .9fr .75fr;gap:10px}.client-row>*:nth-child(4),.client-row>*:nth-child(5){display:none}}
@media(max-width:760px){.view-as-banner{align-items:stretch;flex-direction:column}.view-as-exit button{width:100%}.partner-head-actions{align-items:flex-start;margin-top:18px}.partner-head-actions .outline-button{width:100%}.launch-readiness{padding:18px}.readiness-summary{align-items:flex-start;flex-direction:column}.readiness-score{grid-template-columns:auto auto;justify-items:start}.readiness-score mark{grid-column:1/-1}.readiness-checks{grid-template-columns:1fr}.readiness-meta{align-items:flex-start;flex-wrap:wrap}.readiness-meta time{width:100%;margin-left:0}}
@media(max-width:480px){.view-as-banner{padding:13px}.view-as-banner>div{grid-template-columns:auto 1fr}.view-as-banner strong,.view-as-banner small{grid-column:2}.view-as-banner strong{font-size:12px}.view-as-banner span{grid-column:2}.partner-head-actions form,.partner-head-actions .outline-button{width:100%}.launch-readiness{padding:14px}.readiness-summary h2{font-size:25px}.readiness-score strong{font-size:49px}.readiness-check{grid-template-columns:27px 1fr}.readiness-check small{grid-column:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;translate:0 0}.symbol-trail,.cursor-label,.cursor-core{display:none!important}body.custom-cursor,body.custom-cursor a,body.custom-cursor button{cursor:auto!important}.scroll-copy span{color:inherit}.network-art{transform:none!important}}

/* Interface refinement / v9 */
.route-indicator{position:fixed;z-index:10020;top:0;left:0;width:100%;height:2px;pointer-events:none;overflow:hidden}.route-indicator i{display:block;width:38%;height:100%;border-radius:0 3px 3px 0;background:#f2f2f2;box-shadow:0 0 16px #fff8;opacity:0;transform:translateX(-110%)}.route-loading .route-indicator i{opacity:1;animation:route-progress 1s ease-in-out infinite}.panel-mode #route-view{animation:route-enter .2s ease both}.route-loading #route-view{filter:saturate(.8)}
.toast-stack{position:fixed;z-index:10010;right:18px;bottom:18px;display:grid;gap:8px;width:min(390px,calc(100vw - 28px));pointer-events:none}.toast{display:grid;grid-template-columns:25px minmax(0,1fr) 24px;gap:11px;align-items:center;padding:13px 14px;border:1px solid #414141;border-radius:12px;color:#dedede;background:#171717f2;box-shadow:0 18px 55px #0009;backdrop-filter:blur(18px);font-size:12px;line-height:1.45;pointer-events:auto;animation:toast-enter .3s var(--ease) both}.toast>i{width:24px;height:24px;display:grid;place-items:center;border:1px solid #555;border-radius:50%;font:10px var(--font-mono);font-style:normal}.toast>button{width:24px;height:24px;padding:0;border:0;color:#888;background:transparent;cursor:pointer;font-size:20px}.toast-success{border-color:#36503c}.toast-success>i{border-color:#477253;color:#79c48a;background:#17271b}.toast-error{border-color:#593b39}.toast-error>i{border-color:#754843;color:#df817b;background:#2a1716}.toast-leaving{opacity:0;translate:15px 0;transition:opacity .2s,translate .2s}
.solid-button:disabled,.outline-button:disabled,button:disabled{cursor:wait;opacity:.58;transform:none!important}.solid-button:disabled::after,.outline-button:disabled::after{content:"";width:11px;height:11px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .7s linear infinite}
.modal-card:popover-open{animation:modal-in .26s var(--ease) both}.modal-card:popover-open::backdrop{animation:backdrop-in .2s ease both}.modal-close{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;line-height:1;transition:color .2s,background .2s,transform .2s}.modal-close:hover{color:#111;background:#e5e5e5;transform:rotate(4deg)}
.client-row-link{color:inherit;text-decoration:none}.client-row-link:hover{padding-inline:10px;background:#ffffff05}.client-row-link:focus-visible{position:relative;z-index:1;outline-offset:-2px}.client-profile-head h1{max-width:min(950px,72vw);overflow-wrap:anywhere}.profile-state{display:grid;justify-items:end;gap:10px;padding-bottom:6px}.profile-state small{color:#777;font:9px var(--font-mono);letter-spacing:.08em}.status-danger{color:#d98a85;border-color:#5e3b38;background:#261716}.status-danger i{background:#dc756f;box-shadow:0 0 0 3px #dc756f18}.client-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.profile-facts dl,.subscription-card dl{margin:0}.profile-facts dl div,.subscription-card dl div{display:flex;justify-content:space-between;gap:30px;padding:13px 0;border-bottom:1px solid #303030}.profile-facts dt,.subscription-card dt{color:#777;font-size:11px}.profile-facts dd,.subscription-card dd{margin:0;text-align:right;font-size:12px}.inline-alert{display:grid;gap:5px;margin-top:16px;padding:12px 14px;border:1px solid #593936;border-radius:9px;color:#b77c77;background:#1e1211;font-size:11px}.inline-alert b{font:8px var(--font-mono);letter-spacing:.08em}.customer-orders{margin-top:12px}.customer-orders>.panel-head>small{color:#777;font:9px var(--font-mono)}.customer-order-table{border-top:1px solid #333}.customer-order-row{min-height:72px;display:grid;grid-template-columns:1.25fr .75fr .65fr 1fr auto;gap:18px;align-items:center;border-bottom:1px solid #303030;font-size:12px}.customer-order-row b{font-weight:520}.customer-order-row small{display:block;margin-top:5px;color:#707070;font:8px var(--font-mono);letter-spacing:.04em}.customer-order-head{min-height:40px;color:#666;font:8px var(--font-mono);letter-spacing:.08em}.customer-order-head span{margin:0}.customer-order-row .status-chip{justify-self:end}
input,textarea,select{font:inherit}input::placeholder,textarea::placeholder{color:#5f5f5f;opacity:1}.panel,.builder-section,.launch-readiness,.server-card,.directory{box-shadow:inset 0 1px #ffffff05}.app-header nav a.active{box-shadow:inset 0 0 0 1px #ffffff0d}.app-header nav a:active,.button:active,.solid-button:active,.outline-button:active{transform:scale(.98)}

@starting-style{.modal-card:popover-open{opacity:0;transform:translateY(16px) scale(.975)}.modal-card:popover-open::backdrop{opacity:0}}
@keyframes route-progress{0%{transform:translateX(-110%)}55%{transform:translateX(145%)}100%{transform:translateX(280%)}}
@keyframes route-enter{from{opacity:.72;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes toast-enter{from{opacity:0;translate:20px 0;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes modal-in{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:none}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes button-spin{to{rotate:360deg}}

@media(max-width:900px){.app-header nav{overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.app-header nav a{flex:0 0 auto;min-width:78px;padding:9px 8px;scroll-snap-align:center;font-size:9px}.client-profile-grid{grid-template-columns:1fr}.toast-stack{bottom:92px}.customer-order-row{grid-template-columns:1.2fr .7fr .65fr auto}.customer-order-row>*:nth-child(4){display:none}}
@media(max-width:650px){input,textarea,select{font-size:16px}.app-header nav{padding-inline:6px}.app-header nav a{min-width:72px;padding:8px 6px;font-size:8px}.app-header nav b{font-size:7px}.profile-state{justify-items:start;margin-top:18px}.client-profile-head h1{max-width:100%}.client-metrics article{min-height:138px}.client-metrics strong{font-size:22px}.profile-facts dl div,.subscription-card dl div{align-items:flex-start;gap:15px}.profile-facts dd,.subscription-card dd{max-width:58%;overflow-wrap:anywhere}.customer-orders{padding-inline:15px}.customer-order-row{grid-template-columns:1.25fr .65fr auto;gap:10px;padding:10px 0}.customer-order-row>*:nth-child(2),.customer-order-row>*:nth-child(4){display:none}.customer-order-head{min-height:36px}.toast-stack{right:14px;bottom:calc(87px + env(safe-area-inset-bottom))}.modal-card{max-height:calc(100svh - 28px);padding:27px 20px;overflow:auto}.modal-close{top:10px;right:10px}}
@media(hover:none){.metric-band article:hover,.server-card:hover{transform:none}.directory-row:hover,.client-row-link:hover{padding-inline:14px}.modal-close:hover{color:#ddd;background:transparent;transform:none}}
@media(prefers-reduced-motion:reduce){.panel-mode #route-view,.toast,.modal-card:popover-open,.modal-card:popover-open::backdrop{animation:none!important}.route-loading .route-indicator i{animation:none!important;opacity:1;transform:none;width:100%}}

/* Reliable media upload / v10 */
.file-button{position:relative;isolation:isolate;overflow:hidden;cursor:pointer}.file-button input{position:absolute;z-index:2;inset:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:pointer}.file-button span{position:relative;z-index:1;width:100%;display:inline-flex;align-items:center;justify-content:space-between;pointer-events:none;transition:color .2s,background .2s,border-color .2s}.file-button:focus-within span{color:#111;background:#e2e2e2;outline:2px solid #eee;outline-offset:-2px}.form-busy .file-button{pointer-events:none}.form-busy .file-button span{color:#ddd;background:#242424}.form-busy .file-button span::after{content:"";width:11px;height:11px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .7s linear infinite}.view-as-mode form:not(.view-as-exit) .file-button{pointer-events:auto!important;cursor:not-allowed}.view-as-mode form:not(.view-as-exit) .file-button input{pointer-events:none!important}.view-as-mode form:not(.view-as-exit) .file-button span{cursor:not-allowed}

/* Readable dashboard and polished media controls / v11 */
.media-slot form[data-media-upload]{grid-column:1/-1;width:100%;margin:0}
.media-slot .file-button{position:relative;isolation:isolate;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:11px;align-items:center;width:100%;padding:9px 11px;border:1px solid #393939;border-radius:10px;color:#d7d7d7;background:linear-gradient(135deg,#1b1b1b,#141414);box-shadow:inset 0 1px #ffffff08;overflow:hidden;cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.media-slot .file-button:hover{border-color:#666;background:linear-gradient(135deg,#242424,#181818);box-shadow:inset 0 1px #ffffff10,0 8px 25px #0004;transform:translateY(-1px)}
.media-slot .file-button input{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important}
.media-slot .file-button-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #454545;border-radius:8px;color:#111;background:#e2e2e2;font:600 16px/1 var(--font-sans);font-style:normal;transition:transform .2s,background .2s}
.media-slot .file-button:hover .file-button-icon{background:#fff;transform:translateY(-1px)}
.media-slot .file-button-copy{min-width:0;display:grid!important;justify-content:stretch!important;gap:3px;width:auto!important;padding:0!important;border:0!important;border-radius:0!important;color:inherit!important;background:transparent!important;outline:0!important;pointer-events:none}
.media-slot .file-button-copy::after{display:none!important}
.media-slot .file-button-copy b{font-size:12px;font-weight:550;line-height:1.25;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-slot .file-button-copy small{color:#777;font:9px/1.3 var(--font-mono);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-slot .file-button-arrow{color:#777;font:15px/1 var(--font-sans);font-style:normal;transition:color .2s,transform .2s}
.media-slot .file-button:hover .file-button-arrow{color:#eee;transform:translate(2px,-2px)}
.form-busy .file-button{pointer-events:none;transform:none!important}
.form-busy .file-button-icon{position:relative;color:transparent;background:#252525}
.form-busy .file-button-icon::after{content:"";position:absolute;width:12px;height:12px;border:1px solid #ddd;border-right-color:transparent;border-radius:50%;animation:button-spin .7s linear infinite}
.form-busy .file-button-arrow{visibility:hidden}
.file-button.file-too-large{border-color:#7a3f3f!important;background:#221615!important}
.media-slot .upload-name{grid-column:1/-1;margin:2px 0 0;padding-top:7px;border-top:1px solid #303030;color:#aaa;font:9px var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.view-as-mode form:not(.view-as-exit) .file-button{pointer-events:auto!important;opacity:.68;cursor:not-allowed;transform:none;box-shadow:none}
.view-as-mode form:not(.view-as-exit) .file-button:hover{border-color:#393939;background:linear-gradient(135deg,#1b1b1b,#141414);transform:none;box-shadow:inset 0 1px #ffffff08}
.view-as-mode form:not(.view-as-exit) .file-button input{opacity:0!important;pointer-events:none!important}
.view-as-mode form:not(.view-as-exit) .file-button-icon{color:#777;border-color:#383838;background:#202020;transform:none}

.app-shell .demo-strip{font-size:10px;line-height:1.4}
.app-shell :is(.page-head>div>span,.panel>span,.panel-head span,.modal-card>span,.backline,.server-card>span){font-size:10px;line-height:1.45}
.app-shell :is(.panel-head a,.system-card>a,.system-card dt,.system-card dd,.directory-head,.directory-row small,.finance-row.finance-head,.finance-row small,.client-row.client-head,.client-row small,.audit-list time,.audit-list b,.audit-list small){font-size:10px;line-height:1.45}
.app-shell :is(.status-chip,.mini-action,.settings-grid .outline-button,.bot-actions .outline-button,.bot-actions .solid-button,.view-as-exit button,.partner-head-actions .outline-button){font-size:10px;line-height:1.35}
.app-shell :is(.builder-hint,.readiness-summary p,.secure-token-card p,.connected-bot-card p,.status-panel p,.settings-grid p,.section-note,.audit-list p){font-size:13px}
.app-shell :is(.modal-card label,.secure-token-card label,.builder-form label,.copy-editor summary,.button-editor-head,.button-meta small,.switch-field,.button-copy-fields label,.button-visual-fields label){font-size:10px;line-height:1.4}
.app-shell :is(.readiness-summary>div:first-child>span,.readiness-score i,.readiness-score mark,.readiness-meta,.readiness-check small,.media-slot-copy small,.ratio-label,.client-total small,.client-search,.empty-state>span,.empty-panel>span,.server-card dt,.section-note b){font-size:10px;line-height:1.4}
.app-shell .readiness-check p{font-size:11px}.app-shell .readiness-check strong{font-size:13px}.app-shell .button-meta strong{font-size:14px}.app-shell .media-slot-copy h3{font-size:16px}.app-shell .copy-editor>p{font-size:12px}.app-shell .button-copy-fields input,.app-shell .button-visual-fields input,.app-shell .button-visual-fields select{font-size:12px}.app-shell .constructor-save p{font-size:12px}
.toast-repeat{animation:toast-repeat .28s ease both}
@keyframes toast-repeat{0%,100%{transform:translateX(0)}40%{transform:translateX(-5px)}70%{transform:translateX(2px)}}
@media(max-width:650px){.media-slot .file-button{min-height:62px;padding:10px 12px}.app-shell .app-header nav a{font-size:9px}.app-shell .app-header nav b{font-size:8px}.app-shell .copy-editor summary{font-size:10px}}

/* Public calculator and FAQ / v12 */
.calculator-card{padding:36px;border:1px solid #333;border-radius:18px;color:#fff;background:#171717;box-shadow:0 24px 70px #0002}
.calculator-input-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.calculator-input-head label{font-size:18px;font-weight:550}
.calculator-count{display:flex;align-items:baseline;gap:7px}.calculator-count span:first-child{color:#fff;font:700 36px/1 var(--font-mono)}.calculator-count span:last-child{color:#aaa;font-size:14px}
.calculator-range{width:100%;margin:0 0 32px;accent-color:#eaeaea;cursor:pointer}
.calculator-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:20px;border-top:1px solid #292929}
.calculator-results article{min-width:0;padding:20px;border:1px solid #2b2b2b;border-radius:12px;background:#222}
.calculator-results small{display:block;margin-bottom:8px;color:#aaa;font:10px/1.35 var(--font-mono);letter-spacing:.05em}
.calculator-results strong{display:block;color:#f1f1f1;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.calculator-results .calculator-partner-value{color:#a9cef5}.calculator-results .calculator-year-value{color:#9bdda9}
.calculator-results p{margin:7px 0 0;color:#8e8e8e;font-size:13px;line-height:1.45}
.calculator-disclaimer{margin:18px 0 0;color:#949494;font-size:12px;line-height:1.55;text-align:center}
.calculator-action{margin-top:24px;text-align:center}.calculator-action .button{display:inline-flex}
.faq-list{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;margin-top:10px}
.faq-list details{padding:20px;border:1px solid #292929;border-radius:12px;background:#151515;transition:border-color .2s,background .2s}
.faq-list details:hover,.faq-list details[open]{border-color:#454545;background:#191919}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:18px;font-weight:520;line-height:1.4}
.faq-list summary::-webkit-details-marker{display:none}.faq-plus{flex:0 0 auto;color:#aaa;font-size:22px;line-height:1;transition:rotate .2s,color .2s}.faq-list details[open] .faq-plus{color:#fff;rotate:45deg}
.faq-list p{max-width:920px;margin:14px 0 0;color:#aaa;font-size:15px;line-height:1.65}
.founder-link{display:inline-block;margin-top:10px;color:#999;font-size:13px}
@media(max-width:760px){.calculator-card{padding:24px}.calculator-results{grid-template-columns:1fr}.calculator-results article{padding:18px}.faq-list{margin-top:0}.faq-list details{padding:17px}.faq-list summary{font-size:16px}.faq-list p{font-size:14px}}
@media(max-width:430px){.calculator-card{padding:19px;border-radius:14px}.calculator-input-head label{font-size:16px}.calculator-count span:first-child{font-size:30px}.calculator-action .button{width:100%}.faq-list summary{font-size:15px}}
.profile-state-actions{display:flex;align-items:center;gap:10px}.profile-toggle-form{display:inline;margin:0}.profile-toggle-button{padding:6px 11px;border:0;border-radius:6px;color:#fff;font-size:11px;font-weight:650;cursor:pointer}.profile-toggle-button.is-block{background:#a93d38}.profile-toggle-button.is-unblock{background:#2d8244}
.extend-box{margin-top:16px;padding-top:14px;border-top:1px solid #303030}.extend-box>small{display:block;margin-bottom:8px;color:#858585;font:10px var(--font-mono);letter-spacing:.06em}.extend-box form{display:flex;align-items:center;gap:8px}.extend-box select{min-height:40px;padding:7px 10px;border:1px solid #383838;border-radius:6px;color:#fff;background:#171717}.extend-submit{min-height:40px;padding:8px 14px;border-radius:6px;color:#111;background:#e8e8e8;font-weight:650;cursor:pointer}
.pending-review-banner{margin-bottom:14px;border-color:#765021;background:linear-gradient(110deg,#241808,#151515)}.pending-review-banner>div>i{background:#f59e0b;box-shadow:0 0 16px #f59e0b88}.pending-review-banner>div>span{color:#f5ae35}.pending-review-contact{padding:10px 14px;border-radius:8px;color:#0b0b0b;background:#f5ae35;font-weight:650;text-decoration:none;white-space:nowrap}
.referral-reward-card{padding:12px;border:1px solid #353535;border-radius:8px;background:#151515}.referral-reward-toggle{width:100%}.referral-reward-toggle label{font-weight:600}.referral-reward-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:10px;width:100%;margin-top:8px}
@media(max-width:650px){.profile-state-actions{align-items:flex-start}.extend-box form{align-items:stretch;flex-direction:column}.extend-box select,.extend-submit{width:100%}.referral-reward-fields{grid-template-columns:1fr}}

/* Premium Telegram bot cards / v13 */
.brand-identity-fields{grid-template-columns:minmax(0,1.5fr) 96px minmax(180px,.8fr)}
.preview-screen-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:-4px 0 14px;padding:5px;border:1px solid #303030;border-radius:11px;background:#0d0d0d}
.preview-screen-tabs button{min-width:0;padding:8px 5px;border:0;border-radius:7px;color:#777;background:transparent;font:9px/1.2 var(--font-mono);cursor:pointer;transition:color .18s,background .18s,box-shadow .18s}
.preview-screen-tabs button:hover{color:#ddd;background:#1d1d1d}.preview-screen-tabs button.active{color:#fff;background:#292929;box-shadow:inset 0 0 0 1px #414141}
.phone-preview{position:relative;overflow:hidden;background:linear-gradient(145deg,#101820,#071018);box-shadow:inset 0 0 0 4px #111b22,0 22px 48px #0007}
.phone-preview::before{content:"";position:absolute;inset:42px 0 0;opacity:.18;pointer-events:none;background-image:radial-gradient(circle at 20% 15%,#5ba5dd 0 1px,transparent 1.5px),radial-gradient(circle at 75% 40%,#fff 0 1px,transparent 1.5px);background-size:34px 34px,48px 48px}
.phone-preview>*{position:relative;z-index:1}.phone-top{margin:-12px -12px 10px;padding:14px 18px 12px;color:#c4d4df;background:#17232c;border-bottom:1px solid #ffffff0c}
.preview-media{position:relative;min-height:138px;margin-bottom:7px;border-radius:16px;overflow:hidden;background:#101920}.preview-cover{width:100%;height:154px;max-height:none;margin:0;border-radius:16px;object-fit:cover}.preview-cover-placeholder{height:154px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid #ffffff16;border-radius:16px;background:radial-gradient(circle at 50% 20%,#2c5570 0,transparent 42%),linear-gradient(145deg,#152733,#0c141b)}
.preview-cover-placeholder[hidden],.preview-cover[hidden]{display:none}.preview-cover-placeholder i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:12px;color:#d5ecfb;background:#ffffff0b;font-size:18px;font-style:normal;box-shadow:0 12px 35px #0008}.preview-cover-placeholder strong{max-width:85%;color:#f3f8fb;font-size:15px;text-align:center;overflow-wrap:anywhere}.preview-cover-placeholder small{color:#7e9aaa;font:8px var(--font-mono);letter-spacing:.13em}
.preview-message{padding:14px 15px 13px;border:1px solid #ffffff10;border-radius:5px 17px 17px 17px;background:#182833;box-shadow:0 7px 18px #0005}.preview-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-message-head>strong{min-width:0;color:#f2f6f8;font-size:14px;font-weight:500;overflow-wrap:anywhere}.preview-message-head>small{flex:0 0 auto;padding:3px 5px;border:1px solid #ffffff17;border-radius:4px;color:#7793a5;font:7px var(--font-mono);letter-spacing:.06em}
.preview-message blockquote{margin:11px 0 0;padding:10px 11px;border:0;border-left:3px solid #60a9e2;border-radius:2px 8px 8px 2px;color:#d6e0e6;background:#0b151b80;font-size:12px;line-height:1.52;white-space:pre-wrap}.preview-trust{margin:10px 0 0!important;color:#91a7b5!important;font-size:9px!important;line-height:1.45!important}.phone-preview[data-card-style="bold"] .preview-message blockquote{border-left-color:#76d89a;color:#fff;font-weight:600;background:#10231a99}.phone-preview[data-card-style="minimal"] .preview-message blockquote{padding:0;border:0;color:#cfd8de;background:transparent}
.preview-buttons{gap:5px}.preview-buttons .tg-button{min-height:36px;padding:10px 7px;border:1px solid #ffffff0a;border-radius:8px;background:#223442;font-size:10px;box-shadow:inset 0 1px #ffffff08}.preview-buttons .tg-style-neutral{color:#e8f1f7;background:#223442}.preview-buttons .tg-style-primary{background:#2f8dcc}.preview-buttons .tg-style-success{background:#279b58}.preview-buttons .tg-style-danger{background:#c84a45}
@media(max-width:650px){.brand-identity-fields{grid-template-columns:1fr}.preview-screen-tabs{display:flex;overflow-x:auto;overscroll-behavior-x:contain}.preview-screen-tabs button{flex:0 0 auto;min-width:86px}.bot-preview-card{padding-inline:14px}.phone-preview{max-width:380px}.preview-cover,.preview-cover-placeholder{height:auto;aspect-ratio:16/8}}