:root{--ink:#10252b;--ink-deep:#0b1d22;--accent:#d8f267;--paper:#f4f4ee;--muted:#667477;--line:#d8deda;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Microsoft YaHei",sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
button,a,summary{ -webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.wrap{width:min(100% - 64px,1240px);margin-inline:auto}
.skip-link{position:absolute;z-index:1000;top:-60px;left:16px;background:var(--accent);padding:8px 16px}.skip-link:focus{top:12px}
.section-pad{padding:124px 0}
.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 30px;color:#537166;font-family:"DM Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.eyebrow:before{content:"";width:24px;height:1px;background:#8ba696}
.eyebrow.light{color:#b5c4ba}.eyebrow.light:before{background:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.23;letter-spacing:-.035em}
.site-header{position:relative;z-index:10;background:var(--ink-deep);border-bottom:1px solid #ffffff21;color:white}
.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--accent);color:var(--ink);font-size:24px;font-weight:800;letter-spacing:-.13em}.brand-mark span{color:#6f8b1b}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:18px;letter-spacing:.08em}.brand-text small{margin-top:5px;font-size:8px;letter-spacing:.22em;color:#9caeaa}
.desktop-nav{display:flex;align-items:center;gap:38px;margin-left:auto}.desktop-nav a{font-size:13px;color:#cad5d1;transition:color .2s}.desktop-nav a:hover{color:var(--accent)}
.header-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 15px;border:1px solid #81918b;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}.header-cta:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.header-cta span{font-size:18px}
.mobile-menu{display:none}

.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 28%,#27463e 0%,transparent 38%),linear-gradient(135deg,#102b30,#0b1d22 70%);color:#fff}
.hero:before{position:absolute;inset:0;content:"";opacity:.11;background-image:linear-gradient(#c6e2cb 1px,transparent 1px),linear-gradient(90deg,#c6e2cb 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 25%,#000 100%)}
.hero-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;min-height:670px;padding-block:65px 56px}
.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(46px,5vw,72px);font-weight:700;line-height:1.23;margin-bottom:28px;letter-spacing:-.065em;white-space:nowrap}.hero h1 em,.contact h2 em{font-style:normal;color:var(--accent)}
.hero-description{max-width:530px;color:#b6c7c4;font-size:16px;line-height:1.95;margin-bottom:38px}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{min-height:53px;display:inline-flex;align-items:center;gap:30px;padding:0 22px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-accent{background:var(--accent);color:var(--ink)}.button span,.text-link span{font-size:19px;font-weight:400}
.text-link{display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:7px;transition:gap .2s}.text-link:hover{gap:35px}.light-link{color:#e0ebdf;border-color:#8ca69a}.dark-link{border-color:#809089}
.hero-note{display:flex;align-items:center;gap:9px;margin:58px 0 0;color:#9eb4ab;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.14em}.hero-note span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.hero-bottom{position:relative;display:flex;justify-content:space-between;padding-bottom:26px;color:#8ea8a0;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.13em;border-top:1px solid #ffffff20;padding-top:22px}

.flow-visual{position:relative;height:500px;border:1px solid #b8d4bc3a;background:linear-gradient(145deg,#ffffff07,#ffffff02);box-shadow:0 25px 100px #0003;overflow:hidden}
.flow-visual:before{position:absolute;inset:0;content:"";background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:38px 38px}
.visual-label,.visual-footer{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;color:#9ab6a8;font:9px "DM Mono",monospace;letter-spacing:.1em}.visual-label{top:20px}.visual-footer{bottom:20px}.visual-footer>span:last-child{color:var(--accent)}.visual-footer i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%}
.orbit{position:absolute;left:50%;top:50%;border:1px dashed #aad4ae45;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:290px;height:290px}.orbit-two{width:430px;height:430px;border-color:#aad4ae22}
.core{position:absolute;left:50%;top:50%;width:168px;height:168px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--ink);box-shadow:0 0 0 16px #d8f26716,0 0 70px #d8f26725}.core b{font-size:37px;line-height:1}.core strong{font-size:21px;margin-top:8px}.core small{font:8px "DM Mono",monospace;letter-spacing:.12em;margin-top:5px}
.node{position:absolute;display:flex;align-items:center;gap:10px;width:142px;padding:10px;border:1px solid #71988582;background:#183831e8;box-shadow:0 15px 35px #0003}.node i{display:grid;place-items:center;width:34px;height:34px;background:#d8f26720;color:var(--accent);font-style:normal;font-size:22px}.node span{display:flex;flex-direction:column;white-space:nowrap}.node small{font:8px "DM Mono",monospace;color:#86a89d}.node strong{font-size:12px}.node-one{top:90px;left:35px}.node-two{top:130px;right:28px}.node-three{bottom:112px;left:28px}.node-four{bottom:77px;right:38px}

.intro{background:#f3f4ee}.intro-layout{display:grid;grid-template-columns:1fr 2fr;gap:40px}.intro h2{font-size:clamp(30px,3.6vw,51px);font-weight:650;margin-bottom:27px}.intro h2 span{color:#84938c}.intro-layout>div>p{max-width:730px;color:var(--muted);font-size:16px;line-height:1.95;margin:0}
.services{background:#e9ede6}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:43px}.section-heading h2,.approach h2,.about h2{font-size:clamp(34px,3.6vw,52px);margin:0}.section-heading>p{max-width:260px;margin:0 0 6px;color:var(--muted);font-size:14px;line-height:1.8}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bac7bb;border-left:1px solid #bac7bb}.service-card{position:relative;min-height:290px;padding:25px 28px;background:#f6f7f2;border-right:1px solid #bac7bb;border-bottom:1px solid #bac7bb;transition:background .25s,transform .25s}.service-card:hover{z-index:1;background:#fff;transform:translateY(-4px);box-shadow:0 20px 35px #263b311b}.card-top{display:flex;justify-content:space-between;color:#7c9285;font:10px "DM Mono",monospace;letter-spacing:.1em}.card-top span:last-child{font-size:19px;line-height:1;color:var(--ink)}.service-mark{display:grid;place-items:center;margin:35px 0 24px;width:56px;height:56px;border:1px solid #a7b9a9;background:#e5eddf;color:#335a46;font:700 15px "DM Mono",monospace}.service-card h3{font-size:21px;margin-bottom:13px}.service-card p{font-size:13px;line-height:1.85;color:var(--muted);margin:0;max-width:300px}
.approach{background:#19352f;color:white}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach-lead>p:not(.eyebrow){max-width:440px;margin:26px 0 35px;color:#afc3b7;font-size:15px;line-height:1.9}.steps{border-top:1px solid #68857776}.step{display:grid;grid-template-columns:42px 1fr 24px;gap:15px;align-items:start;padding:24px 0;border-bottom:1px solid #68857776}.step-number{font:12px "DM Mono",monospace;color:var(--accent)}.step h3{font-size:19px;margin:0 0 7px}.step p{font-size:13px;color:#9eb7a9;margin:0}.step-arrow{font-size:20px;color:#8daea0}
.about{background:#f5f5ef}.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.about-art{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dce6d8;color:#214436}.about-art:before,.about-art:after{content:"";position:absolute;border:1px solid #7eaa8c5e;transform:rotate(35deg)}.about-art:before{width:330px;height:330px}.about-art:after{width:520px;height:520px}.art-top,.art-bottom{position:absolute;z-index:1;font:10px "DM Mono",monospace;letter-spacing:.16em}.art-top{top:25px;left:25px}.art-bottom{bottom:25px;right:25px}.art-monogram{position:relative;z-index:1;font-size:clamp(65px,9vw,120px);font-weight:800;letter-spacing:-.11em}.art-monogram span{color:#a7c847}.about-copy>p:not(.eyebrow){max-width:510px;color:var(--muted);font-size:15px;line-height:1.9;margin:24px 0}.about-copy .text-link{margin-top:16px}
.contact{padding:105px 0;background:#25483a;color:white}.contact-layout{display:flex;align-items:end;justify-content:space-between;gap:60px}.contact h2{font-size:clamp(40px,4.5vw,64px);margin-bottom:22px}.contact-layout>div>p:last-child{color:#b9cdbf;margin:0}.contact-card{position:relative;display:flex;flex-direction:column;gap:7px;min-width:340px;padding:23px 60px 23px 24px;border:1px solid #b2cbb2;transition:background .2s,color .2s}.contact-card:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.contact-card span{font-size:12px}.contact-card strong{font-size:20px}.contact-card b{position:absolute;top:20px;right:22px;font-size:24px;font-weight:400}
.site-footer{background:#0c1f21;color:#d6e2db}.footer-main{display:flex;justify-content:space-between;align-items:start;padding:58px 0;border-bottom:1px solid #ffffff25}.footer-main strong{font-size:24px;letter-spacing:.05em}.footer-main strong span{color:var(--accent)}.footer-main p{margin:8px 0 0;color:#829d91;font-size:12px}.footer-main nav{display:flex;gap:28px;flex-wrap:wrap}.footer-main nav a{font-size:12px}.footer-main nav a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding:22px 0 30px;color:#789285;font-size:11px}

@media(max-width:1050px){.hero-layout{gap:3%}.hero h1{font-size:clamp(39px,4.5vw,56px)}.flow-visual{height:440px}.node{width:125px}.node-one{left:12px}.node-two{right:12px}.node-three{left:12px}.node-four{right:12px}.orbit-two{width:390px;height:390px}}
@media(max-width:760px){.wrap{width:min(100% - 38px,600px)}.section-pad{padding:78px 0}.header-inner{height:72px}.brand-mark{width:37px;height:37px}.brand-text strong{font-size:16px}.desktop-nav,.header-cta{display:none}.mobile-menu{display:block;position:relative;margin-left:auto}.mobile-menu summary{display:flex;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:24px;height:2px;background:white}.mobile-menu nav{position:absolute;right:0;top:51px;display:flex;flex-direction:column;min-width:185px;padding:9px;background:#17332e;border:1px solid #779184;box-shadow:0 18px 35px #0005}.mobile-menu nav a{padding:11px 13px;font-size:14px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:unset;gap:45px;padding-top:77px}.hero h1{font-size:clamp(37px,8vw,54px);white-space:normal}.hero-description{font-size:14px}.hero-note{margin-top:38px}.flow-visual{height:390px}.orbit-one{width:230px;height:230px}.orbit-two{width:345px;height:345px}.core{width:130px;height:130px}.core b{font-size:26px}.core strong{font-size:17px}.node{width:115px;padding:7px;gap:6px}.node i{width:27px;height:27px;font-size:17px}.node strong{font-size:10px}.node small{font-size:7px}.node-one{top:74px}.node-two{top:93px}.node-three{bottom:85px}.node-four{bottom:67px}.hero-bottom{font-size:8px}.intro-layout,.approach-layout,.about-layout{grid-template-columns:1fr;gap:35px}.intro h2{font-size:clamp(29px,6vw,42px)}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:260px;padding:20px}.about-art{min-height:330px}.contact-layout{display:block}.contact-card{margin-top:36px;min-width:0;max-width:420px}.footer-main{gap:35px;flex-direction:column}.footer-bottom{flex-direction:column;gap:7px}}
@media(max-width:500px){.hero h1{font-size:36px}.hero-actions{align-items:start;flex-direction:column;gap:22px}.flow-visual{height:340px}.orbit-two{width:290px;height:290px}.orbit-one{width:205px;height:205px}.node-one{left:8px;top:68px}.node-two{right:8px;top:86px}.node-three{left:8px;bottom:72px}.node-four{right:8px;bottom:60px}.visual-label,.visual-footer{left:12px;right:12px;font-size:7px}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.service-mark{margin:25px 0 20px}.contact h2{font-size:38px}.contact-card strong{font-size:17px}.footer-main nav{gap:14px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Unified type scale and calmer proportions */
body{font-size:17px;line-height:1.75}
.wrap{width:min(100% - 80px,1180px)}
.section-pad{padding:96px 0}
.eyebrow{font-size:13px;letter-spacing:.08em;margin-bottom:24px;color:#436757}
.eyebrow.light{color:#d0dfd3}
.brand-text strong{font-size:20px}.brand-text small{font-size:10px;letter-spacing:.13em}
.desktop-nav a{font-size:16px}.header-cta{font-size:15px;padding:11px 18px}
.header-inner{height:78px}
.hero-layout{min-height:600px;grid-template-columns:1.08fr .92fr;gap:5%;padding-block:55px}
.hero h1{font-size:clamp(42px,4.4vw,62px);line-height:1.25;letter-spacing:-.045em;margin-bottom:26px}
.hero-description{font-size:18px;line-height:1.85;margin-bottom:34px}
.button{min-height:57px;font-size:16px;padding:0 24px}
.text-link{font-size:16px}
.hero-note{font-size:13px;letter-spacing:.04em;margin-top:43px;color:#c0d2c8}
.hero-bottom{font-size:12px;letter-spacing:.04em}
.flow-visual{height:430px}
.visual-label,.visual-footer{font-size:11px;letter-spacing:0}
.orbit-one{width:260px;height:260px}.orbit-two{width:370px;height:370px}
.core{width:146px;height:146px}.core b{font-size:30px}.core strong{font-size:20px}.core small{font-size:10px}
.node{width:145px;padding:10px}.node i{width:35px;height:35px;font-size:20px}.node small{font-size:10px}.node strong{font-size:14px}
.node-one{top:75px;left:18px}.node-two{top:95px;right:15px}.node-three{bottom:83px;left:16px}.node-four{bottom:65px;right:18px}
.intro-layout{grid-template-columns:1fr 2.2fr}.intro h2{font-size:clamp(31px,3.1vw,43px);letter-spacing:-.035em}.intro-layout>div>p{font-size:18px;line-height:1.85}
.section-heading h2,.approach h2,.about h2{font-size:clamp(34px,3.3vw,46px);line-height:1.3}
.section-heading>p{max-width:340px;font-size:17px}
.service-card{min-height:276px;padding:25px 27px}.card-top{font-size:12px;letter-spacing:.04em}.service-mark{margin:27px 0 20px}.service-card h3{font-size:23px}.service-card p{font-size:16px;line-height:1.75;max-width:340px}
.approach-lead>p:not(.eyebrow){font-size:17px;line-height:1.8}.step{padding:25px 0}.step-number{font-size:15px}.step h3{font-size:22px}.step p{font-size:16px;line-height:1.6}
.about-art{min-height:390px}.art-top,.art-bottom{font-size:12px;letter-spacing:.06em}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.85}
.contact{padding:88px 0}.contact h2{font-size:clamp(39px,4vw,55px)}.contact-layout>div>p:last-child{font-size:17px}.contact-card span{font-size:15px}.contact-card strong{font-size:22px}
.footer-main p,.footer-main nav a{font-size:15px}.footer-bottom{font-size:13px}

@media(max-width:1050px){
  .wrap{width:min(100% - 56px,1180px)}
  .header-inner{gap:15px}.desktop-nav{gap:18px}
  .hero-layout{min-height:0;gap:3%}
  .hero h1{font-size:clamp(38px,4.3vw,50px)}
  .hero-description{font-size:17px}
  .flow-visual{height:400px}
  .node{width:130px}.node strong{font-size:12px}.node small{font-size:9px}
}
@media(max-width:760px){
  body{font-size:16px}
  .wrap{width:min(100% - 40px,600px)}
  .section-pad{padding:72px 0}
  .header-inner{height:70px}.brand-text strong{font-size:18px}.brand-text small{font-size:9px}
  .mobile-menu nav a{font-size:17px;padding:12px 15px}
  .hero-layout{display:flex;flex-direction:column;gap:38px;padding-block:66px 42px}
  .hero h1{font-size:clamp(35px,7vw,48px)}
  .hero-description{font-size:17px}
  .hero-note{font-size:12px;margin-top:34px}
  .flow-visual{height:360px}
  .hero-bottom{font-size:11px}
  .intro-layout,.approach-layout,.about-layout{grid-template-columns:1fr;gap:28px}
  .intro h2{font-size:clamp(29px,5.7vw,39px)}
  .intro-layout>div>p{font-size:17px}
  .section-heading{display:block}.section-heading>p{font-size:16px;margin-top:20px}
  .service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:285px}
  .contact-layout{display:block}.contact-card{margin-top:32px}
}
@media(max-width:560px){
  .hero h1{font-size:clamp(33px,8.3vw,42px)}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:24px}
  .flow-visual{height:330px}.orbit-one{width:205px;height:205px}.orbit-two{width:295px;height:295px}
  .core{width:116px;height:116px}.core b{font-size:24px}.core strong{font-size:16px}.core small{font-size:8px}
  .node{width:126px;padding:7px;gap:5px}.node i{width:26px;height:26px;font-size:16px}.node strong{font-size:11px}.node small{font-size:8px}
  .node-one{top:65px;left:9px}.node-two{top:83px;right:9px}.node-three{bottom:73px;left:9px}.node-four{bottom:57px;right:9px}
  .visual-label,.visual-footer{font-size:8px;left:12px;right:12px}
  .service-grid{grid-template-columns:1fr}.service-card{min-height:235px}.service-mark{margin:24px 0 17px}
  .service-card p{font-size:16px}
  .contact-card{min-width:0}.contact-card strong{font-size:18px}
  .footer-main{flex-direction:column}.footer-main nav{gap:14px 24px}.footer-bottom{flex-direction:column;gap:7px}
}

/* A concrete interface concept brings the process into focus. */
.product-preview{position:relative;min-height:430px;padding:20px;border:1px solid #9fbdac65;background:linear-gradient(145deg,#304f42a0,#18352f4d);box-shadow:0 22px 70px #0002}
.product-preview:before{position:absolute;inset:0;content:"";background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.preview-caption{position:relative;display:flex;align-items:center;gap:9px;margin:0 3px 18px;color:#dbe8db;font-size:13px}.preview-caption>span:last-child{margin-left:auto;color:#b0cbb9}.preview-caption-dot{width:8px;height:8px;background:var(--accent);border-radius:50%}
.preview-window{position:relative;display:flex;min-height:337px;background:#f5f7f0;color:var(--ink);box-shadow:0 15px 45px #0004;overflow:hidden}
.preview-rail{display:flex;flex-direction:column;align-items:center;gap:21px;width:49px;flex-shrink:0;padding-top:17px;background:#dce8db;border-right:1px solid #c6d7c9}.rail-logo{display:grid;place-items:center;width:25px;height:25px;background:#274c3c;color:#e1f383;font-size:15px;font-weight:800}.preview-rail i{display:block;width:17px;height:17px;border:2px solid #89a894;border-radius:3px}.preview-rail i:first-of-type{background:#b6d299;border-color:#719c77}
.preview-content{flex:1;min-width:0;padding:20px 23px 14px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:17px;border-bottom:1px solid #d6ded5}.preview-heading div{display:flex;flex-direction:column}.preview-heading small{font-size:11px;color:#6c8271}.preview-heading strong{font-size:19px;line-height:1.3;margin-top:3px}.preview-heading>span{font-size:12px;color:#397050;white-space:nowrap}
.preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.preview-summary>div{display:flex;flex-direction:column;min-height:90px;padding:10px 11px;background:white;border:1px solid #dbe4d8}.preview-summary small{font-size:12px;color:#667b6e}.preview-summary strong{font-size:16px;margin:3px 0 auto}.preview-summary span{font:10px monospace;color:#8da28f}
.preview-process{padding:14px 15px;background:#e7efe3}.process-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.process-title strong{font-size:14px}.process-title span{font-size:11px;color:#617d66}.process-track{display:flex;align-items:center;margin-top:14px}.process-track>div{display:flex;align-items:center;gap:6px;white-space:nowrap}.process-track b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#2f5a42;color:white;font:11px monospace}.process-track span{font-size:12px;font-weight:700}.process-track>i{flex:1;height:1px;min-width:5px;margin:0 8px;background:#9db5a0}
.preview-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:15px;color:#6a806e;font-size:11px}.preview-bottom span:last-child{font-family:monospace;color:#89a391}
.scenarios{background:#fff}.scenario-heading{display:grid;grid-template-columns:1fr 1fr;gap:18px 7%;align-items:end;margin-bottom:40px}.scenario-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.scenario-heading h2{font-size:clamp(34px,3.3vw,46px);margin:0}.scenario-heading>p:last-child{max-width:470px;margin:0 0 3px;color:var(--muted);font-size:17px;line-height:1.8}
.scenario-list{border-top:1px solid #c9d6ca}.scenario-row{display:grid;grid-template-columns:180px 1fr 28px;gap:32px;align-items:start;padding:30px 6px;border-bottom:1px solid #c9d6ca}.scenario-index{padding-top:7px;color:#52745c;font-size:15px;font-weight:700}.scenario-row h3{font-size:24px;margin:0 0 8px}.scenario-row p{font-size:16px;color:var(--muted);margin:0}.scenario-arrow{font-size:22px;color:#52745c}
@media(max-width:1050px){.product-preview{padding:14px;min-height:0}.preview-content{padding:16px 14px 12px}.preview-heading strong{font-size:16px}.preview-heading>span{display:none}.preview-summary strong{font-size:14px}.preview-summary small{font-size:11px}.preview-summary span{font-size:9px}.process-track>i{margin:0 4px}.process-track span{font-size:11px}.preview-bottom span:last-child{display:none}}
@media(max-width:760px){.product-preview{min-height:0}.preview-window{min-height:330px}.preview-heading strong{font-size:19px}.preview-summary strong{font-size:16px}.preview-summary small{font-size:12px}.process-track span{font-size:12px}.scenario-heading{grid-template-columns:1fr;gap:20px}.scenario-heading .eyebrow{grid-column:auto}.scenario-heading>p:last-child{font-size:16px}.scenario-row{grid-template-columns:125px 1fr 20px;gap:15px}.scenario-index{font-size:13px}.scenario-row h3{font-size:20px}.scenario-row p{font-size:15px}}
@media(max-width:560px){.product-preview{padding:11px}.preview-caption{font-size:12px;margin-bottom:11px}.preview-window{min-height:314px}.preview-rail{width:31px;gap:16px}.rail-logo{width:22px;height:22px;font-size:13px}.preview-rail i{width:14px;height:14px}.preview-content{padding:13px 10px 11px}.preview-heading strong{font-size:16px}.preview-heading small{font-size:10px}.preview-summary{gap:5px;margin:12px 0}.preview-summary>div{padding:8px 6px;min-height:78px}.preview-summary small{font-size:10px}.preview-summary strong{font-size:13px}.preview-summary span{font-size:8px}.preview-process{padding:11px 8px}.process-title strong{font-size:13px}.process-title span{font-size:10px}.process-track{margin-top:12px}.process-track b{width:20px;height:20px;font-size:9px}.process-track span{font-size:10px}.process-track>div{gap:3px}.process-track>i{min-width:3px;margin:0 3px}.preview-bottom{font-size:10px}.scenario-row{grid-template-columns:1fr 20px;gap:8px 10px;padding:23px 0}.scenario-index{grid-column:1/-1;padding:0}.scenario-row h3{font-size:19px}.scenario-row p{font-size:15px}.scenario-arrow{grid-column:2;grid-row:2}}

/* Warehouse product content */
.hero h1{font-size:clamp(38px,3.7vw,54px);white-space:normal}
.additional-service{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;padding:25px 28px;margin-top:24px;border:1px solid #bac7bb;background:#f6f7f2}
.additional-service span{font-size:14px;font-weight:800;color:#53735a;letter-spacing:.02em}
.additional-service p{margin:0;color:#53665b;font-size:16px;line-height:1.7}
@media(max-width:760px){.hero h1{font-size:clamp(35px,6.7vw,46px)}.additional-service{grid-template-columns:1fr;gap:8px;padding:20px}}
@media(max-width:560px){.hero h1{font-size:clamp(32px,8vw,40px)}.additional-service p{font-size:15px}}

/* Make the product concept readable at a glance. */
.product-preview{min-height:448px;padding:17px}
.preview-caption{font-size:16px;font-weight:700;margin:0 4px 14px}.preview-caption>span:last-child{font-size:13px;font-weight:500}
.preview-window{min-height:365px}
.preview-content{padding:20px 22px 17px}
.preview-heading{padding-bottom:18px}.preview-heading small{font-size:13px}.preview-heading strong{font-size:23px;margin-top:5px}.preview-heading>span{font-size:13px;font-weight:700}
.preview-summary{gap:9px;margin:18px 0}.preview-summary>div{min-height:96px;padding:13px 11px}.preview-summary small{font-size:14px}.preview-summary strong{font-size:19px;margin:7px 0 0}
.preview-process{padding:15px 16px}.process-title strong{font-size:17px}.process-title span{font-size:13px}.process-track{margin-top:16px}.process-track b{width:28px;height:28px;font-size:12px}.process-track span{font-size:14px}
.preview-bottom{font-size:14px;font-weight:600;color:#405f48;margin-top:17px}
@media(max-width:1050px){.product-preview{min-height:0;padding:13px}.preview-window{min-height:345px}.preview-content{padding:17px 13px 12px}.preview-heading strong{font-size:19px}.preview-summary{gap:6px}.preview-summary>div{min-height:86px;padding:10px 7px}.preview-summary small{font-size:12px}.preview-summary strong{font-size:16px}.preview-process{padding:12px 9px}.process-track b{width:24px;height:24px}.process-track span{font-size:12px}.preview-bottom{font-size:11px}}
@media(max-width:760px){.product-preview{padding:15px}.preview-window{min-height:355px}.preview-content{padding:18px}.preview-heading strong{font-size:22px}.preview-summary>div{min-height:92px;padding:12px 9px}.preview-summary small{font-size:13px}.preview-summary strong{font-size:18px}.process-track span{font-size:13px}.preview-bottom{font-size:12px}}
@media(max-width:560px){.product-preview{padding:11px}.preview-caption{font-size:14px;margin-bottom:11px}.preview-caption>span:last-child{font-size:12px}.preview-window{min-height:314px}.preview-content{padding:13px 10px}.preview-heading strong{font-size:17px}.preview-heading small{font-size:11px}.preview-heading>span{display:none}.preview-summary{margin:13px 0;gap:5px}.preview-summary>div{min-height:76px;padding:8px 6px}.preview-summary small{font-size:11px}.preview-summary strong{font-size:14px;margin-top:6px}.preview-process{padding:10px 7px}.process-title strong{font-size:14px}.process-title span{font-size:11px}.process-track{margin-top:12px}.process-track b{width:20px;height:20px;font-size:9px}.process-track span{font-size:11px}.process-track>div{gap:3px}.process-track>i{margin:0 3px}.preview-bottom{font-size:11px;margin-top:12px}}
@media(max-width:390px){.preview-rail{display:none}.preview-content{padding:13px 10px}}