:root{--bg:#090b12;--panel:#111521;--panel2:#171c2b;--line:rgba(255,255,255,.1);--text:#f5f7fb;--muted:#9aa4ba;--cyan:#2BD0C5;--blue:#2E7CF6;--purple:#2E7CF6;--green:#4ade80;--action-gradient:linear-gradient(135deg,#2E7CF6 0%,#2BD0C5 100%);font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 520px at 70% -10%,rgba(46,124,246,.18),transparent 62%),var(--bg);min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit}
nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(9,11,18,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.dev-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800}.dev-brand span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--blue),var(--cyan));font-size:13px}.dev-nav{display:flex;gap:7px}.dev-nav button,.ghost,.primary{border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 14px;border-radius:10px;cursor:pointer;transition:filter .14s,transform .14s,border-color .14s,color .14s}.dev-nav button:hover,.ghost:hover{color:var(--text);border-color:var(--line)}.primary{background:var(--action-gradient);color:#06111a!important;font-weight:800;border:0!important}.primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary:active:not(:disabled){filter:brightness(.96);transform:translateY(0)}.primary:disabled{opacity:.5;cursor:not-allowed}.full{width:100%;margin-top:10px}
main{max-width:1180px;margin:0 auto;padding:70px 22px 110px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;min-height:560px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-size:11px;font-weight:900}.hero h1{font-size:clamp(48px,7vw,82px);letter-spacing:-.06em;line-height:.95;margin:17px 0 24px}.hero p,.lead{color:var(--muted);font-size:18px;line-height:1.65;max-width:680px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.actions button{padding:14px 20px}.dev-visual{border:1px solid rgba(43,208,197,.24);border-radius:24px;background:linear-gradient(145deg,rgba(46,124,246,.17),rgba(46,124,246,.09)),var(--panel);padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.code-line{height:12px;border-radius:6px;background:rgba(255,255,255,.08);margin:13px 0}.code-line:nth-child(2n){width:78%;background:rgba(43,208,197,.15)}.code-line:nth-child(3n){width:54%;background:rgba(46,124,246,.23)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.card{border:1px solid var(--line);border-radius:17px;background:linear-gradient(155deg,var(--panel2),var(--panel));padding:22px}.card h3{margin:9px 0}.card p{color:var(--muted);font-size:14px;line-height:1.55}.metric{font-size:29px;font-weight:850;letter-spacing:-.04em}.shell{max-width:920px;margin:0 auto}.page-head h1{font-size:40px;line-height:1.12;letter-spacing:-.04em;margin:8px 0}.steps{display:flex;gap:8px;margin:28px 0}.step{height:7px;flex:1;border-radius:10px;background:var(--panel2)}.step.on{background:linear-gradient(90deg,var(--purple),var(--cyan))}.form-card{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:15px}.field.full,.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:11px;background:#0b0e17;color:var(--text);padding:12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(43,208,197,.09)}.consent{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:12px;line-height:1.5;margin:12px 0}.consent input{width:17px;height:17px;accent-color:var(--cyan);flex:none}.consent a{color:var(--cyan)}.form-actions{justify-content:space-between}.form-error{color:#ff8ca0;font-size:12px;min-height:18px;margin:12px 0 0}
.checks{display:grid;gap:9px}.check{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:13px}.check i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(74,222,128,.12);color:var(--green);font-style:normal;flex:none}.check.bad i{background:rgba(255,98,120,.12);color:#ff7890}.check-reason{font-size:12px;color:var(--muted);margin-top:3px}.check-points{margin-left:auto;color:var(--muted);font-size:11px}.review-score{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.review-score h2{font-size:34px;margin:5px 0}.badge{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(43,208,197,.1);color:var(--cyan)}
.app-table{margin-top:20px}.app-row{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:12px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.app-head{border:0;color:var(--muted);font-size:11px}.muted-small{color:var(--muted);font-size:11px;margin-top:3px}.empty-card{text-align:center;padding:45px;color:var(--muted)}.login{max-width:440px;margin:80px auto;border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:30px}.login h1{font-size:32px;line-height:1.15;letter-spacing:-.035em}
.docs{display:grid;grid-template-columns:230px 1fr;gap:28px}.docs aside{position:sticky;top:95px;align-self:start}.docs aside a{display:block;width:100%;text-align:left;color:var(--muted);padding:9px;text-decoration:none;border-radius:8px}.docs aside a:hover{color:var(--text);background:rgba(255,255,255,.05)}.docs article h1{font-size:46px;line-height:1.05;letter-spacing:-.05em}.docs article h2{margin-top:40px;scroll-margin-top:92px}.docs article p{color:var(--muted);line-height:1.65}.docs code{color:#b7e8eb}.code{border:1px solid var(--line);border-radius:13px;background:#070910;padding:17px;overflow:auto;color:#b7e8eb;line-height:1.6;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.api-list{display:grid;grid-template-columns:220px 1fr;gap:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}.api-list>*{padding:13px;border-bottom:1px solid var(--line)}.api-list span{color:var(--muted)}.notice{padding:13px 15px;border:1px solid rgba(251,191,36,.25);border-radius:12px;background:rgba(251,191,36,.07);color:#f2d795;font-size:13px;line-height:1.5}.notice.good{border-color:rgba(74,222,128,.25);background:rgba(74,222,128,.07);color:#a7f3bd}
.dev-loading{text-align:center;padding:120px;color:var(--muted)}.dev-loading.compact{padding:45px}.dev-loading i{display:block;width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--cyan);border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);padding:28px max(22px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}footer a{color:var(--muted)}
@media(max-width:780px){nav{padding:0 14px}.dev-brand{font-size:13px}.dev-nav button:not(.primary),.dev-nav .ghost{display:none}.hero{grid-template-columns:1fr;gap:25px;min-height:0}.grid3,.form-grid{grid-template-columns:1fr}.field.full,.full{grid-column:auto}.docs{grid-template-columns:1fr}.docs aside{position:static}.app-row{grid-template-columns:1fr 1fr}.app-row>*:first-child{grid-column:1/-1}.api-list{grid-template-columns:1fr}.hero h1{font-size:46px}.docs article h1{font-size:36px}footer{flex-direction:column}}

/* ── v3 uniform public look (appended layer; wins the cascade). Light ground, ink text, the
   #2E7CF6 -> #2BD0C5 action gradient, Space Grotesk headings + Manrope body. Dark stays only
   where the home page itself keeps dark: the hero mock and code blocks. ── */
:root{--bg:#F4F6FA;--panel:#FFFFFF;--panel2:#F7F8F9;--line:rgba(11,16,32,.10);--text:#0B0F1A;--muted:#4A5468;--cyan:#0E8FAC;--blue:#2E7CF6;--purple:#2E7CF6;--green:#188A4E;--action-gradient:linear-gradient(135deg,#2E7CF6 0%,#2BD0C5 100%);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,sans-serif}
body{background:radial-gradient(900px 520px at 70% -10%,rgba(46,124,246,.10),transparent 62%),var(--bg)}
h1,h2,h3,.dev-brand,.metric,.review-score h2{font-family:'Space Grotesk',Manrope,system-ui,sans-serif}
nav{background:rgba(255,255,255,.86)}
.primary{color:#fff!important}
.field input,.field textarea,.field select{background:#fff}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,124,246,.12)}
.consent input{accent-color:var(--blue)}.consent a{color:var(--blue)}
.dev-visual{background:linear-gradient(145deg,#12172B,#0B0F1A);border-color:rgba(46,124,246,.30);box-shadow:0 30px 80px rgba(11,16,32,.25);color:#F4F6FB}
.dev-visual .eyebrow{color:#2BD0C5}
.dev-visual .card{background:linear-gradient(155deg,#171C2E,#12172B);border-color:rgba(255,255,255,.10)}
.dev-visual .card p{color:#9AA4BA}
.dev-visual .badge{background:rgba(43,208,197,.14);color:#2BD0C5}
.code{background:#0B0F1A;border-color:rgba(11,16,32,.35)}
.docs code{color:var(--cyan)}
.docs aside a:hover{color:var(--text);background:rgba(11,16,32,.05)}
.check i{background:rgba(24,138,78,.12)}
.check.bad i{background:rgba(208,59,68,.10);color:#C2334A}
.form-error{color:#C2334A}
.notice{border-color:rgba(154,107,18,.30);background:rgba(154,107,18,.08);color:#7A5B10}
.notice.good{border-color:rgba(24,138,78,.30);background:rgba(24,138,78,.08);color:#14532D}
.dev-loading i{border-color:rgba(11,16,32,.12);border-top-color:var(--blue)}
.step{background:rgba(11,16,32,.08)}
.badge{background:rgba(14,143,172,.10)}