:root{--orange:#f05a24;--black:#070707;--surface:#111;--white:#fff;--muted:#aaa;--line:rgba(255,255,255,.14);--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:"Noto Sans KR",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 80px));margin:auto}.mono{font:700 11px "Outfit";letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.topbar{position:sticky;z-index:100;top:0;height:82px;border-bottom:1px solid var(--line);background:rgba(7,7,7,.94);backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font:900 25px "Outfit";letter-spacing:-1.5px}.logo i{display:inline-block;width:8px;height:8px;margin-left:4px;border-radius:50%;background:var(--orange)}.navlinks{display:flex;align-items:center;gap:28px;font:700 12px "Outfit";letter-spacing:.08em;text-transform:uppercase}.navlinks a{transition:.2s}.navlinks a:hover,.navlinks .active{color:var(--orange)}.navlinks .contact-chip{padding:9px 15px;border:1px solid var(--orange);border-radius:99px}.menu{display:none;border:0;background:transparent;color:#fff;font-size:25px}
.page-hero{padding:105px 0 85px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 10%,rgba(240,90,36,.18),transparent 32%)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:75px;align-items:end}.page-hero h1{margin:16px 0 0;font-size:clamp(44px,5vw,72px);line-height:1.05;letter-spacing:-.055em}.page-hero h1 em{color:var(--orange);font-style:normal}.hero-copy{max-width:490px;color:#bbb;font-size:18px;word-break:keep-all}.hero-copy b{display:block;margin-bottom:12px;color:#fff;font-size:23px}.number{color:var(--orange);font:900 65px/1 "Outfit"}
.section{padding:105px 0;border-bottom:1px solid var(--line)}.section-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px}.section h2{margin:12px 0 28px;font-size:clamp(39px,5vw,68px);line-height:1.08;letter-spacing:-.05em;word-break:keep-all}.lead{max-width:820px;color:#bbb;font-size:20px;word-break:keep-all}.quote{margin-top:50px;padding:25px 0;border-block:1px solid var(--line);font-size:clamp(22px,3vw,34px);font-weight:800}.quote em{color:var(--orange);font-style:normal}
.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.value{min-height:260px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.value b{color:var(--orange);font:700 12px "Outfit"}.value h3{margin:52px 0 12px;font-size:24px}.value p{margin:0;color:#999;word-break:keep-all}
.services{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:330px;padding:42px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service:hover{background:#141414}.service-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #444;border-radius:50%;color:var(--orange);font-size:24px}.service h3{margin:62px 0 13px;font-size:28px}.service p{max-width:500px;margin:0;color:#999;word-break:keep-all}.flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:45px;border-block:1px solid var(--line)}.flow article{min-height:220px;padding:28px 22px;border-right:1px solid var(--line)}.flow article:last-child{border:0}.flow b{color:var(--orange)}.flow h3{margin:50px 0 8px}.flow p{margin:0;color:#888;font-size:14px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-info h2{margin:12px 0 25px;font-size:clamp(40px,4.6vw,64px);line-height:1.1;letter-spacing:-.05em}.contact-info p{color:#aaa}.details{margin-top:50px;border-top:1px solid var(--line)}.detail{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.detail span{color:#777;font:700 11px "Outfit"}.form{padding:48px;background:#101010;border:1px solid var(--line)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{margin-bottom:27px}.field label{display:block;margin-bottom:8px;color:#999;font:700 10px "Outfit";letter-spacing:.1em}.field input,.field textarea,.field select{width:100%;padding:13px 0;border:0;border-bottom:1px solid #3a3a3a;outline:0;background:transparent;color:#fff}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--orange)}.submit{width:100%;padding:18px;border:0;background:var(--orange);color:#fff;font-weight:800;cursor:pointer}
.cta{padding:75px 0;background:var(--orange)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.cta h2{margin:0;font-size:clamp(35px,5vw,62px);line-height:1.08;letter-spacing:-.05em}.cta a{padding:15px 22px;background:#fff;color:#111;font-weight:800;white-space:nowrap}footer{padding:38px 0;background:#050505}.foot{display:flex;justify-content:space-between;color:#777;font:11px "Outfit";letter-spacing:.08em}
@media(max-width:950px){.hero-grid,.contact-layout{grid-template-columns:1fr}.section-grid{grid-template-columns:150px minmax(0,1fr)}.values{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(2,1fr)}.flow article{border-bottom:1px solid var(--line)}.flow article:last-child{grid-column:1/-1}.navlinks{gap:18px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.menu{display:block}.navlinks{display:none;position:absolute;top:82px;left:14px;right:14px;align-items:stretch;flex-direction:column;padding:24px;background:#fff;color:#111;box-shadow:0 18px 45px rgba(0,0,0,.3)}.navlinks.open{display:flex}.page-hero{padding:72px 0 58px}.page-hero h1{font-size:clamp(40px,11vw,48px)}.section{padding:75px 0}.section-grid{grid-template-columns:1fr;gap:28px}.number{font-size:48px}.values,.services,.flow{grid-template-columns:1fr}.value,.service{min-height:auto;padding:28px}.value h3,.service h3{margin-top:35px}.flow article,.flow article:last-child{grid-column:auto;min-height:auto}.form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.cta-inner,.foot{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
