.home-refresh-page { --hr-green:#27c66f; --hr-dark:#073d28; --hr-mint:#bdf6d5; --hr-lime:#dffc63; --hr-cream:#f8f5eb; background:var(--hr-cream); }
.home-refresh-page .k-promo { display:none; }
.home-refresh-page .sticker-field,.home-refresh-page .sticker-drop,.home-refresh-page .sticker-sweep,.home-refresh-page .k-sweep-btn { display:none!important; }
.home-refresh { overflow:clip; background:var(--hr-cream); color:var(--hr-dark); }
.home-refresh h1,.home-refresh h2,.home-refresh h3 { font-family:var(--font-display); letter-spacing:-.065em; }
.hr-kicker { font:800 12px/1 var(--font-sans); letter-spacing:.13em; text-transform:uppercase; }
.hr-button { display:inline-flex; align-items:center; gap:34px; padding:17px 18px 17px 24px; border-radius:12px; background:var(--hr-dark); color:white; font-weight:800; transition:transform .25s ease,background .25s ease; }
.hr-button span { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:var(--hr-lime); color:var(--hr-dark); }
.hr-button:hover { transform:translateY(-3px); background:#021f14; }
.hr-hero { min-height:100svh; padding:170px max(5vw,24px) 80px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr); align-items:center; gap:4vw; }
.hr-hero-copy { position:relative; z-index:2; }
.hr-hero h1 { max-width:750px; margin:22px 0 28px; font-size:clamp(64px,7.8vw,132px); line-height:.79; font-weight:800; }
.hr-hero h1 span { display:block; opacity:0; transform:translateY(60px); animation:hr-rise .9s cubic-bezier(.16,1,.3,1) forwards; }
.hr-hero h1 span:nth-child(2) { color:var(--k-green); animation-delay:.1s; }
.hr-lead { max-width:620px; margin-bottom:32px; font-size:clamp(18px,1.55vw,24px); line-height:1.42; color:#365946; }
.hr-hero-art { position:relative; transform:translate3d(0,var(--hero-y,0),0) rotate(var(--hero-r,-2deg)); transition:transform .12s linear; }
.hr-hero-art::before { content:""; position:absolute; inset:8% -8% -5% 10%; z-index:-1; border-radius:48px; background:var(--hr-mint); }
.hr-hero-art img { filter:drop-shadow(0 30px 35px rgba(7,61,40,.18)); }
@keyframes hr-rise { to { opacity:1; transform:none; } }
.hr-section-head { max-width:1520px; margin:0 auto 54px; display:flex; align-items:end; justify-content:space-between; gap:30px; padding:0 max(5vw,24px); }
.hr-section-head h2 { margin-top:14px; font-size:clamp(58px,7vw,118px); line-height:.82; }
.hr-section-head>p { max-width:350px; font-size:18px; line-height:1.45; }
.hr-rail-section { padding:110px 0 140px; background:#fff; }
.hr-rail-nav { display:flex; gap:10px; }
.hr-rail-nav button { width:62px; height:62px; border-radius:50%; background:#07170f; color:white; font-size:26px; transition:transform .2s ease; }
.hr-rail-nav button:hover { transform:scale(1.08); }
.hr-rail-viewport { overflow:visible; }
.hr-rail { display:flex; width:max-content; gap:36px; padding:20px 8vw 50px; transform:translate3d(var(--rail-x,0),0,0); transition:transform .75s cubic-bezier(.16,1,.3,1); }
.hr-product-card { width:min(68vw,860px); min-height:660px; padding:38px; border-radius:38px; display:grid; grid-template-columns:.72fr 1.28fr; gap:28px; flex:none; overflow:hidden; transform:rotate(var(--card-r,-1deg)); border:2px solid rgba(7,61,40,.12); }
.hr-product-card:nth-child(2){ --card-r:1.5deg; }.hr-product-card:nth-child(3){ --card-r:-1.2deg; }
.hr-product-card.is-lime{background:var(--hr-lime)}.hr-product-card.is-mint{background:var(--hr-mint)}.hr-product-card.is-forest{background:var(--hr-green)}
.hr-card-copy { display:flex; flex-direction:column; align-items:flex-start; }
.hr-card-copy>span { font-weight:900; }.hr-card-copy h3{margin-top:auto;font-size:clamp(45px,5vw,82px);line-height:.85}.hr-card-copy p{margin:20px 0;font-size:18px;line-height:1.4}.hr-card-copy a{font-weight:850;border-bottom:2px solid currentColor}
.hr-card-media { position:relative; min-width:0; border-radius:26px; overflow:hidden; background:#fff; }
.hr-card-media img,.hr-card-media video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity .4s ease,transform .7s ease; }
.hr-card-media video { opacity:0; }.hr-product-card:hover video { opacity:1; }.hr-product-card:hover img { opacity:0; transform:scale(1.04); }
.hr-steps { min-height:1250px; padding:120px 0; background:#dcf8e7; border-radius:70px 70px 0 0; }
.hr-step-stage { position:sticky; top:90px; height:720px; max-width:1520px; margin:auto; display:flex; justify-content:center; align-items:center; perspective:1200px; }
.hr-step-card { position:absolute; left:50%; top:50%; width:min(31vw,440px); height:570px; padding:26px; border-radius:30px; background:var(--step-bg,var(--hr-lime)); border:2px solid rgba(7,61,40,.13); transform:translate(calc(-50% + var(--step-x,0px)),calc(-50% + var(--step-y,0px))) rotate(var(--step-r,0deg)); z-index:calc(var(--i) + 1); will-change:transform; }
.hr-step-card:nth-child(1){--step-bg:#79e7a9}.hr-step-card:nth-child(2){--step-bg:#dffc63}.hr-step-card:nth-child(3){--step-bg:#49cf82}.hr-step-card:nth-child(4){--step-bg:#a7f0c6}
.hr-step-card>span{font-weight:850}.hr-step-card img{width:100%;height:300px;object-fit:contain;margin:18px 0}.hr-step-card h3{font-size:38px;line-height:.9}.hr-step-card p{margin-top:14px;font-size:16px;line-height:1.4}
.hr-word-wall { position:relative; height:180vh; min-height:1200px; padding:110px max(5vw,24px); background:#35d878; overflow:hidden; }
.hr-word-wall>.hr-kicker { position:sticky; top:110px; z-index:4; }
.hr-words { position:sticky; top:110px; z-index:2; display:flex; flex-direction:column; align-items:center; transform:translateY(var(--words-y,20vh)); }
.hr-words span { font:800 clamp(68px,10vw,180px)/.77 var(--font-display); letter-spacing:-.075em; color:#06150e; white-space:nowrap; }
.hr-words .accent { font-style:italic; font-weight:500; }
.hr-word-corners img { position:absolute; z-index:3; width:min(22vw,350px); border-radius:22px; border:6px solid #fff; box-shadow:0 30px 60px rgba(7,61,40,.25); }
.corner-one{left:2vw;top:18%;transform:translateY(var(--corner-a,0)) rotate(-8deg)}.corner-two{right:2vw;top:14%;transform:translateY(var(--corner-b,0)) rotate(7deg)}.corner-three{right:-2vw;bottom:8%;transform:translateY(var(--corner-a,0)) rotate(5deg)}
.hr-feature-stage { min-height:92vh; padding:110px max(5vw,24px); display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:6vw; background:var(--hr-cream); }
.hr-feature-stage.is-reversed { grid-template-columns:1.22fr .78fr; background:var(--hr-mint); }.hr-feature-stage.is-reversed .hr-feature-copy{order:2}
.hr-feature-copy h2 { margin:18px 0 26px; font-size:clamp(50px,6vw,100px); line-height:.84; }.hr-feature-copy>p:last-child{font-size:19px;line-height:1.5;max-width:560px}
.hr-feature-video { border-radius:36px; overflow:hidden; background:var(--hr-dark); box-shadow:0 35px 75px rgba(7,61,40,.22); transform:rotate(-1deg); }.hr-feature-video video{width:100%;aspect-ratio:16/9;object-fit:contain}
.hr-final { min-height:72vh; padding:100px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:var(--hr-dark); color:white; border-radius:70px 70px 0 0; }.hr-final h2{max-width:1100px;margin:20px 0 42px;font-size:clamp(72px,10vw,170px);line-height:.78}.hr-button.is-light{background:var(--hr-lime);color:var(--hr-dark)}.hr-button.is-light span{background:var(--hr-dark);color:white}
@media(max-width:1024px){.hr-hero{grid-template-columns:1fr;padding-top:150px}.hr-hero-art{max-width:800px}.hr-product-card{width:82vw;min-height:610px}.hr-step-card{width:38vw}.hr-feature-stage,.hr-feature-stage.is-reversed{grid-template-columns:1fr}.hr-feature-stage.is-reversed .hr-feature-copy{order:0}}
@media(max-width:720px){.hr-hero{min-height:auto;padding:130px 20px 70px}.hr-hero h1{font-size:16vw;line-height:.88;margin-bottom:38px}.hr-hero h1 span{overflow-wrap:normal}.hr-lead{font-size:17px}.hr-section-head{align-items:flex-start;flex-direction:column}.hr-section-head h2{font-size:58px}.hr-rail-nav{align-self:flex-end}.hr-rail{width:max-content;padding:10px 20px 40px}.hr-product-card{width:88vw;min-height:650px;padding:22px;grid-template-columns:1fr}.hr-card-media{min-height:350px}.hr-steps{min-height:auto;border-radius:38px 38px 0 0}.hr-step-stage{position:relative;top:auto;height:auto;display:grid;gap:18px;padding:0 20px}.hr-step-card{position:relative;left:auto;top:auto;width:100%;height:auto}.hr-feature-stage{min-height:auto;padding:90px 20px}.hr-final{border-radius:38px 38px 0 0}}
@media(prefers-reduced-motion:reduce){.home-refresh *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hr-hero h1 span{opacity:1;transform:none}.hr-rail,.hr-step-card,.hr-words,.hr-word-corners img,.hr-hero-art{transform:none!important}}

/* v2: reference-faithful navigation, wide demos, five-step plop, capability hover */
.home-refresh-page .k-topbar{display:none}.hr-nav{position:fixed;z-index:100;left:50%;top:18px;transform:translateX(-50%);width:min(1280px,calc(100% - 36px));height:66px;padding:8px 10px 8px 18px;display:flex;align-items:center;gap:32px;background:rgba(248,245,235,.88);border:1px solid rgba(7,61,40,.16);border-radius:18px;backdrop-filter:blur(18px)}.hr-nav-logo{width:142px}.hr-nav-logo img{width:100%}.hr-nav-links{margin:auto;display:flex;gap:30px;font-weight:750;font-size:14px}.hr-nav-links a{transition:opacity .2s}.hr-nav-links a:hover{opacity:.55}.hr-nav-cta{display:flex;align-items:center;gap:20px;padding:13px 13px 13px 20px;border-radius:12px;background:var(--hr-lime);font-weight:850}.hr-nav-cta span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--hr-dark);color:#fff}
.hr-rail-section{padding-top:140px}.hr-section-head h2 em{font-family:var(--font-sans);font-weight:500;color:var(--hr-green)}.hr-rail-viewport{overflow:hidden;cursor:grab}.hr-rail-viewport:active{cursor:grabbing}.hr-rail{width:max-content!important;overflow:visible!important;touch-action:pan-y;user-select:none;will-change:transform}.hr-product-card{width:min(76vw,1040px);min-height:610px;grid-template-columns:.58fr 1.42fr}.hr-card-media img{position:relative;width:100%;height:100%;object-fit:contain;background:#fff}.hr-card-media video{display:none}
.hr-demos{background:var(--hr-cream)}.hr-demo{min-height:92vh;padding:110px max(5vw,24px);display:grid;grid-template-columns:.62fr 1.38fr;align-items:center;gap:5vw}.hr-demo.is-reversed{grid-template-columns:1.38fr .62fr;background:var(--hr-mint)}.hr-demo.is-reversed .hr-demo-copy{order:2}.hr-demo-copy h2{margin:18px 0 24px;font-size:clamp(52px,6.2vw,105px);line-height:.84}.hr-demo-copy h2 span{color:var(--hr-green)}.hr-demo-copy>p:last-child{max-width:520px;font-size:18px;line-height:1.5}.hr-demo-video{width:100%;border-radius:34px;overflow:hidden;background:var(--hr-dark);box-shadow:0 30px 70px rgba(7,61,40,.18)}.hr-demo-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--hr-dark)}
.hr-steps{position:relative;min-height:auto;padding:140px 0 170px;overflow:hidden}.hr-flow-blob{position:absolute;inset:8% -12% -18%;background:rgba(255,255,255,.42);border-radius:50% 45% 35% 55%;transform:translateY(var(--blob-y,0));pointer-events:none}.hr-steps .hr-section-head{position:relative;z-index:2}.hr-step-stage{position:relative;top:auto;height:680px;max-width:1600px;padding:0 4vw;display:flex;align-items:center;justify-content:center;gap:0;perspective:none}.hr-step-card{position:relative;left:auto;top:auto;width:min(22vw,360px);height:570px;padding:24px;margin-left:-3.2vw;transform:rotate(var(--rest-r));transform-origin:center 90%;opacity:1}.hr-step-card:first-child{margin-left:0}.hr-step-card:nth-child(1){--rest-r:-6deg}.hr-step-card:nth-child(2){--rest-r:3deg}.hr-step-card:nth-child(3){--rest-r:-2deg}.hr-step-card:nth-child(4){--rest-r:5deg}.hr-step-card:nth-child(5){--rest-r:-3deg}.hr-step-card img{height:285px;mix-blend-mode:multiply}.hr-step-card h3{font-size:30px}
.hr-genre{position:relative;min-height:140vh;padding:100px 5vw;background:#35d878;overflow:hidden}.hr-genre>.hr-kicker{position:relative;z-index:4}.hr-genre-list{position:relative;z-index:2;margin:70px auto 0;display:flex;max-width:1100px;flex-direction:column;align-items:center}.hr-genre-list button{font:800 clamp(70px,8.7vw,150px)/.8 var(--font-display);letter-spacing:-.07em;color:#07150e;white-space:nowrap;transition:font-style .2s,transform .25s,opacity .25s}.hr-genre-list:hover button:not(:hover){opacity:.28}.hr-genre-list button:hover,.hr-genre-list button.is-active{font-style:italic;font-weight:500;transform:scale(1.035)}.hr-genre-images img{position:absolute;z-index:3;width:min(20vw,330px);max-height:430px;object-fit:cover;border-radius:24px;border:6px solid #fff;box-shadow:0 30px 60px rgba(7,61,40,.22);pointer-events:none;will-change:transform}.hr-genre-images img:nth-child(1){left:-2vw;top:20%;transform:rotate(-7deg)}.hr-genre-images img:nth-child(2){right:-2vw;top:14%;transform:rotate(6deg)}.hr-genre-images img:nth-child(3){left:2vw;bottom:7%;transform:rotate(5deg)}.hr-genre-images img:nth-child(4){right:1vw;bottom:6%;transform:rotate(-6deg)}
@media(max-width:800px){.hr-nav{left:12px;right:12px;width:auto;transform:none;top:10px;height:62px}.hr-nav-logo{width:118px}.hr-nav-links{display:none}.hr-nav-cta{margin-left:auto;padding:11px 11px 11px 15px;gap:10px}.hr-product-card{width:88vw;min-height:660px;grid-template-columns:1fr}.hr-rail{overflow:visible!important;width:max-content!important;transform:none}.hr-demo,.hr-demo.is-reversed{min-height:auto;padding:90px 20px;grid-template-columns:1fr}.hr-demo.is-reversed .hr-demo-copy{order:0}.hr-demo-video{border-radius:22px}.hr-step-stage{height:auto;padding:20px;display:grid;gap:18px}.hr-step-card{width:100%;height:auto;margin:0!important}.hr-step-card img{height:250px}.hr-genre{min-height:900px;padding:80px 18px}.hr-genre-list button{font-size:14.6vw;white-space:normal;text-align:center}.hr-genre-images img{width:27vw;border-width:3px}}

/* v3: Aardvark-inspired floating navigation, clickable surface cards, paired capability scenes */
.hr-nav{width:calc(100% - 44px);max-width:none;height:74px;padding:0 6px 0 8px;background:transparent;border:0;backdrop-filter:none;pointer-events:none}.hr-nav>*{pointer-events:auto}.hr-nav-logo{width:160px;padding:12px 14px;border-radius:14px;background:rgba(248,245,235,.92);box-shadow:0 8px 28px rgba(7,61,40,.08)}.hr-nav-links{position:absolute;left:50%;transform:translateX(-50%);margin:0;padding:8px;background:rgba(248,245,235,.94);border:1px solid rgba(7,61,40,.12);border-radius:999px;box-shadow:0 10px 34px rgba(7,61,40,.1);backdrop-filter:blur(18px);gap:2px}.hr-nav-links a{padding:12px 17px;border-radius:999px}.hr-nav-links a:hover{opacity:1;background:var(--hr-mint)}.hr-nav-cta{margin-left:auto;box-shadow:0 10px 30px rgba(7,61,40,.13)}.hr-nav-toggle,.hr-mobile-menu{display:none}
.hr-product-card{position:relative;width:min(84vw,1280px);min-height:690px;color:var(--hr-dark);text-decoration:none;transform:rotate(var(--card-r,-1deg)) translateY(0);transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 0 rgba(7,61,40,.08)}.hr-product-card:hover,.hr-product-card:focus-visible{transform:rotate(0deg) translateY(-24px) scale(1.012);box-shadow:0 38px 70px rgba(7,61,40,.2);outline:none}.hr-product-card:hover .hr-card-media img,.hr-product-card:focus-visible .hr-card-media img{transform:scale(1.035)}.hr-card-cta{display:inline-flex;align-items:center;gap:22px;margin-top:8px;padding:14px 14px 14px 20px;border-radius:12px;background:var(--hr-dark);color:#fff;font-weight:850;transform:translateY(18px);opacity:0;transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}.hr-card-cta b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--hr-lime);color:var(--hr-dark)}.hr-product-card:hover .hr-card-cta,.hr-product-card:focus-visible .hr-card-cta{transform:none;opacity:1}.hr-card-copy h3{margin-top:auto}.hr-card-media img{transition:transform .75s cubic-bezier(.16,1,.3,1)}
.hr-genre{min-height:150vh}.hr-capability-scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}.hr-capability-scene.is-active{opacity:1;visibility:visible}.hr-genre-images .hr-capability-scene img{position:absolute;width:min(25vw,430px);max-height:500px;object-fit:contain;background:#f8fafc}.hr-genre-images .hr-capability-scene img:first-child{left:-2vw;top:18%;transform:rotate(-7deg)}.hr-genre-images .hr-capability-scene img:last-child{right:-2vw;bottom:9%;transform:rotate(6deg)}.hr-genre-list button{position:relative}
@media(max-width:800px){.hr-nav{left:10px;right:10px;top:10px;width:auto;height:62px;padding:7px 8px 7px 14px;background:rgba(248,245,235,.95);border:1px solid rgba(7,61,40,.14);border-radius:18px;pointer-events:auto}.hr-nav-logo{width:118px;padding:0;background:transparent;box-shadow:none}.hr-nav-cta{margin-left:auto}.hr-nav-cta span{display:none}.hr-nav-toggle{display:grid;width:42px;height:42px;margin-left:6px;place-content:center;gap:6px;border-radius:12px;background:var(--hr-dark)}.hr-nav-toggle span{display:block;width:19px;height:2px;background:#fff;transition:transform .25s ease}.hr-nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.hr-nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hr-mobile-menu{position:absolute;left:0;right:0;top:70px;padding:10px;display:grid;gap:4px;background:var(--hr-cream);border:1px solid rgba(7,61,40,.14);border-radius:18px;box-shadow:0 20px 40px rgba(7,61,40,.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s ease}.hr-mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.hr-mobile-menu a{padding:15px 16px;border-radius:12px;font-weight:800}.hr-mobile-menu a:hover{background:var(--hr-mint)}.hr-product-card{width:92vw;min-height:690px}.hr-card-cta{opacity:1;transform:none}.hr-capability-scene{display:none}.hr-capability-scene.is-active{display:block}.hr-genre-images .hr-capability-scene img{width:36vw;max-height:240px}.hr-genre-images .hr-capability-scene img:first-child{left:-5vw;top:20%}.hr-genre-images .hr-capability-scene img:last-child{right:-5vw;bottom:10%}}

/* v4: medium-width vertical surface cards; capability selection has no underline */
.hr-product-card{--surface-card-width:clamp(390px,36vw,560px);width:var(--surface-card-width);min-height:730px;padding:22px;display:flex;flex-direction:column;gap:18px}.hr-card-media{order:1;width:100%;height:455px;min-height:0;border-radius:26px}.hr-card-copy{order:2;flex:1;padding:2px 8px 8px}.hr-card-copy h3{margin-top:18px;font-size:clamp(42px,4vw,62px)}.hr-card-copy p{margin:12px 0 16px}.hr-card-cta{margin-top:auto}
@media(max-width:800px){.hr-product-card{--surface-card-width:88vw;width:var(--surface-card-width);min-height:660px}.hr-card-media{height:360px}.hr-card-copy h3{font-size:44px}}

/* v5: preserve card artwork, soften steps, remove capability tail */
.hr-product-card:hover .hr-card-media img,.hr-product-card:focus-visible .hr-card-media img{opacity:1;visibility:visible}.hr-step-card:nth-child(1){--step-bg:#82dfab}.hr-step-card:nth-child(2){--step-bg:#d9ef72}.hr-step-card:nth-child(3){--step-bg:#69d39a}.hr-step-card:nth-child(4){--step-bg:#a7dfbf}.hr-step-card:nth-child(5){--step-bg:#c7e66f}.hr-step-card{cursor:pointer;transition:box-shadow .38s ease,border-color .38s ease}.hr-step-card:hover,.hr-step-card:focus-within{border-color:rgba(7,61,40,.28);box-shadow:0 34px 58px rgba(7,61,40,.2)}.hr-genre{min-height:0;padding-bottom:90px}

/* v6: compact capability typography, handwritten hover and normalized scenes */
.hr-genre-list{--capability-gap:10px;gap:var(--capability-gap);max-width:1240px}.hr-genre-list button{display:block;font:800 clamp(54px,7vw,118px)/.78 var(--font-display);font-style:normal;letter-spacing:-.065em;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s,letter-spacing .35s}.hr-genre-list button:hover,.hr-genre-list button:focus-visible,.hr-genre-list button.is-active{font-family:var(--font-hand);font-style:normal;font-weight:700;letter-spacing:.015em;transform:scale(1.055)}
.hr-genre-images .hr-capability-scene img{width:min(18vw,310px);height:auto;max-height:340px;object-fit:contain;background:transparent;border-width:5px}.hr-genre-images .hr-capability-scene img:first-child{left:3vw;top:18%;transform:rotate(-6deg)}.hr-genre-images .hr-capability-scene img:last-child{right:3vw;bottom:12%;transform:rotate(5deg)}
.hr-genre-images [data-capability-scene="1"] img:first-child{left:5vw;top:28%;transform:rotate(5deg)}.hr-genre-images [data-capability-scene="1"] img:last-child{right:4vw;bottom:18%;transform:rotate(-4deg)}.hr-genre-images [data-capability-scene="2"] img:first-child{left:2vw;top:22%;transform:rotate(-3deg)}.hr-genre-images [data-capability-scene="2"] img:last-child{right:6vw;bottom:9%;transform:rotate(7deg)}.hr-genre-images [data-capability-scene="3"] img:first-child{left:4vw;top:14%;transform:rotate(4deg)}.hr-genre-images [data-capability-scene="3"] img:last-child{right:2vw;bottom:20%;transform:rotate(-6deg)}.hr-genre-images [data-capability-scene="4"] img:first-child{left:2vw;top:26%;transform:rotate(-5deg)}.hr-genre-images [data-capability-scene="4"] img:last-child{right:4vw;bottom:14%;transform:rotate(4deg)}.hr-genre-images [data-capability-scene="5"] img:first-child{left:5vw;top:18%;transform:rotate(6deg)}.hr-genre-images [data-capability-scene="5"] img:last-child{right:2vw;bottom:8%;transform:rotate(-5deg)}
@media(max-width:800px){.hr-genre-list{gap:8px}.hr-genre-list button{font-size:12vw;line-height:.86}.hr-genre-images .hr-capability-scene img{width:29vw;max-height:220px}.hr-genre-images .hr-capability-scene img:first-child{left:2vw}.hr-genre-images .hr-capability-scene img:last-child{right:2vw}}

/* v7: rebalance capability scale, sprout surface cards, simplify hero artwork */
.hr-genre{padding-left:3vw;padding-right:3vw}.hr-genre-list{--capability-max-size:132px;max-width:1380px}.hr-genre-list button{font-size:clamp(60px,7.6vw,var(--capability-max-size))}.hr-genre-images{--capability-image-max:350px}.hr-genre-images .hr-capability-scene img{width:min(21vw,var(--capability-image-max));max-height:390px}.hr-genre-images .hr-capability-scene img:first-child{left:1vw}.hr-genre-images .hr-capability-scene img:last-child{right:1vw}
.hr-rail{padding-top:88px}.hr-product-card{overflow:visible}.hr-product-card::before{content:"";position:absolute;z-index:4;left:50%;top:-62px;width:76px;height:86px;background:radial-gradient(ellipse at 28% 48%,#67c84b 0 44%,transparent 46%) left top/52% 68% no-repeat,radial-gradient(ellipse at 72% 38%,#67c84b 0 44%,transparent 46%) right top/52% 76% no-repeat,linear-gradient(#67c84b,#67c84b) center bottom/7px 58% no-repeat;transform:translateX(-50%) translateY(30px) scale(.15);transform-origin:50% 100%;opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .25s ease}.hr-product-card:hover::before,.hr-product-card:focus-visible::before{transform:translateX(-50%) translateY(0) scale(1);opacity:1}.hr-card-media{overflow:hidden}.hr-hero-art::before{display:none!important}
@media(max-width:800px){.hr-genre{padding-left:14px;padding-right:14px}.hr-genre-list button{font-size:13vw}.hr-genre-images .hr-capability-scene img{width:32vw;max-height:240px}.hr-rail{padding-top:70px}.hr-product-card::before{top:-50px;width:62px;height:70px}}

/* v8: denser word wall and card-color leaf silhouette */
.hr-genre-list{--capability-gap:6px;--capability-max-size:140px;gap:var(--capability-gap)}.hr-genre-list button{font-size:clamp(64px,8vw,var(--capability-max-size))}.hr-genre-images{--capability-image-max:430px}.hr-genre-images .hr-capability-scene img{width:min(25vw,var(--capability-image-max));max-height:460px}.hr-genre-images [data-capability-scene] img:first-child{left:5vw}.hr-genre-images [data-capability-scene] img:last-child{right:5vw}
.hr-product-card{--surface-sprout:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M47 116V58C27 57 12 47 8 28 5 15 8 5 9 2c28 4 43 21 42 49 5-31 21-47 47-51 2 23-1 42-12 54-9 10-20 14-31 14v48z'/%3E%3C/svg%3E");--surface-accent:#dffc63;border:8px solid var(--surface-accent);border-color:var(--surface-accent)}.hr-product-card.is-mint{--surface-accent:#a7dfbf}.hr-product-card.is-forest{--surface-accent:#49cf82}.hr-product-card::before{top:-76px;width:88px;height:106px;background:var(--surface-accent);background-image:none;-webkit-mask:var(--surface-sprout);-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask:var(--surface-sprout);mask-position:center;mask-size:contain;mask-repeat:no-repeat}
@media(max-width:800px){.hr-genre-list button{font-size:13.8vw}.hr-genre-images .hr-capability-scene img{width:36vw;max-height:270px}.hr-genre-images [data-capability-scene] img:first-child{left:2vw}.hr-genre-images [data-capability-scene] img:last-child{right:2vw}.hr-product-card::before{top:-58px;width:70px;height:84px}}

/* v9: remove the surface-card sprout and restore the quiet card edge */
.hr-rail{padding-top:20px}.hr-product-card{--surface-sprout:none;border:2px solid rgba(7,61,40,.12);overflow:hidden}.hr-product-card::before{content:none!important;display:none!important}
@media(max-width:800px){.hr-rail{padding-top:10px}}

/* v10: restore the Why Free cue beside the primary hero CTA */
.hr-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hr-free-note{display:flex;flex-direction:column;gap:3px;padding:9px 2px;color:var(--hr-dark);text-decoration:none}.hr-free-note b{font-size:14px;line-height:1}.hr-free-note span{font-size:13px;color:#50705f;transition:color .2s ease,transform .2s ease}.hr-free-note:hover span,.hr-free-note:focus-visible span{color:var(--hr-green);transform:translateX(3px)}
@media(max-width:720px){.hr-hero-actions{gap:14px}.hr-free-note{padding-block:7px}}

/* v11: bright-green hero with a split label CTA */
.hr-hero{--hero-green:#0d7a4a;--hero-cta:#ff0084;background:var(--hero-green)}.hr-hero .hr-button{gap:0;padding:0;background:var(--hero-cta);border-radius:14px;color:#fff;overflow:hidden}.hr-hero .hr-button>span{width:58px;height:58px;margin-left:1px;border-radius:0;background:var(--hero-cta);color:#fff;border-left:2px solid rgba(255,255,255,.42);font-size:24px}.hr-hero .hr-button{padding-left:24px}.hr-hero .hr-button:hover{background:#e80078}.hr-hero .hr-button:hover>span{background:#e80078}.hr-hero .hr-free-note span{color:#244b30}.hr-hero-art img{display:block;width:100%;height:auto;object-fit:contain;image-rendering:auto}

/* v12: high-contrast homepage color rhythm */
.home-refresh-page{--hero-green:#16ad63;--hero-cta:#ff0084;--hero-cta-height:68px;--hero-cta-width:250px;--section-blue:#7183c2;--section-coral:#efb3a8;--section-violet:#655887;--section-yellow:#eadb9b;--section-lavender:#e6e1ef}.hr-hero{background:var(--hero-green)}.hr-hero h1 span:nth-child(2){color:#06150e}.hr-hero .hr-button{min-width:var(--hero-cta-width);height:var(--hero-cta-height);justify-content:space-between;font-size:18px}.hr-hero .hr-button>span{width:68px;height:68px;flex:0 0 68px}.hr-hero .hr-free-note,.hr-hero .hr-free-note span{color:#092719}
.hr-demo{background:var(--section-blue);color:#06150e}.hr-demo .hr-kicker,.hr-demo-copy>p:last-child{color:#1d294d}.hr-demo-copy h2 span{color:#06150e}.hr-demo:nth-child(2){background:var(--hr-cream);color:var(--hr-dark)}.hr-demo:nth-child(2) .hr-kicker,.hr-demo:nth-child(2) .hr-demo-copy>p:last-child{color:#365946}.hr-demo:nth-child(2) .hr-demo-copy h2 span{color:var(--hr-green)}.hr-demo:nth-child(3){background:var(--section-coral);color:#06150e}.hr-demo:nth-child(3) .hr-kicker,.hr-demo:nth-child(3) .hr-demo-copy>p:last-child{color:#49312d}.hr-demo:nth-child(3) .hr-demo-copy h2 span{color:#06150e}
.hr-feature-stage#telegram{background:var(--section-violet);color:#fff}.hr-feature-stage#telegram .hr-kicker,.hr-feature-stage#telegram .hr-feature-copy>p:last-child{color:rgba(255,255,255,.88)}.hr-feature-stage#ai{background:var(--section-yellow);color:#06150e}.hr-feature-stage#ai .hr-kicker,.hr-feature-stage#ai .hr-feature-copy>p:last-child{color:#453714}.hr-steps{background:var(--section-lavender);color:#06150e}.hr-steps .hr-section-head>p{color:#443e56}.hr-genre{background:#35d878;color:#06150e}.hr-final{background:#06150e;color:#fff}
@media(max-width:720px){.hr-hero .hr-button{min-width:min(250px,100%);height:62px}.hr-hero .hr-button>span{width:62px;height:62px;flex-basis:62px}}

/* v13: forest hero and a tonal family of pale greens */
.home-refresh-page{--section-green-1:#eef7e8;--section-green-2:#e3f2df;--section-green-3:#d7edd9;--section-green-4:#cae7d3;--section-green-5:#bedfca}.hr-hero h1 span:first-child{color:#fff}.hr-hero h1 span:nth-child(2){color:#dffc63}.hr-hero .hr-kicker,.hr-hero .hr-lead,.hr-hero .hr-free-note,.hr-hero .hr-free-note span{color:rgba(255,255,255,.9)}
.hr-demo,.hr-demo:nth-child(1){background:var(--section-green-1);color:#06150e}.hr-demo:nth-child(2){background:var(--section-green-2);color:#06150e}.hr-demo:nth-child(3){background:var(--section-green-3);color:#06150e}.hr-demo .hr-kicker,.hr-demo:nth-child(1) .hr-kicker,.hr-demo:nth-child(2) .hr-kicker,.hr-demo:nth-child(3) .hr-kicker,.hr-demo-copy>p:last-child,.hr-demo:nth-child(1) .hr-demo-copy>p:last-child,.hr-demo:nth-child(2) .hr-demo-copy>p:last-child,.hr-demo:nth-child(3) .hr-demo-copy>p:last-child{color:#355847}.hr-demo-copy h2 span,.hr-demo:nth-child(1) .hr-demo-copy h2 span,.hr-demo:nth-child(2) .hr-demo-copy h2 span,.hr-demo:nth-child(3) .hr-demo-copy h2 span{color:#0b7144}
.hr-feature-stage#telegram{background:var(--section-green-4);color:#06150e}.hr-feature-stage#ai{background:var(--section-green-2);color:#06150e}.hr-feature-stage#telegram .hr-kicker,.hr-feature-stage#telegram .hr-feature-copy>p:last-child,.hr-feature-stage#ai .hr-kicker,.hr-feature-stage#ai .hr-feature-copy>p:last-child{color:#355847}.hr-steps{background:var(--section-green-5);color:#06150e}.hr-steps .hr-section-head>p{color:#355847}

/* v14: keep capability artwork inside dedicated side safe zones. */
.hr-genre-images{--capability-image-max:330px;--capability-side-inset:2vw}.hr-genre-images .hr-capability-scene img{width:min(17vw,var(--capability-image-max));max-height:330px}.hr-genre-images [data-capability-scene] img:first-child{left:var(--capability-side-inset)}.hr-genre-images [data-capability-scene] img:last-child{right:var(--capability-side-inset)}
@media(max-width:800px){.hr-genre-images .hr-capability-scene img{width:25vw;max-height:200px}.hr-genre-images [data-capability-scene] img:first-child{left:1vw}.hr-genre-images [data-capability-scene] img:last-child{right:1vw}}

/* v15: enlarge the supplied high-resolution hero artwork without cropping it. */
.hr-hero-art{--hero-art-width:112%}.hr-hero-art img{width:var(--hero-art-width);max-width:none;margin-left:-6%}
@media(max-width:1024px){.hr-hero-art{--hero-art-width:100%}.hr-hero-art img{margin-left:0}}

/* Show six examples for Web Widget and Contact Page in the side galleries. */
.hr-genre-images [data-capability-scene="0"] img,
.hr-genre-images [data-capability-scene="1"] img{width:min(13vw,220px);max-height:205px;object-fit:contain}
.hr-genre-images [data-capability-scene="0"] img:nth-child(1),
.hr-genre-images [data-capability-scene="1"] img:nth-child(1){left:1.5vw;right:auto;top:18%;bottom:auto;transform:rotate(-7deg)}
.hr-genre-images [data-capability-scene="0"] img:nth-child(2),
.hr-genre-images [data-capability-scene="1"] img:nth-child(2){right:1.5vw;left:auto;top:17%;bottom:auto;transform:rotate(6deg)}
.hr-genre-images [data-capability-scene="0"] img:nth-child(3),
.hr-genre-images [data-capability-scene="1"] img:nth-child(3){left:2.5vw;right:auto;top:44%;bottom:auto;transform:rotate(5deg)}
.hr-genre-images [data-capability-scene="0"] img:nth-child(4),
.hr-genre-images [data-capability-scene="1"] img:nth-child(4){right:2.5vw;left:auto;top:43%;bottom:auto;transform:rotate(-5deg)}
.hr-genre-images [data-capability-scene="0"] img:nth-child(5),
.hr-genre-images [data-capability-scene="1"] img:nth-child(5){left:1.5vw;right:auto;top:70%;bottom:auto;transform:rotate(-4deg)}
.hr-genre-images [data-capability-scene="0"] img:nth-child(6),
.hr-genre-images [data-capability-scene="1"] img:nth-child(6){right:1.5vw;left:auto;top:69%;bottom:auto;transform:rotate(7deg)}
@media(max-width:800px){.hr-genre-images [data-capability-scene="0"] img,.hr-genre-images [data-capability-scene="1"] img{width:24vw;max-height:145px;border-width:3px}}
.hr-genre-images [data-capability-scene="1"] img[src*="/contact-templates/"]{width:min(8vw,130px);height:auto;max-height:none;aspect-ratio:1012/1800;object-fit:cover;background:transparent}
@media(max-width:800px){.hr-genre-images [data-capability-scene="1"] img[src*="/contact-templates/"]{width:min(17vw,100px);max-height:none}}

/* v16: unify headline color — no green/lime highlights within a single title. */
.hr-hero h1 span,
.hr-hero h1 span:first-child,
.hr-hero h1 span:nth-child(2){color:inherit!important}
.hr-hero h1{color:#fff}
.hr-demo-copy h2 span,
.hr-demo:nth-child(1) .hr-demo-copy h2 span,
.hr-demo:nth-child(2) .hr-demo-copy h2 span,
.hr-demo:nth-child(3) .hr-demo-copy h2 span,
.hr-feature-copy h2 span,
.hr-section-head h2 em,
.hr-section-head h2 span{color:inherit!important;font-family:inherit!important;font-style:normal!important;font-weight:inherit!important}
.hr-free-note:hover span,.hr-free-note:focus-visible span{color:inherit!important}

/* v17: hero headline three lines, no nowrap overflow */
.hr-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.hr-hero h1{font-size:clamp(56px,8vw,140px);line-height:.82;text-wrap:balance;overflow-wrap:break-word}
.hr-hero h1 span{display:block}
@media(max-width:1024px){.hr-hero h1{font-size:clamp(44px,9vw,96px)}}

/* v18: enlarge the final "Start Free" button */
.hr-final .hr-button{padding:18px 22px 18px 32px!important;font-size:clamp(16px,1.4vw,20px)!important;gap:28px!important;border-radius:14px!important;min-width:0!important;height:auto!important}
.hr-final .hr-button>span{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:10px!important;font-size:20px!important;background:var(--hr-lime)!important;color:var(--hr-dark)!important;border-left:0!important}
@media(max-width:720px){.hr-final .hr-button{padding:16px 20px 16px 26px!important;font-size:16px!important;gap:20px!important}.hr-final .hr-button>span{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:18px!important}}

/* v20: loosen feature-stage / demo headline line-height so wrapped lines don't overlap */
.hr-feature-copy h2{line-height:1.02!important}
.hr-demo-copy h2{line-height:1.02!important}

/* Product cards lead directly into the shared inbox. */
.hr-inbox-section{padding:72px max(3vw,20px) 100px;background:var(--section-green-2)}
.hr-inbox-panel{max-width:1800px;min-height:640px;margin:auto;padding:clamp(36px,4vw,76px);display:grid;grid-template-columns:minmax(0,.37fr) minmax(0,.63fr);align-items:center;gap:clamp(28px,4vw,80px);border-radius:48px;background:var(--hr-dark);color:#fff;overflow:hidden}
.hr-inbox-copy{max-width:600px}
.hr-inbox-copy .hr-kicker{margin:0 0 28px;color:rgba(255,255,255,.72)}
.hr-inbox-copy h2{margin:0;color:#fff;font-size:clamp(48px,5.2vw,96px);line-height:.97;text-wrap:balance}
.hr-inbox-visual{min-width:0;margin:0;border-radius:28px;background:#fff;overflow:hidden}
.hr-inbox-visual img{display:block;width:100%;height:auto}
@media(max-width:1024px){.hr-inbox-panel{min-height:0;grid-template-columns:1fr}.hr-inbox-copy{max-width:760px}.hr-inbox-copy h2{max-width:800px}.hr-inbox-visual{width:100%}}
@media(max-width:720px){.hr-inbox-section{padding:32px 16px 72px}.hr-inbox-panel{padding:36px 22px;gap:32px;border-radius:32px}.hr-inbox-copy .hr-kicker{margin-bottom:20px}.hr-inbox-copy h2{font-size:clamp(42px,12vw,64px)}.hr-inbox-visual{border-radius:18px}}

/* Distinct step-card palette inspired by the reference, with Knocket ink. */
.hr-step-card:nth-child(1){--step-bg:#78d9d1}
.hr-step-card:nth-child(2){--step-bg:#e3b1dd}
.hr-step-card:nth-child(3){--step-bg:#f7d86f}
.hr-step-card:nth-child(4){--step-bg:#ada1df}
.hr-step-card:nth-child(5){--step-bg:#9bddad}
.hr-step-card{border-color:rgba(7,35,27,.18);box-shadow:0 18px 30px rgba(30,40,45,.09)}
.hr-step-card img{mix-blend-mode:multiply}
.hr-section-cta{display:inline-flex;align-items:center;gap:18px;margin-top:30px;padding:15px 17px 15px 22px;border-radius:14px;background:#09281c;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 24px rgba(7,35,27,.15);transition:transform .2s,box-shadow .2s}
.hr-section-cta:hover{transform:translateY(-3px);box-shadow:0 18px 28px rgba(7,35,27,.23)}
.hr-section-cta span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#dffc63;color:#09281c}
.hr-inbox-copy .hr-section-cta{background:#dffc63;color:#09281c}.hr-inbox-copy .hr-section-cta span{background:#09281c;color:#fff}
.hr-steps{padding-bottom:96px}
@media(max-width:720px){.hr-step-card{transform:rotate(var(--rest-r))!important}.hr-section-cta{margin-top:24px}}

/* Simplified Chinese: keep the hero dominant without oversized, compressed lines. */
html[lang="zh-Hans"] body.home-refresh-page .hr-hero h1{max-width:860px;font-size:clamp(44px,6vw,96px)!important;line-height:1.2!important;letter-spacing:-.045em!important}
html[lang="zh-Hans"] body.home-refresh-page .hr-hero h1 span{color:inherit!important}
html[lang="zh-Hans"] body.home-refresh-page .hr-section-head h2,
html[lang="zh-Hans"] body.home-refresh-page .hr-demo-copy h2,
html[lang="zh-Hans"] body.home-refresh-page .hr-feature-copy h2,
html[lang="zh-Hans"] body.home-refresh-page .hr-inbox-copy h2,
html[lang="zh-Hans"] body.home-refresh-page .hr-final h2{font-size:clamp(32px,4.2vw,66px)!important;line-height:1.2!important;letter-spacing:-.035em!important}

/* The capability wall is smaller in Chinese; artwork sits close to the copy without covering it. */
html[lang="zh-Hans"] body.home-refresh-page .hr-genre-list{max-width:74vw;gap:3px}
html[lang="zh-Hans"] body.home-refresh-page .hr-genre-list button{font-family:var(--font-display)!important;font-size:clamp(38px,5.3vw,82px)!important;font-style:normal;font-weight:800;line-height:1.1!important;letter-spacing:-.045em;white-space:normal;text-align:center}
html[lang="zh-Hans"] body.home-refresh-page .hr-genre-list button:hover,
html[lang="zh-Hans"] body.home-refresh-page .hr-genre-list button:focus-visible,
html[lang="zh-Hans"] body.home-refresh-page .hr-genre-list button.is-active{font-family:var(--font-display)!important;font-style:italic;font-weight:600;letter-spacing:-.035em;transform:scale(1.015)}
html[lang="zh-Hans"] body.home-refresh-page .hr-genre-images .hr-capability-scene img{width:min(10vw,140px);max-height:300px}
html[lang="zh-Hans"] body.home-refresh-page .hr-genre-images [data-capability-scene] img:first-child{left:3vw}
html[lang="zh-Hans"] body.home-refresh-page .hr-genre-images [data-capability-scene] img:last-child{right:3vw}
@media(max-width:1024px){
  html[lang="zh-Hans"] body.home-refresh-page .hr-hero h1{font-size:clamp(38px,7.5vw,78px)!important;line-height:1.2!important}
}
@media(max-width:800px){
  html[lang="zh-Hans"] body.home-refresh-page .hr-hero h1{font-size:clamp(36px,8.8vw,72px)!important;line-height:1.2!important;margin-bottom:26px}
  html[lang="zh-Hans"] body.home-refresh-page .hr-section-head h2,
  html[lang="zh-Hans"] body.home-refresh-page .hr-demo-copy h2,
  html[lang="zh-Hans"] body.home-refresh-page .hr-feature-copy h2,
  html[lang="zh-Hans"] body.home-refresh-page .hr-inbox-copy h2,
  html[lang="zh-Hans"] body.home-refresh-page .hr-final h2{font-size:clamp(30px,7.8vw,48px)!important;line-height:1.2!important}
  html[lang="zh-Hans"] body.home-refresh-page .hr-genre-list{max-width:66vw;gap:4px}
  html[lang="zh-Hans"] body.home-refresh-page .hr-genre-list button{font-size:clamp(30px,9.5vw,52px)!important;line-height:1.12!important}
  html[lang="zh-Hans"] body.home-refresh-page .hr-genre-images .hr-capability-scene img{width:min(13vw,96px);max-height:170px;border-width:3px}
  html[lang="zh-Hans"] body.home-refresh-page .hr-genre-images [data-capability-scene] img:first-child{left:3vw}
  html[lang="zh-Hans"] body.home-refresh-page .hr-genre-images [data-capability-scene] img:last-child{right:3vw}
}