.agent-page{--agent-accent:#efbc7c;background:#06140f;color:#f4f2e8;overflow-x:clip}
.agent-page{--cta-accent:var(--agent-accent)}
.agent-page .site-header{width:min(1280px,calc(100% - 128px))}
.agent-page h1,.agent-page h2,.agent-page h3{font-family:var(--body);font-weight:500}
.agent-page h1 em,.agent-page h2 em{color:var(--agent-accent);font-style:normal}
.agent-hero{display:grid;grid-template-columns:1.07fr 1fr;gap:65px;align-items:center;min-height:770px;padding-block:64px 90px}
.agent-copy .product-name{margin-bottom:27px;color:#d0baa0;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.agent-copy .product-name span{padding-inline:5px;color:var(--agent-accent)}
.agent-copy h1{font-size:clamp(58px,5.7vw,82px);font-weight:600;line-height:1.02;letter-spacing:-.065em}
.agent-copy .hero-lead{max-width:490px;margin-top:30px;font-size:18px;line-height:1.7;color:#c8d0c9}
.agent-copy .hero-actions{margin-top:31px;gap:23px}
.agent-copy .button{min-height:55px;padding:16px 23px;font-size:15px}
.agent-copy .text-link{font-size:14px}
.hero-note{max-width:410px;margin-top:18px;color:#9dac9f;font-size:12px;line-height:1.65}
.agent-route{position:relative;isolation:isolate;min-width:0;min-height:570px;padding:26px 21px 19px;background:radial-gradient(ellipse at 50% 42%,#78552e35,transparent 70%)}
.agent-route::before{content:"";position:absolute;z-index:-1;inset:58px -25px 28px;background-image:linear-gradient(#a8bba311 1px,transparent 1px),linear-gradient(90deg,#a8bba311 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 72%);transform:perspective(650px) rotateY(-8deg)}
.agent-route figcaption{color:#bba98f;font-size:10px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase}
.request-card{position:relative;display:flex;align-items:center;gap:14px;width:92%;margin-top:28px;padding:19px 17px;border:1px solid #e8bd794d;border-radius:15px;background:linear-gradient(130deg,#24332a,#17251e);box-shadow:0 20px 40px #0003;transform:rotate(-3deg)}
.request-avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#efbc7c;color:#243121;font-size:10px;font-weight:600}
.request-card p{font-size:17px;line-height:1.5;font-weight:500;letter-spacing:-.025em}
.request-arrow{margin-left:auto;color:var(--agent-accent);font-size:23px}
.agent-wire{position:relative;height:47px;margin-left:68px;width:1px}
.agent-wire>span{position:absolute;inset:0;background:linear-gradient(#e9bb74aa,#e9bb7433)}
.route-dot{position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:#f6c77f;box-shadow:0 0 16px #f6c77faa;animation:task-signal 3.6s ease-in-out infinite}
@keyframes task-signal{0%{transform:translateY(0);opacity:0}15%,75%{opacity:1}100%{transform:translateY(43px);opacity:0}}
.executor-mark{display:flex;align-items:center;gap:18px;margin-left:28px}
.executor-mark>span{display:grid;place-items:center;width:82px;height:82px;border:1px solid #e8bd7999;border-radius:22px;background:linear-gradient(135deg,#efd19a,#c28a49);color:#1d3021;font:600 42px/1 var(--body);letter-spacing:-.1em;box-shadow:0 15px 38px #0004,inset 0 1px 1px #fff8}
.executor-mark>div{display:grid;gap:4px}.executor-mark strong{font-size:29px;font-weight:500;letter-spacing:-.05em}.executor-mark>div>span{font-size:11px;color:#b9c5b8}
.device-card{margin-top:24px;border:1px solid #a9bea646;border-radius:12px;background:linear-gradient(140deg,#192a21,#0c1c14);box-shadow:0 22px 55px #0005;transform:rotate(2deg);overflow:hidden}
.device-bar{display:flex;align-items:center;gap:8px;border-bottom:1px solid #c2d9b91c;padding:12px 17px;color:#bcc6b8;font-size:10px;letter-spacing:.04em}.device-icon{font-size:15px}.device-dots{margin-left:auto;letter-spacing:3px;color:#6b806c}
.service-row{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:22px 18px 14px}.service-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#19392a;color:#87dba7;font-size:24px;font-weight:600}.service-row>div{display:grid;gap:2px}.service-row strong{font-size:16px;font-weight:500;letter-spacing:-.02em}.service-row>div>span{font-size:10px;color:#9daf9f}.service-state{padding:5px 8px;border-radius:20px;background:#27442d;color:#bfdf9f;font-size:9px;white-space:nowrap}
.execution-receipt{list-style:none;padding:0 18px 20px 71px;margin:0;font-size:11px;color:#b4c4b0}.execution-receipt li+li{margin-top:7px}.execution-receipt li>span{margin-right:8px;color:#c4d9a6}
.example-note{max-width:380px;margin:21px 0 0 16px;color:#8d9d8e;font-size:10px;line-height:1.6}
.section-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--agent-accent);margin-bottom:23px}
.agent-friction{background:#eee8da;color:#243027;padding-block:103px 110px}
.friction-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.agent-friction .section-kicker{color:#865224}.section-heading h2{font-size:clamp(42px,4.8vw,66px);line-height:1.04;letter-spacing:-.065em}.agent-friction h2 em{color:#8a5125}.section-heading>p:last-child{max-width:345px;margin-top:28px;color:#5d675d;font-size:16px;line-height:1.75}
.friction-list article{display:grid;grid-template-columns:35px 1fr;gap:13px;padding:24px 0;border-top:1px solid #24302738}.friction-list article:first-child{padding-top:0;border-top:0}.friction-index{padding-top:4px;color:#a0744c;font-size:11px}.friction-list h3{font-size:23px;line-height:1.25;letter-spacing:-.035em}.friction-list p{margin-top:10px;color:#626a60;font-size:14px;line-height:1.7}.friction-list strong{display:block;margin-top:13px;color:#376043;font-size:13px;font-weight:500;line-height:1.65}
.agent-scenarios{padding-block:99px 94px}.scenarios-heading{margin-bottom:52px}.scenarios-heading h2{font-size:clamp(38px,4.4vw,59px);line-height:1.08;letter-spacing:-.055em}.scenario{display:grid;grid-template-columns:88px 1fr 195px;gap:30px;border-top:1px solid var(--line);padding:32px 0;align-items:start}.scenario-symbol{font-size:38px;color:var(--agent-accent);line-height:1;letter-spacing:-.08em}.scenario h3{font-size:26px;line-height:1.2;letter-spacing:-.04em}.scenario p{max-width:620px;margin-top:13px;font-size:15px;color:#afc0b1;line-height:1.8}.scenario-for{padding-top:6px;color:#c9b69a;font-size:11px;line-height:1.7}.scope-note{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:26px;color:#90a894}.scope-note>span{color:var(--agent-accent);font-size:27px;line-height:1.3}.scope-note p{max-width:750px;font-size:13px;line-height:1.8}
.agent-start{background:#e8ba7f;color:#233024;padding-block:94px 103px}.start-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.agent-start .section-kicker{color:#6d4b24}.start-copy h2{font-size:clamp(42px,4.4vw,61px);line-height:1.07;letter-spacing:-.06em}.agent-start h2 em{color:#5e4c2b}.start-copy>p:not(.section-kicker){max-width:470px;font-size:15px;line-height:1.8;margin-top:24px;color:#4c5039}.agent-start .button{margin-top:29px}.start-steps{list-style:none;margin:0;padding:0}.start-steps li{display:grid;grid-template-columns:35px 1fr;gap:14px;padding:23px 0;border-top:1px solid #493e263d}.start-steps li>span{padding-top:4px;color:#856139;font-size:11px}.start-steps h3{font-size:20px;line-height:1.25;letter-spacing:-.03em}.start-steps p{margin-top:8px;color:#5d583d;font-size:13px;line-height:1.7}
.agent-start a:focus-visible{outline-color:#183525}.agent-page .questions{padding-block:90px 95px;grid-template-columns:.9fr 1.1fr}.agent-page .questions h2{font-size:38px;line-height:1.1;letter-spacing:-.05em}.agent-page summary{font-size:17px}.agent-page .answer p{font-size:14px}.agent-page .footer{min-height:110px}.agent-page .footer>span{font-size:12px}
@media(max-width:1100px){.agent-page .site-header{width:calc(100% - 80px)}.agent-hero{gap:35px;min-height:700px}.agent-copy h1{font-size:6.25vw}.agent-copy .hero-lead{font-size:16px}.agent-route{padding-inline:5px}.request-card p{font-size:15px}.service-row{grid-template-columns:33px 1fr auto;gap:8px;padding-inline:13px}.service-symbol{width:32px;height:32px}.service-row strong{font-size:13px}.service-state{font-size:8px;padding-inline:5px}.execution-receipt{padding-left:56px}.friction-layout,.start-layout{gap:55px}.scenario{grid-template-columns:65px 1fr 160px;gap:25px}}
@media(max-width:800px){.agent-page .site-header{width:calc(100% - 48px)}.agent-hero{gap:22px;grid-template-columns:1fr 1fr}.agent-copy h1{font-size:6.4vw}.agent-copy .hero-lead{font-size:14px}.agent-copy .hero-actions{gap:15px;margin-top:24px}.agent-copy .button{padding-inline:14px;font-size:13px}.agent-copy .text-link{font-size:12px}.agent-route{min-height:530px}.request-card{width:100%;padding:15px 12px;gap:9px}.request-avatar{flex-basis:28px;height:28px;font-size:9px}.request-card p{font-size:13px}.executor-mark{margin-left:10px;gap:12px}.executor-mark>span{width:64px;height:64px;font-size:34px;border-radius:17px}.executor-mark strong{font-size:24px}.executor-mark>div>span{font-size:9px}.service-row{grid-template-columns:33px 1fr}.service-state{grid-column:2;justify-self:start}.execution-receipt{padding:0 13px 17px;font-size:10px}.friction-layout{gap:38px}.friction-list h3{font-size:20px}.scenario{grid-template-columns:50px 1fr;gap:20px}.scenario-for{grid-column:2;padding:0}.start-layout{gap:40px}.start-copy h2{font-size:42px}.agent-page .questions h2{font-size:32px}}
@media(max-width:600px){.agent-page .site-header{width:calc(100% - 40px)}.agent-hero{grid-template-columns:1fr;gap:30px;padding-block:43px 56px;min-height:0}.agent-copy .product-name{font-size:9px;margin-bottom:22px;letter-spacing:.07em}.agent-copy h1{font-size:clamp(42px,11vw,66px);letter-spacing:-.06em;line-height:1.01}.agent-copy h1 em{display:inline}.agent-copy .hero-lead{font-size:15px;line-height:1.7;margin-top:24px}.agent-copy .hero-actions{gap:18px;margin-top:24px}.agent-copy .button{min-height:52px;padding:15px 18px;font-size:14px}.agent-copy .text-link{font-size:13px}.hero-note{font-size:11px;margin-top:15px;max-width:290px}.agent-route{min-height:0;padding:15px 7px 3px}.agent-route::before{inset:30px 0 10px;transform:none}.agent-route figcaption{font-size:9px}.request-card{width:96%;margin-top:24px;padding:16px 13px}.request-avatar{flex-basis:33px;height:33px;font-size:9px}.request-card p{font-size:15px}.agent-wire{margin-left:53px;height:38px}.executor-mark{margin-left:14px;gap:14px}.executor-mark>span{width:67px;height:67px;border-radius:18px;font-size:36px}.executor-mark strong{font-size:26px}.executor-mark>div>span{font-size:10px}.device-card{margin-top:21px}.device-bar{padding:11px 14px}.service-row{grid-template-columns:35px 1fr auto;padding:19px 14px 14px;gap:10px}.service-row strong{font-size:14px}.service-state{grid-column:auto;justify-self:auto;font-size:8px}.execution-receipt{padding:0 14px 19px 59px;font-size:10px}.example-note{margin:20px 5px 0;font-size:9px}.agent-friction{padding-block:60px 64px}.friction-layout{grid-template-columns:1fr;gap:35px}.section-kicker{font-size:10px;margin-bottom:20px}.section-heading h2{font-size:clamp(41px,11vw,58px)}.section-heading>p:last-child{font-size:14px;margin-top:21px}.friction-list article{grid-template-columns:25px 1fr;gap:10px;padding-block:24px}.friction-list h3{font-size:21px}.friction-list p{font-size:14px}.friction-list strong{font-size:12px}.agent-scenarios{padding-block:59px 61px}.scenarios-heading{margin-bottom:34px}.scenarios-heading h2{font-size:clamp(34px,9vw,47px)}.scenario{grid-template-columns:36px 1fr;gap:17px;padding-block:27px}.scenario-symbol{font-size:28px}.scenario h3{font-size:23px}.scenario p{font-size:14px;line-height:1.75}.scenario-for{font-size:10px}.scope-note{gap:13px;padding-top:24px}.scope-note p{font-size:12px}.agent-start{padding-block:60px 66px}.start-layout{grid-template-columns:1fr;gap:37px}.start-copy h2{font-size:clamp(38px,10vw,53px)}.start-copy>p:not(.section-kicker){font-size:14px;margin-top:22px}.agent-start .button{font-size:14px}.start-steps li{grid-template-columns:25px 1fr;gap:10px;padding-block:21px}.start-steps h3{font-size:19px}.start-steps p{font-size:13px}.agent-page .questions{grid-template-columns:1fr;gap:28px;padding-block:58px 66px}.agent-page .questions h2{font-size:32px}.agent-page summary{font-size:16px}.agent-page .answer p{font-size:14px}.agent-page .footer>span{max-width:170px;font-size:11px}.agent-page .footer>a:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){.route-dot{animation:none;opacity:1;transform:translateY(21px)}}
