/* Appdor marketing palette and proportions; shared by Grow and its setup guide. */
@font-face{font-family:Inter;src:url('./inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--surface:#f8f9fb;--card:#fff;--text:#131a25;--secondary:#475467;--border:#e4e7ec;--accent:#2c49c9;--accent-hover:#233ba5;--tint:#e6ecff;font:16px/1.7 Inter,system-ui,sans-serif;color:var(--text);background:var(--surface)}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a:hover{color:var(--accent-hover)}
.skip-link{position:absolute;left:16px;top:-100px;z-index:10;padding:12px;background:var(--card)}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--border);background:var(--surface)}
.header-row,main,footer{width:min(100% - 48px,1240px);margin-inline:auto}
.header-row{display:flex;align-items:center;gap:28px;min-height:76px}
.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:18px;text-decoration:none;white-space:nowrap}
nav{display:flex;gap:24px;flex-wrap:wrap;margin-inline:auto}nav a{font-size:14px;font-weight:500;color:var(--secondary);text-decoration:none}
h1,h2,h3{line-height:1.2;letter-spacing:-.035em;color:var(--text);text-wrap:balance}h1{font-size:clamp(36px,4.6vw,60px);font-weight:600;margin:20px auto;max-width:900px}h2{font-size:clamp(26px,3vw,36px);font-weight:600;margin:12px 0 24px}h3{font-size:23px;font-weight:600;margin-top:0}
p{color:var(--secondary)}.intro{font-size:18px;max-width:740px;margin:24px auto;line-height:1.7}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.hero{text-align:center;padding:66px 0 56px}.hero .note{max-width:630px;margin:20px auto 0}.hero .eyebrow{display:inline-block;border:1px solid var(--border);background:var(--card);border-radius:99px;padding:6px 14px;letter-spacing:0;text-transform:none;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}section{scroll-margin-top:24px;margin-bottom:56px}.card{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:32px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--accent);color:#fff;padding:11px 20px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5}.button:hover{background:var(--accent-hover);color:#fff}.secondary{background:var(--card);border-color:var(--border);color:var(--text)}.secondary:hover{background:var(--tint);color:var(--accent)}.header-back{min-height:42px;padding:9px 14px}
li{margin:10px 0;color:var(--secondary)}ol,ul{padding-left:24px}.note,footer{font-size:13px;color:var(--secondary)}.wide{background:var(--tint);border:1px solid var(--border);border-radius:12px;padding:36px}.wide p{max-width:920px}blockquote{margin:20px 0;padding-left:20px;border-left:3px solid var(--accent);color:var(--secondary)}footer{border-top:1px solid var(--border);padding-block:28px;margin-top:32px}
.guide main{max-width:850px;padding-block:40px}.guide h1{font-size:clamp(32px,4vw,44px);margin:24px 0}.guide h2{margin-top:40px}.guide code{background:var(--tint);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.guide aside{padding:24px;border-left:3px solid var(--accent);background:var(--card)}
@media(max-width:900px){.header-row{flex-wrap:wrap;gap:16px;padding-block:16px}nav{order:3;width:100%;margin:0;gap:12px 24px}.header-back{margin-left:auto}}
@media(max-width:680px){.header-row,main,footer{width:calc(100% - 32px)}.grid{grid-template-columns:1fr}.hero{padding:36px 0}.intro{font-size:16px}.card,.wide{padding:24px}section{margin-bottom:32px}.button{max-width:100%}h1{font-size:36px}.guide .header-row>a:last-child{font-size:13px}}