/* Serva visual direction: forest, warm paper, editorial typography. */
:root{--paper:#f8f7f2;--white:#fff;--ink:#152c24;--body:#64716a;--green:#215e46;--mint:#e8ece1;--line:#dedfd5;--lilac:#edece5;--peach:#e9e7df;--radius:18px;--forest:#0d2b22;--acid:#ddebaf;font-family:"Avenir Next",Inter,"PingFang SC","Microsoft YaHei",sans-serif}
body{font-weight:400;-webkit-font-smoothing:antialiased}
.wrap{width:min(1264px,calc(100% - 96px))}
.brand{font-size:30px;font-weight:600;letter-spacing:-1.5px}
.brand-mark{border-radius:9px 9px 9px 2px}
.header{background:#f8f7f2ee;border-color:#d4d9ce70;backdrop-filter:blur(18px)}
.nav{height:88px;gap:33px}
.nav-links{font-size:13px;gap:30px}
.nav-right{font-size:13px;gap:20px}
.language{font-size:11px;letter-spacing:.5px}
.button{border-radius:7px;min-height:48px;padding:12px 23px;font-size:13px;gap:17px;box-shadow:0 1px 0 #ffffff10 inset}
.button:hover{transform:translateY(-2px)}
.button.secondary{background:transparent;border-color:#bdc7bc;box-shadow:none}
.page-home .header{background:#0d2b22f0;color:#eeeee3;border-color:#ffffff12}
.page-home .header .brand-mark{background:var(--acid)}
.page-home .nav-links>a[aria-current="page"],.page-home .nav-links>a:hover{color:var(--acid)}
.page-home .header .language{border-color:#ffffff22;color:#bdcfc1}
.page-home .header .nav-right>.button{background:#f1f3e7;color:#15382a}
.page-home .header .menu-button{border-color:#ffffff35;color:#eeeede}
.hero-shell{background:var(--forest);color:#f5f4e9;position:relative;isolation:isolate;overflow:hidden}
.hero-shell:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 52%,#6b875629,transparent 53%),linear-gradient(110deg,transparent 55%,#ffffff02);pointer-events:none}
.hero-shell:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(#acc19d18 1px,transparent 1px),linear-gradient(90deg,#acc19d18 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.story-hero{grid-template-columns:.93fr 1.07fr;gap:40px;padding:99px 0 115px;min-height:640px}
.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:500;line-height:1.8}
.story-hero .eyebrow{color:#b6c99e;margin-bottom:28px;display:flex;align-items:center;gap:11px}
.story-hero .eyebrow:before{content:'';width:24px;height:1px;background:#bad092}
.story-hero h1{font-size:clamp(46px,4.5vw,65px);line-height:1.26;letter-spacing:-2.8px;font-weight:500}
.hero-emphasis{color:var(--acid)}
html[lang="en"] .story-hero h1{font-size:clamp(43px,4.1vw,61px);line-height:1.16;letter-spacing:-2.8px}
.story-hero .hero-sub{color:#b3c3b3;font-size:14px;font-weight:400;margin-top:28px;letter-spacing:.1px}
.story-hero .hero-actions{margin-top:35px;gap:12px}
.story-hero .button{background:var(--acid);color:#173a28;border-color:var(--acid)}
.story-hero .button:hover{background:#eaf3c8}
.story-hero .button.secondary{color:#e6eddf;background:#ffffff04;border-color:#98ae933d}
.story-hero .button.secondary:hover{background:#ffffff0d}
.hero-art{padding:25px 0 44px;perspective:1400px}
.hero-backdrop{inset:-20px -28px 4px 35px;transform:rotate(-7deg);background:linear-gradient(150deg,#3c593c70,#b0bf8330);border:1px solid #b5c99d23;border-radius:22px}
.hero-screen{border:1px solid #b8cbb24a;border-radius:13px;transform:rotateY(-7deg) rotateX(3deg) rotate(1deg);box-shadow:0 35px 65px #00000038,0 0 0 6px #b4c39608;background:white}
.hero-screen img{aspect-ratio:1.72;width:100%;object-position:46% 0}
.browser-chrome{height:28px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 12px;background:#f5f6f1;border-bottom:1px solid #e7ebe3;color:#778271;font-size:8px;letter-spacing:1px;font-family:Arial,sans-serif}
.window-dots{display:flex;gap:4px}
.window-dots i{width:4px;height:4px;border-radius:50%;background:#c7cfc0}
.window-secure{color:#80a17e;font-size:6px}
.hello-card{background:#f6f7f0;bottom:2px;right:9px;width:272px;padding:18px 21px;border-radius:10px;border:1px solid #e5ebdf;box-shadow:0 17px 28px #00000024;color:#243b2a;transform:rotate(-2deg)}
.hello-title{font-size:11px;letter-spacing:.1px}
.hello-card p{font-size:11px;color:#788171}
.online-dot{height:6px;width:6px;background:#66a57d}
.story-section{padding:102px 0}
.section-heading{margin-bottom:44px}
.section-heading h2{font-size:clamp(32px,3.2vw,46px);line-height:1.4;letter-spacing:-1.6px;font-weight:500}
.section-heading .eyebrow{color:#7b8973;margin-bottom:16px}
.story-pain-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.story-pain{background:transparent!important;border-radius:0;padding:31px 35px 29px;position:relative;border-right:1px solid var(--line)}
.story-pain:first-child{padding-left:0}
.story-pain:last-child{border:0;padding-right:0}
.story-pain-number{font-size:11px;color:#9da795;letter-spacing:2px;margin-bottom:18px;font-family:Georgia,serif;font-style:italic}
.story-pain h3{font-size:22px;font-weight:500;letter-spacing:-.6px;line-height:1.45}
.story-pain-art{padding:24px 8px 20px 0;gap:8px;min-height:164px}
.story-message{border-radius:7px;padding:11px 14px;border:1px solid #e6e8df;box-shadow:0 7px 15px #21362906;font-size:12px}
.story-message:nth-child(2){background:#f0f0e9;margin-left:25px}
.story-pain-end{color:#9a826c;font-size:10px}
.story-pain>p{border:0;padding:0;font-size:12px;color:#7c8477}
.story-solution{background:#e9ece2;padding:78px 0}
.story-solution>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.story-solution .section-heading{text-align:left;margin:0}
.story-solution .section-heading h2{font-size:38px;font-weight:500}
.story-solution .pillars{gap:0;margin:0;padding:0}
.story-solution .pillar{background:transparent;border:0;border-left:1px solid #bbc5b3;border-radius:0;padding:4px 20px;box-shadow:none;transition:color .2s}
.story-solution .pillar:hover{transform:none;color:var(--green)}
.story-solution .pillar h3{font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.5px}
.story-solution .pillar-label{font-size:10px;letter-spacing:1px;color:#7a8973;margin-bottom:18px}
.story-solution .pillar-label svg{width:16px;height:16px;stroke-width:1.2}
.story-solution .pillar p{font-size:11px;margin-top:12px;color:#768371}
.story-tabs{gap:0;border-bottom:1px solid var(--line);width:max-content;max-width:100%;margin-bottom:38px}
.story-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:#8c9386;border-radius:0;padding:12px 28px;font-size:13px;letter-spacing:.5px;min-height:48px;transform:translateY(1px)}
.story-tab[aria-selected="true"]{background:transparent;border-color:var(--green);color:var(--ink)}
.story-tab:hover{background:#e7ebdf66;border-color:#7a9279}
.story-tab-panel{grid-template-columns:.65fr 1.35fr;gap:42px;background:#e8ece2;padding:37px;border-radius:20px;align-items:center;border:1px solid #e4e8db}
.story-tab-copy h3{font-size:30px;line-height:1.45;font-weight:500;letter-spacing:-1px}
.story-tab-copy p{font-size:13px;color:#6a7b65;line-height:1.95}
.story-tab-copy .eyebrow{color:#7b8d6c;font-size:9px;letter-spacing:1.2px;margin-bottom:18px}
.feature-link{font-size:12px;gap:15px;margin-top:23px}
.feature-link svg{width:17px;height:17px;transition:transform .2s}
.feature-link:hover svg{transform:translateX(4px)}
.story-tab-panel .screen-stage{padding:0;background:transparent;border-radius:11px}
.product-image{border-radius:9px;box-shadow:0 15px 30px #183e3214;border:1px solid #e2e9dd}
.story-channel-strip{margin-top:28px;padding:19px 0;border-bottom:0;font-size:11px;color:#7c8872}
.story-channel-names{font-size:12px;word-spacing:9px;color:#52664b}
.story-channel-strip>a{font-size:11px}
.story-scenarios{background:#eeeee7;padding:88px 0 84px}
.story-case-grid{gap:27px}
.story-case{background:transparent;border:0;border-radius:0}
.story-case-image{height:210px;background:#dde3d4;padding:20px 19px 0;border-radius:14px;box-shadow:0 1px 0 #fff7 inset}
.story-case:nth-child(2) .story-case-image{background:#e5e2d8}
.story-case:nth-child(3) .story-case-image{background:#dce5dc}
.story-case-image img{height:210px;object-fit:cover;object-position:22% 0;box-shadow:0 10px 25px #223e2421;border:1px solid #ffffffb0}
.story-case-copy{padding:25px 2px 0}
.story-case-copy>span{font-size:9px;letter-spacing:1.4px;color:#7a8c6d}
.story-case-copy h3{font-size:22px;font-weight:500;letter-spacing:-.5px;margin-top:10px}
.story-case-copy p{font-size:12px;line-height:1.95;color:#7c8475;margin-top:12px;max-width:330px}
.story-case-copy a{font-size:11px;display:inline-flex;gap:10px;align-items:center;margin-top:19px}
.story-evidence{background:var(--forest);color:#f3f2e8;padding:90px 0}
.story-evidence .eyebrow{color:#abbf97}
.story-evidence h2{font-size:clamp(31px,3.2vw,45px);font-weight:500;line-height:1.4;letter-spacing:-1.5px}
.story-evidence-sub{color:#99ae97;font-size:12px;letter-spacing:.3px;margin-top:19px}
.video-teaser{border-radius:12px;max-width:970px;box-shadow:0 28px 65px #00000032;border:1px solid #aabf8c32;margin-top:36px}
.video-teaser:after{border-radius:12px}
.video-play{background:#173d2a;color:#f0f3e1;border:1px solid #9fb2906e;box-shadow:0 0 0 12px #456b2624,0 14px 35px #0002;width:78px;height:78px;font-size:24px;transition:transform .2s,box-shadow .2s}
.video-teaser:hover .video-play{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 0 0 18px #456b2624,0 14px 35px #0002}
.video-meta{color:#8fa48c;font-size:10px;letter-spacing:.6px;margin-top:21px}
.story-start{padding:79px 0 68px;grid-template-columns:1fr 1fr;gap:65px}
.story-start h2{font-size:32px;letter-spacing:-1px;font-weight:500}
.story-start ol{gap:28px;counter-reset:steps}
.story-start li>span{background:transparent;width:auto;height:auto;border-radius:0;justify-content:start;font-family:Georgia,serif;font-style:italic;color:#98a38a;font-size:21px;margin-bottom:16px}
.story-start li strong{font-size:13px;font-weight:500}
.story-start li p{font-size:11px;color:#858e7d;line-height:1.8;margin-top:8px}
.cta{background:var(--acid);color:var(--forest);border-radius:14px;padding:52px;position:relative;overflow:hidden}
.cta:after{content:'↗';position:absolute;right:235px;bottom:-30px;font-family:Arial;font-size:200px;line-height:1;color:#7c9b4420;pointer-events:none}
.cta h2{font-size:36px;letter-spacing:-1.4px;font-weight:500;position:relative;z-index:1}
.cta p{font-size:12px;color:#6b7c51;margin-top:13px}
.cta .button{background:var(--forest);color:#f6f4e5;position:relative;z-index:1}
.cta .button:hover{background:#214632}
.footer{padding-top:65px;padding-bottom:35px;color:#829078;gap:40px;font-size:11px}
.footer .brand{font-size:29px}
.footer h3{font-size:11px;font-weight:500;color:#334d37;margin-bottom:20px;letter-spacing:.5px}
.footer-brand p{font-size:11px;line-height:1.9;color:#88917f;margin-top:3px}
.footer a:not(.brand){margin-bottom:11px}
.footer-bottom{font-size:10px;color:#9ba28e;border-color:#e4e6da;padding:21px 0 27px}
.product-hero{padding-top:80px;padding-bottom:38px}
.product-hero h1{font-size:clamp(35px,3.7vw,51px);line-height:1.4;font-weight:500;letter-spacing:-1.8px}
.product-hero p{color:#86907f;font-size:14px;line-height:1.9;margin-top:23px}
.product-hero .hero-actions{margin-top:30px}
.product-quicknav{padding-top:15px;padding-bottom:28px;border-color:#dfe4d6;gap:21px}
.product-quicknav a{background:transparent;border-radius:0;border-bottom:1px solid #d0d9c5;padding:8px 1px;color:#76856c;font-size:11px}
.product-feature{padding-top:88px;padding-bottom:75px;gap:60px;grid-template-columns:.8fr 1.2fr}
.product-feature.reverse{grid-template-columns:1.2fr .8fr}
.product-feature .eyebrow{font-size:9px;letter-spacing:1.6px;color:#8c987e;margin-bottom:19px}
.product-feature h2{font-weight:500;font-size:35px;line-height:1.45}
.product-details{gap:22px;margin-top:27px}
.product-details strong{font-size:13px}
.product-details p{font-size:12px;line-height:1.95;color:#839079}
.product-details li>span{color:#a7b095}
.screen-stage,.screen-stage.purple,.screen-stage.peach{background:#e6eadf;border-radius:17px;padding:25px}
.screen-stage.purple{background:#eae8e0}
.screen-stage.peach{background:#e9e6dc}
.product-integrations{padding-top:70px;padding-bottom:70px;border-color:#dfe4d6}
.integrations h2{font-size:39px;font-weight:500;letter-spacing:-1.4px}
.product-integrations .section-description{font-size:13px;color:#8a927e}
.integration-grid{gap:12px;margin-top:35px}
.integration-card{background:transparent;border-color:#dbdfd1;border-radius:11px;font-size:11px;gap:16px;min-height:136px}
.plugin-mark{width:43px;height:43px;background:#e5ebda;border-radius:10px;box-shadow:0 5px 12px #3c532f06}
.product-faq{padding-top:35px;padding-bottom:80px;max-width:780px}
.product-faq details{border-color:#dde2d3;padding:22px 0}
.product-faq summary{font-size:13px;color:#617157}
.product-faq details p{font-size:12px;line-height:2;color:#8b9580}
.document-hero{border-color:#e0e4d8}
.guide h2{font-weight:500}
.guide p,.guide li{line-height:1.95}
@media(min-width:1600px){.story-hero{padding-top:120px;padding-bottom:135px;min-height:715px}.story-hero h1{font-size:67px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.story-hero{gap:30px;padding-top:77px;padding-bottom:88px;min-height:560px}.story-hero h1{font-size:48px}.hero-art{padding:20px 0 40px}.hello-card{width:235px;right:0}.hero-backdrop{inset:-9px -15px 8px 25px}.story-hero .hero-sub{font-size:12px}.story-solution>.wrap{grid-template-columns:1fr;gap:32px}.story-solution .section-heading{text-align:center}.story-solution .section-heading h2{font-size:38px}.story-solution .pillar:first-child{border:0;padding-left:0}.story-solution .pillar{padding-left:28px;padding-right:28px}.story-tab-panel{padding:28px;gap:28px}.story-tab-copy h3{font-size:27px}.story-case-image{height:174px}.story-case-image img{height:183px}.cta h2{font-size:31px}.cta:after{right:175px}.product-feature,.product-feature.reverse{gap:35px}.product-feature h2{font-size:30px}.integration-card{min-height:120px}.footer{gap:24px}}
@media(max-width:920px){.nav{height:75px;gap:16px}.page-home .nav-links{background:#113429;border-color:#ffffff17}.page-home .nav-links a{color:#c9d7c1}.page-home .nav-links a[aria-current=page]{color:var(--acid)}.story-hero h1{font-size:43px}.story-hero .hero-actions{gap:9px}.story-hero .button{font-size:11px;padding:11px 15px;min-height:43px;gap:10px}.story-hero .hero-sub{font-size:11px}.story-pain{padding-left:23px;padding-right:23px}.story-pain h3{font-size:20px}.story-message{font-size:11px}.story-tab-panel{grid-template-columns:.8fr 1.2fr}.story-tab-copy h3{font-size:25px}.story-start{grid-template-columns:1fr;gap:30px}.product-feature,.product-feature.reverse{grid-template-columns:1fr;gap:29px}.product-feature.reverse .feature-copy{order:0}.product-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-details p{font-size:11px}.product-feature h2 br{display:none}.product-feature .screen-stage{max-width:900px}}
@media(max-width:760px){.wrap{width:calc(100% - 44px)}.nav{height:72px;gap:12px}.nav-links{top:71px}.nav-right{gap:13px}.nav-right .button{font-size:12px;padding:9px 14px;min-height:41px}.brand{font-size:28px}.story-hero{grid-template-columns:1fr;gap:29px;padding:46px 0 62px;min-height:0}.story-hero .eyebrow{margin-bottom:25px;font-size:9px;letter-spacing:1.8px}.story-hero h1{font-size:53px;line-height:1.22;letter-spacing:-2px}.story-hero .hero-sub{font-size:12px;margin-top:24px}.story-hero .hero-actions{margin-top:28px;gap:12px}.story-hero .button{font-size:12px;padding:11px 18px;min-height:46px;gap:13px}.hero-art{padding:25px 0 35px}.hero-backdrop{inset:0 -6px 0 17px;border-radius:17px;transform:rotate(-5deg)}.hero-screen{transform:rotateY(-4deg) rotate(1deg);border-radius:10px}.hero-screen img{aspect-ratio:1.72}.browser-chrome{height:24px;padding:0 9px;font-size:7px}.hello-card{width:242px;bottom:0;right:0;padding:15px 18px}.hello-title{font-size:11px}.hello-card p{font-size:10px}.story-section{padding:62px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:32px;line-height:1.4;letter-spacing:-1px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.9px}.story-solution{padding:50px 0}.story-solution .section-heading h2{font-size:32px}.story-tab-panel{grid-template-columns:1fr;padding:25px;gap:24px;border-radius:14px}.story-tab-copy h3{font-size:27px}.story-tab-copy p{max-width:470px;margin-top:13px;font-size:12px}.story-tabs{margin-bottom:25px}.story-tab{padding:10px 22px;font-size:12px;min-height:45px}.story-tab-copy .eyebrow{margin-bottom:12px}.story-tab-panel .product-image{border-radius:7px}.story-channel-strip{gap:10px;margin-top:24px;padding:16px 0;font-size:10px}.story-channel-names{font-size:11px;word-spacing:4px}.story-scenarios{padding:55px 0}.story-case-grid{gap:25px}.story-case-image{height:186px;padding:17px 17px 0;border-radius:12px}.story-case-image img{height:190px;width:100%;object-position:50% 0}.story-case-copy{padding:20px 0 0}.story-case-copy h3{font-size:21px}.story-evidence{padding:58px 0}.story-evidence h2{font-size:30px;letter-spacing:-.8px}.story-evidence-sub{font-size:11px;max-width:335px;line-height:2;margin-top:16px}.video-teaser{border-radius:9px;margin-top:27px}.video-teaser:after{border-radius:9px}.video-play{width:58px;height:58px;font-size:19px;box-shadow:0 0 0 8px #456b2624}.video-meta{font-size:9px;letter-spacing:.3px;margin-top:18px}.story-start{padding:51px 0 45px;gap:28px}.story-start h2{font-size:28px}.story-start ol{gap:17px}.story-start li strong{font-size:12px}.story-start li p{font-size:11px}.story-start li>span{font-size:20px}.cta{padding:30px;border-radius:11px;gap:24px}.cta h2{font-size:29px;line-height:1.4;letter-spacing:-.8px}.cta p{font-size:11px}.cta .button{font-size:12px}.cta:after{font-size:140px;right:12px;bottom:-10px}.footer{padding-top:49px;padding-bottom:25px;gap:28px}.footer h3{margin-bottom:17px;font-size:11px}.footer-bottom{font-size:9px;padding:18px 0 23px}.product-hero{padding-top:44px;padding-bottom:27px}.product-hero h1{font-size:33px;line-height:1.45;letter-spacing:-1px}.product-hero p{font-size:13px;margin-top:20px}.product-quicknav{gap:10px 19px;justify-content:flex-start;padding-bottom:21px}.product-quicknav a{font-size:10px;padding:6px 0}.product-feature{padding-top:52px;padding-bottom:40px}.product-feature h2{font-size:29px}.product-details{grid-template-columns:1fr;gap:18px}.product-details p{font-size:12px;max-width:450px}.screen-stage,.screen-stage.purple,.screen-stage.peach{padding:16px;border-radius:12px}.product-integrations{padding:40px 0}.integrations h2{font-size:30px;line-height:1.4}.product-integrations .section-description{font-size:12px}.integration-grid{gap:10px;margin-top:26px}.integration-card{min-height:110px;font-size:10px;gap:12px}.plugin-mark{height:37px;width:37px;border-radius:9px}.product-faq{padding-top:20px;padding-bottom:49px}.product-faq summary{font-size:13px}.product-faq details p{font-size:12px}.guide h2{font-size:25px}.guide p,.guide li{font-size:13px}}
@media(max-width:650px){.story-pain-grid{border-bottom:0;gap:0}.story-pain,.story-pain:first-child,.story-pain:last-child{padding:26px 0;border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 18px}.story-pain-number{margin-bottom:7px;font-size:10px;letter-spacing:1px}.story-pain h3{font-size:20px;line-height:1.5}.story-pain-art{grid-column:2;grid-row:1/4;min-height:128px;padding:0}.story-message{font-size:10px;padding:9px 10px}.story-message:nth-child(2){margin-left:11px}.story-pain-end{font-size:9px}.story-pain>p{font-size:10px;padding:10px 0 0}.story-solution .pillars{grid-template-columns:1fr;gap:0}.story-solution .pillar,.story-solution .pillar:first-child{display:grid;grid-template-columns:60px 1fr;gap:4px 12px;border-left:0;border-top:1px solid #cbd4c1;padding:23px 0}.story-solution .pillar:last-child{padding-bottom:0}.story-solution .pillar-label{grid-row:1/3;margin:0;font-size:10px;display:flex;align-self:center;gap:7px}.story-solution .pillar h3{font-size:19px}.story-solution .pillar p{margin-top:3px;font-size:11px}.story-case{display:block}.story-case-image{height:205px}.story-case-image img{height:220px}.story-case-copy{padding-top:21px}.story-case-copy p{font-size:12px;max-width:none;min-height:0}.story-case-copy a{margin-top:14px}.story-case-grid{gap:33px}.story-start li>span{margin-bottom:12px}}
@media(max-width:390px){.wrap{width:calc(100% - 36px)}.brand{font-size:26px}.nav{gap:9px}.nav-right{gap:9px}.nav-right>.button{padding:8px 11px;font-size:11px;min-height:39px}.story-hero h1{font-size:clamp(35px,10.8vw,43px);letter-spacing:-1.6px}.story-hero .hero-sub{font-size:11px;letter-spacing:0}.story-hero .hero-actions{gap:9px}.story-hero .button{padding:10px 15px;font-size:11px}.hello-card{width:222px;padding:13px 16px}.story-hero{padding-top:42px;padding-bottom:56px}.story-pain h3{font-size:18px}.story-tab{padding:10px 17px;font-size:11px}.story-tab-panel{padding:20px}.section-heading h2{font-size:29px}.story-solution .section-heading h2{font-size:29px}.story-tab-copy h3{font-size:25px}.story-evidence h2{font-size:27px}.story-start h2{font-size:26px}.cta{padding:25px}.cta h2{font-size:27px}.product-hero h1{font-size:29px}.product-feature h2{font-size:27px}.story-pain-number{display:block}.story-pain-art{min-height:132px}}
@media(max-width:340px){.story-pain,.story-pain:first-child,.story-pain:last-child{grid-template-columns:1fr}.story-pain-art{grid-column:1;grid-row:auto;min-height:0;padding:15px 0 10px}.story-pain h3 br{display:none}.story-pain>p{padding-top:0}}
@media(prefers-reduced-motion:reduce){.hero-screen,.hero-backdrop,.hello-card{transform:none}.video-teaser:hover .video-play{transform:translate(-50%,-50%)}.button:hover{transform:none}}
/* Original workflow illustrations replace application screenshots. */
.hero-screen{border:1px solid #e0e7cf30;transform:none;border-radius:22px;background:#eff2e6;box-shadow:0 35px 70px #0002;overflow:hidden}
.hero-screen img{aspect-ratio:1000/650;object-fit:contain;object-position:center}
.hero-backdrop{transform:rotate(-6deg);inset:2px -16px 12px 25px;background:linear-gradient(145deg,#69844e50,#d1e6a820)}
.hero-art{padding:18px 0 25px}
.story-tab-panel .screen-stage{background:transparent}
.product-image{border:0;box-shadow:none;border-radius:14px;width:100%;background:#edf1e5}
.screen-stage,.screen-stage.purple,.screen-stage.peach{padding:0;background:transparent;border-radius:17px;overflow:hidden;border:1px solid #e2e7d8}
.story-tab-panel .screen-stage{border:0;overflow:hidden}
.story-case-image{height:auto;aspect-ratio:1000/650;padding:0;overflow:hidden;background:#edf1e5!important;border:1px solid #dfe5d4}
.story-case-image img{height:auto;width:100%;object-fit:contain;object-position:center;box-shadow:none;border:0;border-radius:0;display:block}
@media(max-width:760px){.hero-screen{border-radius:16px}.hero-screen img{aspect-ratio:1000/650}.hero-art{padding:15px 0 20px}.hero-backdrop{inset:0 -5px 3px 16px}.story-tab-panel{padding:23px}.story-tab-panel .screen-stage{margin:0 -12px}.screen-stage,.screen-stage.purple,.screen-stage.peach{padding:0;border-radius:12px}.story-case-image{height:auto;aspect-ratio:1000/650;padding:0}.story-case-image img{height:auto;width:100%}.product-image{border-radius:10px}}
/* Omnichannel connection is a primary value section. */
.channel-showcase{padding:90px 0 67px;background:#e7ecdf;border-top:1px solid #dce4d2;border-bottom:1px solid #dce4d2;scroll-margin-top:86px}
.channel-intro{display:grid;grid-template-columns:1fr .72fr;gap:85px;align-items:end;margin-bottom:44px}
.channel-intro .eyebrow{font-size:10px;letter-spacing:2px;color:#73836a;margin-bottom:20px}
.channel-intro h2{font-size:clamp(34px,3.5vw,49px);font-weight:500;letter-spacing:-1.8px;line-height:1.35}
.channel-intro-aside{padding-bottom:4px;max-width:370px}
.channel-intro-aside>p{font-size:14px;line-height:1.95;color:#718168}
.channel-intro-aside .feature-link{font-size:12px;margin-top:15px;display:inline-flex}
.channel-map{display:grid;grid-template-columns:1fr .9fr 1fr;align-items:center;gap:32px;background:#f7f8f0;border:1px solid #dce3d0;border-radius:22px;padding:38px;position:relative;overflow:hidden}
.map-caption{font-size:9px;letter-spacing:1.4px;color:#8e9b80;margin-bottom:20px}
.channel-nodes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.channel-node{min-width:0;display:flex;align-items:center;gap:10px;background:white;border:1px solid #e5e9db;border-radius:10px;padding:13px 10px;font-size:12px;white-space:nowrap;box-shadow:0 4px 10px #304b2703}
.channel-node:last-child{grid-column:1/-1;justify-content:center;max-width:none}
.channel-node .plugin-mark{width:30px;height:30px;border-radius:8px;box-shadow:none;margin:0;flex:none;font-size:22px}
.channel-node svg{width:17px;height:17px;stroke-width:1.5}
.channel-hub{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;isolation:isolate}
.channel-hub:before,.channel-hub:after{content:'';position:absolute;width:70px;height:1px;background:#bdcda9;top:calc(50% - 16px);z-index:-1}
.channel-hub:before{right:100%}.channel-hub:after{left:100%}
.hub-orbit{padding:25px;border:1px solid #dde6cd;border-radius:50%;position:relative;background:#edf2e140}
.hub-orbit:before{content:'';position:absolute;inset:12px;border:1px dashed #d0ddbc;border-radius:50%}
.hub-orbit:after{content:'';position:absolute;top:24px;right:24px;width:9px;height:9px;border-radius:50%;background:#acc587;box-shadow:0 0 0 6px #e8efdc}
.hub-core{width:163px;height:163px;border-radius:32px;background:#133d2c;color:#eff3e1;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 27px #173e3020;position:relative}
.hub-core .brand-mark{width:26px;height:26px;background:#deedb2;margin-bottom:8px}
.hub-core strong{font-size:31px;font-weight:500;letter-spacing:-1.5px;line-height:1.1}
.hub-core>span:last-child{font-size:9px;color:#b2c79e;margin-top:15px}
.hub-caption{font-size:8px;letter-spacing:1.5px;color:#879877;margin-top:13px;white-space:nowrap}
.channel-results{display:grid;gap:0;z-index:1;background:#f7f8f0}
.channel-result{display:flex;gap:15px;align-items:start;padding:22px 0;border-bottom:1px solid #e2e7d7}
.channel-result:first-child{padding-top:8px}.channel-result:last-child{border:0;padding-bottom:8px}
.result-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e8efdc;color:#567d45;flex:none}
.result-icon svg{width:17px;height:17px;stroke-width:1.4}
.channel-result h3{font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.3px}
.channel-result p{font-size:11px;line-height:1.8;color:#829174;margin-top:7px}
.channel-bottom{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:#819172;padding-top:22px}
.channel-bottom>span:last-child{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#607d50}
.channel-bottom svg{width:15px;height:15px}
.page-product .channel-showcase{margin-top:30px}
@media(max-width:1100px){.channel-map{padding:27px;gap:25px;grid-template-columns:1fr .75fr .9fr}.channel-node{font-size:10px;gap:7px;padding:11px 8px}.channel-node .plugin-mark{width:25px;height:25px}.channel-node svg{width:15px;height:15px}.hub-core{width:133px;height:133px;border-radius:26px}.hub-orbit{padding:19px}.channel-result h3{font-size:16px}.channel-result{gap:10px}.channel-result p{font-size:10px}.channel-intro{gap:50px}.hub-core>span:last-child{font-size:8px}}
@media(max-width:920px){.channel-map{grid-template-columns:1fr .8fr;gap:25px}.channel-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid #e2e7d7;padding-top:27px}.channel-result,.channel-result:first-child,.channel-result:last-child{padding:0;border:0;display:block}.result-icon{margin-bottom:13px}.channel-hub:after{display:none}.channel-node{font-size:13px}.channel-node .plugin-mark{width:32px;height:32px}.channel-map{padding:30px}.hub-core{width:163px;height:163px}.hub-orbit{padding:25px}.channel-result p{font-size:11px}.channel-intro{gap:30px;grid-template-columns:1fr .8fr}.channel-intro-aside>p{font-size:12px}}
@media(max-width:650px){.channel-showcase{padding:54px 0 38px;scroll-margin-top:71px}.channel-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.channel-intro h2{font-size:35px;letter-spacing:-1.1px}.channel-intro .eyebrow{font-size:9px;margin-bottom:16px}.channel-intro-aside{max-width:380px}.channel-intro-aside>p{font-size:12px}.channel-intro-aside .feature-link{font-size:11px;margin-top:12px}.channel-map{grid-template-columns:1fr;padding:23px;gap:0;border-radius:15px}.map-caption{font-size:8px;margin-bottom:14px;letter-spacing:1px}.channel-nodes{gap:8px}.channel-node{font-size:12px;padding:11px 10px;gap:10px}.channel-node .plugin-mark{width:28px;height:28px}.channel-node:last-child{grid-column:1/-1}.channel-hub{margin-top:26px;padding-top:22px;padding-bottom:27px}.channel-hub:before{height:28px;width:1px;top:-26px;right:50%}.hub-core{width:143px;height:143px;border-radius:27px}.hub-orbit{padding:22px}.hub-core>span:last-child{font-size:8px}.hub-caption{font-size:7px;letter-spacing:1px;margin-top:12px}.channel-results{grid-column:auto;grid-template-columns:1fr;gap:0;padding-top:4px}.channel-result,.channel-result:first-child,.channel-result:last-child{display:flex;gap:14px;border-bottom:1px solid #e2e7d7;padding:19px 0}.channel-result:last-child{border:0;padding-bottom:1px}.result-icon{margin:0}.channel-result h3{font-size:17px}.channel-result p{font-size:11px;margin-top:5px}.channel-bottom{display:block;font-size:10px;line-height:1.9;padding-top:18px}.channel-bottom>span:last-child{margin-top:8px}.page-product .channel-showcase{margin-top:15px}}
@media(max-width:340px){.channel-map{padding:18px}.channel-node{font-size:10px;gap:7px;padding:10px 8px}.channel-node .plugin-mark{width:24px;height:24px}.channel-intro h2{font-size:31px}}
/* Hero states the complete product value, with a matching overview. */
.story-hero h1{font-size:clamp(31px,3.2vw,46px);line-height:1.45;letter-spacing:-1.8px}
.story-hero .hero-emphasis{font-size:.91em}
.story-hero .hero-sub{font-size:13px;line-height:1.95;max-width:445px}
html[lang="en"] .story-hero h1{font-size:clamp(32px,3.3vw,47px);line-height:1.23;letter-spacing:-1.7px}
html[lang="en"] .story-hero .hero-emphasis{font-size:.95em}
@media(min-width:1600px){.story-hero h1{font-size:46px}}
@media(max-width:1100px){.story-hero h1{font-size:36px}.story-hero .hero-sub{font-size:12px}}
@media(max-width:920px){.story-hero h1{font-size:30px;letter-spacing:-1.2px}.story-hero .hero-sub{font-size:11px}}
@media(max-width:760px){.story-hero h1{font-size:clamp(31px,5.5vw,42px);line-height:1.45;letter-spacing:-1px}.story-hero .hero-emphasis{font-size:1em}.story-hero .hero-sub{font-size:12px;max-width:450px}html[lang="en"] .story-hero h1{font-size:38px}.hero-screen img{aspect-ratio:1000/650}}
@media(max-width:390px){.story-hero h1{font-size:31px}.story-hero .hero-sub{font-size:11px}html[lang="en"] .story-hero h1{font-size:33px}}
@media(max-width:760px){html[lang="zh-CN"] .story-hero h1{font-size:clamp(22px,7vw,40px);letter-spacing:-1px;line-height:1.5}}
/* The hero uses a human customer story rather than a technical diagram. */
.hero-screen.human-scene{position:relative;background:#f1f1e4;border-radius:23px;border:1px solid #e5ead54a}
.hero-screen.human-scene img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
.scene-question,.scene-answer{position:absolute;display:flex;align-items:center;gap:10px;z-index:2;box-shadow:0 8px 24px #1d3a2c12;font-size:12px;line-height:1.5;letter-spacing:.1px}
.scene-question{top:6%;left:5%;background:#fffdf5f5;color:#284331;padding:13px 17px;border-radius:12px 12px 12px 2px;border:1px solid #ffffffa0}
.scene-answer{bottom:5%;right:4%;background:#183e2ef0;color:#f2f3e4;padding:13px 16px;border-radius:12px 12px 2px 12px;border:1px solid #c4d6a940}
.scene-answer>span{display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:#ddecbb;color:#204b34;font-size:11px}
@media(max-width:1100px){.scene-question,.scene-answer{font-size:10px;gap:7px;padding:10px 12px}}
@media(max-width:760px){.hero-screen.human-scene{border-radius:16px}.hero-screen.human-scene img{aspect-ratio:3/2}.scene-question,.scene-answer{font-size:11px;padding:10px 12px}.scene-question{top:5%;left:4%}.scene-answer{bottom:5%;right:4%}}
@media(max-width:390px){.scene-question,.scene-answer{font-size:9px;padding:8px 10px;gap:6px}.scene-answer>span{width:15px;height:15px;font-size:9px}}
/* Refined SaaS product scene: layered UI objects and restrained geometry. */
.hero-screen.product-scene{border-radius:22px;border:1px solid #dce6ce4d;background:#edf1e5;box-shadow:0 28px 65px #0002}
.hero-screen.product-scene img{aspect-ratio:1000/650;width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.hero-screen.product-scene{border-radius:16px}}
/* Blend the hero artwork into the forest background instead of a light panel. */
.story-hero .hero-backdrop{display:none}
.hero-screen.product-scene{background:radial-gradient(ellipse at 53% 48%,#7297501c,transparent 72%);border:0;box-shadow:none;border-radius:0;overflow:visible}
.hero-screen.product-scene img{background:transparent}
@media(max-width:760px){.hero-screen.product-scene{border-radius:0}}