:root{color-scheme:light;--radius: 18px;--background: oklch(.977 .005 250);--foreground: oklch(.276 .058 267);--card: oklch(1 0 0);--primary: oklch(.525 .213 263.5);--primary-foreground: oklch(1 0 0);--primary-soft: oklch(.955 .024 258);--muted: oklch(.966 .008 255);--muted-foreground: oklch(.565 .026 262);--destructive: oklch(.494 .181 28.5);--destructive-soft: oklch(.955 .026 25);--success: oklch(.51 .122 158);--success-soft: oklch(.955 .036 160);--warning: oklch(.55 .115 68);--warning-foreground: oklch(.34 .09 68);--warning-soft: oklch(.972 .043 89);--warning-border: oklch(.885 .09 85);--vault: oklch(.246 .038 265);--vault-foreground: oklch(.955 .01 250);--vault-muted: oklch(.66 .03 258);--border: oklch(.922 .011 255);--input: oklch(.905 .013 255);--ring: oklch(.525 .213 263.5);--shadow-card: 0 1px 2px oklch(.256 .055 265 / .04), 0 8px 24px oklch(.256 .055 265 / .06);--shadow-card-hover: 0 2px 4px oklch(.256 .055 265 / .06), 0 16px 40px oklch(.256 .055 265 / .1);--shadow-vault: inset 0 1px 0 oklch(1 0 0 / .06), 0 10px 30px oklch(.256 .055 265 / .18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.018em}p{color:var(--muted-foreground);line-height:1.6}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.6}.shell{min-height:100vh;background:var(--background)}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border);background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header-inner{width:min(1120px,calc(100% - 40px));height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--foreground)}.brand-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--primary);color:var(--primary-foreground);box-shadow:0 8px 18px #235ce238}.brand-mark svg{width:18px;height:18px}.brand-name{display:block;font-size:15px;font-weight:700;line-height:1;letter-spacing:-.025em}.brand-byline{display:block;margin-top:3px;font-size:11px;color:var(--muted-foreground);line-height:1}.nav{display:flex;align-items:center;gap:24px;color:var(--muted-foreground);font-size:14px}.nav a,.nav button{color:var(--muted-foreground);font-weight:500;background:transparent;padding:0}.nav a:hover,.nav button:hover{color:var(--foreground)}.header-actions{display:flex;align-items:center;gap:16px}.session-text{display:none;text-align:right;font-size:13px;line-height:1.25}.session-email{color:var(--foreground);font-weight:600}.session-tenant{color:var(--muted-foreground);font-size:12px}.main{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:40px 0}.narrow{width:min(560px,calc(100% - 40px));margin:0 auto;padding:48px 0}.page-title-row{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.page-title h1{font-size:28px;line-height:1.12;font-weight:700}.page-title p{margin-top:8px;font-size:14px}.grid-faint{background-image:linear-gradient(to right,oklch(.276 .058 267 / .04) 1px,transparent 1px),linear-gradient(to bottom,oklch(.276 .058 267 / .04) 1px,transparent 1px);background-size:44px 44px}.hero-band{border-bottom:1px solid var(--border);background-color:var(--card)}.hero-inner{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:80px 0}.hero-copy{max-width:700px}.hero-copy h1{font-size:clamp(40px,8vw,56px);line-height:1.04;font-weight:750}.hero-copy p{margin-top:20px;max-width:650px;font-size:18px}.hero-actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.feature-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{margin-top:24px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.split{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;gap:16px}.space-y>*+*{margin-top:16px}.card,.surface{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card{padding:24px}.card-title{font-size:18px;font-weight:700}.card-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted-foreground);text-transform:uppercase}.card-text{margin-top:6px;font-size:14px}.hover-card{transition:box-shadow .16s ease,transform .16s ease}.hover-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-size:20px}.icon-round{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:24px}.text-center{text-align:center}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;line-height:1.4rem;white-space:nowrap}.pill-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.pill-live{background:var(--primary-soft);color:var(--primary);text-transform:uppercase;letter-spacing:.04em}.pill-test{background:var(--muted);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em}.pill-success{background:var(--success-soft);color:var(--success)}.pill-warning{background:var(--warning-soft);color:var(--warning-foreground)}.pill-danger{background:var(--destructive-soft);color:var(--destructive)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 18px;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:700;line-height:1.2;transition:opacity .16s ease,background .16s ease,border-color .16s ease}.button:hover{opacity:.9}.button.secondary{border:1px solid var(--border);background:var(--card);color:var(--foreground)}.button.secondary:hover{background:var(--muted);opacity:1}.button.danger{border:1px solid oklch(.494 .181 28.5 / .3);background:transparent;color:var(--destructive)}.button.danger:hover{background:var(--destructive-soft);opacity:1}.button.full{width:100%}.button.small{padding:8px 12px;border-radius:10px;font-size:12px}.link-inline{color:var(--primary);font-size:14px;font-weight:600}.link-inline:hover{text-decoration:underline}.form{display:grid;gap:16px}.form-row{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.field{display:grid;gap:6px}.field.flex{min-width:220px;flex:1}.field span,.label{color:var(--foreground);font-size:14px;font-weight:650}.input,.select{width:100%;border:1px solid var(--input);border-radius:10px;background:var(--card);color:var(--foreground);padding:11px 12px;font-size:14px;outline:none}.input:focus,.select:focus{border-color:var(--ring);box-shadow:0 0 0 3px #235ce229}.input[aria-invalid=true]{border-color:var(--destructive)}.input[readonly]{background:var(--muted);color:var(--muted-foreground)}.code-input{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;letter-spacing:.32em;text-transform:uppercase}.muted{color:var(--muted-foreground)}.error{color:var(--destructive);font-size:14px;font-weight:700}.success{color:var(--success);font-size:14px;font-weight:700}.warning{display:flex;gap:12px;border:1px solid var(--warning-border);background:var(--warning-soft);border-radius:14px;padding:14px;color:var(--warning-foreground)}.warning strong{display:block;margin-bottom:3px}.warning p,.warning div{color:color-mix(in oklch,var(--warning-foreground),transparent 18%);font-size:14px}.secret-box{border-radius:18px;background:var(--vault);color:var(--vault-foreground);padding:20px;box-shadow:var(--shadow-vault)}.secret-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--vault-muted);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.secret-row{display:flex;align-items:center;gap:12px}.secret-row code{min-width:0;flex:1;color:var(--vault-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;word-break:break-all}.secret-row button{flex-shrink:0;border:1px solid oklch(.66 .03 258 / .35);border-radius:10px;background:transparent;color:var(--vault-foreground);padding:8px 12px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.secret-row button:hover{background:#8793a529}.details{margin-top:20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:14px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:0}.detail-row dt{color:var(--muted-foreground)}.detail-row dd{margin:0;text-align:right;font-weight:650}.field-label{color:var(--muted-foreground);font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.break{word-break:break-all}.table-card{overflow:hidden;padding:0}.table-title{border-bottom:1px solid var(--border);padding:16px 24px;font-size:16px;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{padding:12px 24px;border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:12px;font-weight:700}td{padding:16px 24px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:0}.text-right{text-align:right}.empty-state{padding:56px 24px;text-align:center}.empty-state p{margin-top:12px;font-size:14px}.footer{border-top:1px solid var(--border);padding:28px 0}.footer-inner{width:min(1120px,calc(100% - 40px));margin:0 auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted-foreground);font-size:14px}.footer-links{display:flex;gap:20px}@media (min-width: 700px){.session-text{display:block}}@media (max-width: 760px){.nav{display:none}.hero-inner{padding:56px 0}.feature-grid,.quick-grid,.split{grid-template-columns:1fr}.page-title-row{align-items:start;flex-direction:column}.secret-row{align-items:stretch;flex-direction:column}}
