:root{--ap-accent: #c9461a;--ap-on-accent: #fcfcfc;--ap-accent-hover: #b73600;--ap-secondary: #008faa;--ap-background: #fef9f7;--ap-surface: #ffffff;--ap-border: #e4dcda;--ap-text: #271c19;--ap-text-muted: #6d605c;--ap-success: #238430;--ap-warning: #946900;--ap-error: #b94642;--display: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--body: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--max: 1080px;--radius: 14px;--t: .32s cubic-bezier(.2, .7, .2, 1);color-scheme:light dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}body{margin:0;font-family:var(--body);font-size:16px;line-height:1.55;color:var(--ap-text);background:var(--ap-background);transition:background-color var(--t),color var(--t)}a{color:inherit}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.025em}p{margin:0}.mono{font-family:var(--mono);font-size:.92em}.hint{color:var(--ap-text-muted);font-size:.9rem}.muted{color:var(--ap-text-muted)}:focus-visible{outline:3px solid var(--ap-accent);outline-offset:3px;border-radius:6px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--ap-border);font:600 .95rem var(--body);text-decoration:none;cursor:pointer;background:var(--ap-surface);color:var(--ap-text);transition:background-color var(--t),color var(--t),border-color var(--t),transform .12s ease}.btn:hover{transform:translateY(-1px)}.btn-accent{background:var(--ap-accent);color:var(--ap-on-accent);border-color:transparent}.btn-accent:hover{background:var(--ap-accent-hover)}.btn-quiet{background:transparent}.nav{max-width:var(--max);margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font:600 1.05rem var(--display);letter-spacing:-.01em;text-decoration:none}.brand-dot{width:14px;height:14px;border-radius:50%;background:var(--ap-accent);transition:background-color var(--t)}.nav nav{display:flex;align-items:center;gap:18px}.nav nav>a:not(.btn){text-decoration:none;color:var(--ap-text-muted);font-weight:500}.nav nav>a:not(.btn):hover{color:var(--ap-text)}@media(max-width:640px){.nav nav>a:not(.btn){display:none}}.hero{max-width:var(--max);margin:0 auto;padding:56px 24px 24px;display:grid;gap:22px;justify-items:start}.eyebrow{font:600 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ap-secondary)}.hero h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.02;font-weight:600;letter-spacing:-.035em;max-width:16ch}.lede{max-width:58ch;font-size:1.15rem;color:var(--ap-text-muted)}.lede strong{color:var(--ap-text);font-weight:600}.accent-form{display:grid;gap:8px;margin-top:8px}.accent-label{font:600 .95rem var(--body)}.accent-controls{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;gap:8px 12px;align-items:center}.accent-controls .hint{grid-column:2}#accent-picker{width:56px;height:56px;padding:0;border:1px solid var(--ap-border);border-radius:12px;background:var(--ap-surface);cursor:pointer}#accent-picker::-webkit-color-swatch-wrapper{padding:6px}#accent-picker::-webkit-color-swatch{border:none;border-radius:8px}#accent-hex{height:56px;width:min(320px,100%);padding:0 18px;border:1px solid var(--ap-border);border-radius:12px;background:var(--ap-surface);color:var(--ap-text);font:500 1.35rem var(--mono);transition:border-color var(--t),background-color var(--t)}#accent-hex.is-bad{border-color:var(--ap-error)}.pairings{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.pairing{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid var(--ap-border);border-radius:999px;background:var(--ap-surface);color:var(--ap-text);font:500 .92rem var(--body);cursor:pointer;transition:border-color var(--t),background-color var(--t),box-shadow var(--t)}.pairing:hover{border-color:var(--ap-text-muted)}.pairing.is-on{border-color:var(--ap-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ap-accent) 25%,transparent)}.pairing-swatches{display:inline-flex}.pairing-swatches i{width:18px;height:18px;border-radius:50%;border:1px solid transparent;margin-right:-6px}.pairing-swatches i:last-child{margin-right:0}.demo{max-width:var(--max);margin:28px auto 0;padding:0 24px}.app-mock{display:grid;grid-template-columns:180px 1fr;border:1px solid var(--ap-border);border-radius:var(--radius);overflow:hidden;background:var(--ap-background);font-size:.9rem;box-shadow:0 30px 60px -40px color-mix(in srgb,var(--ap-text) 40%,transparent);transition:background-color var(--t),border-color var(--t)}.am-side{background:var(--ap-surface);border-right:1px solid var(--ap-border);padding:18px 14px;display:grid;gap:6px;align-content:start;transition:background-color var(--t)}.am-logo{width:26px;height:26px;border-radius:8px;background:var(--ap-accent);margin-bottom:12px;transition:background-color var(--t)}.am-nav{padding:7px 10px;border-radius:8px;color:var(--ap-text-muted)}.am-nav-on{background:var(--ap-accent);color:var(--ap-on-accent);transition:background-color var(--t)}.am-main{padding:20px;display:grid;gap:16px}.am-head{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem}.am-btn{padding:7px 14px;border-radius:999px;background:var(--ap-accent);color:var(--ap-on-accent);font-weight:600;font-size:.85rem;transition:background-color var(--t)}.am-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.am-card{background:var(--ap-surface);border:1px solid var(--ap-border);border-radius:10px;padding:14px;display:grid;gap:2px;transition:background-color var(--t)}.am-card small{color:var(--ap-text-muted)}.am-card b{font-family:var(--display);font-size:1.4rem;font-weight:600;letter-spacing:-.02em}.am-card em{font-style:normal;font-size:.85rem}.ok{color:var(--ap-success)}.warn{color:var(--ap-warning)}.err{color:var(--ap-error)}.am-table{background:var(--ap-surface);border:1px solid var(--ap-border);border-radius:10px;overflow:hidden;transition:background-color var(--t)}.am-row{display:grid;grid-template-columns:90px 1fr auto;gap:12px;padding:10px 14px;border-bottom:1px solid var(--ap-border);align-items:center}.am-row:last-child{border-bottom:0}.badge{font-style:normal;font-size:.78rem;font-weight:600;padding:2px 10px;border-radius:999px;color:var(--ap-background)}.badge.ok{background:var(--ap-success)}.badge.warn{background:var(--ap-warning)}.badge.err{background:var(--ap-error)}.am-foot{display:flex;gap:14px;align-items:center}.am-link{color:var(--ap-secondary);text-decoration:underline}.am-chip{border:1px solid var(--ap-secondary);color:var(--ap-secondary);border-radius:999px;padding:2px 10px;font-size:.8rem}@media(max-width:640px){.app-mock{grid-template-columns:1fr}.am-side{display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--ap-border)}.am-logo{margin:0 8px 0 0}.am-cards{grid-template-columns:1fr}}section.roles,section.how,section.pricing,section.install{max-width:var(--max);margin:0 auto;padding:88px 24px 0}.section-head{display:grid;gap:8px;margin-bottom:28px;max-width:60ch}.section-head h2,.promise h2,.install h2{font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:600}.section-head p{color:var(--ap-text-muted)}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.role{display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:10px 12px;border:1px solid var(--ap-border);border-radius:10px;background:var(--ap-surface);transition:background-color var(--t),border-color var(--t)}.role-swatch{grid-row:1 / 3;width:28px;height:28px;border-radius:8px;border:1px solid var(--ap-border);transition:background-color var(--t)}.role-name{font-weight:600;font-size:.95rem}.role code{grid-column:2;color:var(--ap-text-muted);font-size:.8rem}.role-ratios{grid-column:3;grid-row:1 / 3;display:inline-flex;gap:4px}.role-ratios em{font-style:normal;font:500 .75rem var(--mono);padding:2px 6px;border-radius:6px;background:var(--ap-background)}.role-ratios em.pass{color:var(--ap-success)}.role-ratios em.fail{color:var(--ap-error)}.css-row{display:flex;gap:14px;align-items:center;margin-top:18px;flex-wrap:wrap}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}.steps li{counter-increment:step;padding:22px;border-radius:var(--radius);border:1px solid var(--ap-border);background:var(--ap-surface);display:grid;gap:8px;align-content:start;transition:background-color var(--t),border-color var(--t)}.steps li:before{content:counter(step);font:500 1.6rem var(--mono);color:var(--ap-accent);line-height:1;transition:color var(--t)}.steps h3{font-size:1.15rem;font-weight:700}.steps p{color:var(--ap-text-muted);font-size:.95rem}@media(max-width:760px){.steps{grid-template-columns:1fr}}.promise{max-width:var(--max);margin:88px auto 0;padding:40px 28px;border-radius:var(--radius);background:var(--ap-accent);color:var(--ap-on-accent);display:grid;gap:12px;transition:background-color var(--t),color var(--t)}.promise p{max-width:70ch;font-size:1.05rem;opacity:.92}@media(max-width:640px){.promise{margin-left:24px;margin-right:24px}}.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:760px}.plan{border:1px solid var(--ap-border);border-radius:var(--radius);background:var(--ap-surface);padding:26px;display:grid;gap:12px;align-content:start;transition:background-color var(--t),border-color var(--t)}.plan-pro{border-color:var(--ap-accent)}.plan h3{font-size:1.2rem;font-weight:700}.price{font:600 2.4rem var(--display);line-height:1;letter-spacing:-.03em}.price span{font:500 1rem var(--body);color:var(--ap-text-muted);margin-left:4px}.price-alt{color:var(--ap-text-muted);font-size:.9rem;margin-top:-8px}.plan ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--ap-text-muted);font-size:.95rem}.plan .btn{justify-self:start;margin-top:6px}@media(max-width:640px){.plans{grid-template-columns:1fr}}.install{display:grid;gap:12px;padding-bottom:40px}.install p{max-width:60ch;color:var(--ap-text-muted)}.notify{justify-self:start;margin-top:4px}.foot{max-width:var(--max);margin:40px auto 0;padding:24px;border-top:1px solid var(--ap-border);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--ap-text-muted);font-size:.9rem}.foot .mono{font-size:.8rem}