/* Shared Tokvian identity and accessible interaction states. */
:root{--accent:#9aefd2;--muted:#a5b1b0;--line:rgba(177,215,204,.13);--line-hi:rgba(177,215,204,.26);--radius:16px}
.logo{letter-spacing:-.6px}
.logo-mark{filter:drop-shadow(0 3px 10px #9aefd21a)}
.logo-mark:before{width:27px;height:8px;left:6px;top:5px;transform:skew(-22deg);border-radius:2px;background:var(--accent)}
.logo-mark:after{width:9px;height:17px;left:13px;top:16px;transform:skew(-22deg);border-radius:2px;background:var(--accent)}
.app-shell{background:radial-gradient(ellipse 65% 400px at 80% 0,#9aefd20a,transparent)}
.sidebar{background:#0c1010}
.side-nav a{transition:background .18s,color .18s}
.side-nav a.active{color:#e4fff4;background:linear-gradient(100deg,#9aefd217,#9aefd204);border-color:#9aefd223;box-shadow:inset 2px 0 var(--accent)}
.side-nav a.active .icon,.feature-icon,.doc-step{color:var(--accent)}
.workspace-label,.breadcrumb,.hero-footnote,.landing-footer p{color:#8b9b98}
.side-promo{background:linear-gradient(135deg,#9aefd20a,transparent);border-color:var(--line)}
.side-promo p{color:#9aa9a5}
.btn.primary{background:var(--accent);border-color:#b3f8df;color:#092019;box-shadow:0 4px 18px #9aefd210}
.btn.primary:hover:not(:disabled){background:#bbf8e2;box-shadow:0 4px 24px #9aefd21a}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--accent)}
input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #9aefd218}
.status-dot.online{background:var(--accent);box-shadow:0 0 8px #9aefd24d}
.hero-badge span{background:var(--accent);color:#092019}
.hero h1 .dim{background:linear-gradient(110deg,#c7f5e4,#78a999);background-clip:text}
.hero-art .orbital{border-color:#9aefd21a}
.hero-art .sphere{box-shadow:inset 7px 9px 15px #ffffff14,inset -10px -10px 25px #000,0 35px 90px #000,0 0 95px #9aefd210}
.feature,.catalog-card{transition:border-color .2s,background .2s}
.feature:hover,.catalog-card:hover{border-color:#9aefd23d;background-color:#9aefd203}
.catalog-card-price strong,.estimate strong{font-variant-numeric:tabular-nums}
.page-header p{font-size:13px;color:var(--muted)}
.page-header h1{font-weight:600}
.connect-steps{display:flex;gap:24px;flex-wrap:wrap;list-style:none;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.connect-steps li{display:flex;align-items:center;gap:10px}
.connect-steps li>span{font-family:var(--mono);font-size:10px;color:var(--accent);border:1px solid #9aefd229;border-radius:7px;padding:4px 7px;background:#9aefd208}
.connect-app{border-radius:12px;background:#ffffff02;transition:background .18s,border-color .18s}
.connect-app.active{border-color:#9aefd27a;background:#152822;box-shadow:inset 0 1px #9aefd20d}
.connect-app.active>.icon{color:var(--accent)}
.connect-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px}
.connect-fields{padding:22px;border:1px solid var(--line);border-radius:14px;background:#ffffff02}
.connect-preview{border-radius:14px;background:#0a1210}
.connect-preview>.connect-heading{background:#9aefd204}
.connect-preview pre{font-size:12px;color:#d5e8e0}
.connect-meta{line-height:1.8;font-size:11px}
.connect-check{line-height:1.6}
.connect-check input,input[type=range]{accent-color:var(--accent)}
.connect-fields [data-action=connect-test]{width:100%;border-color:#9aefd24d;background:#9aefd20d}
.connect-result:empty{min-height:0;margin:0}
@media(max-width:1100px){.connect-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:18px}.connect-fields{padding:18px}}
@media(max-width:800px){.connect-layout{grid-template-columns:minmax(0,1fr)}.connect-steps{gap:12px 22px}.connect-preview pre{min-height:260px}}
@media(max-width:400px){.connect-fields{padding:15px}.connect-steps{display:grid;gap:10px}.page-header h1{font-size:25px}.connect-app{min-height:86px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}