@font-face{font-family:Satoshi;src:url('./fonts/Satoshi-Variable.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
:root{--paper:#f6f4ef;--green:#183f38;--ink:#20352d;--muted:#647067;--line:#ced2c7;--white:#fffefa;--tint:#e9ede2;--ease-out:cubic-bezier(.23,1,.32,1);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,ul,ol{margin:0}h1,h2,h3{font-weight:550;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.2vw,5rem)}h2{font-size:clamp(2rem,3.6vw,3.35rem)}h3{font-size:1.24rem;line-height:1.3;letter-spacing:-.025em}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}img{max-width:100%;height:auto;display:block}::selection{background:#d5dfca}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5b8160;outline-offset:4px}.container{width:min(1320px,calc(100% - 100px));margin-inline:auto}.section{padding-block:100px}.eyebrow,.section-index{font-size:.76rem;font-weight:500;letter-spacing:.02em;color:var(--muted)}.eyebrow{margin-bottom:24px}.section-index{font-variant-numeric:tabular-nums}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 22px;border:1px solid transparent;border-radius:2px;font-size:.87rem;font-weight:600;line-height:1.5;text-decoration:none;background:var(--green);color:var(--white);transition:background .18s var(--ease-out),transform .15s var(--ease-out);touch-action:manipulation}.button:active,.wp-block-button__link:active{transform:translateY(1px)}.button-secondary,.is-style-outline .wp-block-button__link{background:transparent;color:var(--green);border-color:#a2b19e}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}.text-link a{font-weight:600;font-size:.88rem;display:inline-flex;align-items:center;gap:18px;min-height:44px}.skip-link{position:fixed;left:20px;top:-100px;z-index:30;padding:12px 20px;background:var(--green);color:#fff}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.microcopy{font-size:.73rem;color:var(--muted);margin-top:15px}.large-copy{font-size:1.24rem;line-height:1.65;max-width:550px}
/* Navigation belongs to the document flow; no scroll lock or entrance delay. */
.site-header{display:flex;align-items:center;gap:32px;min-height:96px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{width:178px;flex-shrink:0}.brand img{width:178px;height:auto}.desktop-nav{margin-left:auto}.nav-links{list-style:none;display:flex;align-items:center;gap:28px;padding:0}.nav-links a{font-size:.78rem;text-decoration:none;font-weight:500;display:block;padding-block:12px;white-space:nowrap}.nav-links a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}.nav-links .supplier-nav{color:var(--muted)}.header-contact{font-size:.77rem;gap:18px;min-height:46px;padding:10px 16px;flex:none}.menu-toggle{display:none}.mobile-menu{border:0;padding:28px;background:var(--paper);color:var(--ink);width:calc(100% - 24px);max-width:440px;max-height:88svh;overflow:auto;border-radius:4px}.mobile-menu::backdrop{background:rgb(19 40 33 / .4)}.menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:.8rem}.menu-close{border:0;background:none;padding:8px;color:var(--green);font-size:.9rem;display:flex;gap:18px;align-items:center}.menu-close span{font-size:24px}.mobile-menu .nav-links{flex-direction:column;align-items:stretch;gap:0;padding-block:14px}.mobile-menu .nav-links a{font-size:1.2rem;padding:11px 0;white-space:normal}.mobile-menu>p{font-size:.8rem;color:var(--muted);margin-top:24px}.menu-open{overflow:hidden}.draft-ribbon{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;color:var(--muted);padding-top:13px;gap:20px}.draft-ribbon span:last-child{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase}
/* One brand sculpture, sized around the message. Everything is usable immediately. */
.hero{padding-block:68px 80px}.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}.hero-copy{position:relative;z-index:2;min-width:0}.hero-copy h1{font-size:clamp(2.8rem,4.6vw,4.7rem);line-height:1.04;letter-spacing:-.058em;margin-bottom:28px}.hero-description{max-width:660px;font-size:1.02rem;line-height:1.75;color:#566359;margin-bottom:30px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}.hero-actions .text-link a{font-size:.78rem}.hero-principle{margin-top:30px;font-size:.77rem;color:var(--muted)}.hero-visual{height:430px;min-width:0;position:relative}.granule-stage{height:100%;min-height:0;position:relative;isolation:isolate}.granule-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .3s var(--ease-out)}.granule-fallback{position:absolute;inset:8% 0 16%;width:100%;height:76%;object-fit:cover;opacity:1;transition:opacity .3s var(--ease-out)}.granule-stage[data-state=ready] .granule-fallback{opacity:0;pointer-events:none}.granule-stage[data-state=ready] .granule-canvas{opacity:1}.scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;font-size:.65rem;color:var(--muted)}.scene-caption>span{display:none}.motion-toggle{border:0;background:var(--paper);padding:10px 4px;font-size:.63rem;color:var(--muted);min-height:44px;display:flex;align-items:center;gap:10px;white-space:nowrap}
/* Typographic rows carry the service, without a grid of generic cards. */
.benefits{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;border-top:1px solid var(--green)}.benefit-intro>.section-index{margin-bottom:26px}.benefit-intro h2{margin-bottom:25px}.benefit-intro>p:last-child{font-size:.94rem;color:var(--muted);max-width:400px}.benefit-rows{border-top:1px solid var(--line)}.benefit-row{display:grid;grid-template-columns:30px 1fr;gap:13px 22px;padding-block:28px;border-bottom:1px solid var(--line)}.row-number{grid-row:span 2;font-size:.73rem;color:var(--muted);padding-top:3px}.benefit-row>p:last-child{grid-column:2;color:var(--muted);font-size:.91rem;max-width:590px}.service-section{padding-top:20px}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:22px 80px;align-items:end;margin-bottom:48px}.section-heading>.section-index{grid-column:1/-1}.section-intro{color:var(--muted);max-width:520px}.service-split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.service-overview ul{list-style:none;padding:0;border-top:1px solid var(--line);margin-bottom:24px}.service-overview li{padding-block:17px;border-bottom:1px solid var(--line);font-size:.94rem;color:#506056}.service-overview>.text-link{margin-top:20px}.process-band{background:var(--green);color:var(--paper)}.process-band .section-index{color:#bdcdbd}.process-graph{list-style:none;padding:0}.process-graph.is-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-block:54px 40px}.process-graph li{position:relative;min-width:0}.process-graph.is-compact li::before{content:'';position:absolute;left:32px;right:-32px;top:18px;height:1px;background:#668375}.process-graph.is-compact li:last-child::before{display:none}.step-number{font-size:.72rem;font-variant-numeric:tabular-nums;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--paper);color:var(--green);border:1px solid var(--line);border-radius:50%;flex:none}.process-band .step-number{background:var(--green);color:var(--paper);border-color:#86a08a}.process-graph.is-compact h3{margin-top:23px;font-size:1.07rem;letter-spacing:-.02em}.process-graph.is-compact p{font-size:.83rem;color:#c5d2c7;margin-top:10px}.process-footnote{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid #668375;padding-top:26px}.process-footnote>p:first-child{font-size:.81rem;max-width:590px;color:#c5d2c7}.process-footnote a{font-size:.8rem;white-space:nowrap}.international{display:grid;grid-template-columns:1fr 1fr;gap:100px}.international-title>.section-index{margin-bottom:26px}.international-copy>p:not(.text-link){margin-bottom:22px;color:var(--muted);font-size:.96rem}.supplier-invitation{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;padding:48px 0;border-block:1px solid var(--line)}.supplier-invitation h2{font-size:clamp(2rem,3vw,2.8rem);margin-block:20px}.supplier-invitation-copy>p:last-child{max-width:560px;color:var(--muted);font-size:.92rem}.supplier-invitation-action{justify-self:end}.faq-section .section-heading{margin-bottom:38px}.faq-list{border-top:1px solid var(--green)}.faq-list details{border-bottom:1px solid var(--line);padding-block:22px}.faq-list summary{font-size:1rem;font-weight:550;line-height:1.5;list-style:none;cursor:pointer;padding-right:45px;position:relative;min-height:30px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:6px;top:-2px;font-size:24px;font-weight:400;line-height:1.4}.faq-list details[open] summary::after{content:'−'}.faq-list details p{padding-top:17px;padding-right:50px;font-size:.93rem;line-height:1.8;color:var(--muted);max-width:940px}.faq-section>.text-link{margin-top:24px}.closing-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;border-top:1px solid var(--green);padding:58px 0 76px}.closing-cta .eyebrow{margin-bottom:20px}.closing-copy>p:last-child{max-width:620px;color:var(--muted);margin-top:23px;font-size:.94rem}.closing-action{justify-self:end}
/* Inner pages provide the detail behind the short homepage. */
.page-intro{padding-block:68px 64px;border-bottom:1px solid var(--line)}.page-intro h1{max-width:1180px;margin-bottom:38px}.page-intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:70px}.page-description{max-width:760px;font-size:1.06rem;line-height:1.75;color:var(--muted)}.page-intro .wp-block-buttons{flex-shrink:0}.services-detail{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.services-title .section-index{margin-bottom:26px}.services-title h2{font-size:clamp(2rem,3vw,2.85rem)}.service-rows{border-top:1px solid var(--green)}.service-row{display:grid;grid-template-columns:30px 1fr;gap:14px 24px;border-bottom:1px solid var(--line);padding-block:28px}.service-row>p:last-child{grid-column:2;font-size:.93rem;color:var(--muted);max-width:650px}.quality-band{background:#e9ede2}.quality-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.quality-copy>.section-index{margin-bottom:24px}.quality-copy h2{margin-bottom:28px}.quality-copy>p:not(.section-index){color:#566359;font-size:.95rem;margin-top:20px}.quality-sequence{border-top:1px solid #a9b6a3}.quality-token{padding-block:23px;border-bottom:1px solid #a9b6a3;font-size:1rem;font-weight:500}.process-page{display:grid;grid-template-columns:1.4fr .6fr;gap:100px;align-items:start}.process-page .process-graph li{display:flex;gap:28px;padding-bottom:38px}.process-page .process-graph li:not(:last-child)::after{content:'';position:absolute;left:17px;top:36px;bottom:0;width:1px;background:var(--line)}.process-page .process-graph h3{font-size:1.28rem;margin-bottom:13px;padding-top:4px}.process-page .process-graph p{max-width:660px;color:var(--muted);font-size:.95rem}.process-aside{background:var(--tint);padding:32px}.process-aside h3{font-size:1.65rem;margin-block:22px}.process-aside>p:not(.section-index){font-size:.84rem;color:#566359;margin-top:20px}.supplier-principle{padding-block:48px 64px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.supplier-principle h2{font-size:clamp(2rem,3.3vw,3rem)}.supplier-principle p{color:var(--muted);font-size:.94rem}.faq-page{max-width:1050px}
.contact-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:start;padding-block:68px 90px}.contact-page-intro h1,.contact-page-intro h2{font-size:clamp(2.5rem,4.1vw,4rem);margin-bottom:28px}.contact-page-description{max-width:400px;color:var(--muted);font-size:.96rem}.contact-page-notes{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;max-width:400px}.contact-page-notes p:first-child{font-size:.83rem;font-weight:600;margin-bottom:12px}.contact-page-notes p:last-child{color:var(--muted);font-size:.81rem}.switch-contact{margin-top:25px;font-size:.8rem;color:var(--muted)}.contact-page-form{min-width:0}.contact-page .kharkor-form{border:0;border-radius:0;box-shadow:none;padding:34px 36px;background:#eeefe7}.contact-page .kharkor-form input,.contact-page .kharkor-form textarea,.contact-page .kharkor-form select{border-radius:2px}.contact-page .file-dropzone{border-radius:2px}.site-footer{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:70px;padding-block:40px 50px;border-top:1px solid var(--line);font-size:.79rem;color:var(--muted)}.site-footer img{width:150px;margin-bottom:20px}.footer-description p{max-width:250px}.footer-links ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.footer-links a{text-decoration:none}.footer-status{font-size:.65rem;color:var(--muted);margin-top:20px}.prose{max-width:850px;padding-block:70px;min-height:65vh}.prose h1{margin-bottom:30px}.prose h2{margin-block:30px 15px}.prose p{margin-block:18px}
@media(hover:hover){.button:hover,.wp-block-button__link:hover{background:#305b45}.button-secondary:hover,.is-style-outline .wp-block-button__link:hover{background:#e2e8db}.nav-links a:hover,.footer-links a:hover{text-decoration:underline}.text-link a:hover{color:#497358}}
@media(max-width:1200px){.site-header{gap:22px}.nav-links{gap:22px}.brand,.brand img{width:160px}.header-contact{font-size:.72rem;gap:14px;padding-inline:14px}.benefits,.service-split,.international,.services-detail,.quality-layout,.process-page,.supplier-principle{gap:60px}.contact-page{gap:60px}.hero-layout{grid-template-columns:1.3fr .7fr;gap:20px}.hero-visual{height:350px}.hero-actions{gap:10px 20px}.hero-actions .text-link a{font-size:.75rem}.page-intro-bottom{gap:40px}.page-description{max-width:630px}}
@media(max-width:1000px){.container{width:calc(100% - 64px)}.site-header{min-height:88px;flex-wrap:wrap;gap:0}.desktop-nav{order:3;width:100%;padding-block:12px}.desktop-nav .nav-links{justify-content:space-between;gap:12px}.js .desktop-nav{display:none}.header-contact{display:none}.js .menu-toggle{display:flex;flex-direction:column;gap:6px;padding:15px 9px;background:none;border:0;width:44px;height:44px;margin-left:auto}.menu-toggle span{display:block;height:1.5px;width:26px;background:var(--green)}.hero{padding-block:58px 64px}.hero-layout{grid-template-columns:1.35fr .65fr;gap:20px}.hero-copy h1{font-size:clamp(2.5rem,4.8vw,3.6rem)}.hero-description{font-size:.95rem}.hero-visual{height:310px}.hero-actions{align-items:start;flex-direction:column;gap:12px}.hero-principle{margin-top:22px}.benefits{grid-template-columns:.85fr 1.15fr;gap:45px}.section{padding-block:74px}.section-heading{gap:20px 45px}.service-split,.international,.services-detail,.quality-layout,.supplier-principle{gap:45px}.process-graph.is-compact{gap:22px}.process-graph.is-compact li::before{right:-22px}.process-footnote{align-items:start;flex-direction:column;gap:15px}.process-page{grid-template-columns:1.35fr .65fr;gap:40px}.process-aside{padding:25px}.supplier-invitation,.closing-cta{gap:40px}.contact-page{grid-template-columns:.75fr 1.25fr;gap:40px}.contact-page .kharkor-form{padding:28px 25px}.site-footer{gap:40px}.footer-links ul{grid-template-columns:1fr}.page-intro-bottom{align-items:start;flex-direction:column;gap:26px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.draft-ribbon{font-size:.6rem;padding-top:10px}.draft-ribbon span:last-child{display:none}.site-header{min-height:78px}.brand,.brand img{width:150px}.hero{padding-block:40px 40px}.hero-layout{display:flex;flex-direction:column;gap:20px;align-items:stretch}.hero-copy h1{font-size:clamp(2.2rem,7.2vw,3.35rem);line-height:1.07;letter-spacing:-.05em;margin-bottom:23px}.hero .eyebrow{font-size:.69rem;margin-bottom:22px}.hero-description{font-size:.95rem;line-height:1.7;margin-bottom:25px;max-width:580px}.hero-actions{gap:12px;align-items:start}.hero-actions .text-link a{font-size:.8rem}.hero-principle{font-size:.72rem;margin-top:20px}.hero-visual{height:210px;width:100%;max-width:440px;align-self:center}.scene-caption{bottom:-4px}.motion-toggle{font-size:.59rem}.section{padding-block:60px}.benefits,.service-split,.international,.services-detail,.quality-layout,.process-page,.supplier-principle{grid-template-columns:1fr;gap:32px}.benefit-intro>p:last-child{max-width:600px}.benefit-intro h2{margin-bottom:20px}.benefit-row{padding-block:24px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.large-copy{font-size:1.12rem}.service-section{padding-top:0}.process-graph.is-compact{grid-template-columns:1fr 1fr;gap:34px 25px;margin-block:36px}.process-graph.is-compact li::before{right:-25px}.process-graph.is-compact li:nth-child(2)::before{display:none}.process-graph.is-compact h3{font-size:1rem;margin-top:18px}.process-graph.is-compact p{font-size:.81rem}.supplier-invitation{grid-template-columns:1fr;gap:28px;padding-block:40px}.supplier-invitation-action,.closing-action{justify-self:start}.closing-cta{grid-template-columns:1fr;gap:28px;padding-block:40px 60px}.closing-copy>p:last-child{margin-top:22px}.faq-list details{padding-block:20px}.faq-list summary{font-size:.95rem}.faq-list details p{padding-right:14px;font-size:.9rem}.page-intro{padding-block:42px 40px}.page-intro h1{font-size:clamp(2.35rem,8.7vw,3.5rem);margin-bottom:28px;overflow-wrap:normal}.page-description{font-size:.97rem}.process-page .process-graph li{gap:20px;padding-bottom:32px}.process-page .process-graph h3{font-size:1.16rem}.process-page .process-graph p{font-size:.91rem}.process-aside{padding:28px}.supplier-principle{padding-block:40px}.contact-page{grid-template-columns:1fr;gap:32px;padding-block:42px 60px}.contact-page-intro h1,.contact-page-intro h2{font-size:clamp(2.3rem,8.5vw,3.4rem);margin-bottom:23px}.contact-page-description{max-width:600px;font-size:.95rem}.contact-page-notes{max-width:600px;margin-top:24px;padding-top:20px}.switch-contact{margin-top:20px}.contact-page .kharkor-form{padding:28px 22px}.site-footer{grid-template-columns:1fr 1fr;gap:32px;padding-block:32px 40px}.footer-links{grid-column:1/-1}.footer-links ul{grid-template-columns:1fr 1fr}.footer-description{font-size:.74rem}.site-footer img{width:140px}}
@media(max-width:400px){.container{width:calc(100% - 36px)}.hero-copy h1{font-size:2rem}.hero-description{font-size:.89rem}.hero-visual{height:190px}.hero .wp-block-button__link{font-size:.81rem;padding:12px 18px;gap:20px;min-height:50px}.hero-principle{font-size:.68rem}.page-intro h1{font-size:2.15rem}.contact-page-intro h1,.contact-page-intro h2{font-size:2.12rem}.contact-page .kharkor-form{padding:24px 17px}.button,.wp-block-button__link{gap:20px;font-size:.8rem}.benefit-row,.service-row{gap:12px 15px}.site-footer{grid-template-columns:1fr}.footer-links{grid-column:auto}.process-graph.is-compact{gap:28px 18px}.process-graph.is-compact h3{font-size:.91rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.wp-block-group>*{margin-block-start:0}

/* Full brand name stays legible at every navigation size. */
.brand-wordmark{display:inline-block;color:var(--green);font-size:1.08rem;font-weight:750;line-height:1.16;letter-spacing:-.025em;text-decoration:none;max-width:100%}.brand-wordmark>span{display:block;white-space:nowrap}.site-footer .brand-wordmark{font-size:clamp(.8rem,1.4vw,1.08rem);margin-bottom:20px}.menu-header{gap:16px}.menu-header .brand-wordmark{font-size:.92rem}.menu-close{flex-shrink:0}.hero-actions .text-link{max-width:100%}.hero-actions .text-link a{max-width:100%;overflow-wrap:anywhere}.hero-actions .text-link a span{flex-shrink:0}
@media(max-width:700px){.brand,.brand img{width:190px}.brand-wordmark{font-size:1.08rem}.menu-header .brand-wordmark{font-size:.8rem}}

/* Page-preserving, keyboard-accessible language selection. No cookies or remote services. */
.language-switch{position:relative;flex:none;font-size:.78rem;color:var(--green)}.language-switch>summary{display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;list-style:none;min-width:52px;min-height:44px;padding:10px 8px;border:1px solid var(--line);border-radius:2px}.language-switch>summary::-webkit-details-marker{display:none}.language-switch[open]>summary{background:var(--tint)}.language-options{position:absolute;right:0;top:calc(100% + 10px);width:255px;max-height:65svh;overflow:auto;background:var(--paper);border:1px solid var(--line);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:2px;z-index:20}.language-options a{display:flex;align-items:center;min-height:44px;padding:8px;font-size:.78rem;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}.language-options a[aria-current=true]{background:var(--tint);font-weight:700}.language-options a:hover{background:var(--tint)}.site-header{gap:22px}.nav-links{gap:22px}.menu-toggle{flex-shrink:0}.button,.wp-block-button__link{overflow-wrap:anywhere}.hero-copy,.page-intro,.page-intro-bottom>*{min-width:0}h1,h2,h3{overflow-wrap:anywhere}html:lang(zh-Hans),html:lang(zh-Hant-TW),html:lang(ja-JP),html:lang(ko-KR),html:lang(th-TH){line-break:strict}html:lang(zh-Hans) h1,html:lang(zh-Hant-TW) h1,html:lang(ja-JP) h1,html:lang(ko-KR) h1,html:lang(th-TH) h1{letter-spacing:0;line-height:1.25}
@media(max-width:1200px) and (min-width:1001px){.site-header{gap:14px}.nav-links{gap:14px}.nav-links a{font-size:.72rem}.header-contact{max-width:190px;white-space:normal}}
@media(max-width:1000px){.language-switch{margin-left:auto}.js .menu-toggle{margin-left:12px}.site-header{column-gap:0}}
@media(max-width:400px){.brand,.brand img{width:180px}.language-switch>summary{min-width:46px;padding-inline:6px}.js .menu-toggle{margin-left:6px}}

/* ISC customer release: the existing connection signet remains the brand anchor. */
:root{--copper:#9d4f31;--journey-paper:#eeeee5;--muted:#53665e}
h1,h2,h3,.hero-copy h1{letter-spacing:-.035em;text-wrap:balance}
body{overflow-wrap:break-word;caret-color:var(--copper);scrollbar-color:#a7b3a8 var(--paper)}
::selection{background:#d7e2d7;color:#183f38}
:focus-visible{outline-color:var(--copper)}
.container{width:min(1280px,calc(100% - 96px))}
.site-header{min-height:108px;gap:30px}.brand{width:210px}.brand-wordmark{font-size:1.16rem}
.nav-links a{font-size:.875rem}.header-contact{font-size:.81rem}
.hero{padding-block:78px 92px}.hero-copy h1{font-size:clamp(2.9rem,4.7vw,4.6rem);line-height:1.06;margin-bottom:28px}
.hero-description{font-size:1.1rem;line-height:1.65;max-width:610px;margin-bottom:30px}
.hero-principle{font-size:.88rem;margin-top:24px;color:var(--green)}
.hero-actions .text-link a{font-size:.86rem}.hero-visual{height:420px}
.button,.wp-block-button__link{border-radius:4px;min-height:54px;font-size:.9rem}
.benefits{border-top:0;gap:100px}.benefit-intro h2{max-width:480px}.benefit-row,.service-row{display:block;padding-block:28px}
.benefit-row h3,.service-row h3{margin-bottom:12px}.benefit-row>p:last-child,.service-row>p:last-child{font-size:1rem;max-width:65ch}
.benefit-rows>.text-link{padding-top:24px}.benefit-intro>p:last-child{font-size:1rem}
.section-heading{display:block}.section-heading h2{max-width:840px}.section-intro{margin-top:22px}
.services-title h2{max-width:390px}.service-rows{border-top:1px solid var(--line)}
.section{padding-block:96px}.faq-section{padding-top:30px;padding-bottom:96px}.faq-list summary{font-size:1.07rem}.faq-list details p{font-size:1rem;max-width:80ch}
.closing-cta{padding-block:68px 78px}.closing-copy h2{max-width:750px}.closing-copy>p:last-child{font-size:1rem}.microcopy{font-size:.8rem}
.page-intro h1{max-width:1050px}.page-description{font-size:1.12rem}
.contact-page-intro h1{letter-spacing:-.035em}.contact-page-description{font-size:1.04rem;line-height:1.7}
.contact-page .kharkor-form{background:#fffefa;padding:36px;border:1px solid #d4d9ce;border-radius:8px}
.contact-page .kharkor-form input,.contact-page .kharkor-form textarea,.contact-page .kharkor-form select{border-radius:4px}
.site-footer{font-size:.86rem;padding-block:48px}.footer-links ul{gap:13px 24px}.footer-status{font-size:.75rem}
.site-footer .legal-links{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}

/* A single scroll-driven illustration explains the sequence without delaying the copy. */
.journey{background:var(--journey-paper);border-block:1px solid #d9dfd2;padding-block:80px 44px}
.journey-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:32px}
.journey-heading h2{font-size:clamp(2.3rem,3.6vw,3.5rem);max-width:720px}
.journey-heading>p{color:var(--muted);max-width:340px;font-size:1.05rem;padding-bottom:5px}
.journey-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;align-items:start}
.journey-steps{padding-bottom:35px}
.journey-step{position:relative;padding:44px 0 48px 60px;min-height:255px;border-bottom:1px solid #cdd6ca}
.journey-step:last-child{border-bottom:0}
.journey-number{position:absolute;top:49px;left:0;font-size:.84rem;font-weight:650;font-variant-numeric:tabular-nums;color:var(--copper)}
.journey-step h3{font-size:clamp(1.4rem,2.1vw,1.9rem);max-width:390px;line-height:1.18;margin-bottom:20px}
.journey-step p{max-width:420px;color:var(--muted);font-size:1rem;line-height:1.7}
.journey-visual{position:sticky;top:45px;padding-top:24px}
.journey-stage{position:relative;aspect-ratio:1.35;isolation:isolate;overflow:hidden}
.journey-container{position:absolute;top:38%;left:-10%;width:58%;max-width:none;z-index:3;transform:translate3d(0,0,0)}
.journey-destination{position:absolute;top:4%;right:-5%;width:67%;max-width:none;z-index:1}
.journey-route{position:absolute;top:68%;left:8%;right:15%;height:1px;background:#a9b9ac;z-index:0}
.journey-route>span{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--copper)}
.journey-route>span:nth-child(2){left:50%}.journey-route>span:last-child{right:0}
.journey-label{position:absolute;font-size:.77rem;font-weight:600;color:var(--green)}
.journey-label-source{left:7%;top:85%}.journey-label-target{right:6%;top:7%}
.journey-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}
.journey-progress-item{font-size:.74rem;font-weight:500;line-height:1.4;border-top:2px solid #c0cbbe;padding-top:12px;color:var(--muted)}
.journey-progress-item[data-active=true]{border-color:var(--copper);color:var(--green)}
.journey-caption{font-size:.72rem;line-height:1.55;margin-top:25px;color:var(--muted);max-width:520px}
.journey-bottom{border-top:1px solid #c0cbbe;padding-top:25px;display:flex;gap:40px;align-items:center;justify-content:space-between}
.journey-bottom p{font-size:.83rem;max-width:650px;color:var(--muted)}
.journey-bottom a{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:.86rem;font-weight:600;flex-shrink:0}
@media(min-width:701px) and (max-width:1050px){.journey-heading{gap:35px}.journey-layout{gap:28px;grid-template-columns:1fr 1fr}.journey-step{padding-left:40px;min-height:280px}.journey-visual{top:100px}.journey-progress{gap:8px}.journey-progress-item{font-size:.67rem}.journey-bottom{align-items:start;flex-direction:column;gap:10px}.site-header{gap:22px}.hero-description{font-size:1rem}}
@media(max-width:1000px){.container{width:calc(100% - 64px)}.site-header{min-height:88px;gap:0}.hero{padding-block:56px 64px}.hero-visual{height:330px}.hero-copy h1{font-size:clamp(2.5rem,4.8vw,3.5rem)}}
@media(max-width:700px){
 .container{width:calc(100% - 40px)}.site-header{min-height:84px}.brand{width:190px}.brand-wordmark{font-size:1.08rem}
 .hero{padding-block:42px 40px}.hero-copy h1{font-size:clamp(2.25rem,7.65vw,3.5rem);line-height:1.08;letter-spacing:-.035em}.hero-description{font-size:1rem;line-height:1.65;max-width:600px}.hero-principle{font-size:.82rem}.hero-visual{height:240px}.hero-actions{gap:10px}.hero-actions .text-link a{font-size:.83rem}
 .section{padding-block:64px}.benefits{gap:32px}.faq-section{padding-top:10px}.faq-list summary{font-size:1rem}.faq-list details p{font-size:.95rem}
 .journey{padding-block:54px 32px}.journey-heading{display:block;margin-bottom:24px}.journey-heading h2{font-size:clamp(2rem,6.3vw,2.65rem)}.journey-heading>p{margin-top:22px;font-size:1rem;max-width:480px}
 .journey-layout{display:flex;flex-direction:column;gap:18px}.journey-visual{position:static;order:-1;padding-top:0;width:100%;max-width:560px;align-self:center}.journey-stage{aspect-ratio:1.65}.journey-container{top:34%;left:20%;width:50%;transform:none!important}.journey-destination{width:57%;right:0;top:0}.journey-label-source{top:84%;left:7%}.journey-label-target{top:3%;right:5%}.journey-route{top:67%;right:17%}
 .journey-progress{display:none}.journey-caption{font-size:.67rem;margin-top:12px;max-width:480px}
 .journey-steps{padding-bottom:8px;width:100%}.journey-step{min-height:0;padding:28px 0 28px 40px}.journey-number{top:33px}.journey-step h3{font-size:1.45rem;margin-bottom:13px;max-width:none}.journey-step p{max-width:600px;font-size:.96rem}
 .journey-bottom{display:block;padding-top:22px}.journey-bottom p{font-size:.8rem}.journey-bottom a{margin-top:13px;font-size:.82rem}
 .closing-cta{padding-block:45px 60px}.closing-copy>p:last-child{font-size:.97rem}.contact-page .kharkor-form{padding:28px 22px}.contact-page-description{font-size:1rem}.site-footer{padding-block:36px}
}
@media(max-width:400px){.container{width:calc(100% - 36px)}.hero-copy h1{font-size:2.16rem}.hero-description{font-size:.96rem}.hero-visual{height:210px}.brand{width:175px}.brand-wordmark{font-size:1rem}.contact-page .kharkor-form{padding:24px 17px}.journey-step{padding-left:34px}.journey-step h3{font-size:1.32rem}}
@media(prefers-reduced-motion:reduce){.journey-container{transform:none!important;left:31%}.journey-visual{position:static}.journey-step{min-height:0;margin-bottom:24px}.journey-steps{padding-block:28px}}
