@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f7f2;--ink:#203e35;--muted:#65736a;--line:#dcded3;--lime:#d9ebae;--cream:#eeeee5;--orange:#d77852}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:15px;word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{color:inherit}p{line-height:1.85;margin:0}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.05em}h2{font-size:39px;line-height:1.45}h3{font-size:22px;line-height:1.5}em{font-style:normal;color:#6a815f}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.skip{position:fixed;left:16px;top:-60px;background:white;padding:10px;z-index:100}.skip:focus{top:8px}header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 40px;max-width:1440px;margin:auto;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:9px;font-size:32px;letter-spacing:-1.8px;font-weight:700}.logo-dot{font-size:11px;align-self:flex-start;margin-top:8px;margin-left:-5px}.logo img{border-radius:8px}nav{display:flex;gap:35px;font-size:13px;font-weight:500}nav a:hover,.text-link:hover{color:#83934e}.nav-right{display:flex;align-items:center;gap:24px}.lang{background:none;border:0;font-size:12px;padding:10px}.nav-cta{font-size:13px;font-weight:600;border-bottom:1px solid;padding:8px 0}.hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding-top:76px;padding-bottom:76px;min-height:685px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;display:inline-flex;align-items:center;gap:10px}.tiny-star{font-size:23px;color:var(--orange);line-height:1}h1{font-size:66px;line-height:1.24;margin:30px 0 25px;letter-spacing:-.065em;font-weight:600}.hero-desc{font-size:15px;color:#657267}.hero-actions{display:flex;align-items:center;gap:22px;margin:30px 0 35px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 21px;font-size:13px;gap:30px;border:0;border-radius:5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.dark:hover{background:#335747}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:6px}.hero-foot{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);letter-spacing:.2px}.small-line{width:23px;height:1px;background:#889480}.hero-art{height:510px;position:relative;overflow:hidden;border-radius:150px 150px 12px 12px;background:#ebeede;background-image:radial-gradient(#a6b18d65 .7px,transparent .7px);background-size:9px 9px}.art-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;position:absolute;left:37px;right:37px;top:75px}.orbit{position:absolute;border:1px solid #a9b79288;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-one{width:190px;height:190px}.orbit-two{width:270px;height:270px}.orbit-three{width:350px;height:350px}.orbit-four{width:430px;height:430px}.star-art{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-8deg);color:#3c5742;font-family:Georgia,serif;font-size:205px;line-height:1;text-shadow:7px 12px 0 #72896125}.orbit-point{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange)}.p1{top:137px;right:92px}.p2{top:349px;left:54px;background:#577747}.note{position:absolute;background:#fffffb;box-shadow:0 12px 25px #21382b14;padding:20px;border:1px solid #dedfd1;border-radius:5px;width:225px;display:flex;flex-direction:column;gap:10px}.note-one{left:23px;top:130px;transform:rotate(-8deg)}.note-two{right:19px;top:270px;transform:rotate(7deg);background:#f6eacb}.note-index{font-size:8px;letter-spacing:1.2px;color:#6b7866}.note strong{font-size:19px;font-weight:600;letter-spacing:-.5px}.note>span:not(.note-index){font-size:10px;color:var(--muted)}.note-lines{display:grid;gap:7px;margin-top:3px}.note-lines i{height:3px;width:88%;background:#e6e9df}.note-lines i:last-child{width:57%}.tag-row{display:flex;gap:5px}.tag-row span{font-size:9px;border:1px solid #d4caae;border-radius:3px;padding:4px 8px}.identity{position:absolute;left:36px;bottom:62px;display:flex;align-items:center;gap:10px;padding:15px 19px;background:#24463b;color:#fff;border-radius:4px;font-size:11px;box-shadow:0 7px 18px #203e3519}.identity-dot{background:var(--lime);width:6px;height:6px;border-radius:50%}.identity>span:last-child{margin-left:13px;color:var(--lime)}.art-bottom{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.5px;color:#6b7866}.principle{border-block:1px solid var(--line)}.principle-inner{display:flex;align-items:center;justify-content:space-between;min-height:102px;gap:25px}.principle-inner>span:first-child{font-size:10px;letter-spacing:1.2px}.principle p{font-size:20px;letter-spacing:-.6px}.principle strong{font-weight:600}.asterisk{font-size:33px;color:var(--orange)}.section{padding-top:98px;padding-bottom:98px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.section-side{font-size:11px;color:var(--muted)}.split-head{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:47px}.split-head>p{max-width:445px;color:var(--muted);font-size:14px;flex:1}.split-head h2{flex:1.2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid var(--line)}.steps article{position:relative;padding:35px 30px 30px;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border:0;padding-right:0}.step-num{font-size:11px;color:var(--muted)}.steps h3{margin:24px 0 13px}.steps p{font-size:13px;color:var(--muted)}.step-output{display:block;font-size:9px;letter-spacing:1px;margin-top:26px;color:#7a836d}.mini-graphic{height:75px;position:relative;margin-top:14px;width:105px}.g1 i{position:absolute;border:1px solid #698465;border-radius:50%;width:40px;height:40px}.g1 i:nth-child(1){left:0;top:0}.g1 i:nth-child(2){left:27px;top:0}.g1 i:nth-child(3){left:0;top:27px}.g1 i:nth-child(4){left:27px;top:27px;background:#b6cc9344}.g2 i{position:absolute;border:1px solid #698465;height:65px;width:65px;border-radius:50%}.g2 i:nth-child(2){width:43px;height:43px;top:11px;left:11px}.g2 i:nth-child(3){width:17px;height:17px;top:24px;left:24px;background:#a8bc84}.g3{display:flex;align-items:flex-end;gap:7px;padding-bottom:10px}.g3 i{width:20px;height:26px;background:#d0ddba;border:1px solid #698465}.g3 i:nth-child(2){height:42px}.g3 i:nth-child(3){height:60px;background:#698465}.studio-section{background:#eaece2;padding:85px 0 90px}.status{font-size:10px;border:1px solid #bfcbb0;border-radius:20px;padding:7px 12px;color:#536448}.demo{display:grid;grid-template-columns:265px 1fr;background:#fcfcf8;border:1px solid #d1d8c6;border-radius:12px;overflow:hidden;box-shadow:0 22px 45px #26382b0a}.demo-sidebar{padding:28px 19px;background:#f3f4ed;border-right:1px solid #dce1d4}.demo .logo{font-size:24px;letter-spacing:-1px;gap:7px}.demo .logo small{font-size:15px;font-weight:400;color:#87917c;letter-spacing:-.5px;margin-left:3px}.sample-person{display:flex;gap:10px;margin:36px 0 25px;align-items:center}.avatar{border-radius:50%;width:31px;height:31px;background:#e1d5bc;display:grid;place-items:center;color:#766340;font-size:12px}.sample-person strong{font-size:11px;display:block;font-weight:500}.sample-person small{display:block;font-size:9px;color:#7b8673;margin-top:5px}.demo-tabs{display:flex;flex-direction:column;gap:7px}.demo-tabs button{display:flex;text-align:left;align-items:center;gap:12px;background:transparent;border:0;border-radius:5px;padding:13px 11px;font-size:11px}.demo-tabs button>span:first-child{font-size:10px;color:#849276}.demo-tabs button b{margin-left:auto;font-weight:400;opacity:0}.demo-tabs button[aria-selected=true]{background:#e0e8cf;font-weight:600}.demo-tabs button[aria-selected=true] b{opacity:1}.demo-side-note{margin-top:55px;display:flex;gap:10px;padding:0 10px;color:#859078}.demo-side-note>span{font-size:24px}.demo-side-note p{font-size:10px;line-height:1.8}.demo-work{display:flex;flex-direction:column;min-width:0}.demo-toolbar{padding:18px 26px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e4e7dd;font-size:8px;letter-spacing:1px;color:#7b8573}.demo-label{letter-spacing:0;color:#6f8062}.demo-footer{border-top:1px solid #e4e7dd;padding:15px 25px;font-size:9px;display:flex;align-items:center;gap:8px;color:#7b8573;margin-top:auto}.check-dot{border:1px solid #99ad80;border-radius:50%;width:15px;height:15px;display:grid;place-items:center;flex-shrink:0}#demo-panel{padding:29px 34px;min-height:370px}.panel-kicker{font-size:9px;color:#83916e;letter-spacing:1px}.panel-title{font-size:23px;margin:8px 0 17px}.interview-quote{border-left:2px solid #bbcba2;padding:4px 0 4px 15px;font-size:12px;color:#687261;margin-bottom:23px}.insight-box{border:1px solid #dce3cd;border-radius:6px;padding:20px;background:#f3f6ed}.insight-head{display:flex;align-items:center;gap:8px;font-size:10px;color:#798960;margin-bottom:10px}.insight-box h4{font-size:18px;font-weight:500;margin:0 0 9px;letter-spacing:-.4px}.insight-box p{font-size:12px;color:#69745e}.source-btn{margin-top:15px;font-size:9px;padding:6px 9px;border:1px solid #cdd9bb;border-radius:4px;background:#e7eedc;color:#536444}.panel-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px}.panel-actions p{font-size:9px;color:#839079}.panel-actions button{font-size:10px;border:0;background:none;text-decoration:underline;text-underline-offset:4px}.brand-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.brand-chips span{border:1px solid #d1dbbf;border-radius:15px;padding:5px 10px;font-size:10px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.why-intro{font-size:14px;color:var(--muted);margin:26px 0 25px}.reason-list article{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.reason-list article:first-child{padding-top:0}.reason-list article>span{font-size:10px;color:#9aab80;margin-top:7px}.reason-list h3{font-size:19px;margin-bottom:10px}.reason-list p{font-size:13px;color:var(--muted)}.reason-list small{font-size:8px;letter-spacing:1px;color:#879575;display:block;margin-top:15px}.vision{background:#24483b;color:#f0f1e6;padding:80px 0}.vision .section-side,.vision .split-head p{color:#b5c4b4}.vision .eyebrow{color:#c6dbaa}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #557360}.roadmap article{padding:30px 26px 0;border-right:1px solid #557360}.roadmap article:first-child{padding-left:0}.roadmap article:last-child{border:0;padding-right:0}.road-label{font-size:9px;letter-spacing:1px;color:#b7ce9b}.roadmap h3{font-size:20px;margin:20px 0 12px}.roadmap p{font-size:12px;color:#b6c5b6}.road-badge{display:inline-block;border:1px solid #658165;border-radius:20px;padding:5px 11px;font-size:9px;color:#d1dfbd;margin-top:24px}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:75px}.faq-section h2{margin-top:22px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:19px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:12px;color:var(--muted);margin-top:18px}.contact{position:relative;background:#e1e8cf;border-radius:10px;padding:52px 55px;margin-bottom:65px;overflow:hidden}.contact h2{font-size:45px;margin:24px 0 26px;line-height:1.35}.contact-link{display:inline-flex;align-items:center;gap:36px;font-size:22px;border-bottom:1px solid #72926a;padding-bottom:8px;position:relative;z-index:1}.contact p{font-size:11px;color:#697a5a;margin-top:15px}.contact-star{font-size:300px;position:absolute;right:70px;top:20px;color:#b6c796;line-height:1.1;transform:rotate(10deg);pointer-events:none}footer{display:flex;align-items:center;gap:40px;padding-bottom:35px;font-size:10px;color:var(--muted)}footer .logo{font-size:27px;color:var(--ink)}footer small{display:block;font-size:9px;color:#919987;margin-top:9px}footer>span{margin-left:auto}dialog{max-width:560px;width:calc(100% - 40px);border:1px solid #bdcba8;background:var(--paper);border-radius:12px;padding:42px;color:var(--ink)}dialog::backdrop{background:#14271dcc;backdrop-filter:blur(4px)}dialog h2{font-size:25px;margin:25px 0}.close-dialog{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:27px}.source-quote{font-size:17px;padding:20px;background:#e8eddd;border-radius:5px}.muted{font-size:11px;color:var(--muted);margin-top:18px}.copy-status{min-height:16px}html[lang=en] h1{font-size:67px;letter-spacing:-.045em}html[lang=en] h2{letter-spacing:-.035em}html[lang=en] .hero-desc{font-size:14px}html[lang=en] .hero-actions{gap:16px}html[lang=en] .note{width:238px}html[lang=en] .note strong{font-size:17px}
@media(min-width:1440px){.hero{min-height:730px}.hero-art{height:545px}h1{font-size:72px}}
@media(max-width:1100px){.hero{gap:25px}h1,html[lang=en] h1{font-size:54px}.hero-art{height:485px}.hero-actions{gap:15px}.hero-desc{font-size:13px}.note{width:195px;padding:16px}.note-one{left:15px}.note-two{right:13px}.split-head{gap:35px}h2{font-size:33px}.contact{margin-inline:40px}.why-grid{gap:45px}.demo{grid-template-columns:225px 1fr}.demo-sidebar{padding:24px 14px}.sample-person strong{font-size:10px}.contact-star{right:30px;font-size:260px}}
@media(max-width:760px){header{height:74px;padding:0 22px;gap:16px}.logo{font-size:28px}nav{display:none}.nav-right{gap:14px}.nav-cta{font-size:11px}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:38px;gap:40px}h1,html[lang=en] h1{font-size:52px;margin-top:25px}.hero-desc{font-size:13px}.hero-art{height:420px;max-width:540px;width:100%;justify-self:center;border-radius:110px 110px 10px 10px}.art-heading{top:55px;font-size:7px}.note-one{top:106px;left:20px;width:210px}.note-two{top:220px;right:20px;width:210px}.identity{bottom:45px;left:25px}.orbit-four{width:360px;height:360px}.orbit-three{width:295px;height:295px}.orbit-two{width:230px;height:230px}.orbit-one{width:165px;height:165px}.star-art{font-size:180px}.p1{top:97px;right:70px}.principle-inner{min-height:88px;gap:15px}.principle-inner>span:first-child{display:none}.principle p{font-size:16px}.asterisk{font-size:25px}.section{padding-top:64px;padding-bottom:64px}.section-top{margin-bottom:24px}.section-side{display:none}.eyebrow{font-size:9px;letter-spacing:1.2px}h2{font-size:30px}.split-head{display:block;margin-bottom:32px}.split-head p{font-size:13px;margin-top:22px}.steps{grid-template-columns:1fr}.steps article,.steps article:first-child,.steps article:last-child{padding:26px 0;border:0;border-bottom:1px solid var(--line)}.steps article:last-child{border:0}.steps .mini-graphic{position:absolute;right:0;top:15px;transform:scale(.7);transform-origin:right top}.steps h3{margin:16px 0 10px}.steps p{max-width:390px}.step-output{margin-top:15px}.studio-section{padding:58px 0}.status{font-size:8px}.demo{grid-template-columns:1fr}.demo-sidebar{padding:18px;border-right:0;border-bottom:1px solid #dce1d4}.demo-sidebar>.logo{font-size:21px}.sample-person{margin:16px 0}.demo-side-note{display:none}.demo-tabs{flex-direction:row;gap:5px}.demo-tabs button{font-size:9px;flex:1;padding:10px 7px;justify-content:center;gap:5px}.demo-tabs button b{display:none}.demo-tabs button>span:first-child{font-size:8px}.demo-toolbar{padding:15px;font-size:7px}.demo-label{font-size:7px}#demo-panel{padding:23px 18px;min-height:390px}.panel-title{font-size:21px}.demo-footer{padding:14px 16px;font-size:8px;align-items:flex-start}.why-grid{grid-template-columns:1fr;gap:38px}.why-intro{font-size:13px}.reason-list h3{font-size:18px}.vision{padding:58px 0}.roadmap{grid-template-columns:1fr}.roadmap article,.roadmap article:first-child,.roadmap article:last-child{padding:25px 0;border-right:0;border-bottom:1px solid #557360}.roadmap article:last-child{border:0;padding-bottom:0}.roadmap h3{margin-top:12px}.road-badge{margin-top:15px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:13px}.contact{margin:0 18px 40px;padding:37px 26px}.contact h2{font-size:35px;position:relative;z-index:1}.contact-link{font-size:19px;gap:20px}.contact p{font-size:9px;position:relative;z-index:1}.contact-star{font-size:190px;right:-45px;top:15px;opacity:.45}footer{flex-wrap:wrap;gap:20px;font-size:9px}footer>div{flex-basis:100%;order:2}footer>span{font-size:10px}html[lang=en] .note{width:215px}html[lang=en] .note strong{font-size:16px}html[lang=en] .demo-tabs button{font-size:8px}dialog{padding:32px 24px}.source-quote{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
