@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";
:root{--ao-bg-canvas:#f7f5f0;--ao-bg-elevated:#fff;--ao-ink-primary:#0f172a;--ao-ink-secondary:#475569;--ao-accent-primary:#0f766e;--ao-accent-primary-hover:#0d5f59;--ao-accent-copper:#b87333;--ao-font-display:"Inter",system-ui,sans-serif;--ao-font-body:"Inter",system-ui,sans-serif;--ao-font-numeric:"JetBrains Mono",monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px -2px #0f172a14;--shadow-lg:0 12px 24px -8px #0f172a1f;--ao-container-max:1200px;--ao-section-py:96px}.ao-section{font-family:var(--ao-font-body);color:var(--ao-ink-primary)}.ao-section--canvas{background:var(--ao-bg-canvas)}.ao-section--subtle{background:color-mix(in srgb,var(--ao-bg-canvas) 76%,var(--ao-accent-primary) 4%)}.ao-section--xl{padding:var(--ao-section-py) 24px}.ao-section--lg{padding:72px 24px}.ao-container{max-width:var(--ao-container-max);margin:auto}.landing-section-heading{text-align:center;max-width:820px;margin:0 auto 56px}.landing-section-heading h2{font:800 clamp(2rem,4vw,3.75rem)/1.05 var(--ao-font-display);letter-spacing:-.045em;margin:12px 0 18px}.landing-section-heading p{color:var(--ao-ink-secondary);font-size:1.08rem}.landing-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--ao-accent-copper)!important;font-size:.75rem!important}.problem-mocks,.transformation-mocks{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:24px;display:grid}.dashboard-mini-mock{width:min(100%,420px);height:auto;filter:drop-shadow(var(--shadow-lg));margin:auto;display:block}.broken-link,.live-flow{width:100%}.transformation-mocks{grid-template-columns:1fr 130px 1fr;margin-bottom:84px;position:relative}.live-flow path{fill:none;stroke:var(--ao-accent-primary);stroke-width:3px;stroke-linecap:round}.unified-dashboard{background:var(--ao-ink-primary);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);grid-column:1/-1;justify-self:center;align-items:center;gap:10px;margin-top:24px;padding:15px 22px;display:flex}.unified-dashboard span{color:#7dd3c7}.unified-dashboard small{color:#cbd5e1}.signature-orbit{max-width:900px;margin:auto}.signature-orbit__stage{height:430px;position:relative}.signature-orbit__ring{border:1px dashed color-mix(in srgb,var(--ao-accent-primary) 42%,transparent);border-radius:50%;width:480px;height:290px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)!important}.signature-orbit__brand{color:var(--ao-ink-primary);font-size:clamp(1.5rem,4vw,2.6rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signature-orbit__item{text-align:center;width:96px;margin:-38px 0 0 -48px;position:absolute;top:50%;left:50%}.signature-orbit__item:nth-of-type(2){transform:translate(240px)}.signature-orbit__item:nth-of-type(3){transform:translate(120px,126px)}.signature-orbit__item:nth-of-type(4){transform:translate(-120px,126px)}.signature-orbit__item:nth-of-type(5){transform:translate(-240px)}.signature-orbit__item:nth-of-type(6){transform:translate(-120px,-126px)}.signature-orbit__item:nth-of-type(7){transform:translate(120px,-126px)}.signature-orbit__item span{background:var(--ao-bg-elevated);border:1px solid color-mix(in srgb,var(--ao-accent-primary) 45%,white);width:56px;height:56px;color:var(--ao-accent-primary);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;margin:auto;display:grid}.signature-orbit__item svg{width:24px}.signature-orbit__item small{margin-top:8px;font-weight:700;display:block}.signature-orbit__flow{width:100%;height:12px;display:block}@media (max-width:767px){.ao-section--xl{padding:72px 18px}.problem-mocks,.transformation-mocks{grid-template-columns:1fr}.broken-link,.live-flow{justify-self:center;width:100px;transform:rotate(90deg)}.unified-dashboard{flex-wrap:wrap;grid-column:auto}.signature-orbit__stage{height:390px;transform:scale(.72)}.signature-orbit__ring{width:400px}.signature-orbit__item:nth-of-type(2){transform:translate(200px)}.signature-orbit__item:nth-of-type(3){transform:translate(100px,120px)}.signature-orbit__item:nth-of-type(4){transform:translate(-100px,120px)}.signature-orbit__item:nth-of-type(5){transform:translate(-200px)}.signature-orbit__item:nth-of-type(6){transform:translate(-100px,-120px)}.signature-orbit__item:nth-of-type(7){transform:translate(100px,-120px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.signature-orbit__item{opacity:1!important}}.ao-workflow-spine__list{position:relative}.ao-workflow-spine__list>li:not(:last-child):after{content:"→";font-family:var(--ao-font-body);color:var(--ao-accent-primary);pointer-events:none;z-index:1;background:var(--ao-bg-canvas);width:28px;height:28px;box-shadow:0 0 0 4px var(--ao-bg-canvas);border-radius:999px;place-items:center;font-size:1.05rem;font-weight:700;line-height:1;display:grid;position:absolute;top:14px;right:-14px}@media (max-width:640px){.ao-workflow-spine__list>li:not(:last-child):after{content:"";display:none}}.ao-workflow-spine__list>li{transition:transform .25s,box-shadow .25s}.ao-workflow-spine__list>li:hover{transform:translateY(-1px)}.transformation-before,.transformation-after{position:relative}.transformation-before{grid-template-columns:1fr 130px 1fr;align-items:center;gap:24px;max-width:960px;margin:0 auto;display:grid}.transformation-card{justify-items:center;gap:8px;display:grid}.transformation-card small{font-family:var(--ao-font-body);color:var(--ao-ink-secondary);text-align:center;font-size:.82rem}.transformation-card .dashboard-mini-mock{filter:drop-shadow(0 12px 24px #0f766e1f)}.transformation-card .dashboard-mini-mock>rect:first-child{stroke:var(--ao-accent-primary)}.transformation-card--copper .dashboard-mini-mock>rect:first-child{stroke:var(--ao-accent-copper)}.transformation-bridge{place-items:center;width:100%;display:grid}.transformation-bridge svg{width:100%;max-width:140px;height:auto;overflow:visible}.transformation-bridge .bridge-broken{stroke:#c2413b;stroke-width:3px;fill:none;stroke-dasharray:7 7;opacity:.75}.transformation-bridge .bridge-to{stroke:var(--ao-accent-primary);stroke-width:3px;fill:none;stroke-linecap:round}.transformation-arrow{text-align:center;font-family:var(--ao-font-body);color:var(--ao-accent-primary);margin:24px 0;font-size:1.6rem;line-height:1}.transformation-after{place-items:center;max-width:880px;margin:0 auto;display:grid}.transformation-after svg{width:100%;max-width:100%;height:auto;display:block}.transformation-note{text-align:center;max-width:640px;font-family:var(--ao-font-body);color:var(--ao-ink-secondary);margin:32px auto 0;font-size:.95rem;line-height:1.6}.live-data-flow{filter:drop-shadow(0 12px 24px #0f766e24)}@media (max-width:767px){.transformation-before{grid-template-columns:1fr}.transformation-bridge svg{justify-self:center;transform:rotate(90deg)}}
