:root{color-scheme:dark;--bg:#101010;--paper:#f5f2eb;--ink:#f5f2eb;--muted:#a2a19b;--orange:#ff6b3e;--line:#ffffff26;font-family:Inter,"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{color:var(--bg);background:var(--orange)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:10px;letter-spacing:.05em;line-height:1.6}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;display:inline-flex;align-items:center;gap:10px}.subdued{color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;flex:none}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--paper);color:var(--bg);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:32px}.wordmark{font-size:26px;font-weight:720;letter-spacing:-1.7px;white-space:nowrap}.wordmark span{color:var(--orange)}.wordmark i{font-style:normal;font-size:22px;margin-left:8px;color:var(--orange)}.site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:52px;font-size:12px;color:#b8b7b2}.site-header nav a{padding-block:14px;transition:color .2s}.site-header nav a:hover{color:var(--paper)}.header-link{font-size:12px;display:flex;gap:24px;align-items:center}.header-link span{color:var(--orange);font-size:22px}
.hero{padding-top:47px;padding-bottom:80px}.hero-topline,.section-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-index{color:#777870}.hero h1{position:relative;font-size:clamp(90px,12.6vw,176px);font-weight:650;line-height:.93;letter-spacing:-.075em;margin:50px 0 43px;max-width:1060px}.hero h1>span{color:var(--orange)}.hero-pointer{position:absolute;width:93px;height:113px;color:var(--paper);top:47%;right:8%;transform:rotate(-8deg)}.hero-bottom{display:flex;justify-content:space-between;gap:28px;align-items:flex-end}.hero-philosophy{font-size:23px;letter-spacing:-.06em;font-weight:550;margin:0 0 14px}.intro{font-size:14px;line-height:1.9;color:#aaa9a4;margin:0;word-break:keep-all}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;padding:0 23px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:background .2s,transform .2s}.button span{font-size:23px;font-weight:400}.button:hover{transform:translateY(-2px)}.button-orange{background:var(--orange);color:#14100f}.button-orange:hover{background:#ff865e}.button-outline{background:transparent;border-color:var(--line)}.button-light{background:var(--paper);color:var(--bg)}
.product{padding-top:27px;padding-bottom:94px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin:35px 0 40px}.section-heading h2,.performance-heading h2,.story h2{font-size:clamp(27px,3.15vw,43px);line-height:1.4;letter-spacing:-.065em;font-weight:560;margin:0;word-break:keep-all}.section-heading>p,.performance-heading>p{font-size:13px;line-height:1.9;color:#aaa9a4;margin:0;word-break:keep-all}.mode-switcher{display:flex;gap:5px;margin-bottom:14px;overflow-x:auto;scrollbar-width:thin;padding:2px 2px 5px}.mode-button{background:transparent;border:1px solid #ffffff24;border-radius:4px;min-height:39px;padding:0 20px;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:8px}.mode-button[aria-pressed=true]{background:var(--paper);color:var(--bg);border-color:var(--paper)}.mode-button:hover{border-color:#ffffff80}.planned-dot{width:4px;height:4px;background:var(--orange);border-radius:50%}.editor{border:1px solid #373737;border-radius:8px;overflow:hidden;background:#1a1a1a;box-shadow:0 30px 70px #0003}.editor-bar{height:42px;background:#222;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid #333;font-size:10px;color:#d1d0cb}.editor-bar>span:first-child{display:flex;align-items:center;gap:8px}.editor-filename{color:#8c8c87}.editor-bar>.mono{color:#888984;font-size:9px;display:flex;align-items:center;gap:12px}.bar-divider{width:1px;height:12px;background:#444}.editor-body{display:grid;grid-template-columns:174px minmax(0,1fr) 181px;min-height:430px}.layers-panel,.properties-panel{padding:21px 16px;background:#202020;font-size:10px}.layers-panel{border-right:1px solid #333;position:relative}.panel-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#c2c2bb;margin-bottom:24px}.panel-label>span{font-size:15px;line-height:10px}.layer{display:flex;gap:10px;align-items:center;padding:10px 5px;color:#b7b7b1}.layer span{font-size:9px}.layer.indent{padding-left:15px}.layer.selected{background:#ff6b3e20;color:#ff9878;margin-inline:-10px;padding-left:25px;border-left:2px solid var(--orange)}.palette{position:absolute;bottom:24px;left:17px;right:17px;font-size:8px;color:#7f817b;letter-spacing:.1em}.palette>div{display:flex;gap:7px;margin-top:12px}.palette i{width:20px;height:20px;background:var(--orange);border-radius:3px}.palette i:nth-child(2){background:#f6f2e9}.palette i:nth-child(3){background:#b7c2ae}.palette i:nth-child(4){background:#e1c8e5}.palette i:nth-child(5){background:#2e3d37}.canvas{position:relative;overflow:hidden;background-color:#292b29;background-image:radial-gradient(#ffffff18 .8px,transparent .8px);background-size:16px 16px;min-height:430px;isolation:isolate}.canvas-label{position:absolute;top:18px;left:19px;color:#9a9d94;font-size:8px;z-index:1}.study-card{position:absolute;left:7%;top:20%;width:240px;height:263px;background:#e9e6da;color:#252621;padding:22px 22px;transform:rotate(-5deg);box-shadow:0 15px 40px #0003}.study-card>.mono{font-size:7px;letter-spacing:.12em}.study-card strong{display:block;margin-top:14px;font-size:59px;line-height:.9;letter-spacing:-.07em;font-weight:750}.study-rule{height:1px;width:100%;background:#26282245;margin:23px 0 10px}.study-card>span:last-child{font-family:monospace;font-size:7px;letter-spacing:.05em}.phone-card{position:absolute;width:128px;height:235px;right:7%;top:25%;border:5px solid #151815;border-radius:22px;background:#b7c2ae;color:#26312c;transform:rotate(8deg);padding:24px 12px 10px;box-shadow:0 14px 30px #0004;overflow:hidden}.phone-notch{position:absolute;top:0;left:30%;width:40%;height:9px;border-radius:0 0 8px 8px;background:#151815}.phone-card>span{font-size:13px;font-weight:650;line-height:1.2;letter-spacing:-.04em;display:block}.phone-art{margin:14px auto 10px;height:63px;width:63px;border:14px solid #334b3e;border-radius:50% 50% 4px 50%;transform:rotate(-35deg)}.phone-lines i{display:block;width:95%;height:4px;background:#26312c30;margin-top:5px}.phone-lines i:last-child{width:65%}.phone-pill{background:#2e4437;color:#e7ecdf;border-radius:20px;font-size:7px;padding:7px 9px;margin-top:12px}.drag-object{width:194px;height:194px;position:absolute;left:52%;top:49%;transform:translate(-50%,-50%);background:transparent;border:1px solid #ff845c;cursor:grab;touch-action:none;padding:0;z-index:3;user-select:none}.drag-object:active{cursor:grabbing}.drag-object:focus-visible{outline-offset:10px}.sculpture{width:100%;height:100%;display:block;filter:drop-shadow(0 12px 20px #0003)}.selection-label{position:absolute;left:-1px;top:-19px;color:#ffb093;font-size:7px;letter-spacing:.08em}.node{position:absolute;width:6px;height:6px;border:1px solid var(--orange);background:#ffd4ac}.top-left{top:-3px;left:-3px}.top-right{top:-3px;right:-3px}.bottom-left{bottom:-3px;left:-3px}.bottom-right{bottom:-3px;right:-3px}.canvas-controls{position:absolute;bottom:15px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:4}.canvas-controls>.mono{color:#c7c9bd;font-size:8px;letter-spacing:0;background:#242624dc;padding:6px 8px}.canvas-controls button{display:flex;align-items:center;gap:5px;min-height:32px;border:1px solid #ffffff30;background:#242624dc;font-size:15px;padding:0 9px;border-radius:3px}.canvas-controls button span{font-size:8px}.properties-panel{border-left:1px solid #333;position:relative}.property-caption{display:block;color:#9c9d96;margin:25px 0 12px;font-size:9px}.coordinate-row{display:flex;gap:6px}.coordinate-row>span{display:flex;justify-content:space-between;gap:12px;background:#2d2d2d;padding:9px 8px;color:#898b83;border:1px solid #ffffff0d;border-radius:3px;width:50%;font-size:9px}.coordinate-row b{color:#cecec7;font-weight:400}.fill-row{display:flex;align-items:center;gap:7px;font-size:8px;color:#aaa}.fill-row i{width:14px;height:14px;border-radius:2px;background:var(--orange)}.fill-row .mono{font-size:8px}.fill-row>span:last-child{margin-left:auto}.properties-panel p{font-size:12px;line-height:1.9;color:#d7d6cd;letter-spacing:-.03em}.inspector-cursor{font-size:53px;color:var(--orange);position:absolute;bottom:17px;right:20px}.editor-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;min-height:29px;background:#222;border-top:1px solid #333;font-size:8px;color:#97998f}.editor-status>span:first-child{display:flex;align-items:center;gap:7px}.editor-status .mono{font-size:8px;color:#aaa}.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}.preview-caption strong{font-size:13px;font-weight:500}.preview-caption p{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.7;word-break:keep-all}.preview-note{color:#92938b;font-size:9px;line-height:1.8;text-align:right}.preview-caption .button{min-height:40px;font-size:10px;padding-inline:14px;gap:18px}.preview-caption .button>span{font-size:12px}
.editor[data-active-mode=gui] .study-card{background:#cedbcf;transform:rotate(-2deg)}.editor[data-active-mode=photo] .study-card{background:linear-gradient(160deg,#ded1ed 0%,#ecad84 45%,#9b542d 46%,#403c36 85%);color:#fff3d9}.editor[data-active-mode=photo] .study-card strong{font-size:49px}.editor[data-active-mode=illustrator] .phone-card{background:#e1c8e5}.editor[data-active-mode=app] .phone-card{transform:rotate(0) scale(1.1);background:#e1c8e5}.editor[data-active-mode=animation] .study-card{background:#e3d095}.editor.is-playing .sculpture{animation:sculpture-turn 4s ease-in-out infinite}.editor.is-playing .phone-art{animation:phone-turn 4s ease-in-out infinite}@keyframes sculpture-turn{0%,100%{transform:rotate(-12deg) scale(.9)}50%{transform:rotate(35deg) scale(1.05)}}@keyframes phone-turn{50%{transform:rotate(145deg)}}
.performance{background:var(--orange);color:#17120f;padding:32px 0 38px}.performance .section-topline{border-bottom:1px solid #17120f36;padding-bottom:26px}.performance-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:38px}.performance-heading>p{color:#40241c}.benchmark{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:52px;padding-bottom:31px;border-bottom:1px solid #17120f45}.benchmark-label{display:block;font-size:10px;margin-bottom:11px}.benchmark strong{display:block;font-size:clamp(78px,11.7vw,162px);line-height:1;letter-spacing:-.075em;font-weight:600;white-space:nowrap}.benchmark strong span{font-size:.45em;vertical-align:top;display:inline-block;line-height:1.1;margin-left:10px;letter-spacing:0}.benchmark p{font-size:16px;margin:18px 0 0;letter-spacing:-.04em}.object-field{width:28%;max-width:340px}.test-facts{display:grid;grid-template-columns:1fr 1.2fr 1fr;padding-block:28px;gap:35px}.test-facts>div{border-left:1px solid #17120f45;padding-left:20px}.test-facts>div:first-child{border-left:0;padding-left:0}.test-facts .mono{font-size:9px}.test-facts strong{display:block;font-size:27px;letter-spacing:-.035em;font-weight:550;margin:12px 0 10px}.test-facts p{font-size:11px;color:#492a1e;line-height:1.7;word-break:keep-all;margin:0}.benchmark-details{border-top:1px solid #17120f45;font-size:11px;line-height:1.9}.benchmark-details summary{list-style:none;cursor:pointer;min-height:50px;display:flex;align-items:center;justify-content:space-between;font-weight:550}.benchmark-details summary::-webkit-details-marker{display:none}.benchmark-details summary span{font-size:18px}.benchmark-details[open] summary span{transform:rotate(45deg)}.benchmark-details summary:focus-visible{outline-color:#17120f}.benchmark-details>div{max-width:920px;color:#40251b;padding-bottom:15px}.benchmark-details p{margin-top:0;word-break:keep-all}
.technology{padding-top:76px;padding-bottom:80px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;border-top:1px solid var(--line);margin-top:40px}.tech-grid article{position:relative;padding-top:30px}.tech-icon{font-size:45px;color:var(--orange);display:block;line-height:1;margin-bottom:24px}.chip-icon{font-size:41px;padding-top:4px}.tech-grid h3{font-size:24px;letter-spacing:-.06em;margin:0 0 17px;font-weight:540}.tech-grid p{font-size:12px;line-height:1.9;color:var(--muted);word-break:keep-all;margin:0 0 24px}.tech-grid .mono{font-size:8px;color:#777b70}.story{border-top:1px solid var(--line);padding-block:70px 85px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.story-aside{display:flex;flex-direction:column;align-items:flex-start}.founder-mark{font-size:82px;font-weight:700;letter-spacing:-.1em;margin-top:50px;line-height:1}.founder-mark span{color:var(--orange);font-size:45px;font-weight:400;margin-left:15px;vertical-align:top}.story-aside>.mono{font-size:8px;color:#8d9086;margin-top:15px}.story-copy h2{margin-bottom:27px}.story-copy>p{font-size:14px;line-height:2;color:#b0b1a6;word-break:keep-all;max-width:640px}.story-copy .story-disclosure{font-size:10px;line-height:1.9;color:#81847a;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.manifesto{padding:50px 0;background:#e7e6d9;color:#20251e}.manifesto .eyebrow{font-size:9px}.manifesto h2{font-size:clamp(48px,6.7vw,91px);line-height:1.23;letter-spacing:-.075em;font-weight:550;margin:36px 0 30px}.manifesto-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.manifesto p{font-size:13px;line-height:1.9;color:#53584e;margin:0;word-break:keep-all}.manifesto .button-light{background:#242b22;color:#eeeee3}.site-footer{min-height:119px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer>.wordmark{font-size:22px}.site-footer>span{font-size:11px;color:#8a8e81}.site-footer>.mono{font-size:8px;color:#7f8379}
@media(min-width:1500px){.hero h1{font-size:182px}.hero-pointer{right:7%}.hero{padding-bottom:90px}.canvas{min-height:470px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header nav{margin-right:15px;gap:23px}.hero h1{font-size:13.5vw}.hero-pointer{right:3%;width:76px;height:95px}.editor-body{grid-template-columns:145px minmax(0,1fr) 155px}.layers-panel,.properties-panel{padding-inline:11px}.layer span{font-size:8px}.study-card{width:190px;height:230px;left:5%;top:22%;padding:20px 17px}.study-card strong{font-size:49px}.phone-card{right:4%;width:107px;height:218px}.phone-card>span{font-size:11px}.drag-object{width:170px;height:170px;left:52%}.mode-button{padding-inline:16px}.palette i{width:16px;height:16px}.canvas-controls{left:10px;right:10px}.canvas-controls>.mono{max-width:150px;line-height:1.6}.canvas-controls button{min-height:38px}.benchmark strong{font-size:12vw}.object-field{width:25%}.story{gap:35px}.hero-bottom>.button{gap:22px;padding-inline:18px}.intro{font-size:13px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:75px;gap:20px}.wordmark{font-size:23px}.site-header nav{margin:0 0 0 auto;font-size:11px;gap:20px}.site-header nav a:last-child,.header-link{display:none}.hero{padding-top:31px;padding-bottom:48px}.hero-index{display:none}.eyebrow{font-size:9px;letter-spacing:.07em}.hero h1{font-size:16.7vw;margin:39px 0 29px;letter-spacing:-.075em}.hero-pointer{width:13vw;height:16vw;right:3%;top:44%}.hero-bottom{display:block}.hero-philosophy{font-size:20px}.intro{font-size:12px;line-height:1.9}.hero-bottom>.button{margin-top:24px;min-height:48px;font-size:11px}.section-topline>.mono{font-size:7px}.section-heading,.performance-heading{display:block;margin:27px 0 26px}.section-heading h2,.performance-heading h2,.story h2{font-size:28px}.section-heading>p,.performance-heading>p{font-size:12px;margin-top:18px}.product{padding-top:22px;padding-bottom:47px}.mode-button{min-height:44px;padding-inline:16px;font-size:10px}.mode-switcher{margin-bottom:10px}.editor-bar{padding-inline:11px;font-size:9px;height:36px}.editor-filename{display:none}.editor-bar>.mono{font-size:7px;gap:6px}.editor-body{display:block}.layers-panel,.properties-panel{display:none}.canvas{min-height:350px}.canvas-label{font-size:7px;left:13px;top:15px}.study-card{width:175px;height:218px;left:4%;top:19%;padding:18px}.study-card strong{font-size:46px}.study-card>.mono{font-size:6px}.study-rule{margin-top:19px}.phone-card{width:105px;height:210px;right:5%;top:29%}.drag-object{width:160px;height:160px;left:54%;top:48%}.canvas-controls{bottom:11px;left:11px;right:11px}.canvas-controls>.mono{font-size:7px;max-width:none;padding:6px}.canvas-controls button{min-height:38px}.editor-status{padding-inline:10px;min-height:28px}.editor-status .mono{font-size:7px;letter-spacing:0}.preview-caption{margin-top:17px;flex-wrap:wrap;gap:14px;align-items:flex-start}.preview-caption>div{width:100%}.preview-caption strong{font-size:12px}.preview-caption p{font-size:10px}.preview-note{font-size:8px;text-align:left}.preview-caption .button{order:2;margin-left:auto}.performance{padding-top:24px;padding-bottom:22px}.performance .section-topline{padding-bottom:23px}.performance .section-topline>.mono{display:none}.benchmark{margin-top:35px;padding-bottom:26px}.benchmark strong{font-size:17vw}.benchmark strong span{margin-left:5px}.benchmark-label{font-size:8px}.benchmark p{font-size:14px;margin-top:12px}.object-field{display:none}.test-facts{grid-template-columns:1fr 1fr;gap:24px 15px;padding-block:23px}.test-facts>div{padding-left:15px}.test-facts>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-left:0;border-top:1px solid #17120f36;padding:19px 0 0;column-gap:15px}.test-facts>div:last-child>.mono{grid-column:1/-1}.test-facts>div:last-child strong{margin-bottom:0}.test-facts>div:last-child p{margin-top:12px}.test-facts strong{font-size:24px;margin:9px 0}.test-facts .mono{font-size:7px}.test-facts p{font-size:10px}.benchmark-details{font-size:10px}.benchmark-details summary{min-height:48px}.technology{padding-top:41px;padding-bottom:43px}.tech-grid{grid-template-columns:1fr;gap:24px;margin-top:25px}.tech-grid article{display:grid;grid-template-columns:45px 1fr;gap:0 14px;padding-top:23px;border-bottom:1px solid var(--line);padding-bottom:24px}.tech-grid article:last-child{border:0;padding-bottom:0}.tech-icon{grid-row:1/4;font-size:34px;margin:0}.chip-icon{font-size:30px;padding-top:4px}.tech-grid h3{font-size:22px;margin-bottom:10px}.tech-grid p{font-size:11px;margin-bottom:12px}.tech-grid .mono{font-size:7px}.story{padding-block:36px 40px;display:block}.story-aside{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.founder-mark{display:none}.story-aside>.mono{font-size:6px;text-align:right;margin:0}.story-copy h2{font-size:27px;margin-bottom:17px}.story-copy>p{font-size:12px;line-height:1.95}.story-copy .story-disclosure{font-size:9px;margin-top:18px;padding-top:16px}.manifesto{padding:33px 0 36px}.manifesto .eyebrow{font-size:7px}.manifesto h2{font-size:11.8vw;margin:26px 0 23px}.manifesto-bottom{display:block}.manifesto p{font-size:12px}.manifesto .button{min-height:48px;margin-top:25px;font-size:11px}.site-footer{padding-block:25px;min-height:110px;flex-wrap:wrap;gap:14px}.site-footer>.wordmark{font-size:22px}.site-footer>span{font-size:9px}.site-footer>.mono{width:100%;font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}