@font-face{font-family:Manrope;src:url("assets/manrope-latin.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url("assets/newsreader-italic.woff2") format("woff2");font-style:italic;font-weight:200 800;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;--ink:#30231d;--ink2:#52443a;--muted:#6b584d;--line:#dacbbc;--bg:#f8f4eb;--brand:#ab3021;--brand2:#b86040;--brandSoft:#f6e3d5;--ok:#407137;--okSoft:#e7efde;--r:10px;--shadow:none}
[hidden]{display:none!important}a{text-underline-offset:3px}:focus-visible{outline:3px solid #ad301e;outline-offset:3px}button{transition:background-color .15s}
.top{background:#f8f4eb;color:#30231d;border:0;backdrop-filter:none}.top .in,.studio-shell,main{max-width:1240px;width:calc(100% - clamp(40px,10vw,140px));margin-inline:auto;padding-inline:0}.top .in{height:68px;gap:18px}
.logo{color:inherit;text-decoration:none;font-weight:750;font-size:24px;letter-spacing:-1.4px;gap:6px}
.studio-label,.context>span:first-child{font:10px/1.4 ui-monospace,monospace;letter-spacing:.12em}
.studio-label{border-left:1px solid #b9a797;padding-left:15px;color:#69594c}
.home-link{color:#5d4738;font-size:13px;text-decoration:none}
.studio-shell{padding-top:26px}.context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.context>span:first-child{color:var(--muted)}
.steps{margin:0;gap:0;display:grid;grid-template-columns:repeat(7,1fr)}
.steps span{border-top:2px solid var(--line);border-radius:0;padding:9px 3px 8px;font-size:11px;white-space:nowrap}
.steps span.on{background:transparent;color:var(--ink);border-color:var(--brand);font-weight:800}.steps span.done{border-color:#c98c70}
.demo-pill{background:#f3e2d5;color:#713e2b;font:600 10px/1.4 ui-monospace,monospace;letter-spacing:.03em;padding:5px 9px;border:1px solid #c7a890;border-radius:4px}
main{padding-top:32px}h2{font-weight:580;font-size:clamp(28px,3.5vw,44px);letter-spacing:-.055em}.sub{font-size:15px;line-height:1.65;margin-top:7px}h3{font-weight:660}.grid>*{min-width:0}
.card{background:#fffefa}.card .stat{font-weight:620;letter-spacing:-.055em}.btn,.btn.sm{background:#30231d;color:#fff9f2;font-weight:700;box-shadow:none;border-radius:6px}.btn:hover{background:#ab3021;box-shadow:none}.btn.ghost:hover{background:#f0e4d6}.btn.dark{background:#30231d;color:white}.btn.ghost{border-color:var(--line)}
input,textarea,select{border-radius:6px}input[type=range]{accent-color:#ad3022}
.tabs{background:#f0e3d4;border-radius:7px}.tabs button{border-radius:4px}.chip,.kicker{border-radius:4px}.kicker{font:10px ui-monospace,monospace;letter-spacing:.1em;padding:7px 9px}.big{font-weight:600}
.note,.serp,.urlbox,pre.code{border-radius:8px}pre.code{background:#31251d;color:#efdfce}
.account-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center}.account-layout .card{padding:clamp(24px,3vw,42px)}.account-intro h1{font-size:clamp(54px,6.7vw,94px);font-weight:550;letter-spacing:-.07em}.account-intro em{font:italic 1.1em Newsreader,Georgia,serif;color:#ac3022;line-height:.9}.account-intro .sub{max-width:380px}
.ad-sitelink{color:#1a0dab;font:15px Arial,sans-serif}.offline{max-width:570px;margin-inline:auto}.offline a{display:inline-block;text-decoration:none}
@media(max-width:860px){.steps{display:grid}.grid.g2,.grid.g3,.grid.g4{grid-template-columns:1fr!important}.grid.g4{grid-template-columns:1fr 1fr!important}.steps span{font-size:10px}.account-layout{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){.top .in{height:59px;gap:9px}.studio-label{display:none}.studio-shell{padding-top:17px}.context{margin-bottom:7px}.steps{display:flex;gap:3px}.steps span,.steps span.on,.steps span.done{font-size:0;border:0;background:var(--line);height:3px;flex:1;padding:0}.steps span.done{background:#a7bd91}.steps span.on{background:#46623a}main{padding-top:23px}.card{padding:17px}.sub{font-size:14px}.btn{font-size:13px}.tabs{width:100%}.tabs button{padding:8px 9px;font-size:12px}.tbl{font-size:12px}.tbl th,.tbl td{padding:7px 4px;overflow-wrap:anywhere}.tbl th{font-size:9px}.urlbox{flex-direction:column}.footer-actions{align-items:stretch;gap:8px}.footer-actions>*{flex:auto}.serp{padding:15px}.grid.g4{gap:8px}.imgs{grid-template-columns:1fr}.step-item>.sp{min-width:0}pre.code{max-width:100%}.barlbl span{font-size:10px}.edit input{min-width:0}.account-intro h1{font-size:48px}.home-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

.top{border-bottom:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--ink)}