.real-site{--real-bg:#fff;--real-ink:#18344b;--real-muted:#7a8e9b;--real-accent:#2262d4;color:var(--real-ink);background:var(--real-bg);font-family:Arial,"Microsoft YaHei",sans-serif;max-width:1600px;margin:auto}.real-site *{box-sizing:border-box}.real-nav{display:flex;align-items:center;justify-content:space-between;padding:26px 6%;gap:28px;background:var(--real-bg);border-bottom:1px solid #7e93a222}.real-nav>strong{font-size:23px;letter-spacing:1px;white-space:nowrap}.real-nav nav{display:flex;gap:30px;font-size:12px}.real-nav-note{font-size:10px;color:var(--real-muted);white-space:nowrap}.real-site .real-title{font-size:51px;line-height:1.4;letter-spacing:-1.4px;color:inherit;margin:20px 0 24px;font-weight:600}.real-eyebrow{font-size:10px;color:var(--real-muted);letter-spacing:1.5px;display:block}.real-site p{font-size:14px;line-height:1.95;color:var(--real-muted)}.real-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--real-accent);color:white!important;border-radius:5px;font-size:12px;padding:14px 22px;white-space:nowrap}.real-plain-link{font-size:12px;color:var(--real-accent);padding:15px 0}.real-hero-actions{display:flex;align-items:center;gap:23px;margin-top:26px}.real-tech-hero{background:radial-gradient(ellipse at 85% 40%,#e1efff,#f8fbff 65%);display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding:64px 6% 76px;min-height:540px;overflow:hidden}.real-tech-hero>div>p{max-width:450px}.real-tech-points{display:flex;gap:18px;font-size:10px;color:#8ba2b3;margin-top:28px}.real-tech-points span:before{content:'✓';margin-right:6px;color:#3b91ca}.real-dashboard-scene{position:relative;perspective:1100px;padding:20px 0}.real-dashboard-scene>.crm-screen{transform:rotateY(-8deg) rotateX(3deg);box-shadow:12px 25px 45px #194b8e20}.crm-screen{display:flex;background:#f6f9ff;border:1px solid #dde7f1;border-radius:9px;overflow:hidden;color:#334d65;min-height:345px;font:11px Arial,"Microsoft YaHei",sans-serif}.crm-screen aside{background:#15365b;color:#8fa6c0;padding:22px 15px;width:110px;flex-shrink:0}.crm-screen aside>strong{display:block;font:600 20px Arial;color:white;letter-spacing:3px;margin:0 0 22px}.crm-screen aside>span{display:block;font-size:9px;padding:10px 11px;margin:4px -5px;border-radius:4px;white-space:nowrap}.crm-screen aside>span.active{color:white;background:#2970bf}.crm-main{padding:22px 20px;flex:1;min-width:0}.crm-main>header{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.crm-main>header b{font-size:15px}.crm-main>header>span{font-size:8px;color:#98aabe}.crm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.crm-stats>div{background:white;padding:13px 10px;border:1px solid #e7edf5;border-radius:5px;font-size:8px;color:#9aaec1}.crm-stats b{font:500 23px Arial;display:block;color:#275d92;margin-top:10px}.crm-chart{display:flex;align-items:flex-end;gap:8px;height:130px;background:white;border:1px solid #e7edf5;padding:17px 14px;margin-top:12px;border-radius:5px;position:relative;padding-top:50px}.crm-chart>div{position:absolute;left:14px;top:14px}.crm-chart small{font-size:8px;color:#9aabbd}.crm-chart strong{font-size:9px;display:block;margin-top:5px;font-weight:400;color:#6485a1}.crm-chart>span{height:var(--bar);background:linear-gradient(#5997e7,#aacdf4);width:100%;border-radius:3px 3px 0 0}.crm-task{background:white;border:1px solid #e7edf5;padding:14px;margin-top:12px;border-radius:5px}.crm-task>b{font-size:9px;font-weight:500}.crm-task p{display:flex;font-size:8px!important;gap:6px;align-items:center;margin:8px 0;color:#8a9aab!important}.crm-task i{height:5px;width:5px;border-radius:50%;background:#9abce6}.crm-task span{margin-left:auto;font:8px Arial;color:#a0adc0}.real-dashboard-toast{position:absolute;left:-18px;bottom:0;padding:15px 20px;background:white;border:1px solid #d5e9e4;border-radius:7px;box-shadow:0 15px 20px #27708313;display:flex;gap:13px}.real-dashboard-toast i{font-style:normal;background:#e9f7ef;color:#459274;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.real-dashboard-toast b{font-size:11px;display:block;color:#3c6371;font-weight:500}.real-dashboard-toast span{font-size:8px;color:#9eafba;margin-top:5px;display:block}.real-trust-strip{display:flex;align-items:center;justify-content:space-between;padding:27px 6%;border-bottom:1px solid #dfe9f2;color:#8fa3b4;gap:25px}.real-trust-strip span{font-size:11px}.real-trust-strip b{font-size:18px;font-weight:500;letter-spacing:3px;color:#6c86a0}.real-section{padding:70px 6%}.real-section-heading{margin-bottom:35px}.real-section-heading h2,.real-section h2,.real-final-cta h2{font-size:34px;line-height:1.5;font-weight:500;letter-spacing:-.5px;margin:16px 0 20px;color:var(--real-ink)}.real-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.real-feature-grid article{border:1px solid #dfe7ef;padding:30px;border-radius:8px}.real-feature-grid article>i{font-style:normal;font-size:25px;color:#5990c7}.real-feature-grid h3{font-size:20px;margin:20px 0 14px;font-weight:500}.real-feature-grid p{font-size:13px;margin:0}.real-feature-grid article>span{font-size:10px;color:var(--real-muted)}.real-tech-process{background:#f3f7fd;display:grid;grid-template-columns:1fr 1fr;gap:65px}.real-tech-process ol{padding:0;margin:0;list-style:none}.real-tech-process li{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #dce5f0}.real-tech-process b{font-size:17px;white-space:nowrap;font-weight:500}.real-tech-process li span{font-size:12px;line-height:1.9;color:var(--real-muted)}.real-final-cta{padding:55px 6%;display:flex;align-items:center;justify-content:space-between;gap:40px;background:#eef4fc}.real-final-cta p{font-size:12px;max-width:600px;margin-bottom:0}.real-final-cta .real-button{flex-shrink:0}.real-footer{padding:25px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #7992a322;font-size:10px;color:var(--real-muted)}.real-footer strong{font-size:15px;color:var(--real-ink);letter-spacing:1px}.real-footer a{font-size:11px;color:var(--real-accent)}
.real-brand{--real-bg:#faf9f4;--real-ink:#3e463b;--real-muted:#999c8d;--real-accent:#52604c}.real-brand .real-nav{padding:25px 6%}.real-brand .real-nav>strong{font-family:Georgia,"Microsoft YaHei",serif;font-size:26px;letter-spacing:6px}.real-brand-hero{height:570px;position:relative;isolation:isolate}.real-brand-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.real-brand-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10130ed4,transparent 85%);z-index:0}.real-brand-overlay{position:absolute;left:6%;top:13%;z-index:1;color:#fff}.real-brand-overlay .real-eyebrow{color:#d1d2ba;font-size:10px}.real-brand-overlay .real-title{font-size:51px;font-weight:400;line-height:1.55;letter-spacing:0;margin:22px 0}.real-brand-overlay p{color:#d5d6c8;font-size:13px}.real-brand-overlay .real-button{background:transparent;border:1px solid #eeeece80;border-radius:0;margin-top:15px;color:white}.real-brand-project{position:absolute;bottom:23px;right:6%;font-size:10px;color:#f7f7e3;z-index:1}.real-brand-intro{display:flex;align-items:center;justify-content:space-between;padding:32px 6%;gap:30px}.real-brand-intro>p{font-size:22px;line-height:1.65;color:#616654;margin:0}.real-brand-intro>span{font-size:11px;color:#a4a790;line-height:1.9}.real-split-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.real-split-heading>p{font-size:12px}.real-brand-work{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center}.real-brand-work>img{width:100%;height:430px;object-fit:cover}.real-brand-work>div>span{font-size:10px;color:#9aa08b}.real-brand-work h3{font-size:24px;line-height:1.6;font-weight:400;margin:17px 0}.real-brand-work p,.real-brand-work li{font-size:12px;line-height:2;color:#979d88}.real-brand-work ul{list-style:none;padding:0;margin-top:25px}.real-brand-work li{border-top:1px solid #dfe0d3;padding:10px 0}.real-brand-services{background:#eff0e8}.real-brand-services .real-feature-grid article{border:0;border-top:1px solid #cdd1be;border-radius:0;padding:28px 10px 0}.real-brand .real-final-cta{background:#e8ebdf}.real-brand .real-button{border-radius:0}.real-export{--real-bg:#fff;--real-ink:#233f50;--real-muted:#8299a2;--real-accent:#1e587d}.real-export .real-nav>strong{letter-spacing:2px;font-size:24px}.real-export-hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:510px;background:#f1f5f7;overflow:hidden}.real-export-hero>div{padding:65px 0 55px 12%;align-self:center}.real-export-hero>.real-title{font-family:Georgia,serif}.real-export-hero .real-title{font:400 54px/1.15 Georgia;letter-spacing:-1px}.real-export-hero p{font:13px/1.9 Arial;max-width:400px;margin:24px 20px 24px 0}.real-export-hero>img{width:100%;height:100%;object-fit:cover;max-height:575px}.real-export .real-button{border-radius:2px}.real-export-meta{display:flex;flex-direction:column;gap:8px;font:10px Arial;color:#92a7b0;margin-top:27px}.real-export-range{background:#153d59;color:#b6ceda;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 6%;font:11px Arial}.real-export-range b{color:white;font:500 18px Georgia}.real-export-range strong{font-weight:400;color:white}.real-export h2{font-family:Georgia,serif;font-size:40px;line-height:1.2}.real-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.real-product-grid article>div{height:250px;overflow:hidden;background:#f2f4f4}.real-product-grid img{width:100%;height:100%;object-fit:cover;object-position:var(--product-position,center);transition:transform .5s}.real-product-grid article:hover img{transform:scale(1.03)}.real-product-grid h3{font-size:20px;margin:22px 0 10px;font-weight:500}.real-product-grid p{font-size:12px;margin:0 0 17px}.real-product-grid a{font-size:11px;color:var(--real-accent);border-bottom:1px solid #5f7b8933;padding-bottom:6px}.real-spec-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:#f2f6f8}.real-spec-section p{max-width:390px;font-size:13px}.real-spec-section table{border-collapse:collapse;width:100%;font:12px/1.8 Arial}.real-spec-section th,.real-spec-section td{padding:18px 13px;border-bottom:1px solid #dbe5e9;text-align:left;vertical-align:top}.real-spec-section th{font-weight:500;color:#3d657c}.real-spec-section td{color:#7e96a1}.real-export .real-final-cta{background:#eaf1f5}.real-product{--real-bg:#f8f5eb;--real-ink:#294838;--real-muted:#929278;--real-accent:#345744}.real-product .real-nav>strong{font:600 20px Georgia;letter-spacing:1px}.real-coffee-hero{display:grid;grid-template-columns:.95fr 1.05fr;min-height:540px;overflow:hidden}.real-coffee-hero>div{padding:70px 7% 50px 12%;align-self:center}.real-coffee-hero .real-title{font-family:Georgia,"Microsoft YaHei",serif;font-size:50px;line-height:1.5;font-weight:400}.real-coffee-hero>img{width:100%;height:100%;object-fit:cover;max-height:610px}.real-coffee-hero p{font-size:13px;line-height:2;max-width:420px;margin-bottom:27px}.real-coffee-caption{display:block;font:9px Arial;letter-spacing:1.4px;color:#a5a58d;margin-top:30px}.real-product .real-button{border-radius:0}.real-coffee-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#2e4d3b;color:#d3d8c2;padding:26px 6%;font-size:11px}.real-coffee-strip b{font:12px Georgia;letter-spacing:2px;color:#f2e5c3}.real-product .real-product-grid h3{font-family:Georgia,"Microsoft YaHei",serif;font-size:24px;font-weight:400}.real-product .real-product-grid article>div{height:285px}.coffee-range-photo.range-1 img{object-position:70% 40%;transform:scale(1.15)}.coffee-range-photo.range-2 img{object-position:90% 20%;transform:scale(1.3)}.real-coffee-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:#eeecdd}.real-coffee-story>img{width:100%;height:420px;object-fit:cover}.real-coffee-story h2{font-family:Georgia,"Microsoft YaHei",serif;font-size:36px;line-height:1.65}.real-coffee-story p{font-size:13px}.real-product .real-final-cta{background:#e5e8d9}
/* Real homepage slices retain desktop information density instead of becoming poster artwork. */
.real-mini{width:960px;min-width:960px;height:620px;overflow:hidden}.real-mini .real-nav{padding:20px 50px}.real-mini .real-nav>strong{font-size:21px}.real-mini .real-nav nav{display:flex;gap:22px;font-size:10px}.real-mini .real-nav-note{font-size:8px}.real-mini .real-title{font-size:40px}.real-mini .real-tech-hero{padding:36px 50px 45px;min-height:445px;gap:30px;grid-template-columns:1fr 1.08fr}.real-mini .real-tech-hero p{font-size:11px;max-width:335px}.real-mini .real-eyebrow{font-size:8px}.real-mini .real-button{font-size:10px;padding:12px 16px;min-height:40px}.real-mini .real-plain-link{font-size:10px}.real-mini .real-tech-points{font-size:8px;gap:12px;margin-top:20px}.real-mini .real-hero-actions{gap:18px;margin-top:20px}.real-mini .crm-screen{min-height:300px}.real-mini .crm-screen aside{width:87px;padding:19px 12px}.real-mini .crm-main{padding:18px 15px}.real-mini .crm-main>header b{font-size:12px}.real-mini .crm-main>header{margin-bottom:15px}.real-mini .crm-chart{height:106px}.real-mini .crm-task p:last-child{display:none}.real-mini .real-dashboard-toast{padding:12px 16px;bottom:10px;left:-10px}.real-mini .real-trust-strip{padding:24px 50px;font-size:10px}.real-mini .real-trust-strip b{font-size:17px}.real-mini .real-brand-hero{height:450px}.real-mini .real-brand-overlay{top:11%;left:50px}.real-mini .real-brand-overlay .real-title{font-size:40px;line-height:1.5}.real-mini .real-brand-overlay p{font-size:11px}.real-mini .real-brand-intro{padding:24px 50px}.real-mini .real-brand-intro p{font-size:18px}.real-mini .real-brand-intro>span{font-size:9px}.real-mini .real-export-hero{min-height:440px;grid-template-columns:1fr 1.08fr}.real-mini .real-export-hero>div{padding:43px 20px 35px 50px}.real-mini .real-export-hero .real-title{font-size:43px}.real-mini .real-export-hero p{font-size:11px;margin:20px 0}.real-mini .real-export-meta{font-size:9px;margin-top:20px}.real-mini .real-export-range{padding:23px 50px;gap:18px;font-size:9px}.real-mini .real-export-range b{font-size:15px}.real-mini .real-coffee-hero{min-height:440px;grid-template-columns:1fr 1.05fr}.real-mini .real-coffee-hero>div{padding:35px 20px 35px 50px}.real-mini .real-coffee-hero .real-title{font-size:39px;line-height:1.5}.real-mini .real-coffee-hero p{font-size:11px}.real-mini .real-coffee-caption{font-size:8px;margin-top:22px}.real-mini .real-coffee-strip{padding:24px 50px;font-size:9px}.real-mini .real-coffee-strip b{font-size:10px;letter-spacing:1px}.slice-window>.real-site{height:620px;width:960px;position:absolute;top:0;left:0;transform:scale(var(--mini-scale,.6042));transform-origin:0 0;overflow:hidden}
@media(max-width:1050px){.real-site:not(.real-mini) .real-tech-hero{gap:30px}.real-site:not(.real-mini) .real-title{font-size:42px}.real-site:not(.real-mini) .real-tech-points{font-size:9px;gap:10px}.real-site:not(.real-mini) .real-nav-note{display:none}.real-site:not(.real-mini) .real-export-hero .real-title{font-size:46px}.real-site:not(.real-mini) .real-hero-actions{flex-wrap:wrap;gap:15px}.real-section{padding:50px 6%}.real-feature-grid article{padding:23px}.real-feature-grid h3{font-size:18px}.real-brand-work,.real-coffee-story,.real-spec-section{gap:35px}.real-product-grid article>div{height:220px}}
@media(max-width:760px){.real-site:not(.real-mini) .real-nav{padding:22px 6%;gap:16px}.real-site:not(.real-mini) .real-nav>strong{font-size:21px}.real-site:not(.real-mini) .real-nav nav{gap:13px;font-size:9px}.real-site:not(.real-mini) .real-title{font-size:34px;line-height:1.5;letter-spacing:-.7px;margin:18px 0}.real-site:not(.real-mini) .real-tech-hero{grid-template-columns:1fr;padding:35px 6% 45px;gap:30px}.real-site:not(.real-mini) .real-tech-hero p{font-size:13px}.real-site:not(.real-mini) .real-eyebrow{font-size:9px}.real-site:not(.real-mini) .real-dashboard-scene{padding:10px 0}.real-site:not(.real-mini) .crm-screen aside{width:80px;padding:18px 11px}.real-site:not(.real-mini) .crm-main{padding:19px 14px}.real-site:not(.real-mini) .crm-main>header b{font-size:13px}.real-site:not(.real-mini) .crm-screen aside>span{font-size:8px}.real-site:not(.real-mini) .crm-stats{gap:6px}.real-site:not(.real-mini) .crm-stats>div{padding:10px 6px;font-size:7px}.real-site:not(.real-mini) .crm-stats b{font-size:21px}.real-site:not(.real-mini) .real-dashboard-toast{left:5px;bottom:-13px;padding:12px 15px}.real-site:not(.real-mini) .real-trust-strip{padding:24px 6%;flex-wrap:wrap;gap:18px}.real-site:not(.real-mini) .real-trust-strip span{flex-basis:100%;font-size:10px}.real-site:not(.real-mini) .real-trust-strip b{font-size:16px}.real-section{padding:40px 6%}.real-section-heading h2,.real-section h2,.real-final-cta h2{font-size:27px;line-height:1.6}.real-feature-grid{grid-template-columns:1fr;gap:16px}.real-feature-grid article{padding:24px}.real-feature-grid h3{font-size:19px;margin:16px 0 10px}.real-feature-grid p{font-size:12px}.real-tech-process{grid-template-columns:1fr;gap:20px}.real-tech-process li{gap:20px}.real-tech-process b{font-size:16px}.real-tech-process li span{font-size:11px}.real-final-cta{display:block;padding:40px 6%}.real-final-cta .real-button{margin-top:23px}.real-footer{display:flex;flex-wrap:wrap;font-size:8px;padding:23px 6%;gap:18px}.real-footer strong{font-size:13px}.real-footer a{font-size:10px}.real-site:not(.real-mini) .real-brand .real-nav{padding:22px 6%}.real-site:not(.real-mini) .real-brand-hero{height:540px}.real-site:not(.real-mini) .real-brand-overlay{top:13%;left:6%}.real-site:not(.real-mini) .real-brand-hero>img{object-position:61% 50%}.real-site:not(.real-mini) .real-brand-overlay .real-title{font-size:35px;line-height:1.65}.real-site:not(.real-mini) .real-brand-overlay p{font-size:12px}.real-site:not(.real-mini) .real-brand-intro{padding:25px 6%;display:block}.real-site:not(.real-mini) .real-brand-intro>p{font-size:21px}.real-site:not(.real-mini) .real-brand-intro>span{display:block;margin-top:16px;font-size:10px}.real-split-heading{display:block}.real-split-heading>p{font-size:11px}.real-brand-work{grid-template-columns:1fr;gap:26px}.real-brand-work>img{height:260px}.real-brand-work h3{font-size:23px}.real-site:not(.real-mini) .real-export-hero{grid-template-columns:1fr}.real-site:not(.real-mini) .real-export-hero>div{padding:38px 6%}.real-site:not(.real-mini) .real-export-hero .real-title{font-size:43px;line-height:1.2}.real-site:not(.real-mini) .real-export-hero p{font-size:12px}.real-site:not(.real-mini) .real-export-hero>img{height:280px}.real-site:not(.real-mini) .real-export-range{padding:24px 6%;flex-wrap:wrap;gap:17px;font-size:10px}.real-site:not(.real-mini) .real-export-range b{flex-basis:100%}.real-product-grid{grid-template-columns:1fr;gap:35px}.real-product-grid article>div{height:265px}.real-product-grid h3{font-size:21px;margin-top:19px}.real-product-grid p{font-size:12px}.real-spec-section{grid-template-columns:1fr;gap:23px}.real-spec-section th,.real-spec-section td{font-size:11px;padding:15px 10px}.real-site:not(.real-mini) .real-coffee-hero{grid-template-columns:1fr}.real-site:not(.real-mini) .real-coffee-hero>div{padding:38px 6%}.real-site:not(.real-mini) .real-coffee-hero .real-title{font-size:35px}.real-site:not(.real-mini) .real-coffee-hero p{font-size:12px}.real-site:not(.real-mini) .real-coffee-hero>img{height:300px}.real-site:not(.real-mini) .real-coffee-strip{padding:23px 6%;flex-wrap:wrap;gap:15px;font-size:10px}.real-site:not(.real-mini) .real-coffee-strip b{font-size:10px}.real-coffee-story{grid-template-columns:1fr;gap:25px}.real-coffee-story>img{height:300px}.real-coffee-story p{font-size:12px}.real-section-heading{margin-bottom:27px}}