/* UDZLAB: mobile-first layouts, with tablet and desktop compositions. */
:root{--blue:#294bec;--blue-dark:#1739ce;--ink:#162133;--muted:#616b7c;--line:#dce2ed;--soft:#f4f6fa;--ice:#eaf0fc;--paper:#fff;--radius:1.25rem;--font:'Manrope','Noto Sans KR',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.8 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,h4,figure{margin:0}h1,h2,h3,h4{line-height:1.35;font-weight:700;letter-spacing:-.045em}p{word-break:keep-all;overflow-wrap:anywhere}em{font-style:normal}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #6882ff;outline-offset:5px}::selection{background:#cbd6ff;color:var(--ink)}[hidden]{display:none!important}.wrap{width:calc(100% - 2.5rem);max-width:78rem;margin-inline:auto}.section{padding-block:4.5rem}.eyebrow{font-size:.75rem;line-height:1.65;letter-spacing:.09em;font-weight:650}.dark{color:var(--blue)}.section-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.75rem}.section-note{font-size:.875rem;color:var(--muted)}.stage-badge{background:var(--ice);color:#3a55a4;border:1px solid #d6e0f6;border-radius:2rem;padding:.25rem .8rem}.skip{position:fixed;top:-5rem;left:1rem;background:var(--blue);color:white;padding:.75rem 1rem;z-index:99}.skip:focus{top:1rem}h2{font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.45}h3{font-size:1.25rem}.lead{font-size:1.2rem;font-weight:550;line-height:1.8;letter-spacing:-.025em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.85rem 1.35rem;background:var(--blue);color:white;border-radius:.6rem;font-size:.875rem;font-weight:650;text-align:center;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{background:var(--blue-dark);box-shadow:0 6px 20px #294bec26;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#aab5c7}.text-link:hover{color:var(--blue)}
.intro{background:linear-gradient(180deg,#fff 40%,#f6f8fc)}.header{min-height:5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0;font-size:1.45rem;font-weight:800;letter-spacing:-.055em;line-height:1}.brand-symbol{display:flex;align-items:center;justify-content:center;width:1.8rem;height:2rem;padding-bottom:.5rem;background:var(--blue);color:white;border-radius:.2rem .2rem .65rem .65rem;font-size:1.9rem;font-weight:800;letter-spacing:0;line-height:1}.nav-actions{display:flex;align-items:center;gap:.85rem}.lang-button{display:flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.4rem;border:0;background:transparent;color:#6a7586;font-size:.75rem;font-weight:650}.lang-button .active{color:var(--blue)}.lang-divider{color:#a1aab9}.menu-button{display:block;width:2.75rem;height:2.75rem;padding:.7rem;border:1px solid var(--line);border-radius:.5rem;background:white}.menu-button span{display:block;width:100%;height:2px;margin:5px 0;background:var(--ink);transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.desktop-nav,.nav-cta{display:none}.mobile-nav{background:#fff;padding:.75rem 1.25rem 1rem;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;min-height:3rem;padding:.65rem .75rem;border-radius:.5rem;font-size:1rem}.mobile-nav a:hover{background:var(--ice);color:var(--blue)}
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:2.1rem;padding-top:2.8rem;padding-bottom:2rem}.hero-copy,.brand-visual{min-width:0}.hero-eyebrow{display:flex;align-items:center;gap:.65rem;color:var(--blue);font-size:.75rem}.eyebrow-line{display:block;width:1.5rem;height:2px;background:var(--blue)}h1{font-size:clamp(2.2rem,8.2vw,4.5rem);line-height:1.33;font-weight:750;letter-spacing:-.055em;margin-top:1.35rem;word-break:keep-all;overflow-wrap:normal}h1 em{color:var(--blue)}.hero-kicker{font-size:1.05rem;font-weight:600;letter-spacing:-.03em;margin-top:1.5rem}.hero-description{font-size:1rem;color:var(--muted);line-height:1.95;margin-top:.6rem;max-width:31rem}.hero-description br{display:none}.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;margin-top:1.6rem}.hero-audience{margin-top:1.6rem;padding-top:1.1rem;border-top:1px solid var(--line);max-width:28rem}.hero-audience>span{font-size:.75rem;color:var(--muted)}.hero-audience p{font-size:.75rem;line-height:1.8;letter-spacing:.015em;font-weight:600;margin-top:.25rem}.hero-audience b{padding-inline:.45rem;font-weight:400;color:#8999b1}.brand-visual{position:relative;isolation:isolate;background:#e5ebf4;border-radius:var(--radius);border:1px solid #dde5f0;overflow:hidden;box-shadow:0 18px 38px -25px #1d3d8260;aspect-ratio:1/1}.brand-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.brand-visual figcaption{position:absolute;inset:1.05rem 1.1rem auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.75rem;letter-spacing:.02em;color:#3a4b63}.visual-edition{font-family:monospace;font-size:.875rem}.visual-note{position:absolute;bottom:1.1rem;right:1.1rem;left:1.1rem;background:#fffffff0;border:1px solid white;border-radius:.65rem;display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;box-shadow:0 6px 18px #233a5510;backdrop-filter:blur(10px);font-size:.75rem;letter-spacing:.015em}.visual-note>span:first-child{color:var(--muted)}.note-rule{flex:1;height:1px;background:#b9c7e4}.visual-note strong{color:var(--blue);font-weight:700}.hero-bottom{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem 0 1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}.hero-bottom>div{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;font-size:.75rem;letter-spacing:.04em}.hero-bottom b{font-weight:400;color:#9ba5b5}
.vision-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}.vision-grid h2 span,.experience h2 span{color:var(--blue)}.vision-grid>div>p:last-child{color:var(--muted);margin-top:.85rem;line-height:1.95}.vision-grid>div{min-width:0}.outcomes{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem;margin-top:2.3rem}.outcomes article{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.25rem .5rem;border:1px solid var(--line);border-radius:.9rem;padding:1.35rem;background:linear-gradient(135deg,#fafcff,#f2f5fb);min-width:0}.outcome-number{grid-row:1/3;color:var(--blue);font-size:.75rem;font-weight:700;line-height:2.2}.outcomes h3{font-size:1.2rem;line-height:1.6;letter-spacing:-.03em}.outcomes p{grid-column:2;font-size:1rem;line-height:1.85;color:var(--muted);margin-top:.35rem}.outcomes p br{display:none}.outcome-word{display:none}
.experience{background:var(--soft);border-block:1px solid var(--line)}.experience-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}.experience-heading>p{color:var(--muted);line-height:1.95;max-width:32rem}.scenario-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.35rem;border:1px solid var(--line);background:#e8edf5;border-radius:.85rem;margin-top:2rem}.scenario-tabs button{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.1rem;padding:.65rem .4rem;min-width:0;border:1px solid transparent;border-radius:.55rem;background:transparent;color:#566377;font-size:.875rem;line-height:1.5}.scenario-tabs button>b{font-weight:600;overflow-wrap:normal;word-break:keep-all}.scenario-tabs button>span{display:none;font-size:.75rem}.scenario-tabs button[aria-selected=true]{border-color:#d0d9ed;background:#fff;color:var(--blue);box-shadow:0 2px 5px #24375910}.scenario-tabs button:hover{color:var(--blue)}.scenario-panel{display:grid;grid-template-columns:minmax(0,1fr);margin-top:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.scenario-brief{display:flex;flex-direction:column;padding:1.65rem 1.4rem;border-radius:var(--radius) var(--radius) 0 0;background:#182843;color:#fff;min-width:0}.scenario-brief>.eyebrow{color:#adc2ff}.scenario-brief h3{font-size:1.55rem;line-height:1.6;margin-top:1rem;letter-spacing:-.035em}.scenario-brief h3 br{display:none}.scenario-brief>p:not(.eyebrow){margin-top:.8rem;color:#c7d2e7;font-size:1rem;line-height:1.95}.skill-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}.skill-list span{font-size:.75rem;border:1px solid #536381;color:#d7e1f5;border-radius:2rem;padding:.3rem .7rem}.brief-bottom{font-size:.75rem;line-height:1.8;color:#bccbe5;padding-top:1.4rem;margin-top:auto}.scenario-workspace{padding:1.5rem 1.2rem;min-width:0}.workspace-heading{display:flex;align-items:center;gap:.6rem;font-size:.875rem;font-weight:600;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.workspace-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.7rem;background:var(--ice);border-radius:.35rem;color:var(--blue);font-size:1.4rem;font-weight:800;line-height:1;padding-bottom:.35rem}.workspace-counter{display:none;margin-left:auto;color:var(--muted);font-size:.75rem;white-space:nowrap}.exercise-step{display:grid;grid-template-columns:1.55rem minmax(0,1fr);gap:.65rem;padding-top:1.5rem}.exercise-step>span{display:flex;align-items:center;justify-content:center;align-self:start;min-height:1.55rem;border-radius:50%;background:var(--ice);font-size:.75rem;font-weight:650;color:var(--blue)}.exercise-step h4{font-size:1rem;font-weight:600;letter-spacing:-.02em}.exercise-step p{color:var(--muted);margin-top:.6rem;font-size:1rem;line-height:1.9}.exercise-step .example-prompt{padding:.85rem;border:1px solid #dce5f7;border-left:3px solid var(--blue);border-radius:0 .6rem .6rem 0;background:#f4f7ff;color:#3d5075}.exercise-step ul{list-style:none;padding:0;margin:.7rem 0 0}.exercise-step li{font-size:.875rem;color:var(--muted);padding-left:1.4rem;position:relative;margin-top:.5rem}.exercise-step li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:600}.workspace-note{display:flex;align-items:start;gap:.5rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:1.5rem;color:var(--muted)}.workspace-note>span{flex-shrink:0;width:1rem;height:1rem;border:1px solid #9aa6b9;border-radius:50%;font-size:.75rem;line-height:1;text-align:center;margin-top:.25rem}.workspace-note p{font-size:.75rem;line-height:1.8}
.philosophy-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.8rem;margin-top:1.5rem}.philosophy h2 em{color:var(--blue)}.principle-list article{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.85rem;padding:1.5rem 0;border-top:1px solid var(--line)}.principle-list article:last-child{padding-bottom:0}.principle-list article>span{font-size:.75rem;color:var(--blue);padding-top:.2rem}.principle-list h3{font-size:1.2rem;letter-spacing:-.03em;line-height:1.55}.principle-list p{color:var(--muted);font-size:1rem;line-height:1.95;margin-top:.7rem}.about{background:#16243d;color:#fff;position:relative}.about-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.about .eyebrow{color:#a5baff}.about h2{font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.3;letter-spacing:-.05em;margin-top:1.4rem}.about h2 em{color:#93adff}.about-detail>.lead{font-size:1.25rem}.about-detail>p:not(.lead){color:#c7d2e5;font-size:1rem;line-height:1.95;margin-top:1rem}.about dl{margin:1.8rem 0 0}.about dl>div{display:grid;grid-template-columns:5.25rem minmax(0,1fr);gap:1rem;padding:.9rem 0;border-top:1px solid #3b4963}.about dt{font-size:.75rem;letter-spacing:.04em;color:#9baccc}.about dd{margin:0;font-size:.875rem;overflow-wrap:anywhere}.faq{display:grid;grid-template-columns:minmax(0,1fr);gap:1.8rem}.faq h2{font-size:2rem;margin-top:1rem}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:start;gap:1rem;cursor:pointer;list-style:none;padding:1.4rem 0;font-size:1rem;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';flex-shrink:0;color:var(--blue);font-size:1.2rem;line-height:1.4}.faq-list details[open] summary:after{content:'−'}.faq-list details>p{color:var(--muted);font-size:1rem;line-height:1.95;padding:0 1rem 1.5rem 0}.closing{padding:3.5rem 0;background:#eaf0fd;border-block:1px solid #d4def3}.closing-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.closing .eyebrow{color:var(--blue)}.closing h2{font-size:clamp(1.9rem,5vw,4rem);font-weight:550;line-height:1.3;letter-spacing:-.055em}.closing h2 em{color:var(--blue)}.closing .button{justify-self:start}.footer{padding:2rem 0 1.5rem}.footer-top{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding-bottom:1.8rem}.footer-top p{flex-basis:100%;order:3;color:var(--muted);font-size:.875rem}.footer-top>a:last-child{margin-left:auto;font-size:.875rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;border-top:1px solid var(--line);padding-top:1.2rem;color:var(--muted);font-size:.75rem}.footer-bottom>a{margin-left:auto}
/* Wide phones and tablets: readable single-column content, no side-squeezed copy. */
@media(min-width:40rem){.wrap{width:calc(100% - 4rem)}.section{padding-block:5.25rem}.header{min-height:5.5rem}.hero{padding-top:3.5rem;gap:2.5rem}.hero-copy{max-width:42rem}.hero-description br{display:initial}.hero-audience{margin-top:2rem}.hero-actions{gap:1.75rem}.hero-kicker{font-size:1.2rem}.brand-visual{aspect-ratio:1.45/1}.brand-visual img{object-fit:contain}.brand-visual figcaption{inset:1.5rem 1.5rem auto}.visual-note{left:auto;right:1.5rem;bottom:1.5rem;width:21rem;max-width:calc(100% - 3rem)}.hero-bottom{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:1.5rem}.outcomes article{grid-template-columns:3rem minmax(0,1fr);padding:1.7rem}.outcome-number{font-size:1rem}.scenario-tabs button>span{display:inline}.scenario-tabs button{min-height:3.5rem;font-size:1rem}.scenario-brief{padding:2rem}.scenario-brief h3{font-size:1.8rem}.scenario-workspace{padding:2rem}.workspace-counter{display:inline}.exercise-step{grid-template-columns:1.75rem minmax(0,1fr);gap:1rem}.exercise-step>span{min-height:1.75rem}.exercise-step .example-prompt{padding:1rem 1.2rem}.philosophy-grid{gap:2.25rem}.about-grid{gap:2.5rem}.closing{padding-block:4.5rem}.closing h2{font-size:3rem}.footer-top p{flex-basis:auto;order:0}.hero-description{font-size:1.0625rem}}
/* At 960px there is room for deliberate desktop compositions. */
@media(min-width:60rem){.wrap{width:calc(100% - 5rem)}.section{padding-block:6.5rem}.header{gap:2rem}.desktop-nav{display:flex;align-items:center;gap:1.6rem;font-size:.875rem;font-weight:550}.desktop-nav a:hover{color:var(--blue)}.nav-actions{gap:1.1rem}.menu-button,.mobile-nav{display:none!important}.nav-cta{display:inline-flex;align-items:center;min-height:2.75rem;border:1px solid var(--line);border-radius:.5rem;padding:.45rem .8rem;font-size:.875rem;font-weight:600}.nav-cta:hover{border-color:var(--blue);color:var(--blue)}.hero{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:2.5rem;align-items:center;padding-top:3.5rem;padding-bottom:3.2rem}.hero-copy{max-width:none}h1{font-size:clamp(2.4rem,4.3vw,3.65rem);margin-top:1.5rem;line-height:1.4}.hero-kicker{font-size:1.1rem}.hero-description{font-size:1rem;max-width:29rem}.hero-description br{display:none}.hero-actions{gap:1.1rem;margin-top:1.6rem}.hero-audience{margin-top:1.75rem}.brand-visual{aspect-ratio:.96/1}.brand-visual img{object-fit:cover}.brand-visual figcaption{font-size:.75rem;inset:1.3rem 1.25rem auto}.visual-note{right:1.25rem;left:1.25rem;bottom:1.25rem;width:auto;max-width:none}.vision-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:start}.lead{font-size:1.3rem}.outcomes{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:3rem}.outcomes article{display:flex;flex-direction:column;padding:1.75rem;gap:0;min-height:18.5rem}.outcome-number{font-size:.75rem}.outcomes h3{margin-top:1.4rem;font-size:1.2rem}.outcomes p{margin-top:.7rem;font-size:1rem}.outcome-word{display:block;padding-top:1.8rem;margin-top:auto;font-size:1.6rem;font-weight:550;letter-spacing:-.045em;color:#364968}.experience-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:end}.experience-heading>p{justify-self:end;padding-bottom:.35rem}.scenario-tabs{max-width:42rem;margin-top:2.5rem}.scenario-panel{grid-template-columns:minmax(18rem,.83fr) minmax(0,1.5fr);margin-top:1.2rem}.scenario-brief{border-radius:var(--radius) 0 0 var(--radius);padding:2.1rem}.scenario-brief h3{font-size:1.7rem;margin-top:2rem}.scenario-brief h3 br{display:initial}.scenario-workspace{padding:2rem 2.2rem}.brief-bottom{padding-top:3rem}.philosophy-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;margin-top:2rem}.philosophy h2{font-size:2.45rem}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}.about h2{font-size:2.8rem;margin-top:2rem}.about-detail>.lead{font-size:1.3rem}.faq{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:4rem}.closing-inner{grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 2rem;align-items:center}.closing .eyebrow{grid-column:1/-1}.closing .button{align-self:end;margin-bottom:.5rem}.closing h2{font-size:3.4rem}.footer{padding-top:2.7rem}}
@media(min-width:75rem){.wrap{width:calc(100% - 7rem)}.hero{gap:4rem;padding-top:4rem;padding-bottom:4rem}h1{font-size:clamp(3rem,4.5vw,4rem)}.hero-kicker{font-size:1.2rem;margin-top:1.8rem}.hero-description{font-size:1.05rem}.hero-description br{display:initial}.hero-actions{margin-top:2rem;gap:1.5rem}.hero-audience{margin-top:2.5rem}.brand-visual{aspect-ratio:1/1}.brand-visual figcaption{inset:1.5rem 1.6rem auto}.visual-note{left:1.6rem;right:1.6rem;bottom:1.6rem;padding:1rem 1.2rem}.scenario-brief{padding:2.6rem}.scenario-brief h3{font-size:1.9rem}.scenario-workspace{padding:2.5rem 3rem}.about h2{font-size:3.3rem}.closing h2{font-size:4rem}}
@media(max-width:23rem){.wrap{width:calc(100% - 2rem)}.brand{font-size:1.25rem}.nav-actions{gap:.45rem}.hero-eyebrow{font-size:.75rem;letter-spacing:.04em}h1{font-size:2.15rem}.hero-actions{gap:.5rem 1rem}.hero-actions .button{padding-inline:1rem}.hero-actions .text-link{font-size:.8125rem}.hero-audience p{letter-spacing:0}.hero-audience b{padding-inline:.2rem}.brand-visual figcaption{inset:1rem .85rem auto;font-size:.75rem;letter-spacing:0}.visual-edition{display:none}.visual-note{left:.8rem;right:.8rem;bottom:.8rem;padding:.65rem .75rem;font-size:.75rem;gap:.35rem}.scenario-tabs{gap:.1rem;padding:.25rem}.scenario-tabs button{font-size:.8125rem;padding:.6rem .15rem}.scenario-brief{padding:1.5rem 1.1rem}.scenario-workspace{padding:1.4rem 1rem}.exercise-step{gap:.45rem}.outcomes article{padding:1.2rem}.about dl>div{grid-template-columns:4.4rem minmax(0,1fr);gap:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}