/* Princive AI product experience. Scoped to agent-* to protect other pages. */
.agent-hero{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:48px;align-items:center;padding-top:96px;padding-bottom:58px}
.agent-hero-copy{min-width:0}
.agent-eyebrow{margin:0;display:flex;align-items:center;gap:11px;line-height:1.6}
.agent-eyebrow .tiny-dot{width:7px;height:7px;flex:none}
.agent-hero h1{font-size:clamp(52px,5.6vw,79px);line-height:1.045;letter-spacing:-4px;margin:22px 0 25px;font-weight:780}
.agent-hero h1 span,.agent-last-cta h2 span{color:var(--gold)}
.agent-intro{font-size:16px;line-height:1.84;color:#b9bcb3;max-width:475px;margin:0}
.agent-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:32px}
.agent-primary{display:inline-flex;gap:13px;align-items:center;justify-content:center;background:linear-gradient(115deg,#e0c48d,#c5a165);border:1px solid #e3c58b;color:#17140c;min-height:51px;border-radius:11px;padding:14px 20px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 14px 42px #9a71301c;transition:transform .16s ease,filter .16s ease}
.agent-primary:hover{transform:translateY(-2px);filter:brightness(1.07)}
.agent-primary .ico{width:16px;height:16px}
.agent-secondary{display:inline-flex;gap:9px;align-items:center;color:#f1ede4;font-size:13px;font-weight:680;padding:12px 6px;white-space:nowrap}
.agent-secondary:hover{color:#e5c182}
.agent-secondary .ico{width:16px;height:16px}
.agent-hero-note{color:#8f978c;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11px;line-height:1.6;margin:28px 0 0}
.agent-hero-note .ico{width:15px;height:15px;color:#bba77c}
.agent-hero-note span{color:#6a6e63}
.agent-workspace{min-width:0;background:#141715;border-radius:20px;border:1px solid #3c3c30;box-shadow:0 30px 100px #0009;overflow:hidden;scroll-margin-top:25px}
.agent-workspace-top{padding:18px 20px;display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #30352e;background:linear-gradient(125deg,#1d1d19,#131613)}
.agent-workspace-brand{display:flex;gap:11px;align-items:center;color:#fbfaf6;font-size:14px;font-weight:780;letter-spacing:1.2px;line-height:1.05}
.agent-workspace-brand strong{color:var(--gold)}
.agent-workspace-brand small{display:block;color:#a0a89a;letter-spacing:1.35px;font-size:8px;margin-top:6px;font-weight:700}
.agent-workspace-emblem{font-size:20px;display:grid;place-items:center;width:33px;height:33px;border:1px solid #6e5a37;color:#edc888;border-radius:10px}
.agent-demo-flag{color:#bda878;background:#27251e;border:1px solid #504631;white-space:nowrap;border-radius:30px;padding:7px 8px;font-size:8px;font-weight:770;letter-spacing:.9px}
.agent-workspace-grid{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:405px}
.agent-workspace-rail{border-right:1px solid #32362f;padding:22px 12px 15px;display:flex;flex-direction:column;gap:6px;background:#121512}
.agent-rail-heading{color:#878e80;font-size:9px;letter-spacing:1.15px;font-weight:800;margin:0 8px 13px}
.agent-workflow-tab{cursor:pointer;border:1px solid transparent;background:transparent;border-radius:10px;color:#d2d5ca;text-align:left;display:flex;gap:10px;width:100%;align-items:center;padding:11px 8px;font:650 12px/1.3 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;transition:border-color .16s,background .16s}
.agent-workflow-tab>span:nth-child(2){min-width:0;flex:1}
.agent-workflow-tab small{display:block;font-weight:450;color:#8e9588;font-size:9px;line-height:1.5;margin-top:4px}
.agent-step-num{font-size:10px;font-weight:760;color:#9e8e70;align-self:flex-start;margin-top:1px}
.agent-step-arrow{color:#8e9789;align-self:flex-start}
.agent-workflow-tab:hover{border-color:#5b5036}
.agent-workflow-tab.is-active{background:#29271e;border-color:#7b6845;color:#f4e5c8}
.agent-workflow-tab.is-active small{color:#c0b18f}
.agent-workflow-tab.is-active .agent-step-arrow{color:#dfc087}
.agent-rail-foot{margin-top:auto;display:flex;align-items:center;gap:6px;padding:17px 5px 0;color:#879e89;font-size:8px;font-weight:700;letter-spacing:.4px}
.agent-rail-dot{width:6px;height:6px;background:#57c687;border-radius:50%}
.agent-workspace-display{display:flex;min-width:0;flex-direction:column;background:radial-gradient(circle at 90% 2%,#3f321e44,transparent 65%);padding:21px 21px 16px}
.agent-display-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--gold);font-size:9px;font-weight:770;letter-spacing:1.1px}
.agent-display-state{border:1px solid #445046;background:#1a261d;color:#a2c4a2;padding:5px 7px;border-radius:5px;font-size:8px;letter-spacing:.3px;white-space:nowrap}
.agent-stage-detail h2{font-size:clamp(23px,2vw,30px);line-height:1.17;letter-spacing:-1.1px;font-weight:760;max-width:360px;margin:25px 0 12px}
.agent-stage-detail p{color:#acb5a8;line-height:1.7;font-size:12px;margin:0 0 17px;max-width:430px}
.agent-example{background:#111411;border:1px solid #36392f;border-radius:10px;overflow:hidden}
.agent-example-row{display:flex;align-items:center;gap:11px;padding:11px 12px;font-size:11px;color:#e3e6dc;line-height:1.35}
.agent-example-row+.agent-example-row{border-top:1px solid #2a302a}
.agent-example-index{color:#c6a776;font-size:9px;font-weight:800}
.agent-example-check{margin-left:auto;color:#92bb93;display:grid;place-items:center}
.agent-example-check .ico{width:14px;height:14px}
.agent-display-foot{margin-top:auto;padding-top:13px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.agent-display-foot>a{display:inline-flex;align-items:center;gap:7px;color:#ebc988;font-size:12px;font-weight:750}
.agent-display-foot>a:hover{text-decoration:underline;text-underline-offset:4px}
.agent-display-foot>a .ico{width:15px;height:15px}
.agent-preview-disclaimer{color:#82897f;font-size:9px;line-height:1.45}
.agent-journey-band{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:17px 0 22px;border-top:1px solid #292e29;border-bottom:1px solid #292e29;color:#aea68f;font-size:9px;letter-spacing:1.1px;font-weight:800}
.agent-journey-band i{font-style:normal;color:#706853}
.agent-connected{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:92px;align-items:center;padding-top:130px;padding-bottom:120px}
.agent-connected-intro h2,.agent-control-grid h2{font-size:clamp(33px,3.7vw,49px);letter-spacing:-1.8px;line-height:1.17;margin:15px 0 20px}
.agent-connected-intro>p:not(.eyebrow),.agent-control-grid>div:first-child>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#afb6aa;margin-bottom:22px;max-width:450px}
.agent-connected-intro>a,.agent-control-grid>div:first-child>a{display:inline-flex;align-items:center;gap:9px;color:#e2c288;font-size:13px;font-weight:750}
.agent-connected-intro>a .ico,.agent-control-grid>div:first-child>a .ico{width:16px;height:16px}
.agent-connected-stack{display:grid;gap:0}
.agent-connection{display:flex;align-items:center;gap:16px;justify-content:space-between;border:1px solid #393d32;background:linear-gradient(115deg,#191b17,#11130f);border-radius:13px;padding:19px 22px}
.agent-connection.is-featured{border-color:#94794f;background:linear-gradient(115deg,#2c271b,#1a1a14)}
.agent-connection span{color:#c7a66d;letter-spacing:1.4px;font-size:9px;font-weight:770}
.agent-connection h3{margin:7px 0 3px;font-size:22px;letter-spacing:-.6px}
.agent-connection p{margin:0;color:#b6bbb0;font-size:12px;line-height:1.6;max-width:380px}
.agent-connection>a{width:34px;height:34px;flex:none;display:grid;place-items:center;color:#eacb92;background:#28291f;border:1px solid #51523b;border-radius:8px}
.agent-connection>a .ico{width:17px;height:17px}
.agent-connection-line{margin:0 0 0 30px;border-left:1px dashed #7e6d4a;padding:12px 0 12px 20px;color:#a9a48e;font-size:9px;font-weight:750;letter-spacing:.6px}
.agent-control-section{border-top:1px solid #2d322b;border-bottom:1px solid #2d322b;background:linear-gradient(135deg,#121610,#0c0e0c);padding:104px 0}
.agent-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.agent-control-card{border:1px solid #474436;border-radius:15px;background:#171916;padding:0 22px 12px;box-shadow:0 22px 70px #0006}
.agent-control-header{padding:20px 0;border-bottom:1px solid #383c34;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d9bb82;font-size:9px;letter-spacing:1px;font-weight:800}
.agent-control-header span:last-child{display:flex;gap:5px;align-items:center;color:#adbbaa}
.agent-control-header .ico{width:13px;height:13px}
.agent-control-line{display:flex;align-items:center;gap:12px;padding:22px 0;border-bottom:1px solid #30352d}
.agent-control-ordinal{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;border:1px solid #565342;background:#24251f;color:#dfc18b;font-size:10px;font-weight:800;flex:none}
.agent-control-line>div{flex:1}
.agent-control-line strong{display:block;font-size:13px;color:#ebece5}
.agent-control-line small{display:block;margin-top:4px;font-size:11px;color:#9ba398}
.agent-control-status{font-size:9px;font-weight:780;color:#a4b3a2;border:1px solid #485446;border-radius:30px;padding:5px 8px}
.agent-control-status.is-gold{color:#e6c98f;border-color:#8c7348}
.agent-control-card>p{color:#858c80;font-size:10px;line-height:1.55;margin:14px 0 0}
.agent-last-cta{text-align:center;padding-top:130px;padding-bottom:155px}
.agent-last-cta h2{font-size:clamp(42px,5.4vw,73px);line-height:1.1;letter-spacing:-3.1px;margin:19px 0 21px}
.agent-last-cta>p:not(.eyebrow){max-width:560px;color:#b7bdb1;margin:0 auto;font-size:16px;line-height:1.8}
.agent-last-actions{margin:29px auto 0;display:flex;justify-content:center;gap:22px;align-items:center;flex-wrap:wrap}
@media(max-width:1090px){.agent-hero{gap:26px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.agent-workspace-grid{grid-template-columns:164px minmax(0,1fr)}.agent-workflow-tab{font-size:11px}.agent-workspace-display{padding:17px 15px 14px}.agent-hero h1{font-size:clamp(45px,5vw,65px)}.agent-connected{gap:50px}.agent-control-grid{gap:45px}}
@media(max-width:850px){.agent-hero{grid-template-columns:1fr;padding-top:68px;gap:45px}.agent-hero-copy{text-align:center}.agent-eyebrow,.agent-hero-actions,.agent-hero-note{justify-content:center}.agent-intro{margin:0 auto;max-width:620px}.agent-hero h1{font-size:clamp(48px,8vw,68px);letter-spacing:-2.5px}.agent-workspace{max-width:740px;width:100%;margin:0 auto}.agent-connected{grid-template-columns:1fr;gap:45px;padding-top:85px;padding-bottom:85px}.agent-control-grid{grid-template-columns:1fr;gap:38px}.agent-control-section{padding:80px 0}.agent-connected-intro{max-width:660px}.agent-connected-stack{max-width:740px}.agent-control-card{max-width:740px;width:100%}.agent-last-cta{padding-top:88px;padding-bottom:100px}}
@media(max-width:550px){.agent-hero{padding-top:52px;padding-bottom:33px;gap:31px}.agent-hero h1{font-size:clamp(43px,12vw,57px);letter-spacing:-2.4px}.agent-intro{font-size:14px}.agent-hero-actions{gap:6px}.agent-primary{font-size:12px;white-space:normal;text-align:center}.agent-workspace-grid{grid-template-columns:1fr}.agent-workspace-top{padding:15px 12px}.agent-demo-flag{font-size:7px;padding:6px}.agent-workspace-rail{border-right:0;border-bottom:1px solid #33392f;padding:14px 12px 12px}.agent-rail-heading{margin-bottom:7px}.agent-workflow-tab{min-width:0;width:100%;padding:10px}.agent-workspace-display{padding:18px 16px;min-height:355px}.agent-rail-foot{padding-top:7px}.agent-stage-detail h2{font-size:25px;margin-top:20px}.agent-journey-band{column-gap:9px;row-gap:8px;font-size:8px;padding:18px 0}.agent-journey-band i{display:none}.agent-journey-band span{width:calc(50% - 7px);text-align:center}.agent-connected{padding-top:70px;padding-bottom:70px}.agent-connection{padding:18px 15px}.agent-connection h3{font-size:20px}.agent-connection-line{font-size:8px}.agent-control-section{padding:67px 0}.agent-control-card{padding:0 14px 13px}.agent-control-header{font-size:8px}.agent-control-line{gap:8px}.agent-control-line strong{font-size:12px}.agent-control-line small{font-size:10px}.agent-control-status{font-size:8px}.agent-last-cta{padding-top:77px;padding-bottom:90px}.agent-last-cta h2{letter-spacing:-1.7px}.agent-last-actions{gap:11px}}
@media(prefers-reduced-motion:reduce){.agent-primary,.agent-workflow-tab{transition:none}}