@import url('./brand.css?v=20260919');
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--haje-background);color:var(--haje-ink);font-family:var(--haje-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}
button,select{font:inherit;color:inherit}
img{max-width:100%;height:auto}
h1,h2,h3,h4,p{margin:0}
h1,h2{font-family:var(--haje-display);font-weight:600;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}
h1{font-size:clamp(46px,5.1vw,74px)}h2{font-size:clamp(34px,3.5vw,50px)}h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}h4{font-size:13px}
p+p{margin-top:18px}.sr-only{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.company-header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 44px;border-bottom:1px solid var(--haje-line)}
.company-brand{display:flex;align-items:center;flex-shrink:0}.company-brand img{width:110px;height:48px;object-fit:contain}
.company-header nav{display:flex;gap:28px;flex-wrap:wrap}.company-header nav a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;font-size:14px;font-weight:600}
.company-header nav a:hover,.company-text-link:hover{text-decoration:underline;text-decoration-color:var(--haje-violet);text-decoration-thickness:3px}
.company-language select{min-height:48px;border:1px solid var(--haje-line);border-radius:999px;background:transparent;padding:8px 12px;font-size:13px}
.company-section{max-width:1280px;margin:auto;padding:80px 44px;scroll-margin-top:24px}
.company-hero{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:64px;padding-top:88px;padding-bottom:88px}
.company-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.company-lead{font-size:18px;line-height:1.65;margin-top:28px}.company-muted{color:var(--haje-muted);font-size:15px;max-width:58ch}
.company-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:32px}
.company-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 23px;border:1px solid transparent;border-radius:999px;background:var(--haje-violet);color:var(--haje-ink);text-decoration:none;font-weight:650;font-size:14px;transition:transform .18s,box-shadow .18s}
.company-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--haje-lime)}.company-button-secondary{background:transparent;border-color:var(--haje-line)}
.company-focus{background:var(--haje-surface);border:1px solid var(--haje-line);border-radius:16px;padding:36px}.company-focus .company-kicker{display:flex;align-items:center;gap:10px;color:var(--haje-muted)}.company-focus .company-kicker::before{content:"";width:20px;height:3px;background:var(--haje-violet)}.company-focus h2{font-family:var(--haje-body);font-size:32px;font-weight:600;letter-spacing:-.035em;line-height:1.2}.company-focus>p:last-child{font-size:14px;line-height:1.7;color:var(--haje-muted);max-width:34ch;margin-top:24px}.focus-stack{display:grid;gap:0;margin:28px 0 0;counter-reset:focus-area}.focus-stack>span{display:none}.focus-chip{display:flex;align-items:baseline;gap:18px;width:100%;padding:20px 0;border-top:1px solid var(--haje-line);font-size:16px;font-weight:550;line-height:1.5;counter-increment:focus-area}.focus-chip::before{content:"0" counter(focus-area);flex-shrink:0;font-size:12px;font-weight:500;color:var(--haje-muted)}.focus-chip:last-child{border-bottom:1px solid var(--haje-line)}
#services{border-top:1px solid var(--haje-line)}.company-section-heading{max-width:760px;margin-bottom:36px}.company-section-heading>p:last-child:not(.company-kicker){color:var(--haje-muted);margin-top:20px;max-width:66ch}
.company-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.company-service{border:1px solid var(--haje-line);border-radius:var(--haje-radius);background:var(--haje-surface);padding:32px;min-width:0}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.service-number{font-size:12px;font-weight:650}.service-dot{width:36px;height:36px;border-radius:12px;background:var(--card-accent)}.company-service>p{color:var(--haje-muted);margin-top:16px;font-size:15px}.company-service ul{padding-left:20px;margin:22px 0 0;font-size:14px;line-height:1.65}.company-service li+li{margin-top:10px}.company-service li::marker{color:var(--haje-ink)}.company-future{background:var(--haje-background);border-radius:12px;padding:18px;margin-top:24px;border-left:3px solid var(--haje-lime)}.company-future p{font-size:13px;color:var(--haje-muted);margin-top:8px}.company-future h4{font-weight:700}
.company-delivery{display:grid;grid-template-columns:1fr 1.8fr;gap:32px;align-items:start;margin-top:24px;padding:28px 32px;background:var(--haje-mint);border-radius:var(--haje-radius)}.company-delivery h3,.company-delivery h2{font-family:var(--haje-display);font-size:28px;font-weight:600}.company-delivery p{font-size:15px}
.company-product{display:grid;grid-template-columns:1fr 1.45fr;overflow:hidden;border:1px solid var(--haje-line);border-radius:var(--haje-radius-lg);background:var(--haje-surface)}.product-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:var(--haje-violet);padding:50px 30px;min-height:300px}.product-art img{width:130px;filter:brightness(0)}.product-art span{font-family:var(--haje-display);font-size:36px;font-weight:600}.product-copy{padding:44px}.product-copy h3{font-family:var(--haje-display);font-size:40px}.product-copy>p:not(.company-kicker){margin-top:20px;color:var(--haje-muted)}.company-text-link{display:inline-flex;align-items:center;min-height:48px;font-weight:600;font-size:14px}
.company-about{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid var(--haje-line)}.company-about>div:last-child{color:var(--haje-muted)}.company-about a{color:var(--haje-ink);margin-top:20px}
.company-contact{display:flex;justify-content:space-between;align-items:center;gap:48px;background:var(--haje-lime);border-radius:var(--haje-radius-lg);max-width:1192px;margin:24px auto 80px;padding:56px}.company-contact>div{max-width:700px}.company-contact h2{margin-bottom:24px}.company-contact .company-button{margin-top:28px;background:var(--haje-ink);color:var(--haje-background);overflow-wrap:anywhere;max-width:100%}.company-contact .company-small{font-size:13px}.contact-symbol{width:130px;filter:brightness(0);flex-shrink:0;transform:rotate(-12deg)}.company-small{font-size:13px;color:var(--haje-muted)}
.company-footer{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:40px;padding:40px 44px 56px;border-top:1px solid var(--haje-line)}.company-footer .company-brand{margin-bottom:20px}.company-footer p{font-size:14px}.company-footer .company-small{font-size:12px;margin-top:12px}.company-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:13px}.company-footer nav a{padding:6px 0;overflow-wrap:anywhere}
.company-about-hero{max-width:1000px;text-align:center;padding-bottom:48px}.company-about-hero h1{font-size:clamp(46px,5.8vw,76px)}.company-about-story{padding-top:20px}.company-about-story>p{max-width:800px;margin:0 auto 24px}.about-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}.about-story-grid article{padding:28px;border:1px solid var(--haje-line);border-radius:var(--haje-radius);background:var(--haje-surface)}.about-story-grid h2{font-size:30px;margin-bottom:20px}.about-story-grid p{font-size:15px;color:var(--haje-muted)}
.company-skip{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 20px;background:var(--haje-ink);color:#fff}.company-skip:focus{top:12px}:focus-visible{outline:3px solid var(--haje-ink);outline-offset:5px}
html:lang(ko) h1,html:lang(ko) h2{font-weight:400;line-height:1.25;word-break:keep-all;letter-spacing:-.02em}
@media(max-width:1000px){.company-header{padding:18px 28px;gap:20px}.company-header nav{gap:16px}.company-section{padding:60px 28px}.company-hero{gap:36px}.company-focus{padding:28px}.company-focus h2{font-size:30px}.company-contact{margin:16px 28px 60px;padding:40px}.company-about{gap:40px}.company-footer{padding:36px 28px}.about-story-grid{grid-template-columns:1fr}.company-delivery{grid-template-columns:1fr;gap:12px}}
@media(max-width:720px){.company-header{flex-wrap:wrap;padding:16px 22px;gap:10px}.company-header nav{order:3;width:100%;justify-content:space-between;gap:8px}.company-header nav a{font-size:13px}.company-section{padding:48px 22px}.company-hero{grid-template-columns:1fr;gap:44px;padding-top:48px}h1{font-size:46px}h2{font-size:36px}.company-lead{font-size:17px}.company-focus{transform:none;padding:28px}.company-focus h2{font-size:30px}.focus-stack{max-width:none}.company-focus>p:last-child{max-width:none}.company-service-grid{grid-template-columns:1fr}.company-service{padding:26px}.company-product{grid-template-columns:1fr}.product-art{min-height:220px;padding:30px}.product-art img{width:92px}.product-copy{padding:28px}.company-about{grid-template-columns:1fr;gap:24px}.company-contact{margin:12px 16px 48px;padding:30px 24px}.contact-symbol{display:none}.company-contact h2{font-size:36px}.company-contact .company-button{font-size:13px;padding:12px 16px}.company-footer{flex-direction:column;padding:32px 22px;gap:28px}.company-delivery{padding:24px}.company-actions{gap:12px}.company-button{padding:12px 20px}.company-about-hero h1{font-size:46px}.company-about-story{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Company policies are separate from app legal documents. */
.company-policy{max-width:900px;margin:auto;padding:70px 44px 80px}.company-policy h1{font-family:var(--haje-body);font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.2}.company-policy header>.company-small{margin-top:16px}.policy-sections{margin-top:44px}.policy-sections section{padding:28px 0;border-top:1px solid var(--haje-line)}.policy-sections h2{font-family:var(--haje-body);font-size:23px;line-height:1.35;margin-bottom:16px;font-weight:600;letter-spacing:-.02em}.policy-sections p{color:var(--haje-muted);font-size:15px;line-height:1.8}.policy-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.policy-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}.policy-sections .company-button{margin-top:20px}.policy-sections .company-small{margin-top:16px;font-size:13px}@media(max-width:720px){.company-policy{padding:44px 22px 60px}.company-policy h1{font-size:34px}}
