:root {
  color-scheme: dark;
  --bg: #071019;
  --bg-soft: #0a141e;
  --panel: #101c28;
  --panel-2: #152432;
  --panel-3: #0d1823;
  --line: #26394c;
  --line-strong: #3a526b;
  --text: #f4f8fc;
  --text-soft: #dce6ef;
  --muted: #8fa4b7;
  --accent: #66e7b8;
  --accent-strong: #3dc895;
  --accent-soft: rgba(102,231,184,.12);
  --blue: #7aaaff;
  --warning: #f4c86b;
  --danger: #ff8585;
  --shadow-sm: 0 10px 32px rgba(0,0,0,.18);
  --shadow: 0 30px 90px rgba(0,0,0,.28);
  --radius: 17px;
  --radius-lg: 24px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.readiness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:18px 0}.readiness-check{border:1px solid var(--line,#d8d8d8);border-radius:14px;padding:14px}.readiness-check p{margin:8px 0 0}.readiness-check.green{border-color:#77a984;background:#f3faf5}.readiness-check.yellow{border-color:#c9a64b;background:#fffaf0}.readiness-check.red{border-color:#c96a6a;background:#fff5f5}.panel details pre{max-height:520px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#111;color:#eee;border-radius:12px;padding:16px}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html,body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); }
body {
  background-image:
    radial-gradient(circle at 82% -12%, rgba(63,188,147,.17), transparent 37%),
    radial-gradient(circle at 10% 35%, rgba(73,122,201,.09), transparent 30%);
}
a { color: inherit; text-decoration: none; }
button,input,textarea,select { font: inherit; color: inherit; }
button { cursor: pointer; }
img { max-width: 100%; }

.site-header {
  position: sticky; top: 0; z-index: 30;
  display: flex; justify-content: space-between; align-items: center; gap: 28px;
  min-height: 72px;
  padding: 12px max(24px,calc((100vw - 1240px)/2));
  background: rgba(7,16,25,.84);
  backdrop-filter: blur(18px) saturate(135%);
  border-bottom: 1px solid rgba(58,82,107,.65);
}
.brand { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand-mark {
  width: 42px; height: 42px; border-radius: 14px; display: block; object-fit: contain;
  box-shadow: 0 10px 28px rgba(67,205,160,.14);
}
.brand strong,.brand small { display: block; }
.brand strong { font-size: 15px; }
.brand small { color: var(--muted); margin-top: 3px; font-size: 11px; }
.site-header nav { display: flex; align-items: center; justify-content: flex-end; gap: 18px; color: var(--text-soft); font-size: 14px; }
.site-header nav>a:not(.button):not(.language) { color: #bac8d4; }
.site-header nav>a:not(.button):not(.language):hover { color: var(--text); }
.admin-nav { position: sticky; top: 72px; z-index: 24; display: flex; gap: 18px; overflow-x: auto; padding: 10px max(24px,calc((100vw - 1240px)/2)); background: rgba(12,24,35,.96); border-bottom: 1px solid var(--line); font-size: 13px; color: var(--muted); }
.admin-nav a:hover { color: var(--text); }

.site-main { max-width: 1240px; margin: 0 auto; padding: 38px 24px 86px; min-height: calc(100vh - 150px); }
footer { border-top: 1px solid var(--line); padding: 25px max(24px,calc((100vw - 1240px)/2)); display: flex; justify-content: space-between; gap: 18px; color: var(--muted); font-size: 13px; }

h1,h2,h3,h4,p { margin-top: 0; }
h1 { font-size: clamp(42px,5.4vw,72px); line-height: 1.02; letter-spacing: -.05em; }
h2 { font-size: 27px; letter-spacing: -.025em; }
h3 { font-size: 18px; }
p { line-height: 1.68; }
.eyebrow { color: var(--accent); font-size: 11px; letter-spacing: .16em; font-weight: 900; }
.muted { color: var(--muted); }

.hero { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(350px,.88fr); gap: 58px; align-items: center; padding: 66px 0 56px; }
.hero h1 { max-width: 820px; margin: 13px 0 20px; }
.hero p { font-size: 18px; color: var(--muted); max-width: 760px; }
.hero-actions,.button-row,.download-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; }
.trust-pill { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 999px; padding: 7px 10px; color: #b9c7d3; background: rgba(9,20,30,.55); font-size: 12px; }
.trust-pill::before { content: '✓'; color: var(--accent); font-weight: 900; }

.product-visual { position: relative; min-height: 430px; display: grid; align-items: center; }
.product-window { position: relative; border: 1px solid #35506a; border-radius: 21px; padding: 14px; background: linear-gradient(160deg,#142333,#0c1721); box-shadow: var(--shadow); overflow: hidden; }
.product-window::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 82% 0%,rgba(102,231,184,.13),transparent 38%); pointer-events: none; }
.window-bar { display: flex; align-items: center; justify-content: space-between; padding: 1px 3px 13px; color: var(--muted); font-size: 11px; }
.window-dots { display: flex; gap: 6px; }.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #496075; }.window-dots i:first-child { background: var(--accent); }
.agent-row { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; }
.agent-card { min-width: 0; border: 1px solid var(--line); border-radius: 14px; padding: 14px; background: rgba(8,18,27,.76); }
.agent-card.manager { border-top: 2px solid var(--accent); }.agent-card.executor { border-top: 2px solid var(--blue); }
.agent-card strong,.agent-card small { display: block; }.agent-card small { color: var(--muted); margin-top: 5px; }
.agent-arrow { color: var(--accent); font-size: 20px; }
.event-stack { position: relative; display: grid; gap: 8px; margin-top: 12px; }
.event-stack div { display: flex; justify-content: space-between; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; color: #c7d2dc; background: rgba(7,16,25,.6); font-size: 12px; }
.event-stack span { color: var(--muted); }
.floating-chip { position: absolute; right: -18px; bottom: 30px; padding: 10px 13px; border: 1px solid rgba(102,231,184,.35); border-radius: 12px; background: #10271f; color: var(--accent); box-shadow: var(--shadow-sm); font-size: 12px; font-weight: 800; }

.section-heading { margin: 62px 0 26px; }
.section-heading.centered { text-align: center; max-width: 880px; margin: 62px auto 30px; }
.section-heading h1 { font-size: clamp(38px,4.5vw,56px); }
.section-heading h2 { font-size: clamp(28px,3.5vw,42px); margin: 10px 0; }
.section-heading p { color: var(--muted); max-width: 760px; }
.section-heading.centered p { margin-left: auto; margin-right: auto; }

.workflow-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 16px 0 66px; }
.workflow-step { position: relative; padding: 19px; border: 1px solid var(--line); border-radius: 15px; background: rgba(16,28,40,.82); }
.workflow-step b { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); margin-bottom: 13px; }
.workflow-step strong { display: block; margin-bottom: 6px; }.workflow-step small { color: var(--muted); line-height: 1.5; }

.feature-grid,.plan-grid,.dashboard-grid,.admin-card-grid { display: grid; gap: 16px; }
.feature-grid { grid-template-columns: repeat(3,minmax(0,1fr)); margin: 20px 0 74px; }
.feature-grid article,.plan,.panel,.note-card,.auth-card,.metric,.workflow-card { min-width: 0; background: linear-gradient(180deg,rgba(17,30,43,.96),rgba(14,25,36,.96)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.feature-grid article { padding: 24px; position: relative; overflow: hidden; }
.feature-grid article::after { content: ''; position: absolute; width: 110px; height: 110px; border-radius: 50%; top: -65px; right: -55px; background: rgba(102,231,184,.06); }
.feature-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; margin-bottom: 17px; background: var(--accent-soft); color: var(--accent); font-weight: 900; }
.feature-grid p,.panel p { color: var(--muted); }

.plan-grid { grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); align-items: stretch; }
.plan { padding: 28px; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.plan.featured { border-color: rgba(102,231,184,.5); box-shadow: 0 24px 80px rgba(40,171,128,.12); }
.plan.featured::before { content: 'POPULAR'; position: absolute; right: -31px; top: 19px; width: 120px; text-align: center; transform: rotate(40deg); background: var(--accent); color: #06130e; font-size: 10px; font-weight: 950; padding: 4px; }
.plan h2,.plan h3 { margin: 16px 0 5px; }
.price { font-size: 40px; font-weight: 950; letter-spacing: -.04em; margin: 18px 0; }
.price small { font-size: 13px; color: var(--muted); font-weight: 500; letter-spacing: normal; }
.plan p { color: var(--muted); flex: 1; }
.plan .stack-form { margin-top: auto; }
.pill { display: inline-flex; width: fit-content; border: 1px solid rgba(102,231,184,.32); background: var(--accent-soft); color: var(--accent); padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 750; }
.pill.suspended,.pill.revoked,.pill.expired { color: var(--danger); border-color: rgba(255,133,133,.4); background: rgba(255,133,133,.1); }.pill.grace { color: var(--warning); }

.button { display: inline-flex; justify-content: center; align-items: center; border: 1px solid transparent; border-radius: 10px; padding: 11px 16px; background: linear-gradient(135deg,#6becbd,#55d4aa); color: #06130e; font-weight: 850; cursor: pointer; transition: transform .12s ease, box-shadow .15s ease, border-color .15s ease; }
.button:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(61,200,149,.18); }
.button.secondary { background: var(--panel-2); color: var(--text); border-color: var(--line); box-shadow: none; }.button.secondary:hover { border-color: var(--line-strong); }
.button.small,.small-button { padding: 7px 10px; font-size: 12px; }.button.full { width: 100%; }
.link-button { border: 0; background: transparent; color: var(--text-soft); cursor: pointer; padding: 0; }
.language { border: 1px solid var(--line); border-radius: 8px; padding: 6px 9px; color: var(--muted); }

.note-card { padding: 22px; margin-top: 22px; }
.auth-card { max-width: 540px; margin: 60px auto; padding: 34px; }
.auth-card h1 { font-size: 38px; }
.totp-qr-wrap { display:grid; place-items:center; margin:22px auto 18px; }
.totp-qr { display:block; width:min(100%,320px); height:auto; padding:10px; border-radius:12px; background:#fff; }
.stack-form { display: grid; gap: 14px; }
.stack-form label,.form-grid label { display: grid; gap: 7px; font-weight: 700; min-width: 0; }
.stack-form input,.stack-form select,.stack-form textarea,.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.inline-form select {
  width: 100%; min-width: 0; background: #09141e; border: 1px solid var(--line); border-radius: 10px; padding: 11px 12px; outline: none;
}
.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.inline-form input:focus,.inline-form select:focus { border-color: var(--accent-strong); box-shadow: 0 0 0 3px rgba(102,231,184,.10); }
.inline-form { display: inline-flex; gap: 7px; align-items: center; }
.inline-check { display: flex!important; align-items: center; gap: 7px; }.inline-check input { width: auto!important; }
.model-catalog-table input[type=checkbox] { width: auto; min-width: 18px; }
.model-catalog-table input[type=number] { min-width: 92px; }
.model-catalog-table tr.price-divergence-warning td { background: rgba(244,200,107,.10); }
.price-divergence-warning-value { color: var(--warning); font-weight: 800; }
.stack-form small,.form-grid small { color: var(--muted); font-weight: 500; line-height: 1.5; }

.flash { padding: 13px 16px; border-radius: 11px; margin-bottom: 14px; background: #14372d; border: 1px solid #2f8069; }.flash.error { background: #381b20; border-color: #78404a; }
.dashboard-head,.panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }.dashboard-head { margin-bottom: 22px; }.dashboard-head h1 { font-size: 45px; margin: 5px 0; }
.dashboard-grid { grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 16px; }.dashboard-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.metric { padding: 20px; }.metric span { color: var(--muted); }.metric strong { display: block; font-size: 35px; margin-top: 8px; }
.panel { padding: 22px; margin-bottom: 16px; }
.license-card { border-top: 1px solid var(--line); padding: 18px 0; }.license-main { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }.key { font-size: 18px; color: var(--accent); }
code { font-family: "Cascadia Code",Consolas,monospace; background: #06101a; border-radius: 5px; padding: 3px 6px; overflow-wrap: anywhere; }.block-code { display: block; margin-top: 5px; }
.device-list { display: grid; gap: 8px; margin-top: 14px; }.device-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #091621; border: 1px solid var(--line); border-radius: 10px; padding: 11px; }.device-row strong,.device-row small { display: block; }.device-row small { color: var(--muted); margin-top: 4px; }
.danger { background: #4d2229; color: #ffd7db; border: 1px solid #793942; border-radius: 9px; cursor: pointer; }.empty-box { border: 1px dashed var(--line); border-radius: 10px; padding: 16px; color: var(--muted); }
.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 12px; } table { width: 100%; border-collapse: collapse; } th,td { text-align: left; border-bottom: 1px solid var(--line); padding: 11px 10px; vertical-align: top; } th { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; background: rgba(7,16,25,.55); }
.form-grid { display: grid; gap: 12px; }.form-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }.form-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }.admin-card-grid { grid-template-columns: 1fr; }
details.panel>summary { cursor: pointer; list-style: none; font-size: 18px; padding: 2px 0; } details.panel>summary::-webkit-details-marker { display:none; }.details-form { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }.plan-admin-card { position:relative; }.archive-form { display:flex; justify-content:flex-end; margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }.compact-note { margin:0; background:#091621; }.compact-note p { margin:7px 0 0; }.inline-form input[type=number] { width:96px; }.site-main input:disabled,.site-main select:disabled,.site-main textarea:disabled { opacity:.55; cursor:not-allowed; }.plan-admin-card .danger { padding:8px 12px; }
.compact-action input[type=number] { max-width:86px; }.filter-form { display:flex; align-items:end; flex-wrap:wrap; gap: 9px; }.filter-form label { display:grid; gap:6px; font-weight:700; }.filter-form input { min-width:220px; }.note-inline { border:1px solid var(--line); border-radius:10px; padding:12px; background:#091621; }.note-inline p { margin:5px 0 0; } input[type=file] { background:#09141e; border:1px dashed var(--line); border-radius:9px; padding:12px; }
.download-panel .checksum { word-break:break-all; margin-top:.4rem; }
.verification-panel,.trial-panel { display:flex; align-items:center; justify-content:space-between; gap:24px; border-color:rgba(102,231,184,.36); background:linear-gradient(135deg,rgba(102,231,184,.10),rgba(14,25,36,.96)); }
.verification-panel h2,.trial-panel h2 { margin:10px 0 6px; }
.verification-panel p,.trial-panel p { margin:0; max-width:760px; }
.trial-panel.claimed { border-color:var(--line); background:linear-gradient(180deg,rgba(17,30,43,.96),rgba(14,25,36,.96)); }
.setup-steps { list-style:none; padding:0; margin:20px 0 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.setup-steps li { display:flex; gap:11px; align-items:flex-start; min-width:0; padding:15px; border:1px solid var(--line); border-radius:12px; background:#091621; }
.setup-steps b { flex:0 0 29px; width:29px; height:29px; display:grid; place-items:center; border-radius:9px; color:var(--accent); background:var(--accent-soft); }
.setup-steps strong,.setup-steps span { display:block; }.setup-steps span { margin-top:5px; color:var(--muted); font-size:12px; line-height:1.55; }

/* Guided web installer */
.install-shell { max-width: 980px; margin: 0 auto; padding: 42px 20px 80px; }
.install-brand { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 30px; }
.install-brand-mark { width: 46px; height: 46px; display: block; object-fit: contain; border-radius: 15px; box-shadow: 0 10px 28px rgba(67,205,160,.14); }
.install-hero { text-align: center; max-width: 760px; margin: 0 auto 28px; }.install-hero h1 { font-size: clamp(38px,6vw,58px); margin: 9px 0 13px; }.install-hero p { color: var(--muted); }
.install-progress { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 24px 0; }.install-progress div { padding: 10px; text-align: center; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); font-size: 12px; background: var(--panel-3); }.install-progress div.active,.install-progress div.done { border-color: rgba(102,231,184,.4); color: var(--accent); background: var(--accent-soft); }
.install-card { background: linear-gradient(180deg,rgba(17,30,43,.98),rgba(13,24,35,.98)); border: 1px solid var(--line); border-radius: 20px; padding: 26px; box-shadow: var(--shadow); margin-bottom: 16px; }
.requirement-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.requirement { display: flex; justify-content: space-between; gap: 12px; border: 1px solid var(--line); border-radius: 10px; padding: 11px 12px; background: rgba(7,16,25,.45); }.requirement.ok strong { color: var(--accent); }.requirement.fail strong { color: var(--danger); }
.install-section { padding: 19px 0; border-top: 1px solid var(--line); }.install-section:first-of-type { border-top: 0; padding-top: 0; }.install-section-head { display: flex; gap: 11px; align-items: flex-start; margin-bottom: 15px; }.install-step-number { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; background: var(--accent-soft); color: var(--accent); font-weight: 900; }.install-section-head h2 { margin: 0 0 4px; font-size: 19px; }.install-section-head p { margin: 0; color: var(--muted); font-size: 13px; }
.install-success { text-align: center; }.install-success .success-mark { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 22px; background: var(--accent-soft); color: var(--accent); font-size: 34px; margin: 0 auto 18px; }
.install-warning { border: 1px solid rgba(244,200,107,.35); background: rgba(244,200,107,.08); color: #f6d997; border-radius: 11px; padding: 12px 14px; margin: 12px 0; }

@media(max-width:980px) {
  .hero { grid-template-columns: 1fr; }.product-visual { min-height: 0; max-width: 700px; }.workflow-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .feature-grid,.dashboard-grid,.dashboard-grid.four,.form-grid.four,.form-grid.two,.setup-steps { grid-template-columns: 1fr; }
  .site-header { align-items:flex-start; }.site-header nav { flex-wrap:wrap; }.dashboard-head,.panel-head,.device-row,.verification-panel,.trial-panel { display:grid; }
}
@media(max-width:680px) {
  .site-header { display:grid; gap:12px; padding: 12px 15px; }.site-header nav { justify-content:flex-start; gap: 11px; }.site-main { padding:24px 14px 60px; }.hero { padding-top:35px; gap: 30px; } h1 { font-size:40px; } footer { display:grid; gap:8px; padding: 22px 15px; }
  .agent-row { grid-template-columns: 1fr; }.agent-arrow { transform: rotate(90deg); justify-self: center; }.floating-chip { position: static; width: fit-content; margin: 12px auto 0; }.workflow-strip,.requirement-grid,.install-progress { grid-template-columns: 1fr; }.filter-form { display:grid; }.filter-form input { min-width:0; }.compact-action { display:grid; }.install-card { padding: 18px; }
}
.center-actions { justify-content: center; }

/* System update controls */
.version-badge{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.version-badge strong{font-size:1.35rem}
.update-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:1.5rem;align-items:start}
.action-links{display:flex;gap:.65rem;flex-wrap:wrap}
.status{display:inline-flex;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2)}
.status.completed{background:rgba(63,213,154,.14);color:#5ce2ae}.status.failed{background:rgba(255,104,104,.14);color:#ff8e8e}.status.processing{background:rgba(102,176,255,.14);color:#8fc6ff}.status.rolled_back{background:rgba(255,193,92,.14);color:#ffd082}
.error-text{display:block;max-width:34rem;margin-top:.35rem;white-space:normal;overflow-wrap:anywhere;color:#ff9b9b}
.button.danger{border-color:rgba(255,104,104,.45);background:rgba(255,104,104,.12);color:#ff9b9b}
@media (max-width:820px){.update-grid{grid-template-columns:1fr}.version-badge{align-items:flex-start}.dashboard-head{align-items:flex-start}}

/* 1.1.1 product claim: clearly qualified, never presented as guaranteed token savings. */
.savings-callout { display:grid; grid-template-columns:minmax(0,.38fr) minmax(0,1fr); gap:22px; align-items:center; padding:24px; margin:4px 0 30px; border:1px solid rgba(99,231,186,.42); border-radius:var(--radius); background:linear-gradient(135deg,rgba(99,231,186,.11),rgba(18,36,51,.74)); }
.savings-number { min-width:0; max-width:100%; font-size:clamp(34px,5.2vw,68px); line-height:.98; letter-spacing:-.045em; font-weight:950; color:var(--accent); white-space:normal; overflow-wrap:anywhere; word-break:normal; }
.savings-callout h2 { margin:0 0 8px; }
.savings-callout p { margin:0; color:var(--text-soft); }
.savings-disclaimer { display:block; margin-top:10px; color:var(--muted); font-size:12px; line-height:1.55; }
.sync-status { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:999px; font-size:12px; border:1px solid var(--line); }
.sync-status.ok { color:var(--accent); border-color:rgba(99,231,186,.38); background:rgba(99,231,186,.08); }
.sync-status.pending { color:#ffd082; border-color:rgba(255,193,92,.35); background:rgba(255,193,92,.08); }
@media(max-width:700px){.savings-callout{grid-template-columns:1fr}.savings-number{font-size:56px}.subscription-plan-grid{grid-template-columns:1fr}.subscription-plan-card{padding:24px}.subscription-plan-head{display:grid;padding-right:0}.subscription-price{text-align:left}.subscription-positioning{min-height:0}.checkout-plan-summary{display:grid}}

/* Long translated text, keys, emails, and pricing copy must never overlap adjacent columns. */
.site-main p,.site-main small,.site-main code,.site-main a,
.panel-head>*,.dashboard-head>*,.device-row>*,.savings-callout>*,.plan>* { min-width:0; max-width:100%; overflow-wrap:break-word; word-break:normal; }
.plan-features { list-style:none; display:grid; gap:8px; padding:0; margin:8px 0 22px; color:var(--text-soft); }
.plan-features li { position:relative; padding-left:20px; line-height:1.45; }
.plan-features li::before { content:'✓'; position:absolute; left:0; color:var(--accent); font-weight:900; }
.pricing-simple-hero { max-width:880px; margin-inline:auto; padding-top:34px; }
.subscription-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; max-width:1180px; margin:0 auto; align-items:stretch; }
.subscription-plan-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:22px 22px 20px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow-sm); }
.subscription-plan-card.featured { border-color:#222; box-shadow:0 14px 42px rgba(0,0,0,.09); }
.recommended-label { position:absolute; top:18px; right:18px; padding:5px 10px; border-radius:999px; background:#171717; color:#fff; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.home-subscription-grid .plan.featured::before { display:none; }
.subscription-plan-head { display:grid; gap:10px; align-items:start; padding-right:0; }
.subscription-plan-title { min-width:0; width:100%; }
.subscription-plan-head h2 { margin:8px 0 0; font-size:clamp(24px,2.25vw,31px); line-height:1.16; overflow-wrap:normal; word-break:normal; hyphens:none; }
.subscription-price { text-align:left; }
.subscription-price strong { display:block; font-size:30px; white-space:nowrap; }
.subscription-price span { color:#777; font-size:13px; }
.subscription-positioning { min-height:0; margin:10px 0 12px; color:#666; font-size:13px; line-height:1.45; }
/* 1.13.2: the card must fit one 1080p screen, so every feature is a single
   line and the long explanations live inside .feature-note (<details>). */
.subscription-feature-list { display:grid; gap:6px; margin:0 0 14px; padding:0; list-style:none; color:#333; font-size:13.5px; }
.subscription-feature-list li { position:relative; padding-left:20px; line-height:1.4; }
.subscription-feature-list li::before { content:'✓'; position:absolute; left:0; color:#2d7353; font-weight:900; }
.subscription-feature-list li.is-excluded { color:#777; }
.subscription-feature-list li.is-excluded::before { content:'—'; color:#999; }
.subscription-feature-list small { display:block; margin-top:4px; color:#707070; font-size:12px; line-height:1.45; }
.subscription-feature-list a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.feature-note > summary { list-style:none; cursor:pointer; }
.feature-note > summary::-webkit-details-marker { display:none; }
.feature-note > summary::after { content:'ⓘ'; margin-left:5px; color:#9a9a9a; font-size:11px; }
.feature-note[open] > summary::after { content:'▾'; }
.feature-note > summary:focus-visible { outline:2px solid #111; outline-offset:2px; border-radius:4px; }
.subscription-plan-card>.button { margin-top:auto; }
.plan-checkout-form { margin-top:auto; }
.plan-checkout-form .button { width:100%; }
.subscription-ai-note { max-width:900px; margin:22px auto 0; color:#666; text-align:center; }
.subscription-pricing .wallet-section { padding-top:76px; }
.subscription-checkout-card { max-width:620px; margin:50px auto; }
.checkout-plan-summary { display:flex; justify-content:space-between; gap:20px; margin:24px 0; padding:18px; border:1px solid var(--line); border-radius:14px; background:#fafafa; }
.checkout-plan-summary small { display:block; margin-top:5px; color:#777; }
.home-price-options { display:grid; gap:18px; }
.home-price-options>div:not(.button-row) { padding-bottom:16px; border-bottom:1px solid #3b3b3b; }
.home-price-options strong { font-size:27px; }
.home-price-options strong small { margin-left:5px; color:#aaa; font-size:13px; }
.home-price-options p { margin:6px 0 0; color:#bbb; }
.trial-badge { border:1px solid rgba(102,231,184,.3); border-radius:10px; padding:9px 11px; background:var(--accent-soft); color:var(--accent)!important; font-size:12px; font-weight:800; }
.trial-badge.is-placeholder { visibility:hidden; }
.home-price-options h3 { overflow-wrap:normal; word-break:normal; hyphens:none; }
.support-contact a { color:var(--accent); }
.device-reset-details { margin-top:14px; border-top:1px solid var(--line); padding-top:12px; }
.device-reset-details>summary { display:flex; align-items:center; gap:9px; cursor:pointer; color:var(--text-soft); font-weight:800; list-style:none; }
.device-reset-details>summary::-webkit-details-marker { display:none; }
.device-reset-details>summary::before { content:'›'; color:var(--accent); font-size:20px; line-height:1; transition:transform .15s ease; }
.device-reset-details[open]>summary::before { transform:rotate(90deg); }
.feature-selector { min-width:0; margin:0; border:1px solid var(--line); border-radius:10px; padding:10px 12px; display:flex; flex-wrap:wrap; gap:8px 14px; }
.feature-selector legend { color:var(--muted); padding:0 5px; font-size:12px; }

/* 1.3.4 trustworthy product system — quiet ChatGPT/BytePlus-inspired hierarchy. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --bg-soft: #f7f7f8;
  --panel: #ffffff;
  --panel-2: #f4f4f5;
  --panel-3: #fafafa;
  --line: #e5e5e5;
  --line-strong: #cfcfcf;
  --text: #171717;
  --text-soft: #363636;
  --muted: #6f6f6f;
  --accent: #171717;
  --accent-strong: #000000;
  --accent-soft: #f0f0f0;
  --blue: #3974d8;
  --warning: #a56513;
  --danger: #c53d3d;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.04);
  --shadow: 0 18px 50px rgba(0,0,0,.09);
  --radius: 14px;
  --radius-lg: 20px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html, body { background: var(--bg); color: var(--text); }
body { background-image: none; font-size: 15px; }
.site-header { min-height: 64px; padding: 10px max(24px,calc((100vw - 1180px)/2)); background: rgba(255,255,255,.92); border-color: var(--line); backdrop-filter: blur(16px); }
.brand { gap: 9px; }
.brand-mark { width: 34px; height: 34px; border-radius: 9px; box-shadow: none; }
.brand strong { font-size: 14px; font-weight: 680; letter-spacing: -.01em; }
.brand small { margin-top: 1px; color: #777; font-size: 10px; }
.site-header nav { gap: 20px; color: #454545; font-size: 13px; }
.site-header nav>a:not(.button):not(.language) { color: #454545; }
.site-header nav>a:not(.button):not(.language):hover { color: #000; }
.admin-nav { top: 64px; padding: 9px max(24px,calc((100vw - 1180px)/2)); background: rgba(249,249,249,.96); color: #666; border-color: var(--line); }
.site-main { max-width: 1180px; padding: 28px 24px 80px; min-height: calc(100vh - 140px); }
footer { padding: 26px max(24px,calc((100vw - 1180px)/2)); background: #f7f7f8; border-color: var(--line); color: #727272; font-size: 12px; }
h1 { font-size: clamp(44px,5.2vw,68px); font-weight: 700; line-height: 1.02; letter-spacing: -.055em; }
h2 { font-size: 26px; font-weight: 650; letter-spacing: -.035em; }
h3 { font-size: 17px; font-weight: 650; }
p { line-height: 1.62; }
.eyebrow { color: #737373; font-size: 10px; font-weight: 650; letter-spacing: .10em; }
.muted { color: var(--muted); }

.hero { grid-template-columns: minmax(0,.86fr) minmax(560px,1.14fr); gap: 48px; padding: 76px 0 64px; }
.hero h1 { margin: 12px 0 20px; }
.hero p { color: #5d5d5d; font-size: 17px; line-height: 1.62; }
.hero-trust { margin-top: 19px; }
.trust-pill { padding: 6px 9px; background: #fafafa; border-color: #e3e3e3; color: #616161; font-size: 11px; }
.trust-pill::before { color: #297a54; }
.product-visual { min-height: 390px; }
.operation-preview { position: relative; width: 100%; max-width: 680px; justify-self: end; min-height: 0; overflow: hidden; border: 1px solid #303030; border-radius: 18px; background: #171717; box-shadow: 0 22px 60px rgba(0,0,0,.16); }
.operation-preview video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; background: #171717; }
.operation-preview-label { position: absolute; left: 14px; bottom: 13px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(23,23,23,.78); color: #d6d6d6; font-size: 10px; letter-spacing: .02em; backdrop-filter: blur(8px); }
.video-expand-button { position:absolute; top:13px; right:13px; z-index:3; width:38px; height:38px; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(23,23,23,.82); color:#f1f1f1; cursor:pointer; backdrop-filter:blur(9px); }
.video-expand-button:hover { background:rgba(42,42,42,.94); border-color:rgba(255,255,255,.32); }
.video-expand-button svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.operation-preview:fullscreen { width:100vw; height:100vh; max-width:none; border:0; border-radius:0; background:#000; }
.operation-preview:fullscreen video { width:100%; height:100%; aspect-ratio:auto; object-fit:contain; }
.operation-preview:fullscreen .operation-preview-label { bottom:22px; left:22px; }
.operation-preview:fullscreen .video-expand-button { top:22px; right:22px; }
body.video-expanded-open { overflow:hidden; }
.operation-preview.is-video-expanded { position:fixed; inset:18px; z-index:1000; width:auto; height:auto; max-width:none; margin:0; border-radius:14px; background:#000; box-shadow:0 0 0 9999px rgba(0,0,0,.82); }
.operation-preview.is-video-expanded video { width:100%; height:100%; aspect-ratio:auto; object-fit:contain; }
.operation-preview.is-video-expanded .operation-preview-label { bottom:22px; left:22px; }
.operation-preview.is-video-expanded .video-expand-button { top:22px; right:22px; }
.product-window { border-color: #303030; border-radius: 18px; padding: 13px; background: #1f1f1f; box-shadow: 0 22px 60px rgba(0,0,0,.16); }
.product-window::before { display: none; }
.window-bar { color: #a8a8a8; }
.window-dots i { background: #555; }.window-dots i:first-child { background: #a8a8a8; }
.agent-card { border-color: #3b3b3b; border-radius: 10px; background: #282828; color: #f4f4f4; }
.agent-card.manager, .agent-card.executor { border-top-color: #616161; }
.agent-card small { color: #a9a9a9; }
.agent-arrow { color: #cfcfcf; }
.event-stack div { border-color: #393939; border-radius: 8px; background: #242424; color: #e1e1e1; }
.event-stack span { color: #aaa; }
.floating-chip { right: -10px; background: #fff; color: #333; border-color: #d9d9d9; border-radius: 9px; box-shadow: 0 10px 28px rgba(0,0,0,.12); }

.section-heading { margin: 74px 0 24px; }
.section-heading.centered { margin: 74px auto 28px; }
.section-heading h1 { font-size: clamp(36px,4.2vw,52px); }
.section-heading h2 { font-size: clamp(28px,3.1vw,40px); }
.section-heading p { color: #666; }
.workflow-strip { gap: 0; margin: 20px 0 76px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.workflow-step { padding: 20px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: #fff; }
.workflow-step:last-child { border-right: 0; }
.workflow-step b { width: 28px; height: 28px; border-radius: 8px; background: #f0f0f0; color: #333; }
.workflow-step small { color: #727272; }
.feature-grid { gap: 12px; margin-bottom: 80px; }
.feature-grid article, .plan, .panel, .note-card, .auth-card, .metric, .workflow-card { background: #fff; border-color: var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.feature-grid article { padding: 22px; }
.feature-grid article::after { display: none; }
.feature-icon { width: 36px; height: 36px; border-radius: 9px; background: #f1f1f1; color: #222; font-size: 12px; }
.feature-grid p, .panel p { color: #686868; }
.plan-grid { gap: 12px; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); }
.plan { padding: 24px; }
.plan.featured { border-color: #222; box-shadow: 0 8px 30px rgba(0,0,0,.07); }
.plan.featured::before { right: 16px; top: 15px; width: auto; transform: none; border-radius: 999px; padding: 4px 8px; background: #171717; color: #fff; font-size: 9px; }
.price { margin: 14px 0; font-size: 36px; }
.plan p { color: #6d6d6d; }
.pill { border-color: #dedede; background: #f5f5f5; color: #444; font-weight: 600; }
.pill.active, .pill.grace { color: #27694a; border-color: #b9dacb; background: #f1faf6; }
.pill.suspended, .pill.revoked, .pill.expired { color: #a83232; border-color: #eccaca; background: #fff5f5; }
.button { min-height: 40px; padding: 9px 15px; border-radius: 999px; background: #171717; color: #fff; font-weight: 620; box-shadow: none; }
.button:hover { transform: none; background: #000; box-shadow: none; }
.button.secondary { background: #fff; color: #222; border-color: #d7d7d7; }
.button.secondary:hover { border-color: #999; background: #fafafa; }
.button.small, .small-button { min-height: 32px; padding: 6px 11px; }
.link-button { color: #454545; }
.language { border-color: #ddd; color: #555; }
.note-card { padding: 22px; }
.auth-card { max-width: 500px; margin: 64px auto; padding: 32px; box-shadow: 0 16px 45px rgba(0,0,0,.07); }
.auth-card h1 { font-size: 34px; }
.stack-form label, .form-grid label { color: #343434; font-size: 13px; font-weight: 600; }
.stack-form input, .stack-form select, .stack-form textarea, .form-grid input, .form-grid select, .form-grid textarea, .inline-form input, .inline-form select { background: #fff; color: #222; border-color: #d7d7d7; border-radius: 9px; padding: 10px 11px; }
.stack-form input:focus, .stack-form select:focus, .stack-form textarea:focus, .form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus, .inline-form input:focus, .inline-form select:focus { border-color: #777; box-shadow: 0 0 0 3px rgba(0,0,0,.06); }
.flash { background: #f1faf6; border-color: #b8dccb; color: #245f43; }.flash.error { background: #fff4f4; border-color: #ecc2c2; color: #9b3030; }
.dashboard-head h1 { font-size: 38px; }
.metric { padding: 18px; }.metric span { color: #717171; }.metric strong { font-size: 30px; }
.panel { padding: 20px; }
.key { color: #222; }
code { background: #f2f2f2; color: #333; }
.device-row, .compact-note, .note-inline { background: #fafafa; border-color: var(--line); }
.danger, .button.danger { background: #fff5f5; color: #ad3434; border-color: #e9bcbc; }
.table-wrap { border-color: var(--line); } th, td { border-color: var(--line); } th { background: #fafafa; color: #666; }
input[type=file] { background: #fafafa; border-color: #d4d4d4; }
.verification-panel, .trial-panel { border-color: #dadada; background: #fafafa; }
.trial-panel.claimed { background: #fafafa; }
.setup-steps li { background: #fafafa; border-color: var(--line); }
.setup-steps b { background: #ededed; color: #333; }
.install-brand-mark { box-shadow: none; }
.install-progress div { background: #fafafa; border-color: var(--line); }.install-progress div.active, .install-progress div.done { border-color: #555; color: #222; background: #f0f0f0; }
.install-card { background: #fff; border-color: var(--line); box-shadow: var(--shadow); }
.requirement { background: #fafafa; border-color: var(--line); }.requirement.ok strong { color: #29704f; }
.install-step-number { background: #ededed; color: #333; }
.install-success .success-mark { background: #f0f0f0; color: #28704e; }
.install-warning { border-color: #e7cfaa; background: #fff9ef; color: #80541d; }
.savings-callout { grid-template-columns: minmax(240px,.42fr) minmax(0,1fr); padding: 26px; border-color: #dedede; background: #fafafa; }
.savings-number { color: #202020; font-size: clamp(30px,4.2vw,52px); font-weight: 700; }
.savings-callout p { color: #555; }
.savings-disclaimer { color: #777; }
.savings-video-preview { grid-column:1 / -1; width:min(100%,980px); max-width:980px; margin:12px auto 2px; justify-self:center; border-color:#303030; }
.sync-status.ok { color: #286c4d; border-color: #bbd9ca; background: #f3faf6; }
.sync-status.pending { color: #885a17; border-color: #e6d0aa; background: #fff9ee; }
.plan-features { color: #4e4e4e; }
.plan-features li::before { color: #2d7353; }
.trial-badge { border-color: #d7d7d7; background: #f7f7f7; color: #333!important; }
.support-contact a { color: #222; text-decoration: underline; text-underline-offset: 3px; }
.device-reset-details, .feature-selector { border-color: var(--line); }
.device-reset-details>summary::before { color: #555; }
.status.completed { background: #eef8f3; color: #27694a; }.status.failed { background: #fff1f1; color: #ad3434; }.status.processing { background: #eef4ff; color: #3667b4; }.status.rolled_back { background: #fff7ea; color: #885a17; }
.error-text { color: #ad3434; }
.billing-device-grid { display: grid; gap: 12px; margin-top: 18px; }
.billing-device-card { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #fafafa; }
.billing-device-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.billing-device-head h3 { margin: 4px 0 0; font-size: 20px; }
.billing-device-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 16px 0; }
.billing-device-stats>div { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.billing-device-stats span,.billing-device-stats small { display: block; color: #707070; font-size: 12px; }
.billing-device-stats strong { display: inline-block; margin: 5px 6px 2px 0; font-size: 24px; color: #202020; overflow-wrap: anywhere; }
.device-quantity-form { display: flex; align-items: end; gap: 10px; }
.device-quantity-form label { display: grid; gap: 6px; color: #343434; font-size: 13px; font-weight: 600; }
.device-quantity-form input { width: 150px; min-height: 40px; padding: 9px 11px; border: 1px solid #d7d7d7; border-radius: 9px; background: #fff; color: #222; }
.device-quantity-form input:focus { outline: none; border-color: #777; box-shadow: 0 0 0 3px rgba(0,0,0,.06); }
.billing-device-note { margin: 10px 0 0; font-size: 12px; color: #717171!important; }
.subscription-history-head { margin-top: 24px; }
.managed-warning { border-color: #e5c989; background: #fffaf0; }
.managed-warning p { margin-bottom: 0; color: #6e5523; }
.managed-editor { margin-top: 10px; border: 1px solid var(--line); border-radius: 11px; background: #fafafa; }
.managed-editor>summary, .panel>details>summary { display: flex; justify-content: space-between; gap: 12px; padding: 13px 15px; cursor: pointer; font-weight: 700; }
.managed-editor>summary small { color: #777; font-weight: 500; overflow-wrap: anywhere; }
.managed-form { padding: 4px 15px 16px; border-top: 1px solid var(--line); }
.managed-name { background: linear-gradient(90deg,#5b5ce2,#12a887,#d97706,#5b5ce2); background-size: 250% 100%; color: transparent; background-clip: text; -webkit-background-clip: text; animation: managed-flow 4s linear infinite; }
.credit-adjust-form { display: grid; grid-template-columns: minmax(100px,.5fr) minmax(180px,1fr) auto; gap: 7px; min-width: 470px; }
.credit-adjust-form input { min-width: 0; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; }
.credit-adjust-stack { display:grid;gap:8px; }
.monthly-credit-adjust-form { padding-top:8px;border-top:1px solid var(--line); }
.credit-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; background: linear-gradient(130deg,#fafafa,#f5f7ff); }
.credit-hero h2 { margin: 5px 0; font-size: clamp(30px,5vw,48px); }
.credit-balance-pair { display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;margin:10px 0 14px; }
.credit-balance-pair>div { padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff; }
.credit-balance-pair span,.credit-balance-pair strong { display:block; }
.credit-balance-pair span { color:var(--muted);font-size:12px;margin-bottom:4px; }
.credit-balance-pair strong { font-size:clamp(24px,3vw,34px);line-height:1.05; }
.credit-summary { min-width: 210px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.credit-summary span,.credit-summary small { display: block; color: #707070; }.credit-summary strong { display: block; margin: 5px 0; font-size: 27px; }
.credit-summary-grid { display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin:18px 0; }
.credit-summary-grid>div { padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fafafa; }
.credit-summary-grid span,.credit-summary-grid strong { display:block; }.credit-summary-grid span { color:var(--muted);font-size:13px;margin-bottom:5px; }
.weekly-credit-form { display:flex;flex-wrap:wrap;align-items:center;gap:14px; }.weekly-credit-form label { display:flex;align-items:center;gap:7px;font-weight:600; }
.credit-package-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 12px; }
.credit-package { padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: #fafafa; }.credit-package h3 { margin: 6px 0; }.credit-package>strong { display: block; font-size: 24px; }
.managed-terms-panel { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-color: #e5c989; background: #fffaf0; }
@keyframes managed-flow { to { background-position: -250% 0; } }

@media(max-width:980px) {
  .hero { grid-template-columns: 1fr; gap: 36px; padding-top: 48px; }
  .product-visual { min-height: 0; max-width: 720px; }
  .operation-preview { max-width: 820px; justify-self: center; }
  .feature-grid, .dashboard-grid, .dashboard-grid.four, .form-grid.four, .form-grid.two, .setup-steps { grid-template-columns: 1fr; }
  .site-header { align-items: flex-start; }
  .site-header nav { flex-wrap: wrap; }
  .dashboard-head, .panel-head, .device-row, .verification-panel, .trial-panel { display: grid; }
  .workflow-step { border-right: 0; border-bottom: 1px solid var(--line); }
  .workflow-step:last-child { border-bottom: 0; }
}
@media(min-width:981px) {
  .hero { width:min(1320px,calc(100vw - 48px)); margin-left:50%; transform:translateX(-50%); grid-template-columns:minmax(0,.72fr) minmax(680px,1.28fr); gap:42px; }
  .hero .operation-preview { max-width:820px; }
}
@media(max-width:680px) {
  .site-header { display: grid; gap: 10px; padding: 10px 15px; }
  .site-header nav { justify-content: flex-start; gap: 12px; }
  .site-main { padding: 22px 15px 56px; }
  .hero { padding-top: 34px; }
  h1 { font-size: 40px; }
  footer { display: grid; gap: 8px; padding: 22px 15px; }
  .agent-row { grid-template-columns: 1fr; }
  .agent-arrow { transform: rotate(90deg); justify-self: center; }
  .floating-chip { position: static; width: fit-content; margin: 12px auto 0; }
  .workflow-strip, .requirement-grid, .install-progress, .savings-callout { grid-template-columns: 1fr; }
  .filter-form, .compact-action { display: grid; }
  .filter-form input { min-width: 0; }
  .install-card { padding: 18px; }
  .billing-device-stats { grid-template-columns: 1fr; }
  .billing-device-head,.device-quantity-form { display: grid; }
  .credit-hero { display: grid; }.credit-adjust-form { min-width: 360px; }
  .device-quantity-form input { width: 100%; }
}
.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}.recovery-code-grid code{display:block;padding:.8rem;border:1px solid var(--line);border-radius:.6rem;text-align:center;letter-spacing:.08em}@media(max-width:640px){.recovery-code-grid{grid-template-columns:1fr}}

/* Account security settings */
.account-security-panel { padding: clamp(20px,3vw,28px); }
.account-security-head { margin-bottom: 20px; }
.account-security-head h2 { margin: 7px 0 0; }
.account-security-notice { margin: 0 0 18px; }
.account-security-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  align-items: stretch;
}
.account-security-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fafafa;
}
.account-security-card-head {
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--line);
}
.account-security-card-head h3,
.account-security-form h4 { margin: 0; }
.account-security-form,
.account-security-card-body {
  min-width: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
}
.account-security-fields { display: grid; gap: 14px; }
.account-security-actions { margin-top: auto; padding-top: 2px; }
.account-security-actions .button { width: 100%; }
.account-security-status {
  margin: 0;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  font-size: 13px;
}
.account-security-subform + .account-security-subform {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.account-security-form h4 { font-size: 14px; }
.account-security-toggle {
  min-height: 46px;
  align-items: flex-start;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  line-height: 1.45;
}
.account-security-toggle input { flex: 0 0 auto; margin-top: 2px; }
.account-security-toggle span { min-width: 0; }

@media(max-width:780px) {
  .account-security-grid { grid-template-columns: 1fr; }
  .account-security-card { padding: 17px; }
}

/* Problem and feedback report inboxes */
.admin-nav-group { display:flex;align-items:center;gap:10px;padding:2px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;white-space:nowrap; }
.admin-nav-label { color:#777;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase; }
.report-count { display:grid;min-width:110px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:right; }
.report-count strong { font-size:32px;line-height:1; }
.report-count span { margin-top:5px;color:var(--muted);font-size:12px; }
.report-filter-panel,.report-generate-form,.feedback-list { margin-bottom:18px; }
.report-generate-bar { display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:14px; }
.report-generate-bar h2,.report-generate-bar p { margin:0; }
.report-generate-bar p { margin-top:6px;max-width:720px; }
.report-scope { display:grid;gap:7px;min-width:210px;padding:10px 13px;border:1px solid var(--line);border-radius:10px; }
.report-scope legend { padding:0 5px;font-size:12px;font-weight:700; }
.report-scope label { display:flex;align-items:center;gap:7px;font-size:13px; }
.report-group-list,.feedback-list,.report-item-list { display:grid;gap:12px; }
.report-group-card,.feedback-card { min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm); }
.report-group-head,.feedback-card-head { display:flex;align-items:flex-start;justify-content:space-between;gap:16px; }
.report-group-title { min-width:0;flex:1; }
.report-group-title h2 { margin:0 0 7px;font-size:20px; }
.report-group-title code { display:inline-block;max-width:100%;overflow-wrap:anywhere; }
.report-group-select { display:flex;align-items:center;gap:7px;padding-top:4px;font-size:12px;font-weight:700;white-space:nowrap; }
.report-badge { flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#171717;color:#fff;font-size:12px;font-weight:750; }
.report-meta-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0 0; }
.report-meta-grid>div { min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fafafa; }
.report-meta-grid dt { color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em; }
.report-meta-grid dd { margin:5px 0 0;overflow-wrap:anywhere; }
.report-details { margin-top:14px;border-top:1px solid var(--line);padding-top:12px; }
.report-details>summary { cursor:pointer;font-weight:700; }
.report-item-list { margin-top:12px; }
.report-item { min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fafafa; }
.report-item-meta { display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:9px;color:var(--muted);font-size:11px; }
.report-item pre,.report-details pre { max-height:420px;margin:0;padding:12px;overflow:auto;border-radius:8px;background:#f1f1f1;color:#292929;white-space:pre-wrap;overflow-wrap:anywhere; }
.report-empty { padding:34px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center; }
.report-stat-row { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px; }
.report-stat-row>div { display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fafafa; }
  .report-stat-row strong { font-size:25px; }.report-stat-row span { font-weight:700; }.report-stat-row small { color:var(--muted); }
  .rejection-stat { min-width:0;border:1px solid var(--line);border-radius:10px;background:#fafafa; }
  .rejection-stat>summary { display:grid;gap:4px;padding:14px;cursor:pointer;list-style-position:inside; }
  .rejection-stat>summary strong { display:inline;font-size:25px; }.rejection-stat>summary small { color:var(--muted); }
  .rejection-breakdown { display:grid;gap:8px;padding:0 14px 14px; }
  .rejection-breakdown>div { display:grid;gap:3px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px;overflow-wrap:anywhere; }
.report-tabs { display:flex;gap:6px;margin:0 0 16px;padding:5px;border:1px solid var(--line);border-radius:11px;background:#fafafa; }
.report-tabs a { padding:9px 13px;border-radius:8px;color:var(--muted);font-weight:650; }
.report-tabs a.active { background:#171717;color:#fff; }
.feedback-card.kept { border-left:4px solid #38825f; }.feedback-card.discarded { border-left:4px solid #b94b4b; }
.feedback-card-head>div { display:flex;align-items:center;gap:10px; }.feedback-card-head>span { color:var(--muted);font-size:12px; }
.feedback-card blockquote { margin:16px 0;padding:14px 16px;border-left:3px solid #bbb;background:#fafafa;line-height:1.65;overflow-wrap:anywhere; }
.feedback-actions { display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line); }
.discard-reason { margin:13px 0 0;color:#983d3d; }
.status.kept { background:#eef8f3;color:#27694a; }.status.pending { background:#fff7ea;color:#885a17; }.status.discarded { background:#fff1f1;color:#ad3434; }
.report-batch-actions { display:flex;gap:8px; }.report-batch-summary { margin-bottom:14px; }
.markdown-preview-panel { min-width:0; }.markdown-preview { max-height:70vh;margin:0;padding:18px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#151515;color:#f3f3f3;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55; }
button:disabled { cursor:not-allowed;opacity:.45; }

@media(max-width:900px) {
  .report-generate-bar,.report-group-head,.feedback-card-head { display:grid; }
  .report-scope { min-width:0; }
  .report-group-select { order:2; }
}
@media(max-width:680px) {
  .admin-nav-group { border-radius:10px; }
  .admin-nav-label { display:none; }
  .report-count { width:100%;text-align:left; }
  .report-tabs,.feedback-actions,.report-batch-actions { flex-wrap:wrap; }
}

/* Phase 2 public preview */
.public-phase2 { background:#fff; color:#171717; }
.public-phase2 .phase2-header { min-height:70px; padding-inline:max(24px,calc((100vw - 1360px)/2)); }
.public-phase2 .phase2-main { max-width:1240px; padding-top:0; }
.phase2-navigation { flex:1; display:flex; align-items:center; justify-content:space-between; gap:24px; min-width:0; }
.phase2-primary-nav,.phase2-account-nav { display:flex; align-items:center; gap:17px; font-size:12px; white-space:nowrap; }
.phase2-account-nav { justify-content:flex-end; }
.nav-menu-button { display:none; width:40px; height:40px; padding:10px; border:1px solid var(--line); border-radius:50%; background:#fff; }
.nav-menu-button span { display:block; height:1px; margin:5px 0; background:#171717; }
.account-menu { position:relative; }
.account-menu summary { list-style:none; cursor:pointer; }
.account-menu summary::-webkit-details-marker { display:none; }
.account-menu summary>span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#171717; color:#fff; font-size:12px; font-weight:700; }
.account-menu>div { position:absolute; top:44px; right:0; width:210px; display:grid; gap:2px; padding:8px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 18px 45px rgba(0,0,0,.12); }
.account-menu>div a,.account-menu>div button { display:block; width:100%; padding:9px 10px; border-radius:7px; text-align:left; }
.account-menu>div a:hover,.account-menu>div button:hover { background:#f5f5f5; }
/* 1.13.1 hero: headline → CTA row → one full-width proof video underneath. */
.phase2-hero { display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; gap:46px; padding:76px 0 72px; text-align:center; }
.phase2-hero-copy { max-width:920px; }
.phase2-hero h1 { max-width:920px; margin:15px auto 22px; font-size:clamp(44px,5.2vw,72px); line-height:1.16; }
.phase2-hero h1 span { color:#747474; }
.phase2-hero-copy>p { max-width:680px; margin:0 auto; color:#5f5f5f; font-size:17px; }
.phase2-hero .hero-actions,.phase2-hero .hero-trust { justify-content:center; }
.hero-video-preview { width:100%; max-width:1080px; justify-self:center; }
.workflow-demo { position:relative; min-height:500px; overflow:hidden; border:1px solid #343434; border-radius:20px; background:#171717; color:#f7f7f7; box-shadow:0 30px 80px rgba(0,0,0,.16); }
.workflow-demo::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 100% 0,rgba(255,255,255,.10),transparent 38%); pointer-events:none; }
.workflow-demo-bar { height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid #303030; color:#d7d7d7; font-size:11px; }
.workflow-demo-bar span { display:flex; align-items:center; gap:8px; }.workflow-demo-bar i { width:7px; height:7px; border-radius:50%; background:#6bd29f; box-shadow:0 0 0 4px rgba(107,210,159,.12); }
.workflow-demo-bar small { color:#8d8d8d; }
.workflow-demo-stage { position:absolute; inset:52px 0 36px; display:grid; align-content:center; gap:13px; padding:42px; opacity:0; transform:translateY(14px); pointer-events:none; transition:opacity .38s ease,transform .38s ease; }
.workflow-demo-stage.is-active { opacity:1; transform:translateY(0); }
.workflow-demo-stage>small { color:#9e9e9e; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.workflow-demo-stage>strong { max-width:470px; font-size:clamp(25px,3vw,39px); line-height:1.18; }
.demo-plan-lines { display:grid; gap:9px; margin-top:12px; }.demo-plan-lines i { width:100%; height:9px; border-radius:5px; background:#303030; }.demo-plan-lines i:nth-child(2){width:82%}.demo-plan-lines i:nth-child(3){width:61%}
.demo-task-row,.demo-executor-grid,.demo-result-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.demo-task-row span,.demo-executor-grid span,.demo-result-list span { min-width:0; padding:14px; border:1px solid #383838; border-radius:11px; background:#222; color:#cfcfcf; font-size:12px; }
.demo-executor-grid b,.demo-result-list b { display:block; margin-bottom:8px; color:#fff; font-size:11px; }
.demo-complete-mark { width:62px; height:62px; display:grid; place-items:center; border-radius:50%; background:#f5f5f5; color:#171717; font-size:26px; }
.workflow-demo-progress { position:absolute; left:18px; right:18px; bottom:17px; display:grid; grid-template-columns:repeat(6,1fr); gap:5px; }
.workflow-demo-progress i { height:2px; background:#3a3a3a; }.workflow-demo-progress i.is-active { background:#f1f1f1; }
.marketing-section { padding:42px 0 58px; scroll-margin-top:90px; }
.problem-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.problem-grid article,.phase2-feature-grid article,.template-preview-grid article { padding:25px; border:1px solid var(--line); border-radius:15px; background:#fff; }
.problem-grid article>span,.feature-number { color:#9a9a9a; font-size:11px; }.problem-grid h3,.phase2-feature-grid h3 { margin:32px 0 9px; }.problem-grid p,.phase2-feature-grid p,.template-preview-grid p { margin-bottom:0; color:#686868; }
.phase2-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border:1px solid var(--line); border-radius:16px; }
.phase2-steps article { position:relative; padding:26px; border-right:1px solid var(--line); background:#fafafa; }.phase2-steps article:last-child{border-right:0}.phase2-steps b { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#171717; color:#fff; font-size:12px; }.phase2-steps h3{margin:28px 0 9px}.phase2-steps p{margin:0;color:#676767}
.phase2-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.source-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.source-choice { position:relative; padding:34px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fff; }
.source-choice.managed { background:#171717; color:#fff; border-color:#171717; }.source-choice.managed .check-list{color:#d1d1d1}.source-choice.managed .check-list li::before{color:#fff}.source-choice.managed .text-link{color:#fff}
.source-choice h3 { margin:6px 0 24px; font-size:30px; }.source-index { display:block; color:#8a8a8a; font-size:11px; }.text-link { display:inline-block; margin-top:18px; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.source-shared-note { max-width:720px; margin:18px auto 0; color:#6c6c6c; text-align:center; }
.check-list { display:grid; gap:9px; margin:0; padding:0; list-style:none; color:#555; }.check-list li { position:relative; padding-left:20px; line-height:1.52; }.check-list li::before { content:"✓"; position:absolute; left:0; color:#171717; font-weight:800; }
.context-section { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:52px; align-items:center; margin:48px 0; padding:50px; border-radius:20px; background:#f4f4f4; }
.context-section h2 { margin:10px 0 16px; font-size:clamp(31px,4vw,48px); }.context-section p{color:#5c5c5c}.context-section small{display:block;color:#737373;line-height:1.55}
.context-section aside { min-height:250px; display:grid; align-content:center; gap:24px; padding:30px; border-radius:16px; background:#171717; color:#fff; }.context-section aside>span{font-size:clamp(27px,3.5vw,42px);font-weight:700;line-height:1.05}.context-bars{display:grid;gap:12px}.context-bars i{height:14px;border-radius:8px;background:#383838}.context-bars i:last-child{width:10%;background:#fff}
.context-section .savings-video-preview { grid-column:auto; width:100%; max-width:none; margin:0; justify-self:stretch; }
.template-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.template-preview-grid article{display:flex;flex-direction:column}.template-preview-grid h3{margin:22px 0 8px;font-size:21px}.template-preview-grid p{min-height:72px}.template-preview-grid dl{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:24px 0}.template-preview-grid dl div{padding:10px;border-radius:9px;background:#f6f6f6}.template-preview-grid dt{color:#747474;font-size:10px}.template-preview-grid dd{margin:4px 0 0;font-weight:700}.muted-pill{color:#777;background:#fafafa}
.home-pricing-section .section-heading { margin-bottom:34px; }
.home-pricing-link { margin:26px 0 0; text-align:center; }
/* 1.13.1 project-template gallery: dark card, rounded thumbnail, title below. */
.template-preview-grid article { padding:16px; border-color:#1f1f1f; background:#141414; color:#f1f1f1; }
.template-preview-grid article h3 { color:#f5f5f5; }
.template-preview-grid article p { color:#a2a2a2; }
.template-thumb { overflow:hidden; border:1px solid #262626; border-radius:12px; background:#101010; }
.template-thumb svg { display:block; width:100%; height:auto; aspect-ratio:16/10; }
.template-preview-grid article>.pill { margin-top:18px; }
.template-preview-grid article .muted-pill { border-color:#2c2c2c; background:#1c1c1c; color:#9a9a9a; }
.template-preview-grid article dl div { background:#1c1c1c; }
.template-preview-grid article dt { color:#8e8e8e; }
.template-preview-grid article dd { color:#f1f1f1; }
.template-preview-grid article .button.secondary { margin-top:auto; border-color:#2f2f2f; background:#1c1c1c; color:#c9c9c9; }
.faq-list { max-width:900px; margin:0 auto; border-top:1px solid var(--line); }.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;gap:18px;padding:22px 4px;cursor:pointer;font-size:16px;font-weight:650;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#999;font-size:11px}.faq-list p{padding:0 45px 22px;color:#626262}
.phase2-footer { max-width:none; }

/* Phase 2 pricing preview */
.pricing-phase2-hero { max-width:900px; margin:0 auto; padding:78px 0 54px; text-align:center; }.pricing-phase2-hero h1{margin:13px 0 20px;font-size:clamp(46px,6vw,76px)}.pricing-phase2-hero p{max-width:760px;margin:0 auto;color:#666;font-size:17px}
.billing-toggle { width:max-content; max-width:100%; display:flex; gap:5px; margin:28px auto 0; padding:5px; border:1px solid var(--line); border-radius:999px; background:#f7f7f7; }.billing-toggle legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.billing-toggle label{cursor:pointer}.billing-toggle input{position:absolute;opacity:0}.billing-toggle span{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;color:#606060;font-weight:650}.billing-toggle input:checked+span{background:#171717;color:#fff}.billing-toggle small{font-size:10px;color:inherit;opacity:.7}
.pricing-builder { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:22px; align-items:start; }.pricing-builder-main{display:grid;gap:18px}.pricing-step{scroll-margin-top:90px}.pricing-step>.eyebrow{display:block;margin-bottom:11px}
.software-card,.radio-card,.managed-plan-card,.wallet-grid article,.coming-later-card,.preview-notice { border:1px solid var(--line); border-radius:16px; background:#fff; }.software-card{padding:30px}.software-card-head{display:flex;justify-content:space-between;gap:30px}.software-card h2{margin:14px 0 4px;font-size:32px}.software-card-head p{color:#777}.software-price{text-align:right}.software-price strong{display:block;font-size:40px}.software-price span{color:#777}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0}.software-note{display:block;margin-top:14px;color:#747474;line-height:1.55}
.radio-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.radio-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:24px;cursor:pointer}.radio-card.is-selected,.managed-plan-card.is-selected{border-color:#171717;box-shadow:0 0 0 1px #171717}.radio-card input,.managed-plan-card input{position:absolute;opacity:0}.radio-dot{width:18px;height:18px;border:1px solid #aaa;border-radius:50%;margin-top:3px;box-shadow:inset 0 0 0 4px #fff}.radio-card.is-selected .radio-dot,.managed-plan-card.is-selected .radio-dot{background:#171717;border-color:#171717}.radio-card-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.radio-card-title strong{font-size:20px}.radio-card-title b{font-size:12px}.radio-card .check-list{font-size:13px}
.managed-plan-section{padding:26px;border-radius:16px;background:#f5f5f5}.managed-plan-section[hidden]{display:none}.managed-plan-section h2{font-size:21px}.managed-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.managed-plan-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:18px;cursor:pointer}.managed-plan-card .radio-dot{position:absolute;right:15px;top:15px}.managed-plan-card>strong{padding-right:24px}.managed-plan-price{font-size:22px;font-weight:700}.managed-plan-card>b{font-size:12px}.managed-plan-card small{margin-top:5px;color:#707070;line-height:1.45}
.price-summary{position:sticky;top:88px;padding:24px;border:1px solid #252525;border-radius:16px;background:#171717;color:#fff}.price-summary h2{margin-bottom:20px}.price-summary dl{margin:0 0 22px}.price-summary dl>div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #343434}.price-summary dt{color:#bdbdbd}.price-summary dt small,.price-summary dd small{display:block;margin-top:4px;color:#818181;font-size:10px}.price-summary dd{margin:0;text-align:right;font-weight:650}.price-summary .button{background:#fff;color:#171717}
.wallet-section,.managed-addons-section,.model-rates-section{padding-top:70px}.wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wallet-grid article{padding:24px;text-align:center}.wallet-grid strong{display:block;font-size:34px}.wallet-grid span{color:#777}.wallet-grid b{display:block;margin:18px 0;font-size:20px}.managed-addons-section{margin-top:70px;padding:50px 34px;border:1px solid var(--line);border-radius:20px;background:#f5f5f5}.managed-addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.managed-addon-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid #d8d8d8;border-radius:16px;background:#fff}.managed-addon-card h3{margin:0 0 20px;font-size:24px;overflow-wrap:normal;word-break:normal;hyphens:none}.managed-addon-price strong{display:block;font-size:34px}.managed-addon-price span{color:#777}.managed-addon-card>p{margin:22px 0;color:#555}.managed-addon-card>p strong{color:#171717;font-size:22px}.managed-addon-card>.button{margin-top:auto}.pricing-footnote{text-align:center;color:#747474;font-size:12px}.managed-addons-section .pricing-footnote{max-width:760px;margin:24px auto 0}.centered-empty{text-align:center}.coming-later-card{max-width:700px;margin:72px auto 22px;padding:32px;text-align:center;background:#fafafa}.preview-notice{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:28px 0 40px;padding:30px;border-color:#d8c08b;background:#fffaf0}.preview-notice h2{margin:8px 0}.preview-notice p{max-width:800px;margin:0;color:#6b5730}

/* Independent admin layout */
.admin-body { background:#f5f5f5; }
.admin-topbar { position:sticky;top:0;z-index:40;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px) }
.admin-topbar-actions{display:flex;align-items:center;gap:16px;color:#555;font-size:13px}.admin-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 64px)}.admin-sidebar{position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto;padding:20px 14px;border-right:1px solid var(--line);background:#fff}.admin-sidebar nav{display:grid;gap:3px}.admin-sidebar a{padding:9px 11px;border-radius:8px;color:#555;font-size:13px}.admin-sidebar a:hover,.admin-sidebar a[aria-current="page"]{background:#f1f1f1;color:#171717}.admin-sidebar-group{margin:17px 11px 5px;color:#999;font-size:9px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.admin-sidebar-group:first-child{margin-top:2px}.admin-main{width:100%;max-width:1500px;min-width:0;margin:0 auto;padding:30px}.admin-main .dashboard-head{margin-top:0}

@media(max-width:1100px){
  .phase2-header{display:flex!important;align-items:center!important}.nav-menu-button{display:block;margin-left:auto}.phase2-navigation{position:absolute;top:62px;left:14px;right:14px;display:none;align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.12)}.phase2-navigation.is-open{display:grid}.phase2-primary-nav,.phase2-account-nav{display:flex;flex-wrap:wrap;justify-content:flex-start}.phase2-account-nav{padding-top:12px;border-top:1px solid var(--line)}
  .phase2-hero{grid-template-columns:1fr;min-height:0}.workflow-demo{max-width:760px;width:100%;margin:0 auto}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-builder{grid-template-columns:1fr}.price-summary{position:static}.managed-plan-grid,.managed-addon-grid{grid-template-columns:1fr}
  .admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-main{padding:22px}
}
@media(max-width:760px){
  .public-phase2 .phase2-main{padding-inline:16px}.phase2-hero{padding:48px 0}.phase2-hero h1{font-size:43px}.workflow-demo{min-height:460px}.workflow-demo-stage{padding:26px}.demo-task-row,.demo-executor-grid,.demo-result-list{grid-template-columns:1fr}.problem-grid,.phase2-steps,.phase2-feature-grid,.source-choice-grid,.template-preview-grid,.pricing-preview,.context-section,.radio-card-grid,.wallet-grid{grid-template-columns:1fr}.phase2-steps article{border-right:0;border-bottom:1px solid var(--line)}.phase2-steps article:last-child{border-bottom:0}.context-section,.pricing-preview{padding:28px;gap:30px}.template-preview-grid p{min-height:0}.software-card-head,.preview-notice{display:grid}.software-price{text-align:left}.two-column{grid-template-columns:1fr}.billing-toggle{width:100%;border-radius:15px}.billing-toggle label{flex:1}.billing-toggle span{justify-content:center;text-align:center}.billing-toggle small{display:none}.model-rates-section .table-wrap{margin-inline:-8px}.price-summary{margin-inline:-4px}.phase2-footer{display:grid}
  .admin-topbar{align-items:flex-start}.admin-topbar-actions{flex-wrap:wrap;justify-content:flex-end}.admin-shell{display:block}.admin-sidebar{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar-group{grid-column:1/-1}.admin-main{padding:18px 14px}
}
@media(prefers-reduced-motion:reduce){.workflow-demo-stage{transition:none}}

/* Security & audit section */
.security-check-list { max-width:900px; margin:0 auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.security-check-list li { padding:18px 18px 18px 40px; border:1px solid var(--line); border-radius:14px; background:#fff; color:#444; }
.security-check-list li::before { left:18px; top:18px; }

/* Closing CTA banner */
.closing-cta { position:relative; margin:26px 0 0; padding:96px 24px 104px; border-radius:24px; overflow:hidden; text-align:center; scroll-margin-top:90px; background:linear-gradient(180deg,#fff 0%,#fdf3f7 42%,#f0eefc 70%,#e7f0fb 100%); }
.closing-cta h2 { margin:0 auto; max-width:900px; font-size:clamp(32px,4.4vw,54px); line-height:1.12; letter-spacing:-.02em; color:#111; }
.closing-cta p { margin:18px auto 0; max-width:640px; color:#5a5a5a; font-size:15px; line-height:1.6; }
.closing-cta-button { margin-top:30px; min-height:48px; padding:13px 30px; border-radius:999px; background:#111; color:#fff; font-size:15px; font-weight:650; }
.closing-cta-button:hover { background:#000; transform:translateY(-1px); }
@media(max-width:760px){
  .security-check-list{grid-template-columns:1fr}
  .closing-cta{padding:64px 18px 70px;border-radius:18px}
}

/* 1.13.0 pricing: billing switch, revenue declaration, Managed AI selector. */
.billing-switch { display:flex; flex-direction:column; align-items:center; gap:10px; margin:0 0 28px; }
.billing-switch-label { font-size:12px; font-weight:650; letter-spacing:.08em; text-transform:uppercase; color:#6b6b6b; }
.billing-switch-track { display:inline-flex; padding:4px; border:1px solid #e2e2e2; border-radius:999px; background:#f6f6f6; }
.billing-switch-option { min-height:36px; padding:8px 22px; border:0; border-radius:999px; background:transparent; color:#5a5a5a; font-size:14px; font-weight:600; cursor:pointer; }
.billing-switch-option.is-active { background:#111; color:#fff; }
.billing-switch-note { max-width:520px; text-align:center; color:#7a7a7a; font-size:13px; line-height:1.5; }
/* 1.13.2: the honour-system declaration is a single small consent line; the
   full wording stays reachable through the label's title tooltip. */
.revenue-declaration-consent { display:flex; gap:7px; align-items:flex-start; margin:0 0 10px; color:#5a5a5a; font-size:11.5px; line-height:1.4; cursor:help; }
.revenue-declaration-consent input { margin-top:2px; }
/* 1.13.2: the Managed AI picker is a one-row chip control plus a single meta
   line for the selected tier, instead of four stacked radio blocks. */
.managed-attach { display:flex; flex-direction:column; gap:6px; margin:0 0 12px; padding:10px 12px; border:1px solid #e6e6e6; border-radius:14px; background:#fff; }
.managed-attach-head { display:flex; gap:6px; align-items:center; }
.managed-attach-title { font-size:12.5px; font-weight:650; color:#111; }
.managed-attach-help { position:relative; }
.managed-attach-help > summary { list-style:none; cursor:pointer; color:#9a9a9a; font-size:11px; }
.managed-attach-help > summary::-webkit-details-marker { display:none; }
.managed-attach-help > summary::after { content:'ⓘ'; }
.managed-attach-description { margin:6px 0 0; color:#7a7a7a; font-size:11.5px; line-height:1.45; }
.managed-attach-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:3px; border:1px solid #e6e6e6; border-radius:999px; background:#f6f6f6; }
.managed-attach-option { position:relative; display:flex; min-width:0; align-items:center; justify-content:center; padding:6px 4px; border-radius:999px; cursor:pointer; text-align:center; }
.managed-attach-option input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.managed-attach-option.is-selected { background:#111; }
.managed-attach-option.is-selected .managed-attach-name { color:#fff; }
.managed-attach-option:focus-within { outline:2px solid #111; outline-offset:2px; }
.managed-attach-name { overflow:hidden; color:#4a4a4a; font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.managed-attach-metas { margin:0; min-height:16px; }
.managed-attach-meta { color:#7a7a7a; font-size:11.5px; }
.managed-attach-total { display:flex; gap:6px; align-items:baseline; justify-content:flex-end; margin:2px 0 0; color:#5a5a5a; font-size:13px; }
.managed-attach-total strong { color:#111; font-size:18px; }
/* 1.13.1: one card per tier, so the switch swaps the price view inside a card
   instead of swapping whole cards. [hidden] has to win over the flex display. */
.subscription-price > .subscription-price-view { display:block; color:inherit; font-size:inherit; }
.subscription-price > .subscription-price-view[hidden] { display:none; }
.managed-attach-meta[hidden],.managed-attach-billed[hidden] { display:none; }
.subscription-price-equivalent { display:block; margin-top:4px; color:#7a7a7a; font-size:12px; }
.managed-attach-billed { text-align:right; color:#7a7a7a; font-size:12px; line-height:1.5; }
/* 1.13.1 landing rhythm: every marketing block owns the same vertical padding
   and every section heading the same gap to its grid, so the page reads as one
   sequence of evenly spaced bands instead of per-section ad-hoc margins. */
.marketing-section { padding:58px 0; }
.marketing-section>.section-heading.centered { margin:0 auto 34px; }
.marketing-section>.section-heading { margin:0 0 34px; }
#how-it-works .workflow-demo { max-width:1000px; margin:30px auto 0; }

/* 1.13.3 #context-optimization band. `.marketing-section { padding:58px 0 }`
   above is declared after `.context-section { padding:50px }` at equal
   specificity, so the band silently lost all horizontal padding and the Chinese
   headline sat flush against the card edge. These two-class rules restore the
   inset, hand the video the larger half of the row, and let the headline shrink
   and wrap before it can reach the frame. Everything is keyed on
   `.marketing-section.context-section` so the single-class rules in the
   max-width:760px block cannot silently win them back. */
.marketing-section.context-section { grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr); gap:clamp(28px,3vw,48px); padding:clamp(34px,3.4vw,56px) clamp(24px,3.2vw,54px); align-items:center; }
.context-section > div { min-width:0; }
/* break-word, not anywhere: the headline may only break when a run would other-
   wise overflow, so "90% Token" is never split mid-word. CJK already breaks
   between characters, and the max size is chosen so the Chinese headline still
   fits one line at ~1440 instead of orphaning its last character. */
.context-section h2 { margin:10px 0 16px; font-size:clamp(24px,2.4vw,32px); line-height:1.2; overflow-wrap:break-word; }
.context-section p, .context-section small { overflow-wrap:break-word; }
.marketing-section.context-section .savings-video-preview { width:100%; max-width:none; margin:0; justify-self:stretch; }
/* Tablet: still side by side, but the ratio evens out so neither column starves. */
@media(max-width:1100px){
  .marketing-section.context-section { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:clamp(24px,3vw,38px); padding:clamp(30px,3.4vw,44px) clamp(22px,3vw,40px); }
  .context-section h2 { font-size:clamp(24px,3.4vw,36px); }
}
/* Phone: stack copy over video and letterbox rather than crop the frame. */
@media(max-width:760px){
  .marketing-section.context-section { grid-template-columns:minmax(0,1fr); gap:26px; padding:28px 22px; }
  .marketing-section.context-section .savings-video-preview { width:100%; max-width:none; justify-self:stretch; }
  .marketing-section.context-section .savings-video-preview video { aspect-ratio:16/9; height:auto; object-fit:contain; }
  .context-section h2 { font-size:clamp(23px,6.4vw,32px); }
}