:root{--ink:#0b1118;--muted:#5a6873;--muted-strong:#44535d;--paper:#f6f7f2;--surface:#fff;--line:#d9dedb;--brand:#f33e3e;--brand-strong:#cf2029;--brand-hover:#b51a22;--brand-deep:#8f141b;--brand-light:#ff9fa2;--brand-soft:#ffe3e4;--navy:#071a24;--hero-shift:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--paper);color:var(--ink);word-break:keep-all;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Inter,system-ui,sans-serif;font-size:clamp(.98rem,.18vw + .94rem,1.04rem);line-height:1.68}a{color:inherit}p{overflow-wrap:break-word}h1,h2,h3{text-wrap:balance;word-break:keep-all}.scroll-progress{z-index:100;pointer-events:none;background:0 0;height:3px;position:fixed;inset:0 0 auto}.scroll-progress span{background:var(--brand);transform-origin:0;width:100%;height:100%;display:block}.site-header{z-index:50;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #d9dedbc7;justify-content:space-between;align-items:center;min-height:72px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{letter-spacing:-.06em;font-size:1.35rem;font-weight:900;line-height:1;text-decoration:none}.brand-dot{color:var(--brand)}nav{align-items:center;gap:clamp(1rem,2.4vw,2.25rem);display:flex}nav a{color:#32414a;font-size:.82rem;font-weight:750;text-decoration:none}nav a:hover{color:var(--brand-strong)}.nav-cta{border:1px solid var(--brand-strong);color:var(--brand-strong);border-radius:999px;padding:.7rem 1rem}.nav-cta:hover{color:var(--brand-hover);background:var(--brand-soft)}.hero{grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:min(1440px,100%);min-height:calc(100svh - 72px);margin:0 auto;padding:clamp(3.5rem,8vw,8.5rem) 4vw clamp(4rem,7vw,7rem);display:grid;overflow:hidden}.eyebrow{color:var(--brand-strong);letter-spacing:.11em;margin:0 0 1.35rem;font:850 .74rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.hero-copy,.hero-visual,.section-heading>*,.process>*,.capabilities>*,.experience-proof>*,.proof-note>*,.contact>*{min-width:0}.hero h1{letter-spacing:-.068em;max-width:760px;margin:0;font-size:clamp(3.35rem,6.25vw,6.85rem);font-weight:880;line-height:1}.title-emphasis{color:var(--brand-strong);font-weight:900}.hero-lead{max-width:620px;color:var(--muted-strong);letter-spacing:-.014em;margin:2.15rem 0 0;font-size:clamp(1.05rem,1.25vw,1.23rem);font-weight:510;line-height:1.78}.hero-action{align-items:center;gap:1.15rem;margin-top:2.1rem;display:flex}.hero-action p{color:#53626b;max-width:230px;margin:0;font-size:.82rem;font-weight:560;line-height:1.55}.button{min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:1.5rem;padding:.9rem 1.25rem;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .18s,background .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--brand-strong);color:#fff}.button-primary:hover{background:var(--brand-hover)}.button-light{background:var(--brand);color:var(--ink)}.button-light:hover{background:var(--brand-light)}.button-contact-secondary{color:#fff;background:0 0;border:1px solid #ffffff7a}.button-contact-secondary:hover{background:#ffffff1a;border-color:#fff}.hero-visual{min-height:min(590px,65vw);transform:translateY(var(--hero-shift));transition:transform 80ms linear;position:relative}.hero-image{background:linear-gradient(#071a2405,#071a2442),url(/monz-ai-hero.webp) 50%/cover;border-radius:3px 52px 3px 3px;position:absolute;inset:4% 0 9% 7%;box-shadow:0 26px 70px #11303d2e}.hero-visual:before{content:"";aspect-ratio:1;border:1px solid #f33e3e57;border-radius:50%;width:52%;position:absolute;top:-2%;right:-14%}.visual-caption{z-index:3;color:#fff;background:var(--navy);letter-spacing:.1em;width:min(330px,74%);padding:1rem 1.1rem;font:750 .72rem/1.3 ui-monospace,monospace;position:absolute;bottom:2%;left:0}.visual-caption small{color:#a8b5ba;letter-spacing:0;margin:.45rem 0 0 1.15rem;font:500 .67rem/1.35 inherit;display:block}.signal{background:var(--brand);border-radius:50%;width:7px;height:7px;margin-right:.45rem;display:inline-block;box-shadow:0 0 0 4px #f33e3e33}.signal-strip{color:#a7bbc1;background:var(--navy);letter-spacing:.12em;white-space:nowrap;justify-content:space-between;gap:2rem;padding:1.05rem 4vw;font:700 .68rem/1 ui-monospace,monospace;display:flex;overflow:hidden}.section{padding:clamp(5.5rem,9vw,9.5rem) 4vw}.section-heading{max-width:1180px;margin:0 auto clamp(3rem,5.2vw,5rem)}.section h2,.proof-note h2,.contact h2{letter-spacing:-.052em;margin:0;font-size:clamp(2.4rem,4.15vw,4.6rem);font-weight:840;line-height:1.1}.heading-split{grid-template-columns:1fr .7fr;align-items:end;gap:3rem;display:grid}.heading-split>p{max-width:590px;color:var(--muted-strong);margin:0 0 .3rem;font-size:1rem;line-height:1.75}.situations{background:var(--surface)}.situation-list{border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:0;list-style:none}.situation-list li{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;align-items:center;padding:1.5rem 0;display:grid}.situation-list li>span{color:var(--brand-strong);font:800 .72rem/1 ui-monospace,monospace}.situation-list p{letter-spacing:-.026em;margin:0;font-size:clamp(1.12rem,1.8vw,1.52rem);font-weight:680;line-height:1.48}.services{background:#edf1ec}.service-grid{border:1px solid #cbd2ce;grid-template-columns:repeat(2,1fr);max-width:1180px;margin:0 auto;display:grid}.service-card{background:#ffffff73;border-bottom:1px solid #cbd2ce;border-right:1px solid #cbd2ce;min-height:350px;padding:clamp(1.6rem,3vw,2.8rem)}.service-card:nth-child(2n){border-right:0}.service-card:nth-last-child(-n+2){border-bottom:0}.service-number{color:var(--brand-strong);font:800 .72rem/1 ui-monospace,monospace}.service-card h3{letter-spacing:-.04em;margin:3.2rem 0 1rem;font-size:clamp(1.5rem,2vw,2rem);font-weight:790;line-height:1.25}.service-card>p{max-width:480px;color:var(--muted-strong);margin:0;line-height:1.72}.service-output{color:#35434b;border-top:1px solid #cbd2ce;margin-top:2.1rem;padding-top:1.05rem;font-size:.83rem}.service-output span{color:var(--brand-strong);margin-right:.8rem;font:800 .68rem/1 ui-monospace,monospace}.process{background:var(--navy);color:#fff;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:clamp(3rem,8vw,8rem);display:grid}.process-intro{align-self:start;position:sticky;top:130px}.process-intro .eyebrow,.process .title-emphasis{color:var(--brand-light)}.process-intro>p:last-child{color:#bcc9ce;max-width:520px;line-height:1.76}.process-list{border-top:1px solid #29404b;margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid #29404b;grid-template-columns:70px 1fr;align-items:start;gap:1rem;min-height:170px;padding:1.7rem 0;display:grid}.process-index{color:var(--brand-light);font:750 .72rem/1.2 ui-monospace,monospace}.process-list h3{margin:0 0 .55rem;font-size:clamp(1.34rem,1.7vw,1.58rem);font-weight:780;line-height:1.35}.process-list p{color:#bcc9ce;max-width:520px;margin:0;line-height:1.72}.capabilities{grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,8rem);display:grid}.capability-copy>p:last-child{max-width:500px;color:var(--muted-strong);line-height:1.75}.capability-board{border-top:1px solid #bfc7c3}.capability-group{border-bottom:1px solid #bfc7c3;grid-template-columns:120px 1fr;gap:1.2rem;padding:1.45rem 0;display:grid}.capability-group span{color:var(--brand-strong);letter-spacing:.08em;font:800 .7rem/1.5 ui-monospace,monospace}.capability-group p{margin:0;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:690;line-height:1.55}.experience-proof{color:#fff;background:radial-gradient(circle at 81% 20%, #f33e3e2e, transparent 34%), var(--navy);grid-template-columns:minmax(300px,.78fr) minmax(540px,1.22fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding:clamp(5rem,8vw,8.5rem) 4vw;display:grid;overflow:hidden}.experience-proof .eyebrow{color:var(--brand-light)}.experience-proof h2{letter-spacing:-.052em;margin:0;font-size:clamp(2.4rem,4.15vw,4.6rem);font-weight:840;line-height:1.1}.experience-proof .title-emphasis{color:var(--brand-light)}.experience-proof-lead{color:#d2dde1;max-width:620px;margin:1.8rem 0 0;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.78}.experience-proof-boundary{color:#aebfc5;max-width:600px;margin:1rem 0 0;font-size:.86rem;line-height:1.7}.privacy-disclosure{border:1px solid #ff9fa26b;border-left:3px solid var(--brand);background:#ffffff0e;max-width:620px;margin-top:2rem;padding:1rem 1.1rem}.privacy-disclosure span{color:var(--brand-light);letter-spacing:.1em;font:800 .66rem/1.3 ui-monospace,monospace}.privacy-disclosure p{color:#f4f7f8;margin:.45rem 0 0;font-size:.86rem;font-weight:620;line-height:1.65}.resume-proof-gallery{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:1.3rem .8rem;min-height:650px;padding:2rem clamp(0rem,2vw,1.5rem);display:grid}.resume-proof-card{color:var(--ink);background:#fdfdf9;border:1px solid #ffffffbf;margin:0;padding:.5rem .5rem .75rem;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s;position:relative;transform:rotate(-3deg)translateY(8px);box-shadow:0 22px 48px #0000004d}.resume-proof-card:nth-child(2){z-index:2;transform:rotate(2.2deg)translateY(-14px)}.resume-proof-card:nth-child(3){transform:rotate(-1.2deg)translateY(10px)}.resume-proof-card:nth-child(4){z-index:2;transform:rotate(2.8deg)translate(12px,-26px)}.resume-proof-card:nth-child(5){z-index:3;transform:rotate(-2deg)translateY(-42px)}.resume-proof-card:nth-child(6){transform:rotate(1.8deg)translate(-12px,-24px)}.resume-proof-card:hover{z-index:5;transform:rotate(0)translateY(-12px)scale(1.025);box-shadow:0 28px 60px #0006}.resume-proof-card img{aspect-ratio:210/297;object-fit:cover;background:#ecece8;width:100%;height:auto;display:block}.resume-proof-card figcaption{color:#59646a;letter-spacing:.08em;padding:.65rem .3rem 0;font:760 .58rem/1.3 ui-monospace,monospace}.portfolio{background:var(--surface)}.portfolio-note{max-width:460px;color:var(--muted-strong);align-self:end;margin:0;font-size:.88rem;line-height:1.72}.portfolio-list{border-top:1px solid #cbd2ce;max-width:1180px;margin:0 auto}.portfolio-case{border-bottom:1px solid #cbd2ce;grid-template-columns:minmax(280px,.85fr) 1.45fr;gap:clamp(1.6rem,3.2vw,3.2rem);padding:clamp(2.1rem,3.6vw,3.2rem) 0;display:grid}.portfolio-media{margin:0}.portfolio-media img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:#ecece8;width:100%;height:auto;display:block}.portfolio-meta{color:var(--brand-strong);letter-spacing:.08em;flex-wrap:wrap;gap:.35rem 1.15rem;margin:0 0 .95rem;font:800 .68rem/1.4 ui-monospace,monospace;display:flex}.portfolio-body h3{letter-spacing:-.035em;margin:0 0 .8rem;font-size:clamp(1.32rem,2vw,1.72rem);font-weight:790;line-height:1.28}.portfolio-oneliner{max-width:580px;color:var(--ink);margin:0 0 .6rem;font-weight:620;line-height:1.7}.portfolio-challenge{max-width:580px;color:var(--muted-strong);margin:0 0 1.15rem;font-size:.92rem;line-height:1.72}.portfolio-scope{flex-wrap:wrap;gap:.45rem;margin:0 0 1.2rem;padding:0;list-style:none;display:flex}.portfolio-scope li{color:#3f4e57;border:1px solid #cbd2ce;padding:.34rem .72rem;font-size:.76rem;font-weight:680}.portfolio-tags{color:var(--muted);letter-spacing:.04em;margin:0;font:700 .7rem/1.5 ui-monospace,monospace}.proof-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:1fr 1fr;gap:4rem;padding:clamp(4rem,7vw,7rem) 4vw;display:grid}.proof-note h2{max-width:700px}.proof-copy{align-self:end}.proof-copy>p:first-child{max-width:570px;color:var(--muted-strong);line-height:1.76}.proof-status{color:#3f4e57;margin-top:1.5rem;font-size:.8rem;font-weight:760}.proof-status span,.pending-badge span{background:var(--brand);border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.faq{background:#edf1ec}.faq-list{border-top:1px solid #cbd2ce;max-width:1180px;margin:0 auto}.faq-list details{border-bottom:1px solid #cbd2ce}.faq-list summary{cursor:pointer;padding:1.45rem 3rem 1.45rem 0;font-size:clamp(1.12rem,1.8vw,1.45rem);font-weight:760;line-height:1.45;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--brand-strong);font:800 1.5rem/1 ui-monospace,monospace;position:absolute;right:.25rem}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:820px;color:var(--muted-strong);margin:-.25rem 0 1.65rem;line-height:1.76}.contact{color:#fff;background:var(--brand-deep);grid-template-columns:1fr minmax(360px,.72fr);gap:clamp(3rem,8vw,8rem);padding:clamp(5rem,9vw,9rem) 4vw;display:grid}.contact .eyebrow,.contact .title-emphasis{color:var(--brand-light)}.contact-copy>p:not(.eyebrow):not(.channel-note){color:#ffe6e7;max-width:630px;line-height:1.76}.contact-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.contact-actions .button{margin-top:0}.channel-note{color:#ffe9ea;margin:.8rem 0 0;font-size:.78rem;font-weight:540;line-height:1.55}.contact-form-card{color:var(--ink);background:var(--paper);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:16px 16px #071a2442}.contact-form-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.contact-form-heading p{color:var(--brand-strong);letter-spacing:.1em;margin:0;font:800 .72rem/1.2 ui-monospace,monospace}.contact-form-heading span{color:var(--muted-strong);font-size:.72rem;font-weight:650}.contact-form-card b{color:var(--brand-strong)}.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 1rem;display:grid}.contact-form-grid label{color:#28363e;gap:.55rem;font-size:.78rem;font-weight:760;display:grid}.contact-form-grid input,.contact-form-grid select,.contact-form-grid textarea{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;border-bottom:1px solid #9eaaa5;border-radius:0;outline:none;padding:.7rem .1rem;font-size:.94rem;font-weight:520}.contact-form-grid textarea{resize:vertical;border:1px solid #9eaaa5;min-height:150px;padding:.9rem;line-height:1.65}.contact-form-grid textarea::placeholder{color:#7b8782}.contact-form-grid input:focus,.contact-form-grid select:focus,.contact-form-grid textarea:focus{border-color:var(--brand-strong);box-shadow:0 2px 0 var(--brand-strong)}.contact-form-grid textarea:focus{box-shadow:0 0 0 2px var(--brand-strong)}.contact-form-wide{grid-column:1/-1}.contact-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.contact-submit:disabled{cursor:wait;opacity:.72;transform:none}.contact-privacy{color:#55625d;background:#edf1ec;margin:1.4rem 0 0;padding:1rem;font-size:.76rem;line-height:1.62}.contact-submit{color:#fff;background:var(--brand-strong);border:0;width:100%;margin-top:1rem}.contact-submit:hover{background:var(--brand-hover)}.contact-form-status{color:#55625d;min-height:1.2em;margin:.65rem 0 0;font-size:.74rem;line-height:1.5}footer{color:#a9b7bc;background:var(--navy);align-items:center;gap:2rem;padding:2.2rem 4vw;display:flex}.brand-footer{color:#fff}footer p{margin:0;font-size:.72rem}footer p:last-child{margin-left:auto}.motion-ready [data-reveal]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0s);transform:translateY(28px)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.hero-enter{animation:.75s cubic-bezier(.22,1,.36,1) both enterUp}.hero-enter-delay{animation-delay:90ms}.hero-enter-delay-2{animation-delay:.18s}.hero-enter-delay-3{animation-delay:.27s}@keyframes enterUp{0%{opacity:0;transform:translateY(22px)}}a:focus-visible,button:focus-visible{outline:3px solid var(--brand);outline-offset:4px}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:4.5rem}.hero-visual{min-height:520px}.heading-split,.process,.capabilities,.experience-proof,.proof-note,.contact{grid-template-columns:1fr}.process-intro{position:static}.capability-copy>p:last-child{max-width:640px}.resume-proof-gallery{width:min(700px,100%);min-height:0;margin:0 auto}.portfolio-case{grid-template-columns:1fr}.portfolio-media img{max-width:560px}}@media (max-width:640px){.site-header{min-height:64px;padding-inline:1.1rem}nav{gap:.8rem}nav a:not(.nav-cta){display:none}.nav-cta{padding:.58rem .8rem;font-size:.76rem}.hero{min-height:auto;padding:4rem 1.1rem 3.75rem}.hero h1{letter-spacing:-.06em;max-width:100%;font-size:clamp(2.9rem,13.5vw,4rem);line-height:1.03}.hero-lead{margin-top:1.65rem;font-size:clamp(1rem,4.4vw,1.1rem);line-height:1.72}.hero-action{flex-direction:column;align-items:flex-start}.hero-visual{min-height:390px}.hero-image{border-radius:3px 32px 3px 3px;inset:3% 0 10% 4%}.signal-strip{justify-content:flex-start;padding-inline:1.1rem}.section,.experience-proof,.proof-note,.contact{padding-inline:1.1rem}.section h2,.experience-proof h2,.proof-note h2,.contact h2{letter-spacing:-.048em;font-size:clamp(2.08rem,10.2vw,3rem);line-height:1.13}.section-heading{margin-bottom:2.75rem}.heading-split{gap:1.5rem}.situation-list li{grid-template-columns:52px 1fr;gap:.5rem}.service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(2n),.service-card:nth-last-child(-n+2){border-bottom:1px solid #cbd2ce;border-right:0;min-height:300px}.service-card:last-child{border-bottom:0}.service-card h3{margin-top:2.3rem}.process-list li{grid-template-columns:45px 1fr;min-height:150px}.capability-group{grid-template-columns:1fr;gap:.55rem}.experience-proof{gap:2.75rem}.resume-proof-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .7rem;padding:.8rem .35rem 0}.resume-proof-card:nth-child(n){transform:rotate(-2deg)translateY(0)}.resume-proof-card:nth-child(2n){transform:rotate(2deg)translateY(12px)}.resume-proof-card:nth-child(3),.resume-proof-card:nth-child(6){transform:rotate(-1deg)translateY(-4px)}.portfolio-media img{max-width:100%}.portfolio-case{gap:1.4rem;padding:1.9rem 0}.proof-note,.contact{gap:2.5rem}.contact-actions{flex-direction:column;align-items:stretch}.contact-actions .button{justify-content:space-between;width:100%}.contact-form-card{box-shadow:8px 8px #071a2442}.contact-form-grid{grid-template-columns:1fr}.contact-form-wide{grid-column:auto}footer{flex-direction:column;align-items:flex-start;gap:.7rem}footer p:last-child{margin-left:0}}@media (max-width:420px){.eyebrow{letter-spacing:.08em;margin-bottom:1.05rem;font-size:.68rem}.hero h1{font-size:clamp(2.72rem,12.9vw,3.4rem)}.hero-action,.hero-action .button{width:100%}.hero-action p{max-width:none}.service-card{padding-inline:1.35rem}.process-list p{line-height:1.66}.contact-form-card{padding-inline:1.15rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-ready [data-reveal]{opacity:1;transform:none}.hero-visual,.resume-proof-card:hover{transform:none}}@media print{@page{size:A4;margin:10mm}html{scroll-behavior:auto}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff}.scroll-progress{display:none}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;position:static}.hero{gap:1.25rem;min-height:0;padding-block:2rem 2.5rem}.hero h1{font-size:3.2rem}.hero-lead,.hero-action{margin-top:1.25rem}.hero-visual{min-height:350px}.section{padding-block:3rem}.section-heading{margin-bottom:2rem}.service-card{min-height:260px;padding:1.5rem}.service-card h3{margin-top:1.5rem}.service-output{margin-top:1.25rem}.process-intro{position:static}.motion-ready [data-reveal]{opacity:1!important;transform:none!important}.hero-enter,.hero-visual,.resume-proof-card{animation:none!important;transform:none!important}.service-card,.process-list li,.capability-group,.privacy-disclosure,.faq-list details,.contact-form-card{break-inside:avoid}.experience-proof,.contact{break-before:page}.proof-note{break-inside:avoid}.faq{padding-block:2rem}.faq .section-heading{margin-bottom:1rem}.faq .section-heading h2{font-size:2.15rem}.faq-list summary{padding-block:.8rem;font-size:1rem}.faq-list details p{margin-bottom:.9rem;font-size:.88rem;line-height:1.5}.faq-list details>p{display:block!important}}
