/* HARKync services: shared brand, responsive editorial layouts. */
.hx-home section{padding:88px 0;scroll-margin-top:100px}
.hx-home .hx-kicker{font-size:14px;font-weight:600;letter-spacing:.02em;display:block;margin-bottom:20px}
.hx-home h1{font-size:clamp(46px,5.7vw,80px);line-height:1.02;max-width:850px;letter-spacing:-.065em}
.hx-home h2{font-size:clamp(32px,3.6vw,49px);line-height:1.08;max-width:730px}
.hx-home h3{font-size:25px;line-height:1.2}
.hx-home p{color:#5f6963;line-height:1.75}
.hx-home .hx-intro{font-size:19px;max-width:660px}
.hx-home .hx-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hx-home .hx-hero{padding:84px 0 70px}
.hx-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}
.hx-home .hx-hero h1 em{font-style:normal;color:#38624c}
.hx-home .hx-hero .hx-intro{margin-top:26px}
.hx-hero-note{display:block;margin-top:22px;font-size:13px;color:#657168}
.hx-blueprint{background:#143f2d;color:#fffdf8;padding:32px;border-radius:8px 8px 70px 8px;box-shadow:18px 18px 0 #e6e7da}
.hx-blueprint-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff30;padding-bottom:20px;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.hx-blueprint-top span:last-child{color:#d7ff45}
.hx-blueprint-center{padding:36px 0 28px}
.hx-blueprint-center strong{font:700 31px/1.15 Manrope,sans-serif;letter-spacing:-.04em;display:block}
.hx-home .hx-blueprint p{color:#d0dfd4;font-size:14px;margin:12px 0 0}
.hx-stack{display:grid;gap:9px}
.hx-stack a{display:flex;align-items:center;gap:14px;text-decoration:none;padding:16px;background:#ffffff0c;border:1px solid #ffffff28;border-radius:4px;transition:background .2s}
.hx-stack a:hover{background:#ffffff20}
.hx-stack b{font:500 12px/1 monospace;color:#d7ff45}
.hx-stack span{font-size:14px;font-weight:600}
.hx-stack i{margin-left:auto;font-style:normal;color:#d7ff45}
.hx-blueprint-bottom{margin-top:23px;font-size:11px;color:#c6d6ca;letter-spacing:.04em}
.hx-home .hx-strip{padding:20px 0;border-block:1px solid var(--line)}
.hx-strip .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;font-weight:600}
.hx-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}
.hx-section-head p{max-width:350px;margin:0}
.hx-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.hx-service{padding:34px 32px 36px 0;border-bottom:1px solid var(--line);min-width:0}
.hx-service:nth-child(even){padding-left:36px;border-left:1px solid var(--line)}
.hx-service-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.hx-service-head span{font:13px monospace;color:#68736b}
.hx-service-head svg{width:29px;height:29px;color:#38624c}
.hx-service ul{list-style:none;margin:22px 0;padding:0;display:grid;gap:8px;font-size:14px}
.hx-service li::before{content:"+";color:#38624c;margin-right:12px}
.hx-text-link{font-size:14px;font-weight:700;text-underline-offset:5px;display:inline-block;padding:8px 0}
.hx-home .hx-modernize{background:#143f2d;color:#fffdf8}
.hx-split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.hx-home .hx-modernize p{color:#d0dfd4}
.hx-modernize .hx-kicker{color:#d7ff45}
.hx-upgrade{background:#103323;border:1px solid #ffffff25;border-radius:8px;padding:30px}
.hx-upgrade-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#bdd2c3}
.hx-code-line{font:clamp(19px,2.3vw,30px)/1.7 monospace;margin:28px 0;color:#a1bca9}
.hx-code-line strong{display:block;color:#d7ff45;font-weight:500}
.hx-upgrade ul{padding:0;list-style:none;margin:0}
.hx-upgrade li{padding:15px 0;border-top:1px solid #ffffff25;font-size:14px}

.hx-home .hx-foundation{background:#e9eddf}
.hx-facts{margin:30px 0 0;display:grid;gap:20px}
.hx-facts div{display:grid;grid-template-columns:145px 1fr;border-top:1px solid #143f2d25;padding-top:18px;gap:20px}
.hx-facts dt{font-weight:700;font-size:14px}
.hx-facts dd{margin:0;color:#5f6963;font-size:14px}
.hx-note{padding:24px;border-left:3px solid #143f2d;background:#ffffff75;border-radius:0 8px 8px 0}
.hx-note strong{font-size:17px}
.hx-note p{font-size:15px}
.hx-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:45px;border-top:1px solid var(--line)}
.hx-flow article{padding:28px 26px 0 0}
.hx-flow span{font:13px monospace;color:#38624c}
.hx-flow h3{margin-top:22px;font-size:20px}
.hx-flow p{font-size:14px}
.hx-platform{padding:36px;background:#fffdf8;border:1px solid var(--line);border-radius:8px}
.hx-platform-label{font:12px monospace;color:#38624c}
.hx-platform ul{padding:0;list-style:none;margin:24px 0}
.hx-platform li{padding:13px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:14px}
.hx-platform li span{color:#657168}
.hx-home .hx-faq{padding-top:0}
.hx-faq details{border-bottom:1px solid var(--line);padding:23px 0}
.hx-faq summary{cursor:pointer;font-size:17px;font-weight:600;line-height:1.5}
.hx-faq details p{max-width:780px;margin-bottom:0}
.hx-home .hx-cta{padding:0 0 80px}
.hx-cta-panel{padding:55px;background:#d7ff45;border-radius:8px 8px 65px 8px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.hx-cta-panel h2{font-size:clamp(30px,3.5vw,45px)}
.hx-cta-panel p{color:#34452d;margin-bottom:0;max-width:590px}
.hx-cta-panel .button{flex:none}
.hx-skip{position:fixed;left:20px;top:-100px;z-index:1000;background:#143f2d;color:white;padding:12px 20px;border-radius:6px}
.hx-skip:focus{top:12px}
.hx-home a:focus-visible,.hx-home summary:focus-visible{outline:3px solid #428264;outline-offset:5px}
@media(max-width:900px){.hx-hero-grid,.hx-split{grid-template-columns:1fr;gap:40px}.hx-home section{padding:62px 0}.hx-home .hx-hero{padding-top:56px}.hx-blueprint{max-width:620px}.hx-section-head{display:block}.hx-section-head p{max-width:620px;margin-top:20px}.hx-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-cta-panel{display:block;padding:36px}.hx-cta-panel .button{margin-top:25px}.hx-strip .wrap{justify-content:flex-start;gap:12px 25px}}
@media(max-width:560px){.hx-home h1{font-size:46px}.hx-home .hx-intro{font-size:17px}.hx-services{grid-template-columns:1fr}.hx-service,.hx-service:nth-child(even){padding:28px 0;border-left:0}.hx-blueprint{padding:24px;box-shadow:8px 8px 0 #e6e7da}.hx-home .hx-actions{flex-direction:column;align-items:stretch}.hx-facts div{grid-template-columns:1fr;gap:6px}.hx-flow{grid-template-columns:1fr}.hx-flow article{padding:24px 0 0}.hx-flow h3{margin-top:12px}.hx-upgrade,.hx-platform{padding:23px}.hx-platform li{display:block}.hx-platform li span{display:block;margin-top:4px}.hx-cta-panel{padding:28px}.hx-cta-panel .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hx-home *{transition:none!important;animation:none!important}}
/* Compact overview: one introduction, three services, one project highlight. */
.hn-home .hn-hero{padding:64px 0 48px}
.hn-home h1{font-size:clamp(38px,4.8vw,66px);max-width:920px;line-height:1.08}
.hn-home h1 em{font-style:normal;color:#38624c}
.hn-home .hx-intro{max-width:720px;font-size:18px;margin-top:24px}
.hn-home .hn-services{padding:48px 0 64px;border-top:1px solid var(--line)}
.hn-home h2{font-size:clamp(28px,3vw,40px)}
.hn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.hn-grid article{padding:28px;background:#fffdf8;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;scroll-margin-top:110px}
.hn-icon svg{width:26px;height:26px;color:#38624c;margin-bottom:20px}
.hn-grid h3{font-size:23px}
.hn-grid p{font-size:15px}
.hn-grid ul{list-style:none;padding:0;margin:8px 0 20px;font-size:14px;line-height:1.8}
.hn-grid li::before{content:"·";margin-right:10px;color:#38624c}
.hn-grid .hx-text-link{margin-top:auto}
.hn-home .hn-php{padding:48px 0;background:#143f2d;color:#fffdf8}
.hn-home .hn-php p{color:#d0dfd4;max-width:700px}
.hn-callout{display:flex;gap:40px;align-items:center;justify-content:space-between}
.hn-callout .button{flex:none}
.hn-home .hn-about{padding:64px 0}
@media(max-width:900px){.hn-grid{grid-template-columns:1fr;gap:16px}.hn-grid article{padding:24px}.hn-callout{display:block}.hn-callout .button{margin-top:16px}.hn-home .hn-hero{padding-top:40px}.hn-home .hn-about{padding:48px 0}.hn-icon svg{margin-bottom:14px}}
/* Original Harkync illustrations and concrete service links. */
.hn-hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center}
.hn-home .hn-visual-hero{padding:52px 0 46px}
.hn-home .hn-visual-hero h1{font-size:clamp(36px,3.8vw,54px);line-height:1.08;letter-spacing:-.055em}
.hn-home .hn-visual-hero .hx-intro{font-size:17px;line-height:1.8;margin-top:22px}
.hn-hero-image{margin:0;min-width:0}
.hn-hero-image img{display:block;width:100%;height:auto;border-radius:24px}
.hn-home .hn-hero-audience{font-size:13px;margin-top:18px;color:#657168}
.hn-services-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}
.hn-services-heading>p{max-width:340px;font-size:15px;margin-bottom:0}
.hn-grid .hn-service-links{margin:6px 0 24px}
.hn-service-links li::before{display:none}
.hn-service-links li{border-top:1px solid var(--line)}
.hn-service-links a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:14px;line-height:1.4;text-decoration:none;min-height:44px}
.hn-service-links a:hover{color:#38624c;text-decoration:underline;text-underline-offset:4px}
.hn-service-links a>span{color:#38624c}
.hn-home .hn-product{padding:64px 0;background:#e9eddf}
.hn-product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center}
.hn-product-image{margin:0;min-width:0}
.hn-product-image img{display:block;width:100%;height:auto;border:1px solid #143f2d25;border-radius:12px;box-shadow:0 18px 45px #143f2d15}
.hn-product-image figcaption{font-size:12px;color:#5f6963;margin-top:12px}
.hn-product-secondary{display:block;margin-top:10px}
@media(max-width:900px){.hn-hero-layout{grid-template-columns:1fr;gap:24px}.hn-home .hn-visual-hero h1{font-size:clamp(38px,6.5vw,56px);max-width:720px}.hn-hero-image{max-width:620px}.hn-services-heading{display:block}.hn-services-heading>p{max-width:650px;margin-top:18px}.hn-product-layout{grid-template-columns:1fr;gap:28px}.hn-product-image{order:2}.hn-home .hn-product{padding:48px 0}}
@media(max-width:560px){.hn-home .hn-visual-hero{padding:32px 0}.hn-home .hn-visual-hero h1{font-size:38px}.hn-hero-image img{border-radius:16px}.hn-hero-layout{gap:18px}.hn-home .hn-visual-hero .hx-intro{font-size:16px}.hn-grid .hn-service-links a{font-size:14px}}
/* Five services and customer-focused service pages. */
.hn-services-five{grid-template-columns:repeat(2,minmax(0,1fr))}
.hn-services-five article:last-child{grid-column:1/-1;background:#e9eddf}
.hn-services-five article p{margin-bottom:24px;max-width:700px}
.hs-page .hs-hero{padding:64px 0 60px}
.hs-page h1{font-size:clamp(38px,4.3vw,60px);line-height:1.08}
.hs-page .hs-hero .hx-intro{font-size:18px;margin-top:24px}
.hs-page .hs-section{padding:64px 0}
.hs-page .hs-tint{background:#e9eddf}
.hs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.hs-grid article{background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:28px}
.hs-grid h3{font-size:23px}
.hs-grid p{font-size:16px}
.hs-label{display:block;font-size:13px;color:#38624c;font-weight:700;margin-bottom:18px}
.hs-page .hs-note{font-size:13px;line-height:1.65;margin-top:24px;max-width:760px}
.hs-page .hs-benefit{font-size:14px;color:#38624c;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
.hs-page .hx-split{align-items:center}
.hs-page .hx-actions{align-items:center}
@media(max-width:900px){.hn-services-five,.hs-grid{grid-template-columns:1fr}.hn-services-five article:last-child{grid-column:auto}.hs-page .hs-hero,.hs-page .hs-section{padding:44px 0}.hs-page h1{font-size:42px}.hs-grid{gap:16px}.hs-grid article{padding:24px}}
@media(max-width:560px){.hs-page h1{font-size:38px}.hs-page .hs-hero .hx-intro{font-size:17px}}