/* Four-section visual system: ink, warm white and vivid orange. */
:root{--studio-paper:#f5f3ee;--studio-ink:#202522;--studio-muted:#687069;--studio-line:#dedfd8;--studio-green:#202522;--studio-copper:#ea602c;--studio-accent:#ff783e}
body{background:var(--studio-paper);color:var(--studio-ink);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
body:has(.operator-page),body:has(.work-page),body.hub-page,body.agent-home{background:var(--studio-paper);background-image:none}
.top{background:#fbfaf7f5!important;color:#202522!important;border-bottom:1px solid #dedfd8!important;box-shadow:none;backdrop-filter:blur(16px)}
.top .nav-wayfinding{max-width:1280px;width:100%;min-height:74px!important;padding:12px 30px!important;flex-wrap:nowrap;gap:28px}
.top .brand-fde{color:#202522!important}.top .brand-wordmark{font-size:27px;letter-spacing:-.04em;gap:8px}.top .brand-wordmark>b{color:#ea602c;font:800 24px/1 "Segoe UI",sans-serif;letter-spacing:-.055em}.top .brand-fde small{color:#777d74!important;font-size:10px!important;letter-spacing:.12em!important;margin-top:5px}
.top .wayfinding-nav{flex-basis:auto;width:auto;gap:13px;justify-content:flex-end}
.top .wayfinding-nav a,.top .wayfinding-nav .contact-nav{color:#566057!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0;padding:9px 14px!important;min-height:42px;font-weight:500;font-size:14px}
.top .wayfinding-nav a:hover,.top .wayfinding-nav a[aria-current=page]{color:#202522!important;border-bottom-color:#f4763a!important;background:transparent!important}
.top .wayfinding-nav a[aria-current=page]{font-weight:700}.top .mobile-menu{color:#202522!important;border-color:#bfc4b9!important;border-radius:5px}
.agent-home .wrap,.hub-page .wrap,.work-page.wrap,.operator-page .wrap,body:has(.work-page)>.footer,body:has(.operator-page)>.footer{max-width:1280px;width:100%;padding-left:30px;padding-right:30px}
.agent-home h1,.agent-home h2,.agent-home h3,.hub-main h1,.hub-main h2,.hub-main h3,.work-page h1,.work-page h2,.work-page h3,.operator-page h1,.operator-page h2{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:650;letter-spacing:-.035em;color:#202522}
.agent-home p,.hub-main p,.work-page p,.operator-intro p{color:#687069}
.agent-home .button,.hub-main .button,.work-page .button,.operator-page .button{border:1px solid #ff783e;background:#ff783e;color:#1c241f;border-radius:5px;min-height:46px;padding:11px 20px;font-size:14px;font-weight:700;box-shadow:none;transition:background .18s,transform .18s}
.agent-home .button:hover,.hub-main .button:hover,.work-page .button:hover{background:#ff9567;transform:translateY(-1px)}
.agent-home .eyebrow,.hub-main .eyebrow,.work-page .eyebrow,.section-number{font-size:11px;font-weight:600;letter-spacing:.15em;color:#767e72}.eyebrow:before{color:#f4763a;font-size:9px}
/* The lead illustration is a full-bleed scene, not a framed thumbnail. */
.agent-home .agent-hero{position:relative;padding:0;background:#18211d;border-bottom:0;overflow:hidden}
.agent-home .agent-hero-grid{position:relative;min-height:470px;display:flex;align-items:center;padding-block:48px;gap:0}
.agent-home .agent-hero-grid>div{position:relative;z-index:2;width:54%;max-width:660px}
.agent-home .agent-hero .eyebrow{color:#ffc9a7;font-size:11px;margin-bottom:17px}
.agent-home .agent-hero h1{color:#fffaf1;font-size:clamp(35px,3.6vw,52px);line-height:1.36;margin:0 0 21px;letter-spacing:-.05em}
.agent-home .agent-hero h1 em{color:#ff9a63}
.agent-home .agent-lead{color:#ced4c9;font-size:14px;line-height:1.95;max-width:450px}
.agent-home .agent-hero .actions{gap:24px;margin-top:27px}.agent-home .agent-hero .textlink{font-size:13px;font-weight:500;color:#f7f1e4;border-color:#89958a}
.agent-home .agent-hero-visual{position:absolute;z-index:0;right:min(-30px,calc((1280px - 100vw)/2));top:0;width:76%;height:100%;margin:0;border:0;border-radius:0;aspect-ratio:auto;box-shadow:none;transform:none;background:#283026;overflow:hidden}
.agent-home .agent-hero-visual img{width:100%;height:100%;object-fit:cover!important;object-position:65% 50%;padding:0}
.agent-home .agent-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#18211d 0%,#18211df2 10%,#18211d8a 27%,#18211d00 60%)}
.agent-home .agent-section{padding-block:34px}.agent-home .agent-section-head{margin-bottom:22px;align-items:center}.agent-home .agent-section-head h2{font-size:30px;line-height:1.4}.agent-home .agent-section-head .section-number{margin-bottom:8px;color:#a44d29}
/* The image itself fills its panel. Each panel has one deliberate crop. */
.agent-home .service-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;counter-reset:service}
.agent-home .service-four .pain-card{display:grid;grid-template-columns:46% 1fr;border:0;border-radius:9px;box-shadow:none;background:#fff;overflow:hidden;counter-increment:service;transition:box-shadow .18s,transform .18s;min-height:232px}
.agent-home .service-four .pain-card:hover{box-shadow:0 12px 28px #22282012;transform:translateY(-2px)}
.agent-home .service-four .pain-card figure{aspect-ratio:auto;position:relative;height:100%;margin:0;border:0;border-radius:0;background:#dbd7c8;overflow:hidden}
.agent-home .service-four .pain-card figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;padding:0}
.agent-home .service-four .pain-card:nth-child(2) figure img{object-position:52% 50%}.agent-home .service-four .pain-card:nth-child(4) figure img{object-position:53% 50%}
.agent-home .service-four .pain-card-body{padding:24px;display:flex;flex-direction:column;gap:0}
.agent-home .service-four small{font-size:11px;letter-spacing:.06em;font-weight:500;color:#7f877b}.agent-home .service-four small:before{content:"0" counter(service) " / ";color:#e06b35;font-size:11px;font-weight:600}
.agent-home .service-four h3{font-size:21px;line-height:1.5;min-height:0;margin:8px 0 12px}
.agent-home .service-four .solution-line{font-size:13px;line-height:1.9;min-height:0;margin:0 0 20px;color:#70786d}
.agent-home .service-four a{font-size:13px;font-weight:650;color:#242d26;margin-top:auto;padding-top:0}
.agent-home .service-four .pain-card:nth-child(2){background:#233029}.agent-home .service-four .pain-card:nth-child(2) h3{color:#fff8eb}.agent-home .service-four .pain-card:nth-child(2) .solution-line{color:#c3cec0}.agent-home .service-four .pain-card:nth-child(2) small{color:#b7c5b1}.agent-home .service-four .pain-card:nth-child(2) a{color:#ffac7a}
.agent-home .about-simple{padding-block:16px 25px}.agent-home .about-simple-grid{grid-template-columns:1fr 320px;gap:50px;border-top:1px solid #dbdfd5;padding-top:26px;align-items:center}.agent-home .about-simple h2{font-size:27px;line-height:1.5}.agent-home .about-simple p{font-size:14px;max-width:690px}.agent-home .about-method-visual{margin:0;height:175px;border:0;border-radius:6px;aspect-ratio:auto;box-shadow:none;background:#e2dfd2;overflow:hidden}.agent-home .about-method-visual img{width:100%;height:175px;object-fit:cover;object-position:center 52%;padding:0}
.agent-home .contact-block{padding-block:25px;gap:48px;border-top:1px solid #dbdfd5;margin-top:0}.agent-home .contact-block h2{font-size:26px;line-height:1.5}.agent-home .contact-block p{font-size:13px}.agent-home .contact-block .socials{gap:8px}.agent-home .contact-block .social{background:#eae7df;border:0;border-radius:5px;padding:13px 16px;font-size:13px;color:#3a4339}.agent-home .contact-block .social small{font-size:11px;color:#788071;margin-top:2px}
/* Inner pages share the same palette and full image treatment. */
.hub-main{padding-block:32px 38px}.hub-intro{grid-template-columns:1fr 43%;gap:52px;margin-bottom:27px;min-height:235px}.hub-intro h1{font-size:39px;line-height:1.4;margin:10px 0 16px}.hub-intro p{font-size:14px;line-height:1.9;max-width:540px}.hub-intro img{width:100%;height:235px;border-radius:8px;background:#e6e0d1;object-fit:cover;object-position:center;padding:0;box-shadow:none}
.hub-panel{background:#fff;border:1px solid #e3e4dc;border-radius:8px;padding:23px 26px;margin-bottom:20px}.hub-heading{margin-bottom:16px}.hub-heading h2{font-size:24px}.hub-tag{background:#eeeae0;color:#737565;font-size:11px}.hub-main p{font-size:14px}.hub-main h3{font-size:20px}.hub-main a:not(.button){color:#a84b22}.hub-muted{font-size:12px!important}.hub-panel summary{font-size:14px;color:#333f32}
.method-grid{gap:12px}.method-card{padding:19px 22px;border:1px solid #e0e2d8;border-radius:7px;background:#fff;transition:border-color .15s}.method-card:hover{border-color:#eca47e}.method-card small{font-size:11px;color:#899080}.method-card h3{font-size:18px;line-height:1.5;margin-top:6px}.method-card summary{padding-right:34px}.method-card summary:after{height:26px;width:26px;display:grid;place-items:center;border-radius:50%;background:#ffe3d2;font-size:17px;color:#a95328;top:9px}.method-card[open]{background:#fff;border-color:#e8a982}.method-card .hub-detail{border-top:1px solid #e5e5db;margin-top:16px;padding-top:12px}.topic-links a{background:#f4eee3;border:1px solid #e7e1d3}.case-date{color:#7c8375}
.work-page{padding-top:30px;padding-bottom:35px}.work-page .work-intro{grid-template-columns:1fr 355px;gap:48px;min-height:215px;padding-bottom:19px}.work-page .work-intro h1{font-size:36px;line-height:1.4}.work-page .work-intro h1 em{color:#c66436}.work-page .work-intro p{font-size:14px}.work-page .work-intro img{height:190px;background:#e6e0d1;border-radius:7px;object-fit:cover;padding:0}.work-page .work-context{border-color:#dedfd5;font-size:11px;padding-top:12px}.work-page #notice:empty{margin:0;min-height:10px}.work-summary{gap:12px}.work-page .work-metric{background:#fff;border:0;border-radius:7px;padding:16px 20px;border-top:2px solid #ff8b50}.work-metric b{font-family:"Segoe UI",sans-serif;font-size:29px;font-weight:500;color:#2e382e}.work-metric span{font-size:12px;color:#7e8476}.work-page .work-list-panel,.work-page .work-detail{border:1px solid #e0e2d8;border-radius:8px;background:#fff;box-shadow:none}.work-page .work-detail{min-height:290px}.work-empty{padding:25px 16px}.work-empty h2{font-size:20px}.work-empty p{font-size:14px}.work-list-title h2{font-size:17px}.work-secondary{background:#fff;color:#515c4b;border:1px solid #d8dcd0;border-radius:5px;font-size:13px}.work-filters button[aria-pressed=true]{background:#ffeadb;color:#91522a}.work-item[aria-current=true]{background:#fff1e5;border-color:#e8bd9e}
.operator-page{padding-top:25px}.operator-page .operator-intro{margin:0 auto 18px}.operator-page .operator-intro h1{font-size:30px;line-height:1.5}.operator-page .operator-intro-copy>p:last-child{font-size:13px;line-height:1.8;color:#7b8174}.operator-page .operator-chat-shell{max-width:1220px;width:calc(100% - 60px);padding:0;border:1px solid #dde0d4;border-radius:10px;background:#fff;box-shadow:0 8px 32px #222d2106;overflow:hidden}.chat-shell-heading{padding:16px 22px 12px;background:#fff;border-bottom:1px solid #e5e8dc}.chat-shell-heading h2{font-size:15px!important;font-weight:600}.chat-readiness{font-size:11px;color:#858b7d}.chat-prompt-strip{margin-top:6px;gap:7px}.chat-prompt-strip>span{font-size:11px;color:#919789}.chat-prompt-strip button{background:#f3f1e9;border:1px solid #e2e5d8;border-radius:5px;font-size:11px;color:#707763;padding:5px 10px}.deep-chat-stage{height:clamp(320px,calc(100dvh - 398px),540px);min-height:320px;background:#fcfdf9}.chat-footer-line{padding:8px 22px;background:#fff;border-top:1px solid #e5e8dc}.chat-footer-line p,.chat-footer-line>span{font-size:11px;color:#8d9386}.work-chat-tools{background:#fff;border-color:#edf0e7;padding:8px 22px;font-size:11px}.work-chat-tools .work-secondary{padding:6px 11px;font-size:11px}.operator-page+.footer{padding-block:17px}.footer{border-color:#dce0d3;font-size:11px;color:#878e7f;margin-top:18px}
@media(max-width:1000px){.agent-home .agent-hero h1{font-size:39px}.agent-home .agent-hero-grid>div{width:58%}.agent-home .service-four .pain-card{grid-template-columns:42% 1fr}.agent-home .service-four .pain-card-body{padding:18px}.agent-home .service-four h3{font-size:18px}.hub-intro{grid-template-columns:1fr 40%;gap:24px}.hub-intro h1{font-size:33px}.work-page .work-intro{grid-template-columns:1fr 280px;gap:20px}}
@media(max-width:760px){.top .nav-wayfinding{padding:12px 20px!important;min-height:70px!important;flex-wrap:wrap;gap:10px}.top .brand-wordmark{font-size:24px}.top .wayfinding-nav{width:100%;flex-basis:100%}.top .wayfinding-nav.open{padding-top:10px!important}.top .wayfinding-nav a[aria-current=page]{background:#fff0e5!important}.agent-home .wrap,.hub-page .wrap,.work-page.wrap,.operator-page .wrap,body:has(.work-page)>.footer,body:has(.operator-page)>.footer{padding-left:20px;padding-right:20px}.agent-home .agent-hero-grid{display:flex;min-height:0;padding-top:32px;padding-bottom:0;flex-direction:column;align-items:stretch}.agent-home .agent-hero-grid>div{width:100%;max-width:none}.agent-home .agent-hero h1{font-size:32px;line-height:1.45}.agent-home .agent-lead{font-size:14px}.agent-home .agent-hero-visual{position:relative;right:auto;top:auto;z-index:0;transform:none;width:calc(100% + 40px);max-width:none;height:auto;aspect-ratio:20/9;margin:27px -20px 0}.agent-home .agent-hero-visual img{object-fit:cover!important;object-position:center}.agent-home .agent-hero-visual:after{display:none}.agent-home .agent-section{padding-block:27px}.agent-home .agent-section-head h2{font-size:24px}.agent-home .agent-section-head h2 span{display:block;white-space:nowrap}.agent-home .service-four{grid-template-columns:1fr;gap:14px}.agent-home .service-four .pain-card{grid-template-columns:42% 1fr;min-height:224px}.agent-home .service-four .pain-card-body{padding:17px}.agent-home .service-four h3{font-size:18px;line-height:1.5}.agent-home .service-four .solution-line{min-height:0;font-size:12px;margin-bottom:13px}.agent-home .service-four .pain-card figure img{padding:0;object-position:center}.agent-home .about-simple-grid{grid-template-columns:1fr;gap:15px}.agent-home .about-simple h2{font-size:23px}.agent-home .about-method-visual{height:170px;max-width:100%}.agent-home .about-method-visual img{height:170px}.agent-home .contact-block{gap:18px}.agent-home .contact-block h2{font-size:23px}.agent-home .contact-block .social{padding:11px}.hub-intro{grid-template-columns:1fr;gap:15px;margin-bottom:24px}.hub-intro h1{font-size:30px}.hub-intro img{height:180px}.hub-heading h2{font-size:21px}.hub-panel{padding:19px}.method-card{padding:18px}.method-card h3{font-size:17px}.work-page .work-intro{grid-template-columns:1fr;gap:10px}.work-page .work-intro h1{font-size:28px}.work-page .work-intro img{height:170px;order:0}.operator-page .operator-intro h1{font-size:25px}.operator-page .operator-chat-shell{width:calc(100% - 32px);padding:0;border-radius:8px}.chat-shell-heading{padding:14px 16px}.deep-chat-stage{height:50dvh;min-height:300px}.chat-footer-line,.work-chat-tools{padding-inline:16px}.footer{margin-top:12px}.top .nav-wayfinding a:focus-visible{outline-color:#c06435}}
@media(prefers-reduced-motion:reduce){.agent-home .service-four .pain-card,.method-card,.button{transition:none}}

/* Art-led revision after independent review: wide assets get wide stages. */
/* Keep the bottle tops in this taller source image without changing other crops. */
.agent-home .service-four .pain-card figure img[src*="about-laofeng-method"],.hub-intro img[src*="about-laofeng-method"]{object-position:50% 25%}
.agent-home .contact-block{margin-bottom:20px}
@media(max-width:760px){.agent-home .about-method-visual{display:none}}
.agent-home .agent-hero-grid{display:grid;grid-template-columns:43% 57%;gap:0;min-height:394px;padding-block:40px}
.agent-home .agent-hero-grid>div{width:100%;max-width:none;padding-right:25px}
.agent-home .agent-hero h1{font-size:clamp(34px,3.35vw,48px);line-height:1.38}
.agent-home .agent-hero-visual{position:relative;right:auto;top:auto;width:calc(100% + 30px);height:auto;aspect-ratio:20/9;max-width:none;margin:0;border:0;overflow:hidden;background:transparent}
.agent-home .agent-hero-visual img{width:100%;height:100%;object-fit:cover!important;object-position:center;padding:0}
.agent-home .agent-hero-visual:after{display:none}
.agent-home .service-four .pain-card{display:flex;flex-direction:column;min-height:0;background:#fff}
.agent-home .service-four .pain-card figure{width:100%;height:auto;aspect-ratio:2.3/1;flex:none;position:relative}
.agent-home .service-four .pain-card figure img{padding:0;object-fit:cover;object-position:center}
.agent-home .service-four .pain-card-body{padding:18px 22px 19px;display:grid;grid-template-columns:1fr auto;column-gap:18px;row-gap:0;align-items:start}
.agent-home .service-four small{grid-column:1/-1}.agent-home .service-four h3{font-size:21px;line-height:1.4;margin:7px 0 9px;grid-column:1/-1}
.agent-home .service-four .solution-line{min-height:0;font-size:13px;line-height:1.8;margin:0;grid-column:1}
.agent-home .service-four a{grid-column:2;grid-row:3;align-self:end;white-space:nowrap;font-size:12px;margin:0 0 2px;line-height:1.8;border-bottom:1px solid #c4caba}
.agent-home .service-four .pain-card:nth-child(2){background:#233029}.agent-home .service-four .pain-card:nth-child(2) a{border-color:#7b846a}
.agent-home .agent-section{padding-block:28px}.agent-home .agent-section-head h2{font-size:29px}
.agent-home .about-simple{padding-block:5px 16px}.agent-home .about-simple-grid{padding-top:20px;grid-template-columns:1fr 210px;gap:32px;border-top:1px solid #d8dccf}.agent-home .about-simple h2{font-size:23px;margin-block:0 8px}.agent-home .about-simple p{font-size:13px;line-height:1.8;margin-bottom:0}.agent-home .about-simple .section-number{margin-bottom:6px}.agent-home .about-method-visual,.agent-home .about-method-visual img{height:125px}
.agent-home .contact-block{padding-block:20px;gap:30px}.agent-home .contact-block h2{font-size:23px;margin-bottom:10px}.agent-home .contact-block p{margin-bottom:0}.agent-home .contact-block .section-number{margin-bottom:7px}.agent-home .contact-block .social{padding:10px 14px}.agent-home .footer{margin-top:12px;padding-block:18px}
@media(max-width:1000px) and (min-width:761px){.agent-home .agent-hero h1{font-size:36px}.agent-home .agent-hero-grid{grid-template-columns:46% 54%;min-height:380px}.agent-home .service-four .pain-card-body{display:flex}.agent-home .service-four a{align-self:flex-start;margin-top:12px}.agent-home .service-four h3{font-size:19px}}
@media(max-width:760px){.agent-home .agent-hero-grid{display:flex;flex-direction:column;min-height:0;padding-top:30px;padding-bottom:0}.agent-home .agent-hero-grid>div{padding-right:0}.agent-home .agent-hero h1{font-size:32px}.agent-home .agent-hero-visual{width:calc(100% + 40px);margin:25px -20px 0;aspect-ratio:20/9}.agent-home .service-four .pain-card{display:flex;min-height:0}.agent-home .service-four .pain-card figure{aspect-ratio:2.15/1}.agent-home .service-four .pain-card-body{display:block;padding:16px 18px}.agent-home .service-four h3{font-size:20px;margin:6px 0 9px}.agent-home .service-four .solution-line{font-size:13px;line-height:1.8;margin-bottom:10px}.agent-home .service-four a{align-self:flex-start;font-size:12px;border-bottom:0}.agent-home .agent-section-head h2{font-size:24px}.agent-home .about-simple-grid{grid-template-columns:1fr;gap:16px}.agent-home .about-method-visual,.agent-home .about-method-visual img{height:150px}.agent-home .contact-block{gap:20px}}