/* Korean / English layout, reference sections and local accessibility controls. */
:root{--muted:#53655d}html[lang=ko] body{font-family:'Malgun Gothic','Apple SD Gothic Neo',Arial,sans-serif;word-break:keep-all;overflow-wrap:anywhere}html[lang=ko] h1{font-size:clamp(34px,4vw,55px);line-height:1.23;letter-spacing:-2px}html[lang=ko] h2{line-height:1.3;letter-spacing:-1.2px}.language-switch{display:flex;gap:6px;white-space:nowrap;align-items:center;margin-left:10px}.language-switch a{font-size:12px;padding:7px 9px;border:1px solid #9bac9e;border-radius:5px;color:#173c35;background:#fff}.language-switch a[aria-current]{background:#173c35;color:white;border-color:#173c35}.nav nav{gap:15px}.nav{gap:18px}.nav .language-switch{margin-left:0}.industry-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.industry-grid article{padding:22px 16px}.industry-grid h3{font-size:18px}.industry-grid p{font-size:13px}.industry-grid article>span{font-size:18px;color:#46ded9}.reference-pricing{background:#080d23;color:white}.reference-pricing .wrap{max-width:1320px}.reference-pricing .eyebrow{color:#44d6d6}.reference-pricing p{color:#c3d8e4}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:20px}.reference-pricing .plan{background:#102c46;border:1px solid #31526b;padding:28px 24px}.reference-pricing .featured{border-color:#36d4d2;background:linear-gradient(145deg,#153b5b,#0c2339)}.reference-pricing .recommend{background:#35d2d2;color:#061c2e}.reference-pricing .plan h3{font-size:24px;color:white}.reference-pricing .plan p{min-height:72px;font-size:14px}.reference-pricing .plan li{font-size:14px;color:#dfedf6;padding:10px 0}.reference-pricing .plan li:before{color:#36d4d2}.reference-pricing .price{flex-wrap:wrap;margin:8px 0 20px;padding-bottom:20px;border-bottom:1px solid #38506c}.reference-pricing .price strong{font-size:44px;color:white}.reference-pricing .price span{color:#43e4ea}.reference-pricing .plan:last-child .price strong{font-size:31px;color:#43ded9}.reference-pricing .plan .button{margin-top:auto;margin-bottom:0;justify-content:center;min-height:54px;border:1px solid #28cdd4;background:#0a223a;color:#6aeeec;text-align:center}.reference-pricing .featured .button{background:#11a7dc;color:white}.reference-pricing .pricing-note{line-height:1.9;max-width:1100px}.survey-section{background:#0b243b;color:white}.survey-section .eyebrow{color:#4be1dc}.survey-section .section-heading p{color:#c1d9e9}.survey-form{background:#102e49;border:1px solid #355a71;color:white}.survey-form p{color:#b9d4e4}.survey-form input,.survey-form select,.survey-form textarea{background:#0b233a;color:white;border:1px solid #4a6e85;min-height:46px}.survey-form input::placeholder,.survey-form textarea::placeholder{color:#a6becf;opacity:1}.survey-option{background:#0b243b;border-color:#466a80;min-height:92px}.survey-option:has(input:checked){background:#164555;border-color:#36e0db}.survey-option input{min-height:0;accent-color:#36d5d3}.survey-progress li{color:#bed6e6;border-color:#466a80}.survey-progress li[aria-current]{color:#fff;border-color:#33d8d2}.survey-progress li[aria-current] span{background:#38d5d3;color:#04232b}.survey-progress li span{border-color:#4f778c}.survey-form .button{background:#08a4d8;color:white;border-color:#32c8e9}.survey-form .outline{background:transparent}.survey-form .brief-preview{background:#0b243b;border-color:#3c6579}.survey-form .brief-preview button{color:#5ee6e6;border-color:#52d5d6}.survey-form .form-caption{font-size:12px;line-height:1.8}.survey-form .consent input{min-height:0}.survey-form .consent{font-size:13px}.survey-form .error{color:#702f19}.accessibility-launch{position:fixed;bottom:20px;right:20px;z-index:60;border:2px solid white;background:#173c35;color:#fff;padding:12px 17px;border-radius:40px;font-weight:700;box-shadow:0 3px 18px #0003;min-height:48px;cursor:pointer}.accessibility-panel{border:1px solid #9cae9e;border-radius:15px;padding:28px;width:min(440px,calc(100vw - 32px));max-height:85vh;overflow:auto;color:#173c35;background:#fff}.accessibility-panel::backdrop{background:#071b28aa}.accessibility-panel h2{font-size:24px}.accessibility-panel p{font-size:12px;color:#4f635b;margin-top:20px}.accessibility-option{display:flex;gap:12px;align-items:center;padding:13px 0;font-size:15px}.accessibility-option input{width:20px;height:20px;margin:0;accent-color:#173c35}.accessibility-actions{display:flex;gap:12px;justify-content:space-between}.accessibility-actions button{padding:12px 16px}.a11y-links a{text-decoration:underline!important;text-underline-offset:4px}.a11y-space :is(p,li,label,summary){line-height:2!important;letter-spacing:.04em!important;word-spacing:.1em!important}.a11y-motion,.a11y-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important;transform:none!important}.a11y-contrast body,.a11y-contrast :is(header,footer,section,article,form,fieldset,aside,dialog,nav,.card,.workspace,.workspace-body,.workspace-top,.metrics>div,.custom,.calculator,.brief-preview,.portfolio-empty){background:#000!important;color:#fff!important;border-color:#fff!important}.a11y-contrast :is(p,h1,h2,h3,h4,em,strong,small,legend,label,li,span,summary,.eyebrow,.tag){color:#fff!important}.a11y-contrast :is(a,button){color:#ffff00!important;background:#000!important;border-color:#ffff00!important}.a11y-contrast :is(input,select,textarea){color:#fff!important;background:#000!important;border-color:#fff!important}.a11y-contrast input::placeholder,.a11y-contrast textarea::placeholder{color:#ddd!important}.a11y-contrast .survey-option:has(input:checked){outline:3px solid #ff0}.a11y-contrast :focus-visible{outline:3px solid #ff0!important}.survey-step[hidden]{display:none!important}.nav .button{white-space:nowrap}a,button{touch-action:manipulation}@media(max-width:1100px){.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:12px}.nav nav{gap:10px}.nav .brand{font-size:21px}.nav>.button{font-size:12px;padding:10px}.language-switch a{font-size:11px;padding:7px}}@media(max-width:900px){.nav nav{display:none;position:absolute;top:88px;left:0;right:0;background:white;padding:22px;flex-direction:column;border-bottom:1px solid #dce4dc;max-height:70vh;overflow:auto}.nav nav.open{display:flex}.menu{display:block;border:0;background:transparent;color:#173c35;font-size:24px;margin-left:auto;min-width:44px;min-height:44px}.nav .language-switch{display:flex;margin:10px 0}.nav>.button{margin-left:auto}}@media(max-width:760px){.nav nav{top:74px}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-grid{grid-template-columns:1fr}.reference-pricing .plan p{min-height:0}.reference-pricing .plan{padding:28px}.survey-progress{grid-template-columns:repeat(5,minmax(0,1fr))}.survey-progress li{font-size:10px;line-height:1.5;word-break:keep-all}.survey-progress li span{margin-bottom:9px}.survey-form .form-grid{grid-template-columns:1fr}.survey-form .survey-actions .button{padding:12px 15px;font-size:13px}.survey-section .wrap{padding-left:16px;padding-right:16px}.survey-form{padding:22px 18px}.survey-step legend{font-size:21px}.accessibility-launch{right:12px;bottom:12px;padding:10px 14px}.language-switch{flex-wrap:wrap}.hero-grid{min-width:0}.hero-grid>div{min-width:0}}@media(max-width:390px){.industry-grid{grid-template-columns:1fr}.nav>.button{font-size:11px;padding:8px 10px}.brand{font-size:20px}.nav{gap:8px}.survey-form{padding:18px 14px}.accessibility-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,html{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:600px){.nav>.button{display:none}.nav>.language-switch{margin-left:auto}.nav .language-switch a{padding:8px;font-size:11px}.nav .menu{margin-left:0}.nav .brand{font-size:20px}.nav{gap:7px}.nav .mark{width:29px;height:29px;font-size:20px;margin-right:5px}}.accessibility-panel .button{display:inline-flex;border:1px solid #173c35;border-radius:6px;background:#173c35;color:white;cursor:pointer;font-weight:600}.accessibility-panel label{display:block;color:#173c35}.accessibility-panel .accessibility-option{display:flex}.a11y-contrast .accessibility-panel label{color:white}.accessibility-panel select{display:block;width:100%;padding:10px;margin:8px 0 14px;border:1px solid #60786a;border-radius:5px;color:#173c35;background:white}.a11y-contrast .accessibility-panel select{background:black;color:white}

.one-time-offer{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:30px;padding:28px;border:1px solid #36b7bd;border-radius:12px;background:#102c46}.one-time-offer h3{color:white;margin-top:0}.one-time-offer p{max-width:740px;margin-bottom:0}.one-time-offer .button{flex-shrink:0;background:#0b233a;color:#6aeeec;border-color:#36d4d2;text-align:center}.a11y-contrast .one-time-offer{background:#000!important;border-color:#fff!important}@media(max-width:760px){.one-time-offer{flex-direction:column;align-items:stretch;padding:24px}.one-time-offer .button{justify-content:center}}

/* Existing cards reused for the customer journey and transparent setup pricing. */
.customer-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:28px 0}.customer-journey .card{min-width:0;padding:24px 18px}.customer-journey h3{font-size:20px}.customer-journey p{font-size:14px}.journey-note{font-size:13px;max-width:900px}.reference-pricing .plan .setup-fee,.reference-pricing .plan .scope-note{min-height:0;font-size:13px;line-height:1.7;margin:0 0 16px}.reference-pricing .plan .setup-fee{color:#6aeeec}.reference-pricing .plan .scope-note{padding:12px;border:1px solid #466a80;border-radius:6px}@media(max-width:1100px){.customer-journey{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.customer-journey{grid-template-columns:1fr}.customer-journey .card{padding:22px}.customer-journey h3{margin-top:8px}}

/* Portfolio previews and approved customer interviews. */
.portfolio-links{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 28px}.portfolio-preview{position:relative;display:block;background:#e8eee8}.portfolio-preview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}.portfolio-preview>span{position:absolute;bottom:12px;right:12px;background:#173c35;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px}.portfolio-copy h3{overflow-wrap:anywhere}.portfolio-card[hidden],#portfolio-more[hidden]{display:none!important}.capture-date{font-size:12px!important;color:#53655d}.portfolio-links a{min-height:44px;display:inline-flex;align-items:center}.portfolio-unavailable{padding:30px;background:#e8eee8;min-height:160px}.portfolio-unavailable span{font-weight:700}.portfolio-unavailable p{font-size:13px}#portfolio-more{margin:28px auto 0;cursor:pointer}.portfolio-viewer{width:min(1100px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:24px;border:1px solid #9bac9e;border-radius:12px;background:#f7f8f2;color:#173c35}.portfolio-viewer::backdrop{background:#071b28cc}.portfolio-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.portfolio-viewer h3{margin:0;overflow-wrap:anywhere}.portfolio-viewer button{cursor:pointer;flex-shrink:0}.portfolio-viewer>img{width:100%;height:auto;display:block;margin-bottom:18px}.customer-interviews{padding-top:70px;scroll-margin-top:110px}.interview-card blockquote{margin:24px 0;font-size:18px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}.a11y-contrast .portfolio-preview>span{background:#000!important}.a11y-contrast .portfolio-unavailable{background:#000!important;color:#fff!important}@media(max-width:760px){.portfolio-viewer{padding:16px}.portfolio-viewer-head{align-items:flex-start;flex-direction:column;gap:12px}.portfolio-viewer h3{font-size:21px}.portfolio-links{gap:16px}.customer-interviews{padding-top:48px}}
/* Compact portfolio thumbnails; full screenshots remain available in the viewer. */
#portfolio .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#portfolio .portfolio-card{min-width:0}
#portfolio .portfolio-preview img{aspect-ratio:16/9;max-height:210px;object-fit:contain}
#portfolio .portfolio-copy{padding:20px}
#portfolio .portfolio-copy h3{font-size:21px;line-height:1.4;margin-bottom:10px}
#portfolio .portfolio-copy p{line-height:1.7}
#portfolio .portfolio-preview>span{font-size:11px;padding:7px 10px;bottom:8px;right:8px}
#portfolio .portfolio-copy>.text-link{display:inline-flex;align-items:center;min-height:44px}
.portfolio-viewer>img{max-height:65vh;object-fit:contain}
@media(max-width:1000px){#portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#portfolio .portfolio-grid{grid-template-columns:minmax(0,1fr);gap:18px}#portfolio .portfolio-preview img{max-height:180px}#portfolio .portfolio-copy{padding:18px}#portfolio .portfolio-copy h3{font-size:20px}#portfolio .portfolio-links{gap:8px 18px}#portfolio-more{width:100%;justify-content:center;min-height:48px}.portfolio-viewer>img{max-height:55vh}.survey-form input,.survey-form select,.survey-form textarea{font-size:16px}}
@media(max-width:360px){.nav{gap:4px}.nav .brand{font-size:17px}.nav .mark{width:24px;height:24px;font-size:17px;margin-right:3px}.nav .menu{min-width:36px}.nav .language-switch{flex-wrap:nowrap;gap:4px}.nav .language-switch a{font-size:10px;padding:7px 6px}}