@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--paper:#f4f3ec;--ink:#272b24;--muted:#777b70;--line:#d9dbcf;--lime:#dcf88c;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #6d843d;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1320px,calc(100% - 104px));margin:auto}.header{height:104px;display:flex;align-items:center;gap:50px;padding:0 52px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:35px;font-weight:800;line-height:.85;letter-spacing:-2px}.brand-icon{font-size:59px;font-weight:400;letter-spacing:0}.brand-sub{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:8px;padding-left:2px}.header nav{display:flex;gap:36px;margin:auto;font-size:13px;font-weight:500}.header nav a{padding:12px 0}.header nav a:hover,.email:hover{color:#677b35}.nav-dot{display:inline-block;width:6px;height:6px;background:#8ea650;border-radius:50%;vertical-align:top;margin:2px 0 0 3px}.header-contact{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 18px;border:1px solid var(--ink);border-radius:30px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:500;transition:background .22s ease,border-color .22s ease}.header-contact>span[aria-hidden]{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(246,245,240,.16);color:var(--paper);font-size:13px;line-height:1;transition:background .22s ease,color .22s ease,transform .22s ease}.header-contact:hover{background:#18222a;border-color:#18222a}.header-contact:hover>span[aria-hidden]{background:var(--lime);color:var(--ink);transform:translate(2px,-2px)}.menu-toggle{display:none}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;display:inline-flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#839b4c}.hero{padding-top:34px}.hero-top{display:flex;justify-content:space-between}.location{font-size:10px;letter-spacing:1.1px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:35px;padding:38px 0 45px;align-items:center}.hero-copy{position:relative}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:clamp(65px,7.1vw,106px);font-weight:500;line-height:.99;letter-spacing:-6px;position:relative}.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.055em}.hero-star{display:inline-block;font-size:65px;margin-left:23px;color:#8d9e6f;vertical-align:middle}.hero-copy h2{font-size:19px;font-weight:500;letter-spacing:-.8px;margin-top:30px}.hero-copy p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:16px 23px;border-radius:5px;font-size:12px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;line-height:1}.dark{background:var(--ink);color:white}.hero-copy .button{margin-top:27px}.hero-art{height:515px;border-radius:6px;background:#e8ebdc;overflow:hidden;position:relative}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#9da98615 1px,transparent 1px),linear-gradient(90deg,#9da98615 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,black,transparent)}.art-caption{position:absolute;top:27px;left:27px;font-size:9px;line-height:1.7;letter-spacing:1.3px;color:#63714d}.orbit{position:absolute;border:1px solid #889a65;border-radius:50%;width:300px;height:300px;left:50%;top:49%;box-shadow:inset 0 0 50px #b7c69520}.orbit-one{transform:translate(-68%,-68%)}.orbit-two{transform:translate(-32%,-68%)}.orbit-three{transform:translate(-68%,-32%)}.orbit-four{transform:translate(-32%,-32%)}.art-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:167px;height:167px;border-radius:50%;background:#d8f68b;box-shadow:0 0 65px #b9d68466;display:flex;align-items:center;justify-content:center;font:600 36px Manrope;letter-spacing:-2px}.art-core small{position:absolute;bottom:46px;font:6px 'DM Sans';letter-spacing:1.4px}.art-core span{font-weight:500}.art-label{position:absolute;background:#f8f9f0;border:1px solid #d5debf;padding:8px 10px;border-radius:4px;font-size:8px;letter-spacing:1px;box-shadow:0 4px 15px #38472908}.label-top{top:102px;left:calc(50% - 58px)}.label-bottom{bottom:113px;left:calc(50% - 55px)}.label-left{left:22px;top:48%}.label-right{right:22px;top:48%}.art-bottom{position:absolute;bottom:23px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:end;font-size:8px;letter-spacing:1.2px;line-height:1.6}.art-arrow{font-size:35px}.hero-footer{display:flex;justify-content:space-between;padding:22px 0 27px;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px;color:var(--muted)}.hero-footer a{color:var(--ink);font-size:9px}.hero-footer a span{margin-left:16px}.hero-footer>span:first-child{letter-spacing:0}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:94px;padding-bottom:100px;border-bottom:1px solid var(--line)}.section-marker{font-size:10px;letter-spacing:1.4px;display:flex;flex-direction:column;gap:40px}.little-star{font-size:60px;color:#89996c}.intro h2{font-size:31px;line-height:1.65;font-weight:500;letter-spacing:-1.5px}.muted{color:#929687}.intro-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;margin-top:27px}.intro p{font-size:12px;line-height:2;color:var(--muted);word-break:keep-all}.services{padding-top:85px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-heading h2{font-size:48px;font-weight:500;letter-spacing:-2px;line-height:1.12;margin-top:23px}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9;padding-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{border:1px solid var(--line);border-radius:5px;padding:25px 23px 0;transition:background .2s,transform .2s}.service-card:hover{background:#e9eddf;transform:translateY(-5px)}.card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:46px;font-size:11px;color:var(--muted)}.card-top svg{width:39px;height:39px;fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.service-en{font-size:8px;letter-spacing:1px;color:var(--muted)}.service-card h3{font-size:27px;letter-spacing:-1px;font-weight:500;margin:10px 0 17px}.service-card p{font-size:11px;color:var(--muted);line-height:1.95;word-break:keep-all;min-height:84px}.service-card ul{list-style:none;padding:15px 0 25px;margin:0;font-size:10px;line-height:2.4}.service-card li:before{content:'↗';color:#8c9b6e;margin-right:9px}.service-more{display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid var(--line);background:none;width:100%;padding:18px 0;font-size:10px}.service-more span{font-size:19px}.product-section{background:#272e24;color:var(--paper);padding:75px 0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.product-copy .eyebrow{color:#c3d49e}.product-copy h2{font:500 64px/1.02 Manrope,sans-serif;letter-spacing:-3px;margin-top:32px}.product-copy h2 .serif{font-family:var(--serif)}.product-copy .product-korean{font-size:18px;color:#f0f0e7;margin:24px 0 12px;letter-spacing:-.5px}.product-copy p{font-size:12px;line-height:1.9;color:#afb7a6}.product-tags{display:flex;gap:9px;margin:24px 0 28px}.product-tags span{border:1px solid #667059;border-radius:20px;padding:6px 10px;font-size:8px;letter-spacing:1px;color:#cbd2c3}.lime{background:var(--lime);color:var(--ink)}.product-art{height:410px;border:1px solid #667053;border-radius:8px;background:radial-gradient(ellipse at 50% 45%,#627247,transparent 65%),#34402b;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.product-art:before{content:'';width:360px;height:360px;border:1px solid #81955b35;border-radius:50%;position:absolute;top:20px;left:50%;transform:translateX(-50%)}.product-art-top,.product-art-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;color:#b9c8a2}.product-art-top{top:23px}.product-art-top span:last-child{font-size:20px}.product-art-bottom{bottom:24px}.konnect-symbol{height:142px;position:relative;width:220px;transform:rotate(-23deg);margin-bottom:24px}.konnect-symbol span{position:absolute;width:137px;height:90px;border:21px solid #daf98b;border-radius:70px;top:26px;box-shadow:6px 8px 15px #101e1120}.konnect-symbol span:first-child{left:8px}.konnect-symbol span:last-child{right:8px;border-color:#a3c662;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 65%,55% 65%,55% 35%,0 35%)}.konnect-wordmark{font:500 37px Manrope,sans-serif;letter-spacing:-1.8px;z-index:1}.konnect-wordmark span{color:#bfdd91}.process{padding-top:95px;padding-bottom:95px}.process .section-heading h2{font-family:'Noto Sans KR',sans-serif;font-size:32px;line-height:1.5;letter-spacing:-1.4px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.process-grid article{border-top:1px solid #bfc7b2;padding-top:22px}.process-grid span{font-size:9px;letter-spacing:1px;color:#7d886a}.process-grid h3{font-size:17px;letter-spacing:-.5px;font-weight:500;margin:26px 0 13px}.process-grid p{font-size:12px;line-height:1.9;color:var(--muted);max-width:320px;word-break:keep-all}.contact{border-top:1px solid var(--line);padding:65px 0 75px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font:500 70px/1.05 Manrope,sans-serif;letter-spacing:-3px;margin:24px 0}.contact h2 .serif{font-family:var(--serif)}.contact p{font-size:13px;line-height:1.9;color:var(--muted)}.contact-right{display:flex;flex-direction:column;align-items:end;gap:13px;font-size:12px}.contact-circle{height:142px;width:142px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;transition:transform .25s}.contact-circle:hover{transform:rotate(-8deg)}.contact-circle span{font-size:35px}.contact-right .email{font-size:17px;border-bottom:1px solid var(--ink);padding-bottom:7px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 35px}.footer .brand{font-size:26px}.footer .brand-icon{font-size:43px}.footer .brand-sub{font-size:6px;letter-spacing:2.3px;margin-top:5px}.footer p,.footer>a:last-child{font-size:8px;letter-spacing:1.3px}.footer>span{font-size:9px;color:var(--muted)}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:12px;z-index:50}.skip:focus{top:0}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:48px;width:min(550px,calc(100% - 32px));max-height:85vh}dialog::backdrop{background:#1c211abd;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:30px}dialog h2{font-size:33px;margin:20px 0}dialog p{font-size:13px;line-height:1.9;color:var(--muted)}dialog h3{font-size:14px;margin-top:27px}dialog ul{padding-left:18px;font-size:12px;line-height:2.2}.dialog-note{margin:22px 0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero-grid{gap:75px}.hero-art{height:560px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px;gap:25px}.header nav{gap:22px}h1{font-size:80px}.hero-art{height:490px}.orbit{width:255px;height:255px}.hero-star{font-size:45px;margin-left:9px}.hero-copy h2{font-size:16px}.service-grid{grid-template-columns:repeat(2,1fr);gap:20px}.service-card p{min-height:0}.card-top{margin-bottom:28px}.service-card ul{padding-top:17px}.intro{grid-template-columns:.7fr 2fr;gap:35px}.intro h2{font-size:27px}.product-grid{gap:40px}.product-copy h2{font-size:55px}.konnect-wordmark{font-size:31px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:82px;padding:0 20px;gap:16px}.brand{font-size:29px}.brand-icon{font-size:46px}.brand-sub{font-size:7px}.header-contact{margin-left:auto}.menu-toggle{display:block;border:0;background:none;font-size:24px;padding:3px}.header nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);flex-direction:column;gap:7px}.header nav.open{display:flex}.hero{padding-top:25px}.hero-top .location{display:none}.eyebrow{font-size:8px}.hero-grid{grid-template-columns:1fr;padding-top:30px;gap:40px}.hero h1{font-size:clamp(68px,13.5vw,100px);letter-spacing:-4px}.hero-star{font-size:47px;margin-left:20px}.hero-copy h2{font-size:17px;margin-top:25px}.hero-copy p{font-size:12px}.hero-art{height:420px}.orbit{width:250px;height:250px}.art-core{width:145px;height:145px}.art-core small{bottom:36px}.label-top{top:66px}.label-bottom{bottom:75px}.label-left{left:10px}.label-right{right:10px}.hero-footer{font-size:8px;padding:18px 0}.hero-footer>span:last-child{display:none}.intro{grid-template-columns:1fr;gap:23px;padding:60px 0}.section-marker{flex-direction:row;align-items:center;justify-content:space-between;font-size:8px}.little-star{font-size:35px}.intro h2{font-size:25px;letter-spacing:-1px}.intro-bottom{grid-template-columns:1fr;gap:14px;margin-top:22px}.services{padding:60px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:39px;margin-top:20px}.section-heading>p{margin-top:20px;font-size:11px}.service-grid{gap:12px}.service-card{padding:19px 15px 0}.card-top svg{width:30px;height:30px}.service-en{font-size:6px;letter-spacing:.7px}.service-card h3{font-size:24px}.service-card p{font-size:10px;min-height:80px}.service-card ul{font-size:9px;line-height:2.1;padding:16px 0 20px}.service-card li:before{margin-right:5px}.service-more{font-size:9px}.product-section{padding:50px 0}.product-grid{grid-template-columns:1fr;gap:40px}.product-copy h2{font-size:55px}.product-art{height:365px}.process{padding:60px 0}.process .section-heading h2{font-size:27px}.process-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.process-grid h3{margin-top:19px}.process-grid p{max-width:none}.contact{padding:50px 0;display:block}.contact h2{font-size:58px}.contact-right{align-items:start;margin-top:30px;position:relative;min-height:115px;padding-right:100px;justify-content:center}.contact-circle{position:absolute;right:0;top:0;width:92px;height:92px;font-size:10px}.contact-circle span{font-size:25px}.contact-right .email{font-size:11px}.contact-right>a:last-child{font-size:10px}.footer{flex-wrap:wrap;gap:22px}.footer p{display:none}.footer>span{font-size:8px}.footer>a:last-child{width:100%;text-align:right}dialog{padding:36px 26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} 

.platform-features{margin:24px 0 28px;display:grid;gap:18px}.platform-features>div{border-left:1px solid #687955;padding-left:15px}.platform-features span{font-size:9px;letter-spacing:1px;color:#d1e5ac}.platform-features p{font-size:11px;margin:8px 0 0}.platform-features a{display:inline-block;font-size:10px;margin-top:9px;color:var(--lime);border-bottom:1px solid #798d57;padding-bottom:3px}.product-art{height:480px}@media(max-width:760px){.product-art{height:365px}}
/* Brand, bilingual typography, and photographic direction. */
:root{--paper:#f6f5f0;--ink:#253039;--muted:#69736f;--line:#dcded5}
body{font-family:'DM Sans','Noto Sans KR',sans-serif}.header{gap:27px;height:102px}.brand{font-size:30px;gap:5px;letter-spacing:-1.6px}.brand-logo{width:68px;height:68px;object-fit:contain;mix-blend-mode:multiply}.brand-sub{letter-spacing:3.5px;font-size:8px}.header nav{gap:30px}.language-switch{display:flex;align-items:center;gap:5px;font-size:11px;flex-shrink:0}.language-switch a,.language-switch .language-current{display:inline-flex;align-items:center;justify-content:center;padding:12px 7px;color:#7a827b;font-size:11px;min-width:35px;min-height:44px}.language-switch .language-current{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:5px}.language-switch>span{color:#b0b6a8}.header-contact{font-size:12px;white-space:nowrap}.header-contact>span[data-copy]{font-size:12px}.hero-grid{gap:65px;padding-top:38px;padding-bottom:42px;grid-template-columns:1.04fr 1fr}.hero h1{font-size:clamp(74px,7.7vw,111px);font-weight:400;letter-spacing:-6px;line-height:1.015}.hero .serif{letter-spacing:-3px;font-size:1.14em;line-height:.94}.hero-copy h2{font:500 17px/1.5 'DM Sans','Noto Sans KR',sans-serif;letter-spacing:-.3px;margin-top:32px}.hero-copy p{font-size:14px;line-height:1.8;margin-top:12px}.button{font-size:13px;min-height:50px}.button>span[data-copy]{font-size:13px;line-height:1.5}.hero-photo{height:560px;position:relative;border-radius:3px;isolation:isolate;background:#4d554c}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:3px}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#17272440,transparent 35%,#112c2dd9);border-radius:3px;z-index:0}.photo-top{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1.4px;color:#fff;z-index:1}.photo-caption{position:absolute;bottom:49px;left:32px;right:32px;color:#fff;z-index:1}.photo-kicker{font-size:9px;letter-spacing:2px}.photo-caption p{font-size:31px;line-height:1.12;letter-spacing:-.8px;margin-top:16px}.photo-caption em{font-family:var(--serif);font-size:1.35em;font-weight:400}.photo-arrow{position:absolute;right:0;bottom:4px;font-size:32px}.photo-badge{position:absolute;bottom:-15px;left:30px;background:var(--lime);padding:14px 19px;z-index:2;font-size:8px;letter-spacing:1.25px;box-shadow:0 4px 20px #162a2510;display:flex;align-items:center;gap:9px}.badge-dot{width:5px;height:5px;border-radius:50%;background:var(--ink)}.hero-footer{padding-top:26px}.intro-logo{mix-blend-mode:multiply;width:90px;height:90px;margin-left:-13px}.intro{grid-template-columns:.7fr 2fr;gap:70px}.intro h2{font-family:Manrope,'Noto Sans KR',sans-serif;font-size:36px;line-height:1.35;font-weight:400;letter-spacing:-1.3px}.intro-bottom{gap:40px}.intro p{font-size:14px;line-height:1.85}.section-heading h2{font-family:Manrope,'Noto Sans KR',sans-serif;font-size:49px;font-weight:400}.section-heading .serif{font-size:1.17em;letter-spacing:-1.4px}.section-heading>p{font-size:13px}.service-card{display:flex;flex-direction:column;padding:27px 24px 0}.service-en{font-size:8px;letter-spacing:1.1px}.service-card h3{font:500 24px/1.2 Manrope,'Noto Sans KR',sans-serif;letter-spacing:-1px;min-height:58px}.service-card p{font-size:13px;line-height:1.8;min-height:120px}.service-card ul{font-size:11px;line-height:2;padding-top:20px}.service-more{margin-top:auto;font-size:11px;min-height:58px}.service-more>span[data-copy]{font-size:11px}.product-copy p{font-size:14px}.product-copy h2{font-weight:400;font-size:67px}.product-copy h2 .serif{font-size:1.12em}.product-copy .product-korean{font-size:19px}.platform-features p{font-size:13px;line-height:1.7;margin-top:10px}.platform-features a{font-size:12px;min-height:34px;padding-top:7px}.platform-features>div>span{font-size:9px}.team-banner{height:330px;position:relative;margin-bottom:75px;overflow:hidden;border-radius:3px;background:#dde0d4}.team-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:brightness(.75)}.team-banner>span{position:absolute;bottom:30px;left:35px;color:#fff;font:400 34px Manrope,sans-serif;letter-spacing:-1px}.process .section-heading h2{font-family:Manrope,'Noto Sans KR',sans-serif;font-size:43px;line-height:1.15;font-weight:400}.process-grid h3{font-size:21px;font-weight:500}.process-grid p{font-size:14px;line-height:1.8}.contact h2{font-size:76px;font-weight:400}.contact h2 .serif{font-size:1.1em}.contact p{font-size:14px}.contact-circle>span[data-copy]{font-size:13px}.footer .brand-logo{width:52px;height:52px}.footer .brand{font-size:26px}.footer>span{font-size:11px}.footer>a:last-child{min-height:44px;display:flex;align-items:center;justify-content:end}.hero h1 [data-copy]{display:block}html[lang=ko] .serif{font-family:'Noto Sans KR',sans-serif;font-style:normal;letter-spacing:-.045em}html[lang=ko] .hero h1{font-size:80px;line-height:1.2;letter-spacing:-5px}html[lang=ko] .hero .serif{font-size:1em}html[lang=ko] .product-copy h2{font-size:46px;line-height:1.3}html[lang=ko] .contact h2{font-size:55px;line-height:1.3}html[lang=ko] .section-heading .serif{font-size:1em}
@media(max-width:1100px){.header{gap:17px}.header nav{gap:16px;font-size:12px}.hero-grid{gap:32px}.hero h1{font-size:79px}.hero-photo{height:505px}.photo-top span:last-child{display:none}.service-card h3{min-height:0}.service-card p{min-height:72px}.intro{gap:35px}.intro h2{font-size:31px}.intro p{font-size:13px}.product-copy h2{font-size:57px}}
@media(max-width:850px) and (min-width:761px){.hero h1{font-size:69px}.hero-copy h2{font-size:15px}.hero-copy p{font-size:13px}.photo-caption p{font-size:27px}}
@media(max-width:760px){html{scroll-padding-top:30px}.header{height:82px;padding:0 17px;gap:12px}.brand{font-size:25px}.brand-logo{width:53px;height:53px}.brand-sub{font-size:6px;letter-spacing:2.7px;margin-top:6px}.header-contact{display:none}.language-switch{margin-left:auto;gap:0}.language-switch a,.language-switch .language-current{min-width:31px;padding:10px 5px;font-size:10px}.menu-toggle{min-width:40px;min-height:44px;font-size:23px}.header nav{top:81px;padding:15px 23px 23px}.header nav a{padding:14px 0;font-size:15px}.hero-grid{gap:38px;padding-top:29px}.hero h1{font-size:clamp(66px,14vw,100px);letter-spacing:-3.6px;line-height:1.02}.hero .serif{font-size:1.13em;letter-spacing:-2px}.hero-copy h2{font-size:15px;line-height:1.6;max-width:340px;margin-top:28px}.hero-copy p{font-size:13px;line-height:1.8}.hero-copy .button{margin-top:24px;padding:15px 20px;gap:40px}.hero-photo{height:430px}.photo-top{left:22px;right:22px;top:20px;font-size:7px}.photo-top span:last-child{display:block;font-size:6px}.photo-caption{left:24px;right:24px;bottom:43px}.photo-caption p{font-size:31px}.photo-badge{left:23px;font-size:7px;letter-spacing:1px;padding:13px 16px}.hero-footer{padding-top:25px;gap:12px;font-size:8px}.hero-footer a{font-size:8px}.intro{gap:18px;padding:50px 0}.intro-logo{width:57px;height:57px;margin:0}.intro h2{font-size:28px;line-height:1.4;letter-spacing:-1px}.intro-bottom{gap:16px}.intro p{font-size:14px;line-height:1.85}.section-heading h2{font-size:38px;line-height:1.16}.section-heading>p{font-size:13px}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:25px 24px 0}.card-top{margin-bottom:24px}.card-top svg{width:37px;height:37px}.service-en{font-size:9px}.service-card h3{font-size:26px;min-height:0;margin-top:12px;margin-bottom:14px}.service-card p{min-height:0;font-size:14px;line-height:1.85}.service-card ul{font-size:12px;line-height:2.3;padding:18px 0 23px}.service-more{font-size:12px;min-height:57px}.service-more>span[data-copy]{font-size:12px}.product-copy h2{font-size:57px}.product-copy .product-korean{font-size:18px}.product-copy p,.platform-features p{font-size:13px}.product-art{height:350px}.team-banner{height:240px;margin-bottom:47px}.team-banner>span{font-size:24px;left:21px;bottom:24px}.process .section-heading h2{font-size:34px}.process-grid h3{font-size:21px}.process-grid p{font-size:14px}.contact h2{font-size:57px;letter-spacing:-2px}.contact p{font-size:14px}.contact-right{padding-right:108px}.contact-right .email{font-size:11px}.contact-circle>span[data-copy]{font-size:11px}.footer{column-gap:12px}.footer .brand-logo{width:45px;height:45px}.footer .brand{font-size:23px}.footer>span{font-size:9px}dialog{padding:38px 25px}dialog h2{font-size:28px}dialog p{font-size:14px}dialog ul{font-size:13px}.dialog-close{min-height:44px;min-width:44px}.button>span[data-copy]{font-size:12px}html[lang=ko] .hero h1{font-size:clamp(50px,12vw,75px);letter-spacing:-3px;line-height:1.24}html[lang=ko] .product-copy h2{font-size:37px}html[lang=ko] .contact h2{font-size:38px;line-height:1.4}html[lang=ko] .section-heading h2{font-size:31px}html[lang=ko] .intro h2{font-size:25px}}
.header,.footer,.intro .section-marker{background:var(--paper)}.brand{isolation:isolate;background:var(--paper)}.brand-logo,.intro-logo{mix-blend-mode:multiply}.hero-photo .photo-caption p{max-width:320px}.hero-photo .photo-caption em{font-size:1.2em}
@media(max-width:760px){.hero-grid,.intro{grid-template-columns:1fr}.hero-copy,.hero-photo{min-width:0}.photo-top span:last-child{white-space:nowrap}.hero-photo .photo-caption p{max-width:260px}.photo-badge{white-space:nowrap}}
/* Multi-page navigation and long-form service layouts. */
.header nav{gap:24px}.header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.header .mobile-contact{display:none}.header-contact>span[data-copy]{font-size:12px}.home-route{padding:10px 0 0;display:flex;justify-content:flex-end}.text-link{font-size:13px;display:inline-flex;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid #adb8a0}.home-address{font-size:12px;line-height:1.8;font-style:normal;color:var(--muted);text-align:right}.page-hero{padding:35px 0 75px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:10px;color:var(--muted);margin-bottom:65px}.breadcrumb a:hover{color:var(--ink)}.page-hero h1{font:400 clamp(52px,5.7vw,82px)/1.08 Manrope,'Noto Sans KR',sans-serif;letter-spacing:-3.5px;max-width:1050px;margin:28px 0}.page-hero h1 em,.page-cta h2 em,.landing-intro h2 em,.operations-band h2 em,.section-heading h2 em,.platform-panels h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;font-size:1.13em}.page-lead{max-width:720px;font-size:17px;line-height:1.85;color:var(--muted)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:85px 0}.story-grid>img{width:100%;height:500px;object-fit:cover;border-radius:4px}.story-grid h2{font-size:35px;font-weight:400;line-height:1.35;letter-spacing:-1px;margin:25px 0}.story-grid p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:18px}.content-section{padding:75px 0}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.scope-grid.two-col{grid-template-columns:repeat(2,1fr);gap:25px}.scope-card{padding:29px 0;border-top:1px solid #bec7b4}.scope-number{font-size:11px;color:#7b8869;letter-spacing:1px}.scope-card h3{font-size:22px;line-height:1.4;font-weight:500;letter-spacing:-.6px;margin:23px 0 13px}.scope-card p{font-size:15px;line-height:1.9;color:var(--muted);word-break:normal}.scope-grid.two-col .scope-card{background:#eeefe6;border:1px solid var(--line);padding:33px;border-radius:4px}.landing-intro{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding:80px 0;border-bottom:1px solid var(--line)}.landing-intro>.eyebrow{align-self:start;font-size:9px;line-height:1.9;max-width:260px}.landing-intro h2{font-size:36px;letter-spacing:-1px;line-height:1.3;font-weight:400;margin-bottom:25px}.landing-intro p{font-size:16px;line-height:1.95;color:var(--muted);margin:15px 0}.landing-intro .button{margin-top:22px}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.overview-card{border:1px solid var(--line);border-radius:4px;padding:33px;display:flex;flex-direction:column;transition:background .2s,transform .2s}.overview-card:hover{background:#e9eddf;transform:translateY(-3px)}.overview-card h3{font-size:28px;font-weight:400;line-height:1.3;letter-spacing:-.7px;margin:29px 0 17px;max-width:400px}.overview-card p{font-size:15px;color:var(--muted);line-height:1.85;flex:1}.overview-card .text-link{justify-content:space-between;margin-top:22px;align-self:start}.operations-band{background:#28342e;color:var(--paper);padding:75px 0;margin:25px 0}.operations-band>.wrap>.eyebrow{color:#bbd790}.operations-band h2{font-size:43px;line-height:1.25;font-weight:400;letter-spacing:-1px;margin:25px 0 45px}.operations-band .scope-card{border-color:#5a6958}.operations-band .scope-number{color:#d1eaa7}.operations-band p{color:#c6cfc2}.two-column{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.two-column>p{font-size:16px;line-height:1.95}.two-column h2{margin-bottom:0}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding:80px 0}.faq-section h2{font-size:33px;line-height:1.3;font-weight:400;letter-spacing:-1px;margin-top:20px}.faq-section details{border-top:1px solid var(--line);padding:0 0 20px}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{list-style:none;cursor:pointer;display:flex;gap:20px;justify-content:space-between;align-items:start;font-size:16px;font-weight:500;padding:22px 0 2px;line-height:1.6}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary>span:last-child{font-size:22px;font-weight:400;transition:transform .2s;flex-shrink:0}.faq-section details[open] summary>span:last-child{transform:rotate(45deg)}.faq-section details p{font-size:14px;line-height:1.95;color:var(--muted);padding:16px 30px 0 0}.related-services{padding:20px 0 70px}.related-services>.eyebrow{margin-bottom:25px}.related-services .overview-grid{grid-template-columns:repeat(4,1fr);gap:14px}.related-services .overview-card{padding:24px}.related-services .overview-card h3{font-size:21px}.related-services .overview-card p{font-size:13px}.related-services .text-link{font-size:11px}.page-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:65px 0 80px;border-top:1px solid var(--line)}.page-cta h2{font-size:48px;line-height:1.2;letter-spacing:-1.5px;font-weight:400;margin-top:20px}.page-cta .button{flex-shrink:0}.site-footer{background:#ebece3;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1.3fr;gap:50px}.site-footer .brand{background:none;width:max-content}.footer-grid>div>p{font-size:15px;line-height:1.7;margin-top:24px;color:var(--muted)}.footer-grid h2{font-size:11px;letter-spacing:1px;font-weight:500;margin-bottom:18px;text-transform:uppercase}.footer-grid>div>a:not(.brand){display:block;width:fit-content;font-size:13px;padding:7px 0;line-height:1.6}.footer-grid address{font-size:13px;font-style:normal;line-height:1.8;margin-top:13px;color:var(--muted)}.footer-bottom{border-top:1px solid #d1d6c9;margin-top:45px;padding:24px 0;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:var(--muted)}.product-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:75px 0}.konnecting-brand{padding:85px 35px;background:radial-gradient(ellipse at 40% 30%,#677947,#29372b);border-radius:5px;color:var(--paper);font:400 48px Manrope;letter-spacing:-2px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.konnecting-brand>span{color:var(--lime);display:contents}.konnecting-brand p{font:9px 'DM Sans';letter-spacing:2px;margin-top:22px}.product-intro>div:last-child{align-self:center}.product-intro h2{font-size:35px;font-weight:400;letter-spacing:-1px;line-height:1.4;margin-bottom:25px}.product-intro>div>p{font-size:15px;line-height:1.9;color:var(--muted)}.platform-panels{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:80px}.platform-panels article{background:#e9eddf;border:1px solid var(--line);padding:40px;border-radius:4px;display:flex;flex-direction:column}.platform-panels h2{font-size:37px;font-weight:400;letter-spacing:-1px;line-height:1.25;margin:28px 0 22px}.platform-panels p{font-size:15px;line-height:1.9;color:var(--muted);flex:1}.platform-panels .button{align-self:start;margin-top:30px}.contact-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:100px;padding:80px 0 100px}.contact-layout aside h2{font-size:37px;font-weight:400;letter-spacing:-1px;margin:23px 0 25px}.contact-layout address{font-size:17px;line-height:1.9;font-style:normal}.contact-method{margin-top:33px}.contact-method>span{font-size:9px;color:var(--muted);letter-spacing:1px;display:block;margin-bottom:12px}.contact-method a{font-size:17px}.visit-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:28px;max-width:290px}.form-panel{border:1px solid var(--line);background:#fdfcf8;border-radius:6px;padding:36px}.form-panel h2{font-size:30px;font-weight:400;letter-spacing:-1px}.form-intro{font-size:12px;color:var(--muted);margin:14px 0 22px}.preview-notice{background:#edf1e1;font-size:12px;line-height:1.8;padding:15px;margin-bottom:25px;border-radius:3px}.preview-notice[hidden]{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-panel label{font-size:12px;font-weight:500;line-height:1.7;display:block}.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{display:block;width:100%;border:1px solid #cdd3c6;border-radius:3px;background:#fff;padding:13px;font:400 15px 'DM Sans','Noto Sans KR',sans-serif;color:var(--ink);margin-top:8px;min-height:48px}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{outline:2px solid #819e58;outline-offset:2px}.form-panel textarea{resize:vertical}.service-options{border:0;padding:0;margin:25px 0}.service-options legend{font-size:12px;font-weight:500;margin-bottom:12px}.service-options label,.form-panel .consent{display:flex;align-items:start;gap:10px;font-size:12px;font-weight:400;padding:7px 0;line-height:1.8}.form-panel input[type=checkbox]{width:17px;height:17px;flex-shrink:0;margin:3px 0 0;accent-color:#566b3e}.field-hint{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0 20px}.form-panel .button{border:0;margin-top:6px;min-width:180px}.form-panel .button:disabled{opacity:.6;cursor:wait}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{font-size:13px;line-height:1.8;margin-top:20px}#form-status:not(:empty){border-left:3px solid #819e58;padding:12px 15px;background:#edf1e1}#form-status[data-state=error],#form-status[data-state=invalid],#form-status[data-state=failed],#form-status[data-state=service]{border-color:#9f5b3e;background:#faf0e7}html[lang=ko] .page-hero h1{font-family:'Noto Sans KR',sans-serif;font-size:65px;letter-spacing:-3px;line-height:1.35}html[lang=ko] .page-hero h1 em,html[lang=ko] .page-cta em,html[lang=ko] .landing-intro em,html[lang=ko] .operations-band em,html[lang=ko] .section-heading em,html[lang=ko] .platform-panels em{font-family:'Noto Sans KR',sans-serif;font-style:normal;font-size:1em}html[lang=ko] .page-cta h2{font-size:40px}html[lang=ko] .scope-card p,html[lang=ko] .page-lead{word-break:keep-all}
/* Text wrappers must inherit paragraph sizing, rather than decorative label sizing. */
.platform-features p>span[data-copy],.platform-features a>span[data-copy]{font:inherit;letter-spacing:inherit;color:inherit}
@media(max-width:1100px){.header nav{gap:15px}.landing-intro{gap:35px}.contact-layout{gap:40px;grid-template-columns:1fr 1.5fr}.contact-method a{font-size:14px}.form-panel{padding:27px}.related-services .overview-grid{grid-template-columns:repeat(2,1fr)}.page-hero h1{font-size:66px}.story-grid{gap:40px}.story-grid>img{height:450px}.story-grid h2{font-size:30px}.scope-card h3{font-size:20px}.page-cta h2{font-size:40px}.footer-grid{gap:30px}.platform-panels article{padding:30px}.platform-panels h2{font-size:30px}.product-intro{gap:35px}.konnecting-brand{font-size:37px}}
@media(max-width:760px){.header .mobile-contact{display:block}.header nav{gap:4px}.page-hero{padding:25px 0 45px}.breadcrumb{margin-bottom:37px;font-size:9px}.page-hero h1{font-size:43px;letter-spacing:-1.8px;line-height:1.13;margin:23px 0}.page-lead{font-size:15px;line-height:1.9}.story-grid,.landing-intro,.two-column,.faq-section,.product-intro,.contact-layout{grid-template-columns:1fr;gap:30px}.story-grid{padding:45px 0}.story-grid>img{height:280px}.story-grid h2{font-size:29px}.story-grid p{font-size:14px}.landing-intro{padding:50px 0;gap:23px}.landing-intro h2{font-size:30px}.landing-intro p{font-size:14px;line-height:1.95}.content-section{padding:50px 0}.scope-grid,.scope-grid.two-col{grid-template-columns:1fr;gap:13px}.scope-card h3{font-size:21px}.scope-card p{font-size:14px;line-height:1.9}.scope-grid.two-col .scope-card{padding:26px}.overview-grid{grid-template-columns:1fr;gap:16px}.overview-card{padding:27px}.overview-card h3{font-size:26px}.overview-card p{font-size:14px}.operations-band{padding:47px 0;margin:10px 0}.operations-band h2{font-size:31px;letter-spacing:-.8px;margin-bottom:30px}.operations-band .scope-card{padding-top:23px}.two-column>p{font-size:14px;line-height:1.9}.two-column{gap:0}.faq-section{padding:50px 0;gap:28px}.faq-section h2{font-size:29px}.faq-section summary{font-size:15px}.faq-section details p{font-size:14px;padding-right:0}.related-services{padding:0 0 45px}.related-services .overview-grid{grid-template-columns:1fr}.related-services .overview-card h3{font-size:24px}.related-services .overview-card p{font-size:14px}.page-cta{padding:45px 0 55px;display:block}.page-cta h2{font-size:36px;letter-spacing:-1px}.page-cta .button{margin-top:30px}.site-footer{padding-top:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div>p{font-size:12px}.footer-grid>div>a:not(.brand){font-size:13px;min-height:38px}.footer-grid address{font-size:14px}.footer-grid h2{margin-bottom:11px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:14px}.footer-bottom>span:nth-child(2){order:3;width:100%;font-size:7px}.footer-bottom>a{margin-left:auto}.product-intro{padding:45px 0}.konnecting-brand{padding:70px 25px;min-height:250px;font-size:40px}.product-intro h2{font-size:29px}.product-intro>div>p{font-size:14px}.platform-panels{grid-template-columns:1fr;padding-bottom:50px;gap:20px}.platform-panels article{padding:28px}.platform-panels h2{font-size:31px}.platform-panels p{font-size:14px}.contact-layout{padding:45px 0 60px;gap:40px}.contact-layout aside h2{font-size:32px}.contact-layout address{font-size:16px}.contact-method a{font-size:16px}.form-panel{padding:23px 20px}.form-panel h2{font-size:27px}.form-grid{grid-template-columns:1fr;gap:17px}.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{font-size:16px}.home-route{justify-content:start}.home-route .text-link{font-size:11px}.home-address{text-align:left;font-size:11px}.site-footer .brand-logo{width:48px;height:48px}.site-footer .brand{font-size:23px}html[lang=ko] .page-hero h1{font-size:37px;line-height:1.4;letter-spacing:-1.7px}html[lang=ko] .page-cta h2{font-size:30px}html[lang=ko] .operations-band h2{font-size:28px}html[lang=ko] .landing-intro h2{font-size:27px}}
/* Official Konnecting US app presentation. */
.store-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:22px 0 12px}.store-badges a{display:flex;align-items:center;justify-content:center;transition:transform .2s;min-height:48px}.store-badges a:hover{transform:translateY(-3px)}.store-badges img{display:block;object-fit:contain}.apple-badge img{width:144px;height:48px}.google-badge img{width:186px;height:72px}.app-brand-mini{display:flex;gap:15px;align-items:center;margin:20px 0}.app-brand-mini>img{border-radius:13px;object-fit:contain}.app-brand-mini strong{font:600 19px Manrope,sans-serif;letter-spacing:-.4px}.app-brand-mini>div>span{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:7px}.product-copy .app-brand-mini{font-size:19px;margin-top:26px}.product-copy h2{margin-top:22px}.product-copy .store-badges{margin-top:17px}.app-showcase{height:605px;position:relative;background:radial-gradient(ellipse at 50% 35%,#dbe2d0,#e9ebdf 70%);border:1px solid #dce0d3;border-radius:7px;overflow:hidden;color:var(--ink)}.showcase-label{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;z-index:2}.showcase-label>span{color:#737e6e}.phone-stack{position:relative;width:100%;height:100%}.phone-stack img{position:absolute;width:204px;height:auto;border:5px solid #2b3034;border-radius:29px;box-shadow:0 20px 45px #16272130}.phone-back{left:47%;top:95px;transform:rotate(8deg)}.phone-front{left:12%;top:65px;transform:rotate(-7deg)}.showcase-bottom{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:1.5px}.app-landing{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:35px 0 75px}.app-landing .breadcrumb{margin-bottom:47px}.app-landing h1{font:400 66px/1.12 Manrope,'Noto Sans KR',sans-serif;letter-spacing:-3px;margin:30px 0 24px}.app-landing h1 em,.app-download h2 em,.web-companion h2 em{font-family:var(--serif);font-weight:400;font-size:1.14em;letter-spacing:-.04em}.app-landing .page-lead{font-size:16px;max-width:540px}.app-landing .store-badges{margin-top:25px}.app-web-link{display:inline-block;font-size:11px;color:var(--muted);padding:7px 0;border-bottom:1px solid var(--line)}.app-features{border-top:1px solid var(--line)}.app-gallery-section{background:#e9ece2;padding:70px 0}.screenshot-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;max-width:1050px;margin:50px auto 0}.screenshot-gallery figure{margin:0;min-width:0}.screenshot-button{border:0;padding:0;display:block;position:relative;background:none;width:100%;border-radius:25px;transition:transform .2s}.screenshot-button:hover{transform:translateY(-5px)}.screenshot-button>img{display:block;width:100%;height:auto;border:5px solid #2b3034;border-radius:25px;box-shadow:0 15px 35px #29362b18}.screenshot-zoom{position:absolute;right:13px;bottom:20px;display:grid;place-items:center;width:35px;height:35px;background:var(--lime);color:var(--ink);border-radius:50%;box-shadow:0 3px 15px #0002;font-size:20px}.screenshot-gallery figcaption{margin-top:27px}.screenshot-gallery figcaption h3{font-size:20px;font-weight:500;letter-spacing:-.5px;line-height:1.35;margin:12px 0}.screenshot-gallery figcaption p{font-size:13px;color:var(--muted);line-height:1.8}.gallery-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:45px}.web-companion{padding:80px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px}.web-companion h2{font-size:44px;line-height:1.2;font-weight:400;letter-spacing:-1.5px;margin:28px 0}.web-companion>div>p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:25px}.web-feature-list .scope-card{display:grid;grid-template-columns:30px 1fr;column-gap:15px;padding:23px 0}.web-feature-list .scope-card h3{margin:0;font-size:22px}.web-feature-list .scope-card p{grid-column:2;font-size:14px;margin-top:10px}.app-download{border-top:1px solid var(--line);text-align:center;padding:60px 0}.app-download>img{border-radius:19px}.app-download h2{font-size:48px;font-weight:400;letter-spacing:-1.7px;line-height:1.15;margin:24px 0}.app-download .store-badges{justify-content:center}.store-trademarks{font-size:9px;color:var(--muted);line-height:1.8;max-width:650px;margin:30px auto 0}.screenshot-dialog{padding:18px;background:#f4f3ec;border-radius:15px;max-width:calc(100vw - 24px);width:fit-content;max-height:95dvh;overflow:auto}.screenshot-dialog>img{display:block;height:auto;max-height:calc(95dvh - 36px);width:auto;max-width:calc(100vw - 60px);border-radius:8px}.screenshot-close{position:fixed;right:20px;top:20px;width:46px;height:46px;border-radius:50%;border:1px solid #cdd1c4;background:#f6f5f0;color:var(--ink);font-size:28px;z-index:10;box-shadow:0 2px 20px #0003}html[lang=ko] .app-landing h1{font-family:'Noto Sans KR',sans-serif;font-size:52px;line-height:1.4;letter-spacing:-2px}html[lang=ko] .app-landing h1 em,html[lang=ko] .app-download em,html[lang=ko] .web-companion em{font-family:'Noto Sans KR',sans-serif;font-style:normal;font-size:1em}
@media(max-width:1100px){.app-landing{gap:35px}.app-landing h1{font-size:53px}.app-showcase{height:550px}.phone-stack img{width:177px}.phone-front{left:8%;top:65px}.phone-back{left:45%;top:98px}.showcase-label{font-size:7px}.screenshot-gallery{gap:35px}.web-companion{gap:40px}}
@media(max-width:760px){.app-landing{grid-template-columns:1fr;padding:25px 0 50px;gap:32px}.app-landing .breadcrumb{margin-bottom:30px}.app-brand-mini{margin-top:0}.app-brand-mini>img{width:54px;height:54px}.app-landing h1{font-size:44px;letter-spacing:-2px;line-height:1.12;margin:27px 0 23px}.app-landing .page-lead{font-size:14px;line-height:1.9}.store-badges{gap:0;margin:17px 0 9px;flex-wrap:nowrap}.apple-badge img{width:129px;height:43px}.google-badge img{width:167px;height:65px}.app-showcase{height:485px;max-width:530px;width:100%;margin:auto}.phone-stack img{width:166px;border-width:4px;border-radius:24px}.phone-front{left:8%;top:61px}.phone-back{left:45%;top:86px}.showcase-label{left:18px;right:18px;font-size:6px;letter-spacing:1px}.showcase-bottom{left:18px;font-size:7px}.product-grid .app-showcase{height:485px}.app-gallery-section{padding:48px 0}.screenshot-gallery{gap:20px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 8px 22px;scroll-padding:8px;margin:33px -8px 0}.screenshot-gallery figure{flex:0 0 75%;flex-basis:75%;flex-shrink:0;scroll-snap-align:center;max-width:285px}.screenshot-gallery figcaption h3{font-size:20px}.screenshot-gallery figcaption p{font-size:13px}.gallery-note{margin-top:24px}.web-companion{grid-template-columns:1fr;gap:35px;padding:50px 0}.web-companion h2{font-size:34px;letter-spacing:-1px}.web-companion>div>p{font-size:14px}.app-download{padding:45px 0}.app-download h2{font-size:39px}.app-download>img{width:65px;height:65px}.store-trademarks{font-size:8px}.screenshot-close{right:10px;top:10px}html[lang=ko] .app-landing h1{font-size:36px;letter-spacing:-1.4px;line-height:1.4}html[lang=ko] .web-companion h2{font-size:29px}html[lang=ko] .app-download h2{font-size:32px}}
@media(max-width:359px){.apple-badge img{width:119px;height:40px}.google-badge img{width:155px;height:60px}.phone-stack img{width:146px}.app-showcase,.product-grid .app-showcase{height:440px}}
/* Formation: operational collaboration image beside ongoing support copy. */
.intro-photo{grid-template-columns:1fr 1.15fr;align-items:center;gap:55px}.operations-photo{min-width:0}.operations-photo>.eyebrow{display:block;margin-bottom:24px;line-height:1.8}.operations-photo>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px}.intro-photo h2{font-size:33px}.intro-photo p{font-size:15px}
@media(max-width:1000px){.intro-photo{gap:32px}.intro-photo h2{font-size:28px}}
@media(max-width:760px){.intro-photo{grid-template-columns:1fr;gap:30px}.operations-photo>.eyebrow{margin-bottom:18px}.intro-photo h2{font-size:28px}.intro-photo p{font-size:14px}}
html[lang=ko] .intro-photo h2,html[lang=ko] .intro-photo p{word-break:keep-all}
/* Let the logo's white pixels blend into the actual header/footer surface. */
.brand{isolation:auto;background:transparent}.brand-logo{mix-blend-mode:multiply}
.services-operations{grid-template-columns:1fr 1.25fr;align-items:center;gap:55px}.services-operations .operations-photo>.eyebrow{max-width:320px}.services-operations h2{font-size:34px}.services-operations p{font-size:15px}html[lang=ko] .services-operations h2,html[lang=ko] .services-operations p{word-break:keep-all}
@media(max-width:1000px){.services-operations{gap:32px}.services-operations h2{font-size:30px}}
@media(max-width:760px){.services-operations{grid-template-columns:1fr;gap:30px}.services-operations h2{font-size:29px}.services-operations p{font-size:14px}}
/* Five service areas: five across where they fit, then three, then two. In a two-column
   grid the fifth card would sit alone in a half-empty row, so it spans the row instead. */
.service-grid,.related-services .overview-grid{grid-template-columns:repeat(5,1fr)}
.overview-grid>:last-child:nth-child(odd){grid-column:1/-1}
.related-services .overview-grid>:last-child{grid-column:auto}
@media(max-width:1280px){.service-grid,.related-services .overview-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.service-grid,.related-services .overview-grid{grid-template-columns:repeat(2,1fr)}.service-grid>:last-child:nth-child(odd),.related-services .overview-grid>:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:760px){.service-grid,.related-services .overview-grid{grid-template-columns:1fr}}
/* ---------- Line breaking, both languages ----------
   Headings and running text avoid leaving a word alone on their last line. "pretty"
   does this even across the <br> most headings here use, which "balance" cannot (it
   sizes every line to the first); browsers without "pretty" keep "balance". */
:is(h1,h2,h3,summary,.page-lead){text-wrap:balance;text-wrap:pretty}
:is(p,li){text-wrap:pretty}

/* ---------- Korean typography ----------
   Korean wraps between words, never inside one; a long run with no spaces (an email
   address) may still break rather than overflow. Every Korean heading uses the Korean
   webfont, so none falls back to the system font, and wrapped headings get room to
   breathe. Hangul needs about a pixel more than Latin capitals to read at small sizes
   and is never tracked out the way capitals are, so labels have a 12px floor and
   almost no letter-spacing. */
html[lang=ko] body{word-break:keep-all;overflow-wrap:break-word}
html[lang=ko] :is(h1,h2,h3){font-family:'Noto Sans KR',sans-serif}
html[lang=ko] h2{line-height:1.35}
html[lang=ko] :is(.eyebrow,.breadcrumb,.footer-grid h2,.contact-method>span,.platform-features span,.app-brand-mini span,.section-marker>span,.hero-footer,.hero-footer a,.footer-bottom,.footer-bottom>*,.showcase-bottom,.photo-kicker,.photo-badge){font-size:12px;letter-spacing:.02em}
/* Captions written in Korean drop the italic display serif, which has no Hangul. */
html[lang=ko] :is(.photo-caption p,.photo-caption em,.team-banner>span){font-family:'Noto Sans KR',sans-serif;font-style:normal;letter-spacing:-.02em}
html[lang=ko] .photo-caption p{line-height:1.3}
html[lang=ko] .photo-caption em{font-size:1em}
html[lang=ko] :is(.service-card li,.text-link,.service-more,.app-web-link){font-size:13px}
html[lang=ko] :is(.field-hint,.gallery-note,.contact-circle){font-size:12px}

/* ---------- Small-screen and readability fixes, both languages ---------- */
.language-switch :is(a,.language-current){font-size:12px}
/* Outranks the phone rule that set the tagline in the footer's last row to 7px. */
.site-footer .footer-bottom,.site-footer .footer-bottom>:is(span,a){font-size:11px}
/* Larger hit areas for small links without moving anything around them. */
:is(.footer-bottom a,.breadcrumb a,.hero-footer a,.contact-method a,.contact-right>a:not(.contact-circle)){display:inline-block;padding-block:8px;margin-block:-8px}
.breadcrumb a{padding-inline:7px;margin-inline:-7px}
.form-panel input[type=checkbox]{width:19px;height:19px}
/* The hero's coordinates are decoration; on a phone they ran off the photo's edge. */
@media(max-width:760px){.photo-top>span:last-child{display:none}}
/* On a tablet the Korean hero title sits in a ~340px column; at a fixed 80px "새로운 시작,"
   no longer fit on one line. Scale it with the viewport between phone and desktop. */
@media(max-width:1100px) and (min-width:761px){html[lang=ko] .hero h1{font-size:clamp(56px,8.4vw,80px);letter-spacing:-.055em}}
/* ---------- Promo landing page (the promo subdomain) ----------
   A single page for flyer readers: the header keeps only the logo and the inquiry button,
   which stays visible on phones because there is no menu to hold it. */
.promo-header .header-contact{display:flex;margin-left:auto}
.promo-hero .button{margin-top:30px}
.pain-list{list-style:none;margin:30px 0 0;padding:0;counter-reset:pain}
.pain-list li{counter-increment:pain;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:baseline;padding:17px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.6;color:var(--ink)}
.pain-list li:last-child{border-bottom:1px solid var(--line)}
.pain-list li::before{content:counter(pain,decimal-leading-zero);font-size:12px;color:var(--muted);letter-spacing:.04em}
.promo-proof{background:var(--ink);color:var(--paper);padding:28px 0;margin:10px 0 0}
.promo-proof ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.promo-proof li{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:500}
.promo-proof li::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--lime);flex-shrink:0}
.promo-services{padding:90px 0 40px}
.promo-services .section-heading,.promo-process .section-heading{margin-bottom:34px}
.promo-footer .footer-bottom{margin-top:0;border-top:0}
@media(max-width:760px){
 .promo-header .header-contact{height:40px;padding:0 5px 0 14px}
 .pain-list li{font-size:15px;grid-template-columns:32px 1fr;padding:14px 0}
 .promo-proof ul{grid-template-columns:1fr;gap:12px}
 .promo-proof li{font-size:15px}
 .promo-services{padding:60px 0 20px}
}
/* Emphasis in any Korean heading is set upright in the Korean font at the same size;
   the italic display serif used for English has no Hangul. */
html[lang=ko] :is(h1,h2,h3) em{font-family:'Noto Sans KR',sans-serif;font-style:normal;font-size:1em}
/* A service-card item that wraps keeps its second line beside the arrow, not under it. */
.service-card li{display:grid;grid-template-columns:auto 1fr;column-gap:9px}
.service-card li:before{margin-right:0}
/* The flyer gives each service a one-line introduction, so the room the home page leaves
   for longer descriptions would sit empty here. */
.promo-services .service-card p{min-height:0}
.promo-pains{border-bottom:0}
.promo-app .product-copy h2{margin-bottom:18px}
.promo-app .product-copy p{margin:0 0 26px}
.promo-contact .form-panel{scroll-margin-top:16px}