@import url('/assets/fonts/google.css');
@import url('/assets/fonts/pretendard.css');
:root{--ink:#202124;--paper:#ffffff;--accent:#34d399;--line:#e4e5e7;--muted:#666970}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #087a59;outline-offset:5px}.wrap{max-width:1320px;margin:auto;padding-left:56px;padding-right:56px}header{height:90px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);z-index:10}.logo{font-size:29px;font-weight:900;letter-spacing:-1.8px}.logo span{font-weight:400}.logo i{font-size:11px;vertical-align:top;margin-left:4px;font-style:normal;letter-spacing:0}nav{display:flex;gap:34px;font-size:14px;font-weight:500}nav a:hover{color:#087a59}.nav-cta{background:var(--ink);color:white;padding:13px 21px;border-radius:5px;font-size:13px}.nav-cta span{margin-left:22px}#menu,.mobile-contact{display:none}.hero{padding-top:54px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:600;display:flex;gap:10px;align-items:center}.dot{width:7px;height:7px;background:#34d399;border-radius:50%;display:inline-block}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:34px 0 58px}h1{font-size:clamp(42px,4.6vw,67px);line-height:1.25;letter-spacing:-.07em;margin:0 0 26px;font-weight:800}h1>span{font-size:.79em;color:#202124}.hero-copy{font-size:16px;line-height:1.9;color:#666970;margin:0 0 32px}.actions{display:flex;align-items:center;gap:25px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 23px;border-radius:4px;font-size:14px;font-weight:600}.primary{background:var(--ink);color:white}.button:hover{filter:brightness(.95);transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid;padding:7px 0}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:21px 0;font-size:10px;letter-spacing:1px;color:#72757b}.hero-bottom b{margin-left:28px}.section{padding-top:108px;padding-bottom:108px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;gap:30px}h2{font-size:42px;font-weight:700;line-height:1.35;letter-spacing:-.06em;margin:22px 0 0}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.service{position:relative;padding:29px 27px 36px 0;min-width:0}.service+.service{border-left:1px solid var(--line);padding-left:28px}.service-number{font-size:11px;color:#72757b}.service-icon{font-size:46px;line-height:1.4;margin:25px 0}.service h3{font-size:21px;margin:0 0 16px}.service p{font-size:13px;line-height:1.9;color:var(--muted)}.tags{display:flex;gap:6px;margin-top:29px;flex-wrap:wrap}.tags span{border:1px solid var(--line);font-size:10px;border-radius:3px;padding:5px 8px}.service-arrow{position:absolute;right:23px;top:25px;font-size:23px}.service:hover .service-icon{color:#087a59}.service-note{display:flex;justify-content:space-between;margin-top:24px;font-size:12px;color:var(--muted)}.service-note a{color:var(--ink)}.work-section{background:#f6f6f7}.filters{display:flex;gap:9px;margin-bottom:30px}.filters button{border:1px solid #dedfe2;border-radius:30px;padding:9px 17px;background:transparent;color:#666970;font-size:12px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters small{margin-left:8px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 26px}.project{padding:0;background:none;border:0;text-align:left;color:inherit;min-width:0}.project.featured{grid-column:1/-1}.project-image{height:310px;position:relative;overflow:hidden;border-radius:7px;background:#e9eaec}.featured .project-image{height:440px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.035)}.project-badge{position:absolute;left:20px;top:20px;background:#ffffffef;border-radius:3px;padding:8px 11px;font:9px Arial,sans-serif;letter-spacing:1px}.round-arrow{position:absolute;bottom:20px;right:20px;border-radius:50%;width:44px;height:44px;background:white;display:grid;place-items:center;font-size:23px}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:15px}.project h3{font-size:21px;margin:0}.project-title>span{font:11px Arial,sans-serif;color:#666970}.project>p{font-size:13px;color:#666970;margin-bottom:0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process article{border-top:1px solid var(--ink);padding-top:23px}.process article>span{font-size:10px;letter-spacing:.7px}.process h3{font-size:18px;margin-top:35px}.process p{font-size:13px;color:var(--muted);line-height:1.9}.process small{display:block;font-size:10px;color:#72757b;margin-top:28px}.studio{background:var(--ink);color:var(--paper)}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.studio h2{font-size:57px}.accent{color:var(--accent)}.studio-sign{font-size:50px;letter-spacing:-4px;font-weight:800;margin-top:62px}.studio-sign span{font-weight:400}.studio-sign sup{font-size:28px;margin-left:15px;color:var(--accent)}.studio-copy>p{font-size:14px;line-height:2;color:#b8bbc2}.studio-copy .large{font-size:26px;color:white;line-height:1.6;margin-top:29px;margin-bottom:29px}.philosophy{border-top:1px solid #44474d;margin-top:35px;padding-top:28px}.philosophy>span{font-size:9px;letter-spacing:1px;color:var(--accent)}.philosophy h3{font-size:20px}.philosophy p{font-size:13px;line-height:1.8;color:#b8bbc2}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq .text-link{display:inline-block;margin-top:30px}.questions{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:500}summary:after{content:'+';font-size:20px}details[open] summary:after{content:'−'}summary::-webkit-details-marker{display:none}details p{font-size:13px;line-height:1.9;color:var(--muted);max-width:92%;margin-bottom:0}.contact{background:#f4f4f5;border-top:1px solid var(--line)}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:85px}.contact h2{font-size:43px}.contact h2 span{display:block;font-size:70px;font-weight:400;line-height:1.4}.contact p{font-size:14px;line-height:1.8}.email{display:inline-block;margin-top:24px;font-size:20px;border-bottom:1px solid;padding-bottom:8px;letter-spacing:-.5px}form label{display:block;font-size:12px;font-weight:500;margin-bottom:19px}input,select,textarea{display:block;width:100%;background:#ffffff;border:1px solid #d8dadd;border-radius:4px;padding:12px;margin-top:8px;font-size:13px;color:var(--ink);min-width:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dark{background:var(--ink);color:white;width:100%}form .form-note{font-size:11px;color:#666970;margin:0 0 18px}.contact #form-status{font-size:12px}#copy{background:transparent;border:0;border-bottom:1px solid;padding:5px 0}footer{padding-top:45px;padding-bottom:25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-top>div{display:flex;gap:24px;font-size:12px}.footer-bottom{font-size:9px;letter-spacing:.5px;color:#72757b;border-top:1px solid var(--line);margin-top:35px;padding-top:25px}dialog{border:0;border-radius:10px;padding:40px;max-width:740px;width:90%;max-height:90vh;color:var(--ink)}dialog::backdrop{background:#202124b3;backdrop-filter:blur(4px)}#close-dialog{position:absolute;top:12px;right:15px;background:transparent;border:0;font-size:22px}dialog img{width:100%;max-height:320px;object-fit:cover;border-radius:5px}dialog h2{font-size:30px}dialog p{font-size:14px;line-height:1.9}dialog .eyebrow{margin:24px 0 0}dialog .button{margin-top:15px}.skip{position:fixed;left:10px;top:-100px;background:white;padding:15px;z-index:30}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1450px){.hero-layout{padding-top:50px;padding-bottom:75px}.hero-art{height:450px}.beta{font-size:340px}}@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}nav{gap:20px}.hero-layout{grid-template-columns:1.2fr 1fr;gap:10px}.hero-art{height:330px}.beta{font-size:260px}.chip{font-size:9px;padding:10px}.actions{gap:15px}.button{gap:18px;padding:16px}.hero h1{font-size:48px}.section-heading>p br{display:none}.section-heading>p{max-width:270px}.contact-layout{gap:35px}.process{grid-template-columns:1fr 1fr;row-gap:40px}.studio-layout{gap:45px}.faq{gap:40px}.strip>div{gap:25px}}
@media(max-width:720px){header{height:72px;padding:0 22px}.logo{font-size:25px}.nav-cta{margin-left:auto;margin-right:17px;padding:10px 12px;font-size:11px}.nav-cta span{margin-left:7px}#menu{display:block;border:0;background:transparent;font-size:24px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:28px;box-shadow:0 10px 20px #0001;flex-direction:column;gap:25px}nav.open{display:flex}.mobile-contact{display:block}.wrap{padding-left:24px;padding-right:24px}.hero{padding-top:30px}.eyebrow{font-size:9px;letter-spacing:1px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;padding:30px 0}.hero h1{font-size:44px}.hero-copy{font-size:14px}.actions{gap:20px}.actions .button{font-size:12px}.text-link{font-size:11px}.hero-art{height:310px;max-width:390px;width:100%;margin:27px auto 0}.beta{font-size:265px}.chip-one{right:5px}.chip-two{left:0}.hero-bottom{font-size:8px;gap:20px}.hero-bottom>span:last-child{letter-spacing:0}.hero-bottom b{margin-left:5px}.strip{padding:19px 0}.strip>div{font-size:18px;gap:20px;justify-content:flex-start;padding-left:24px}.strip span{font-size:22px}.strip .strip-en{display:none}.section{padding-top:68px;padding-bottom:68px}.section-heading{display:block;margin-bottom:32px}h2{font-size:33px;margin-top:18px}.section-heading>p{max-width:none;margin-top:20px;font-size:13px}.services{grid-template-columns:1fr}.service{padding:23px 0 28px}.service+.service{border-left:0;border-top:1px solid var(--line);padding-left:0}.service-icon{margin:15px 0;font-size:36px}.service h3{font-size:21px}.tags{margin-top:19px}.service-note{display:block;line-height:2.3}.service-note a{display:block}.work-grid{grid-template-columns:1fr;gap:30px}.project.featured{grid-column:auto}.project-image,.featured .project-image{height:260px}.project-title{align-items:flex-start}.project-title>span{font-size:9px}.project h3{font-size:19px}.filters{gap:6px}.filters button{font-size:11px;padding:8px 12px}.process{gap:28px 20px}.process h3{font-size:16px;line-height:1.6;margin-top:25px}.process p{font-size:12px}.process small{font-size:9px;line-height:1.7}.studio-layout{grid-template-columns:1fr;gap:25px}.studio h2{font-size:45px}.studio-sign{margin-top:30px;font-size:42px}.studio-copy .large{font-size:25px;margin-top:0}.faq{grid-template-columns:1fr;gap:30px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact h2{font-size:36px}.contact h2 span{display:inline;font-size:40px;margin-left:10px}.email{font-size:19px;margin-top:15px}.footer-top{align-items:flex-start}.footer-top>div{gap:14px;font-size:10px}.footer-bottom{gap:15px;flex-wrap:wrap;font-size:8px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:30px 23px}dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Message-led hierarchy: neutral surfaces and restrained original jade accents. */
body{word-break:keep-all}.hero-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:85px;padding:42px 0 65px}.hero h1{font-size:clamp(44px,4.5vw,66px);line-height:1.24;letter-spacing:-.065em}.hero h1>span{display:inline-block;font-size:.76em;font-weight:600;margin-top:18px;color:#666970}.hero-copy{margin-top:27px;max-width:580px}.hero .eyebrow{color:#666970}.hero .primary{border-left:3px solid var(--accent)}.hero-scope{align-self:center;border-top:2px solid var(--ink);padding-top:21px}.scope-label{font:10px Arial,sans-serif;letter-spacing:1.5px;color:#72757b}.hero-scope h2{font-size:25px;line-height:1.5;letter-spacing:-.04em;margin:20px 0 27px}.hero-scope>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;border-top:1px solid var(--line)}.hero-scope b{font-size:15px;font-weight:600}.hero-scope small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.hero-scope i{font-size:21px;font-style:normal}.hero-scope>a:hover i{color:#087a59}.scope-footer{font:8px Arial,sans-serif;letter-spacing:1px;color:#85888d;border-top:1px solid var(--line);padding-top:17px}.service-icon{font-size:31px;color:#72757b;margin:22px 0}.service-arrow{color:#72757b}.contact h2 span{display:inline-block;font-size:36px;margin-left:14px;line-height:1}.contact .dark{border-left:3px solid var(--accent)}.contact .eyebrow{color:#666970}.studio-sign sup{color:#b8bbc2}.studio h2{font-size:49px}.section-heading h2{max-width:650px}input:focus,select:focus,textarea:focus{outline:2px solid #087a59;outline-offset:2px}::selection{background:#d7f4e9;color:#202124}
@media(max-width:1000px){.hero-layout{gap:40px;grid-template-columns:1.4fr 1fr}.hero h1{font-size:49px}.hero-scope h2{font-size:23px}.hero-scope b{font-size:13px}}
@media(max-width:720px){.hero-layout{display:flex;gap:38px;padding:30px 0}.hero h1{font-size:43px}.hero h1>span{font-size:.78em;margin-top:15px}.hero-scope{align-self:stretch}.hero-scope h2{font-size:21px;margin-bottom:20px}.hero-scope h2 br{display:none}.hero-scope>a{padding:16px 0}.hero-scope b{font-size:14px}.scope-footer{display:none}.hero-copy{font-size:13px;line-height:1.9;margin-top:20px}.contact h2 span{font-size:30px}.studio h2{font-size:42px}}

/* AI / AX hero — an interactive illustration, not a customer case study. */
.ax-hero{background:#17191d;color:#f6f7f9;position:relative;isolation:isolate;overflow:hidden}.ax-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 45%,#363b442e,transparent 57%),linear-gradient(125deg,#17191d,#202329)}.ax-shell{max-width:1480px}.ax-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff15;padding:26px 0;font:9px Arial,sans-serif;letter-spacing:1.3px;color:#9ca2ac}.ax-topline>span:first-child{display:flex;align-items:center;gap:10px}.ax-topline i{width:6px;height:6px;background:#34d399;border-radius:50%;box-shadow:0 0 18px #34d39955}.ax-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:24px;align-items:center;min-height:665px;padding:48px 0 36px}.ax-message{position:relative;z-index:2}.ax-kicker{font:10px Arial,sans-serif;letter-spacing:2px;color:#aeb3bd;margin-bottom:28px}.ax-message h1{font-size:clamp(42px,4.25vw,65px);font-weight:700;line-height:1.22;letter-spacing:-.065em;margin:0}.ax-message h1>span{font-size:1.25em;font-weight:800;color:white;letter-spacing:-.07em;display:inline-block;position:relative;margin:0 0 12px}.ax-message h1>span:after{content:'';position:absolute;bottom:7px;left:1px;width:94%;height:3px;background:#34d399}.ax-message h1 em{font-style:normal;color:#b5bac3}.ax-message>p{font-size:14px;color:#a8aeb9;line-height:1.95;margin:29px 0 30px}.ax-actions{display:flex;gap:22px;align-items:center}.ax-primary{background:#f4f5f6;color:#17191d;border:1px solid #fff;font-size:13px;padding:17px 20px;gap:25px}.ax-primary:hover{background:#fff;box-shadow:0 5px 24px #0003}.ax-secondary{font-size:11px;color:#c4c9d0;border-bottom:1px solid #787e89;padding:8px 0}.ax-capabilities{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px;font-size:10px;color:#8c94a0}.ax-capabilities span+span{border-left:1px solid #474c55;padding-left:13px}.ax-demo{min-width:0;position:relative;--mx:0deg;--my:0deg;--lift:0px;align-self:center}.demo-top{display:flex;justify-content:space-between;align-items:center;font:8px Arial,sans-serif;letter-spacing:1.2px;color:#9fa6b1;padding:0 8px}.demo-top>span:first-child{display:flex;gap:7px;align-items:center}.demo-top i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c4cad4}.demo-top>span:last-child{border:1px solid #505660;border-radius:3px;padding:5px 7px;font-size:7px}.workflow-scene{position:relative;height:490px;perspective:1200px;margin:8px -15px 0}.scene-grid{position:absolute;inset:5% -10%;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:36px 36px;transform:rotate(-14deg);mask-image:radial-gradient(ellipse,black,transparent 70%)}.scene-watermark{position:absolute;inset:40px 0 auto;text-align:center;font:bold 290px/1 Arial,sans-serif;letter-spacing:-30px;color:transparent;-webkit-text-stroke:1px #ffffff0b;user-select:none}.flow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:.75}.flow-base{stroke:#8994a34d;stroke-width:1.5;fill:none}.flow-pulse{stroke:#34d399;stroke-width:2;fill:none;stroke-dasharray:30 580;stroke-dashoffset:580;opacity:0}.is-running .flow-pulse{opacity:.9;animation:flow-path 1.8s linear infinite}.workflow-board{position:relative;width:100%;height:100%;transform:rotateX(var(--my)) rotateY(var(--mx));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.wf-card{position:absolute;background:linear-gradient(130deg,#f8f9fa,#e9edf1);color:#242933;border-radius:11px;border:1px solid #ffffffb3;box-shadow:0 25px 55px #0005,inset 0 1px 0 white;padding:19px 21px;width:72%;transition:filter .5s,box-shadow .5s,opacity .5s}.wf-input{top:21px;left:2%;transform:rotate(-7deg) translateZ(16px);width:67%}.wf-head{display:flex;gap:8px;align-items:center;font:8px Arial,sans-serif;letter-spacing:.8px;color:#6d7582;margin-bottom:16px}.wf-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cbd1da;border-radius:6px;font-size:13px;color:#3a4655}.wf-dot{margin-left:auto;width:5px;height:5px;background:#818a98;border-radius:50%}.wf-card strong{display:block;font-size:17px;letter-spacing:-.04em;font-weight:700}.wf-card p{font-size:11px;line-height:1.8;color:#6b7380;margin:10px 0 14px}.wf-meta{display:flex;justify-content:space-between;border-top:1px solid #d2d8e0;padding-top:10px;font:7px Arial,sans-serif;letter-spacing:1px;color:#7d8591}.wf-engine{position:absolute;left:11%;top:223px;width:78%;display:flex;align-items:center;gap:13px;background:linear-gradient(115deg,#30353d,#20242a);border:1px solid #69727f;border-radius:12px;padding:17px 18px;box-shadow:0 15px 35px #0005;transform:rotate(3deg) translateZ(55px);z-index:2}.engine-core{display:grid;place-items:center;width:36px;height:36px;background:#eef1f5;color:#20242a;font-size:27px;border-radius:9px;flex-shrink:0}.wf-engine strong{display:block;font:10px Arial,sans-serif;letter-spacing:1.2px;color:white}.wf-engine>div>span{font-size:9px;display:block;color:#9ca6b3;margin-top:7px;letter-spacing:-.03em}.engine-status{margin-left:auto;font:7px Arial,sans-serif;color:#a3adb9;letter-spacing:.8px}.engine-orbit{position:absolute;inset:-5px;border:1px solid #34d39900;border-radius:16px;transition:border-color .3s}.is-running .engine-orbit{border-color:#34d39955;animation:engine-breathe 1.4s ease infinite}.is-running .engine-core{background:#34d399}.is-running .engine-status{color:#34d399}.wf-output{right:1%;top:331px;transform:rotate(-4deg) translateZ(35px);width:76%;padding:16px 18px}.wf-output .wf-head{margin-bottom:11px}.wf-output strong{font-size:15px;margin-bottom:12px}.review-badge{margin-left:auto;font:8px 'Noto Sans KR',sans-serif;background:#e0e5eb;color:#687381;padding:4px 6px;border-radius:3px;letter-spacing:-.03em}.wf-result{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:9px;line-height:1.8;margin:5px 0}.wf-result>span{color:#737c89;flex-shrink:0}.wf-result b{font-weight:500;color:#495565;text-align:right}.wf-human{display:flex;align-items:center;gap:7px;border-top:1px solid #d6dce4;margin-top:10px;padding-top:10px;font-size:8px;color:#79838f}.human-avatar{background:#dce2e9;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.human-check{margin-left:auto}.ax-demo[data-step="input"] .wf-input{box-shadow:0 25px 55px #0005,0 0 0 2px #34d39977}.ax-demo[data-step="process"] .wf-output{filter:brightness(.8);opacity:.6}.ax-demo[data-step="done"] .review-badge{background:#d6eee5;color:#176346}.ax-demo[data-step="done"] .human-check{color:#087a59;font-size:12px}.demo-controls{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:66px;padding:16px 0 0;border-top:1px solid #ffffff1c}.demo-options{display:flex;gap:3px}.demo-options button{font-size:10px;border:0;background:transparent;color:#929caa;border-radius:4px;padding:8px 10px;white-space:nowrap}.demo-options button[aria-pressed="true"]{background:#ffffff13;color:#f2f4f7}.demo-options button:hover{color:white}.ax-demo button:focus-visible{outline-color:#34d399}#run-demo{border:0;background:transparent;color:#e8edf4;font-size:10px;white-space:nowrap;padding:8px 0}#run-demo>span{font-size:9px;margin-right:6px;color:#34d399}#run-demo:disabled{cursor:wait;color:#9ca6b3}.demo-caption{min-height:28px;font-size:8px;line-height:1.8;color:#8f99a8;margin:12px 0 0;letter-spacing:-.015em}.ax-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff1c;padding:24px 0;font-size:11px;color:#a3abb7}.ax-bottom b{font-weight:400;color:#5e6877;margin:0 10px}.ax-bottom a{font:8px Arial,sans-serif;letter-spacing:1.3px;color:#c4cbd5}.ax-bottom a>span{margin-left:17px;font-size:16px}
@keyframes flow-path{to{stroke-dashoffset:-30}}@keyframes engine-breathe{50%{opacity:.35;transform:scale(1.012)}}
@media(min-width:1500px){.ax-layout{min-height:750px;gap:65px}.ax-message h1{font-size:67px}.workflow-scene{height:510px}}
@media(max-width:1100px){.ax-layout{grid-template-columns:1fr 1fr;gap:20px}.ax-message h1{font-size:45px}.ax-actions{align-items:flex-start;flex-direction:column;gap:12px}.ax-message>p{font-size:12px}.wf-card{padding:16px}.wf-input{width:80%}.wf-output{width:86%}.wf-engine{left:7%;width:90%;padding:15px 12px;gap:9px}.wf-engine>div>span{font-size:8px}.engine-status{font-size:6px}.wf-card strong{font-size:15px}.demo-options button{font-size:9px;padding:8px}.demo-controls{gap:5px}.ax-capabilities{gap:8px;font-size:9px}.ax-capabilities span+span{padding-left:8px}}
@media(max-width:760px){.ax-shell{padding-left:24px;padding-right:24px}.ax-topline{padding:22px 0;font-size:8px;letter-spacing:1px}.ax-topline>span:last-child{display:none}.ax-layout{grid-template-columns:1fr;gap:40px;padding:36px 0 25px}.ax-kicker{font-size:9px;margin-bottom:22px}.ax-message h1{font-size:clamp(36px,7.8vw,57px);line-height:1.23}.ax-message h1>span{font-size:1.2em;margin-bottom:10px}.ax-message h1>span:after{bottom:5px;height:2px}.ax-message>p{font-size:13px;margin-top:22px;margin-bottom:25px}.ax-actions{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.ax-primary{font-size:12px;padding:16px 17px;gap:20px}.ax-secondary{font-size:10px}.ax-capabilities{font-size:9px;margin-top:22px;gap:11px}.ax-capabilities span+span{padding-left:11px}.ax-demo{max-width:520px;width:100%;margin:auto}.workflow-scene{height:460px;margin:5px 0 0}.wf-input{top:22px;left:1%;width:73%}.wf-engine{top:211px;left:5%;width:89%;padding:16px 14px}.wf-output{top:315px;right:1%;width:80%}.wf-card strong{font-size:15px}.wf-card p{font-size:10px}.wf-result{font-size:9px}.demo-controls{margin-top:74px}.demo-options button{font-size:10px;padding:8px 10px}.demo-top{padding:0}.demo-caption{font-size:8px;max-width:100%;min-height:30px}.ax-bottom{font-size:9px;gap:10px;padding:20px 0}.ax-bottom b{margin:0 4px}.ax-bottom a{font-size:7px;letter-spacing:.4px}.ax-bottom a>span{margin-left:8px;font-size:14px}.scene-watermark{font-size:260px}.workflow-board{transform:none!important}}
@media(max-width:370px){.ax-shell{padding-left:19px;padding-right:19px}.ax-message h1{font-size:35px}.wf-card{padding:13px}.wf-engine{gap:7px}.wf-engine strong{font-size:9px}.wf-engine>div>span{font-size:7px}.engine-core{width:30px;height:30px;font-size:23px}.engine-status{font-size:6px}.wf-result{font-size:8px}.demo-options button{font-size:9px;padding:8px 7px}.ax-bottom a{max-width:75px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.workflow-board{transform:none!important}.is-running .flow-pulse{animation:none!important}.engine-orbit{animation:none!important}}
/* Scroll-led AX story */
.scroll-story{height:260svh;background:#17191d;color:#f6f7fa;position:relative;--story-progress:0}.story-pin{height:calc(100svh - 90px);min-height:580px;position:sticky;top:90px;overflow:hidden;background:radial-gradient(ellipse at 77% 49%,#353d472e,transparent 52%),#17191d}.story-shell{height:100%;display:flex;flex-direction:column;max-width:1440px;position:relative}.story-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,black)}.story-overline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font:9px Arial,sans-serif;letter-spacing:1.2px;color:#959ea9;border-bottom:1px solid #ffffff16}.story-overline>span{display:flex;align-items:center;gap:9px}.story-overline i{width:5px;height:5px;border-radius:50%;background:#34d399}.story-overline button{background:none;border:0;color:#939da9;font-size:10px;padding:5px}.story-layout{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;align-items:center;gap:12px}.story-copy{position:relative;z-index:2;min-width:0}.story-frames{position:relative;height:265px}.story-frame{position:absolute;inset:0;opacity:0;transform:translateY(20px);transition:opacity .4s,transform .4s;pointer-events:none}.story-frame.is-active{opacity:1;transform:none;pointer-events:auto}.story-kicker{font:9px Arial,sans-serif;letter-spacing:1.5px;color:#a1abb8;display:block;margin-bottom:25px}.story-frame h1,.story-frame h2{font-size:clamp(30px,3.3vw,49px);line-height:1.34;letter-spacing:-.065em;font-weight:700;margin:0}.story-frame em{font-style:normal;color:#abb5c3}.story-frame p{font-size:13px;color:#a6afba;line-height:1.9;margin:24px 0 0}.story-services{font-size:9px;color:#85909e;margin-top:22px}.story-services span{margin:0 11px;color:#4c5969}.story-visual{height:100%;min-height:360px;position:relative}.story-visual canvas{position:absolute;inset:0;width:100%;height:100%}.orbit-label{position:absolute;font:10px Arial,sans-serif;letter-spacing:1.5px;color:#d1d8e3;pointer-events:none;transition:opacity .4s,transform .4s}.orbit-label small{display:block;font-size:7px;letter-spacing:.6px;color:#808e9f;margin-top:8px}.orbit-label i{font-style:normal;color:#34d399;margin-left:7px}.label-a{left:3%;top:16%}.label-b{right:1%;top:46%}.label-c{left:6%;bottom:18%}.scroll-story[data-phase="0"] .label-b,.scroll-story[data-phase="0"] .label-c{opacity:.25}.scroll-story[data-phase="1"] .label-c{opacity:.35}.visual-caption{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;font:7px Arial,sans-serif;letter-spacing:1.2px;color:#727f8f}.story-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff1c;padding:23px 0;gap:20px}.story-steps{display:flex;gap:28px}.story-steps button{background:none;border:0;padding:5px 0;color:#75808f;font-size:11px}.story-steps button span{font:9px Arial,sans-serif;margin-right:9px}.story-steps button.active{color:#eef2f7}.story-steps button.active span{color:#34d399}.scroll-hint{font:8px Arial,sans-serif;letter-spacing:1px;color:#98a3b1}.scroll-hint b{margin-left:15px}.story-progress{height:2px;background:#ffffff09;position:absolute;bottom:0;left:0;right:0}.story-progress span{display:block;background:#34d399;width:100%;height:100%;transform:scaleX(var(--story-progress));transform-origin:left}.canvas-fallback{position:absolute;inset:10%;display:flex;flex-direction:column;justify-content:center;gap:35px;align-items:center;color:#b1bac5}.canvas-fallback b{padding:50px;background:#2a323d;border:1px solid #536271;border-radius:50%;color:#34d399}.canvas-ready .canvas-fallback{display:none}.scroll-story.motion-off{height:auto}.motion-off .story-pin{position:relative;top:0;height:700px}.motion-off .scroll-hint{visibility:hidden}.all-work{display:inline-block;margin:0 0 25px}.story-copy .ax-actions{flex-wrap:wrap}
@media(max-width:1050px){.story-frames{height:260px}.story-frame h1,.story-frame h2{font-size:34px}.story-frame p{font-size:12px}.story-visual{margin-right:-15px}.story-copy .ax-actions{gap:12px}.story-copy .ax-primary{font-size:12px;padding:15px}.story-steps{gap:18px}}
@media(max-width:760px){.scroll-story{height:220svh}.story-pin{top:72px;height:calc(100svh - 72px);min-height:570px}.story-overline{padding:14px 0;font-size:7px;letter-spacing:.7px}.story-overline button{font-size:9px}.story-layout{display:block;position:relative;padding-top:26px}.story-copy{height:230px}.story-frames{height:164px}.story-kicker{font-size:8px;letter-spacing:1px;margin-bottom:12px}.story-frame h1,.story-frame h2{font-size:clamp(28px,6.5vw,38px);line-height:1.3}.story-frame p{font-size:11px;line-height:1.8;margin-top:14px}.story-services{display:none}.story-copy .ax-actions{flex-direction:row;gap:14px}.story-copy .ax-primary{font-size:10px;padding:12px 14px;gap:12px}.story-copy .ax-secondary{font-size:9px}.story-visual{position:absolute;top:244px;bottom:0;left:-5%;right:-5%;height:auto;min-height:240px;margin:0}.label-a{top:9%;left:6%}.label-b{top:39%;right:7%}.label-c{bottom:13%;left:7%}.orbit-label{font-size:8px}.orbit-label small{font-size:6px;max-width:110px;line-height:1.6}.visual-caption{bottom:8px;font-size:6px}.story-bottom{padding:13px 0;position:relative;z-index:2}.story-steps{gap:16px}.story-steps button{font-size:9px}.story-steps button span{font-size:8px;margin-right:4px}.scroll-hint{font-size:6px;max-width:60px;line-height:1.8}.scroll-hint b{margin-left:0}.motion-off .story-pin{height:710px}}
@media(max-height:700px) and (min-width:761px){.story-pin{min-height:500px}.story-frames{height:225px}.story-frame h1,.story-frame h2{font-size:36px}.story-frame p{font-size:12px}.story-kicker{margin-bottom:15px}.story-overline{padding:16px 0}.story-bottom{padding:15px 0}}
@media(prefers-reduced-motion:reduce){.story-frame{transition:none}}
/* Shared editorial and portfolio pages */
nav a[aria-current="page"]{color:#087a59}.page-heading{padding-top:85px;padding-bottom:64px}.page-heading h1{font-size:clamp(37px,5.1vw,66px);line-height:1.3;margin:27px 0 33px;font-weight:700;letter-spacing:-.065em}.page-heading h1 em{font-style:normal;color:#787d85}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.page-intro p{font-size:15px;line-height:1.9;color:#666970;margin:0}.page-intro>span{font:10px Arial,sans-serif;letter-spacing:1.5px;color:#858b92}.portfolio-section{padding-bottom:95px}.listing-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #272a30;padding-top:23px;margin-bottom:14px}.listing-toolbar .filters{margin:0}.listing-toolbar>span,.list-result{font-size:11px;color:#7a8089}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px}.portfolio-section .portfolio-card:first-child{grid-column:1/-1}.portfolio-picture{height:340px;border-radius:6px;overflow:hidden;position:relative;background:#e9eaec}.portfolio-section .portfolio-card:first-child .portfolio-picture{height:460px}.portfolio-picture img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-type{position:absolute;left:20px;top:20px;font:8px Arial,sans-serif;letter-spacing:1.1px;padding:9px 11px;border-radius:3px;background:#ffffffec}.card-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:#7d838c;letter-spacing:.3px;margin:19px 0 12px}.portfolio-card h2{font-size:25px;margin:0}.portfolio-card>p{font-size:13px;line-height:1.8;color:#69717d;margin-top:11px}.portfolio-disclosure{font-size:11px;color:#848a92;border-top:1px solid var(--line);margin-top:40px;padding-top:19px;line-height:1.8}.page-cta{padding:76px 0;background:#f1f2f4;border-top:1px solid var(--line)}.page-cta .wrap{position:relative}.page-cta h2{font-size:36px;margin-bottom:28px}.page-cta .button{position:absolute;right:56px;bottom:0}.case-heading{padding-top:55px;padding-bottom:40px}.back-link{font-size:12px;display:inline-block;color:#6e7580;margin-bottom:36px}.case-heading h1{font-size:55px;margin:23px 0}.case-heading>p{font-size:17px;line-height:1.7;color:#707780}.case-cover{margin:0;background:#eceef1;border-radius:8px;overflow:hidden;height:520px}.case-cover img{width:100%;height:100%;object-fit:cover}.case-layout{display:grid;grid-template-columns:280px 1fr;gap:80px;padding-top:65px;padding-bottom:70px}.case-facts{align-self:start;position:sticky;top:124px}.case-facts>div{border-top:1px solid var(--line);padding:18px 0}.case-facts span{display:block;font:9px Arial,sans-serif;color:#7d8794;letter-spacing:1px;margin-bottom:10px}.case-facts strong{font-size:14px}.case-facts .button{font-size:11px;margin-top:14px;white-space:normal;line-height:1.6}.case-content .case-intro{font-size:22px;line-height:1.8;margin-top:0;color:#3c4551}.case-content section{margin-top:40px}.case-content h2{font-size:24px}.case-content p{font-size:15px;line-height:2;color:#68707b}.related-block{padding-top:70px;padding-bottom:90px;border-top:1px solid var(--line)}.related-block h2{font-size:27px;margin:0}.related-block .portfolio-picture{height:280px}.related-block .section-heading{margin-bottom:30px}.blog-listing{padding-bottom:100px}.blog-tools{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--ink);padding:25px 0}.blog-tools .filters{margin:0;flex-wrap:wrap}.content-search{font-size:10px;color:#727a86;display:flex;align-items:center;gap:12px}.content-search input{width:230px;margin:0;padding:10px 13px;border:1px solid #d8dce2;background:white;border-radius:4px;font-size:12px}.list-result{display:flex;justify-content:space-between;padding:5px 0 20px;font-size:9px;letter-spacing:1px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 26px}.post-card{display:block;min-width:0}.post-art{height:200px;position:relative;overflow:hidden;background:#e8ecec;padding:20px;border:1px solid #e0e3e7;border-radius:5px}.post-art:after{content:'';width:160px;height:160px;border:1px solid #b7c4c3;border-radius:50%;position:absolute;right:-25px;bottom:-55px;box-shadow:0 0 0 24px #ffffff18,0 0 0 48px #ffffff18,0 0 0 72px #ffffff18}.post-art>span{font:8px Arial,sans-serif;letter-spacing:1.5px;color:#607274;position:relative;z-index:1}.post-art b{position:absolute;left:20px;bottom:39px;font:bold 66px/1 Arial,sans-serif;letter-spacing:-4px;color:#293b3e}.post-art i{position:absolute;right:20px;top:21px;font-style:normal;color:#68797b;font-size:22px}.post-art small{position:absolute;bottom:18px;left:23px;font-size:9px;color:#708183}.art-product{background:#e9e9f0;border-color:#dedee8}.art-product b{color:#45475e}.art-product:after{border-radius:8px;border-color:#bcbccc;transform:rotate(30deg)}.art-product small,.art-product>span,.art-product i{color:#77798d}.art-search{background:#e9e5df;border-color:#e3dcd2}.art-search b{color:#584f42}.art-search:after{border-color:#c9beaf}.art-search small,.art-search>span,.art-search i{color:#8c8070}.post-card:hover .post-art{filter:brightness(.975)}.post-card h2{font-size:21px;line-height:1.5;letter-spacing:-.05em;margin:0}.post-card>p{font-size:12px;line-height:1.9;color:#757d88;margin:14px 0}.post-tags{display:flex;gap:7px;flex-wrap:wrap;font-size:9px;color:#9298a1}.reading-time{display:block;font-size:10px;color:#535f6d;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.article-heading{max-width:1150px;padding-top:48px;padding-bottom:40px}.article-heading h1{font-size:clamp(31px,4vw,49px);line-height:1.4;max-width:900px;margin:21px 0}.article-deck{font-size:16px;line-height:1.9;color:#76808c;max-width:780px}.article-meta{display:flex;gap:19px;flex-wrap:wrap;font-size:10px;color:#8a929d;margin-top:28px}.article-meta>span:first-child{color:#444f5d}.article-layout{max-width:1150px;display:grid;grid-template-columns:215px 1fr;gap:65px;padding-bottom:95px;border-top:1px solid var(--line);padding-top:44px}.article-toc{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:16px}.article-toc>span{font:9px Arial,sans-serif;letter-spacing:1.5px;color:#939ca7;margin-bottom:8px}.article-toc>a{font-size:11px;color:#6d7886;line-height:1.7}.article-toc>a:hover{color:#087a59}.article-toc>button{font-size:10px;background:transparent;border:0;border-top:1px solid var(--line);padding:18px 0;text-align:left;color:#344252;margin-top:10px}.article-content{min-width:0;max-width:740px}.article-content p,.article-content li{font-size:15px;line-height:2;color:#4e5b69;letter-spacing:-.025em}.article-content p{margin:22px 0}.article-content h2{font-size:26px;line-height:1.5;margin:50px 0 22px;scroll-margin-top:110px}.article-content h3{font-size:21px;margin-top:35px}.article-content li{margin:10px 0}.article-content ul{padding-left:21px}.article-content a{color:#126b55;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.article-summary{background:#f1f5f3;border-left:3px solid #34a47f;border-radius:0 5px 5px 0;padding:22px 25px;margin-bottom:30px}.article-summary>span{font-size:11px;font-weight:600;color:#31725e}.article-summary p{margin:12px 0 0!important;font-size:15px;color:#435950}.article-author{border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.article-author>b{font-size:14px}.article-author>p{font-size:12px;margin:10px 0}.article-author>a{font-size:11px}#reading-progress{position:fixed;top:90px;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:#218263;z-index:11}#empty-state{text-align:center;padding:65px 15px;border:1px solid var(--line)}#empty-state h2{font-size:24px}#empty-state p{font-size:14px;margin:18px 0 25px}.home-insights{border-top:1px solid var(--line)}
@media(max-width:1000px){.page-cta .button{right:32px}.blog-tools{align-items:flex-start;flex-direction:column}.post-grid{gap:22px}.post-card h2{font-size:18px}.post-art{height:170px}.case-layout{grid-template-columns:210px 1fr;gap:35px}.article-layout{gap:35px;grid-template-columns:180px 1fr}.article-heading h1{font-size:39px}.portfolio-picture{height:280px}}
@media(max-width:720px){.page-heading{padding-top:48px;padding-bottom:40px}.page-heading h1{font-size:35px;margin:22px 0}.page-intro{align-items:flex-start;flex-direction:column;gap:20px}.page-intro p{font-size:13px}.portfolio-section{padding-bottom:55px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-section .portfolio-card:first-child{grid-column:auto}.portfolio-picture,.portfolio-section .portfolio-card:first-child .portfolio-picture{height:255px}.portfolio-card h2{font-size:23px}.portfolio-type{left:15px;top:15px}.page-cta{padding:50px 0}.page-cta h2{font-size:30px}.page-cta .button{position:static}.case-heading{padding-top:30px;padding-bottom:25px}.case-heading h1{font-size:38px}.case-heading>p{font-size:15px}.case-cover{height:290px}.case-layout{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:30px}.case-facts{position:static;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.case-facts>div{flex:1;min-width:135px}.case-facts .button{margin-top:0}.case-content .case-intro{font-size:20px}.case-content h2{font-size:23px}.case-content p{font-size:14px}.related-block{padding-top:45px;padding-bottom:55px}.related-block .section-heading{display:flex;gap:20px;align-items:center}.related-block .section-heading h2{font-size:23px}.related-block .section-heading .text-link{white-space:nowrap}.post-grid{grid-template-columns:1fr;gap:35px}.post-art{height:215px}.post-card h2{font-size:23px}.post-card>p{font-size:13px}.blog-listing{padding-bottom:60px}.blog-tools{gap:22px}.content-search{width:100%}.content-search input{width:100%;flex:1;min-width:0}.article-heading{padding-top:28px;padding-bottom:28px}.article-heading h1{font-size:32px}.article-deck{font-size:14px}.article-meta{font-size:9px;gap:11px}.article-layout{grid-template-columns:1fr;gap:25px;padding-top:25px;padding-bottom:50px}.article-toc{position:static;display:block;border-bottom:1px solid var(--line);padding-bottom:22px}.article-toc>span{display:block}.article-toc>a{display:block;margin-top:10px;font-size:12px}.article-toc>button{margin-top:16px;padding:12px 0 0;width:100%}.article-content p,.article-content li{font-size:14px;line-height:2}.article-content h2{font-size:23px;margin-top:38px}.article-summary{padding:18px}.article-summary p{font-size:14px}#reading-progress{top:72px}.back-link{margin-bottom:25px}.listing-toolbar{gap:10px}.listing-toolbar .filters{flex-wrap:wrap}}
@media(max-width:760px){.story-visual{min-height:0}}
/* libetelabs identity: Life Beta Lab, original jade, version-led language. */
body{font-family:'Pretendard','Noto Sans KR',Arial,sans-serif}.logo{display:inline-flex;flex-direction:column;gap:4px;line-height:1;letter-spacing:-1.4px;font-family:'Outfit',Arial,sans-serif}.logo>.wordmark{font-weight:750;font-size:29px}.logo>.wordmark>span{font-weight:750;color:#087e5b}.logo>small{font:7px/1.2 Arial,sans-serif;letter-spacing:2.3px;color:#848e8b;margin-left:2px}.story-pin{background:#050505}.story-grid{opacity:.32}.story-frame h1,.story-frame h2{letter-spacing:-.065em;font-weight:650}.story-frame em{color:#dce9e2}.story-frame h1 em{color:#34d399}.story-frame p{color:#929f98}.story-kicker{font-family:monospace;color:#63bfa0;letter-spacing:1px}.story-services{color:#798a82;margin-top:13px}.story-services span{color:#3d5147}.hero-signature{font-size:11px;color:#9bad9f;margin:23px 0 0;letter-spacing:-.02em}.story-frames{height:265px}.story-steps button span{font-family:monospace}.story-overline{color:#75897d}.story-visual canvas{mix-blend-mode:screen}.canvas-fallback{inset:0;display:flex;justify-content:center;align-items:center;gap:0;mix-blend-mode:screen}.canvas-fallback img{width:98%;height:90%;object-fit:contain}.brand-object-label{position:absolute;right:0;top:13%;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.brand-object-label>span{font:8px monospace;letter-spacing:1.4px;color:#84978c}.brand-object-label b{font:24px monospace;font-weight:400;color:#c9e9da}.brand-object-label small{font-size:9px;color:#5e796b}.visual-caption{color:#658174}.story-bottom{border-color:#1a2d23}.brand-bridge{padding-top:52px;padding-bottom:52px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;border-bottom:1px solid var(--line)}.brand-bridge .eyebrow{font-size:8px;letter-spacing:1.3px;color:#7e9387}.brand-bridge>div>p{font-size:24px;letter-spacing:-.06em;font-weight:400;margin:12px 0 0}.brand-bridge strong{font-weight:600}.brand-bridge>p{font-size:13px;line-height:1.9;color:#6b786f;margin:0}.studio{background:#080d0a}.studio h2{font-size:53px;font-weight:600}.studio-sign{font-family:'Outfit',Arial,sans-serif;font-weight:750;letter-spacing:-2px}.studio-sign span{color:#34d399;font-weight:750}.studio-origin{font:10px/2 monospace;letter-spacing:.5px;color:#758a7c;margin-top:15px}.brand-principles{margin-top:34px;border-top:1px solid #223528}.brand-principles>div{padding:20px 0;border-bottom:1px solid #223528}.brand-principles span{font:8px monospace;color:#70b99a;letter-spacing:.8px}.brand-principles h3{font-size:18px;font-weight:500;margin:11px 0 8px}.brand-principles p{font-size:12px;line-height:1.7;color:#84998b;margin:0}.post-art>span{font-family:monospace}.case-heading .eyebrow,.page-heading .eyebrow{color:#408569}.process article>span{font-family:monospace;color:#418365}.story-pin .ax-primary{border-left:3px solid #34d399}.footer-bottom{border-top-color:#dce5df}.brand-lab-log{padding:33px 0 0;margin-top:36px;border-top:1px solid var(--line)}.brand-lab-log>span{font:9px monospace;color:#4f876e;letter-spacing:1px}.brand-lab-log>h2{font-size:26px}.brand-lab-log>p{font-size:13px;line-height:1.9;color:#758378}.brand-log-row{display:flex;align-items:baseline;gap:22px;padding:15px 0;border-top:1px solid #e1e8e3;font-size:12px}.brand-log-row>span{font:9px monospace;min-width:72px;color:#688271}.brand-log-row>strong{min-width:150px;font-weight:500}.brand-log-row>p{margin:0;color:#7b8880;line-height:1.8}.brand-origin-line{font-size:10px;color:#75907d;margin-top:20px}
@media(max-width:1050px){.story-frames{height:255px}.story-services{font-size:8px}.brand-bridge>div>p{font-size:21px}.brand-bridge>p{font-size:12px}.brand-object-label{right:-5px}.studio h2{font-size:47px}}
@media(max-width:760px){.logo>.wordmark{font-size:25px}.logo>small{font-size:6px;letter-spacing:1.9px}.story-frames{height:168px}.hero-signature{font-size:9px;margin-top:12px}.story-visual{top:265px}.story-copy{height:250px}.story-frame h1,.story-frame h2{font-size:clamp(27px,6.4vw,36px)}.brand-object-label{right:5%;top:7%;gap:5px}.brand-object-label>span{font-size:6px}.brand-object-label b{font-size:18px}.brand-object-label small{display:none}.brand-bridge{grid-template-columns:1fr;gap:19px;padding-top:35px;padding-bottom:35px}.brand-bridge>div>p{font-size:23px}.brand-bridge>p{font-size:12px}.studio h2{font-size:43px}.story-steps{gap:12px}.story-steps button{font-size:8px}.story-steps button span{font-size:8px;margin-right:3px}.brand-log-row{flex-wrap:wrap;gap:8px 14px}.brand-log-row>p{width:100%;font-size:12px}.brand-log-row>strong{min-width:0}.visual-caption{font-size:5px;letter-spacing:.7px}.brand-object-label{pointer-events:none}}

.brand-lab-log{padding-bottom:60px}.brand-lab-log .text-link{font-size:11px;margin-left:10px}

@media(min-width:1000px){#work .work-grid{grid-template-columns:repeat(3,1fr)}}

#inquiry .button.dark{background:var(--accent);color:#06281d;border-left-color:#06281d}
#inquiry .button.dark:hover{filter:brightness(1.05)}
#inquiry .button.dark:disabled{filter:grayscale(.4) brightness(.95);cursor:progress}

/* 작업 사례 상세 — 번호가 붙은 단계 (01 OVERVIEW / 02 PROBLEM …) */
.case-step{display:grid;grid-template-columns:62px 1fr;gap:26px;margin-top:46px;padding-top:30px;border-top:1px solid var(--line)}
.case-step:first-child{border-top:0;padding-top:0;margin-top:0}
.case-step>.step-no{font:11px/1 Arial,sans-serif;color:var(--accent);letter-spacing:1px;padding-top:7px}
.case-step>.step-no b{display:block;font-size:22px;font-weight:700;color:var(--ink);margin-bottom:9px;letter-spacing:0}
.case-step h2{font-size:22px;margin:0 0 14px}
.case-step p{font-size:15px;line-height:2;color:#68707b;margin:0 0 12px}
.case-step ul{margin:0;padding-left:18px}
.case-step li{font-size:15px;line-height:1.95;color:#68707b;margin-bottom:7px}
.case-stack{margin-top:46px;padding-top:28px;border-top:1px solid var(--line)}
.case-stack>span{display:block;font:9px Arial,sans-serif;color:#7d8794;letter-spacing:1px;margin-bottom:13px}
@media(max-width:760px){.case-step{grid-template-columns:1fr;gap:10px}.case-step>.step-no{padding-top:0}.case-step>.step-no b{display:inline;margin-right:8px}}

/* 아티클 하단 점검 신청 CTA */
.article-cta{margin:56px 0 8px;padding:34px 32px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#f6fbf9,#eef6f2)}
.article-cta .cta-eyebrow{display:inline-block;font:700 11px/1 Arial,sans-serif;letter-spacing:1.3px;color:#0b7a56;background:#d6f3e7;padding:6px 11px;border-radius:999px;margin-bottom:14px}
.article-cta h2{font-size:23px;margin:0 0 10px;letter-spacing:-.4px}
.article-cta>p{color:var(--muted);margin:0 0 22px;max-width:52ch}
#check-form .cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#check-form input{flex:1 1 220px;min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;color:var(--ink)}
#check-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
#check-form .button.dark{background:var(--accent);color:#06281d;border:1px solid #06281d;border-radius:10px;padding:13px 22px;font-weight:700;font-size:15px;cursor:pointer}
#check-form .button.dark:hover{filter:brightness(1.05)}
#check-form .button.dark:disabled{filter:grayscale(.4) brightness(.95);cursor:progress}
.cta-status{min-height:1em;margin:12px 0 0;font-size:14px;color:#0b7a56}
.cta-status.err{color:#b4232a}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(max-width:620px){.article-cta{padding:26px 20px}.article-cta h2{font-size:20px}}

/* 출시 전 보안 점검 도구 (/check) */
.check-tool{max-width:760px;margin:0 auto;padding-bottom:80px}
.scan-form{display:flex;gap:10px;flex-wrap:wrap}
.scan-form input{flex:1 1 280px;min-width:0;padding:15px 17px;border:1px solid var(--line);border-radius:11px;font-size:16px;background:#fff;color:var(--ink)}
.scan-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.check-tool .button.dark{background:var(--accent);color:#06281d;border:1px solid #06281d;border-radius:11px;padding:15px 26px;font-weight:700;font-size:16px;cursor:pointer;white-space:nowrap}
.check-tool .button.dark:hover{filter:brightness(1.05)}
.check-tool .button.dark:disabled{filter:grayscale(.4) brightness(.95);cursor:progress}
.scan-note{color:var(--muted);font-size:13.5px;margin:14px 2px 0}
.scan-err{margin-top:20px;padding:14px 16px;border:1px solid #e7b3b6;background:#fdf1f1;border-radius:10px;color:#b4232a;font-size:14.5px}

.scan-out{margin-top:30px}
.scan-grade{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;border:1px solid var(--line)}
.scan-grade .g-dot{width:14px;height:14px;border-radius:50%;flex:none}
.scan-grade b{display:block;font-size:18px}
.scan-grade small{color:var(--muted);font-size:13px;word-break:break-all}
.g-red{background:#fdf1f1;border-color:#e7b3b6}.g-red .g-dot{background:#d23540}
.g-amber{background:#fdf7ec;border-color:#eBd9a8}.g-amber .g-dot{background:#e0a23c}
.g-green{background:#f0f9f4;border-color:#bfe6cf}.g-green .g-dot{background:#2eb67d}

.scan-findings{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}
.scan-findings li{display:flex;gap:13px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.scan-findings .sev-tag{flex:none;align-self:flex-start;font:700 11px/1 Arial,sans-serif;letter-spacing:.3px;padding:5px 9px;border-radius:6px}
.scan-findings b{font-size:15.5px}
.scan-findings p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.scan-findings code{display:inline-block;margin-top:8px;padding:3px 8px;background:#f4f5f7;border-radius:5px;font-size:12.5px;color:#444}
.sev-critical{border-left:3px solid #d23540}.sev-critical .sev-tag{background:#fdecec;color:#b4232a}
.sev-warn{border-left:3px solid #e0a23c}.sev-warn .sev-tag{background:#fbf2df;color:#9a6a12}
.sev-info .sev-tag{background:#eef1f6;color:#555}
.sev-pass{border-left:3px solid #2eb67d}.sev-pass .sev-tag{background:#e2f4ea;color:#0b7a56}

.scan-manual{margin-top:30px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}
.scan-manual h2{font-size:17px;margin:0 0 6px}
.scan-manual>p{color:var(--muted);font-size:14px;margin:0 0 12px}
.scan-manual ul{margin:0;padding-left:20px}
.scan-manual li{margin:7px 0;font-size:14.5px;line-height:1.55}
.scan-cta{margin-top:24px;padding:24px;border-radius:14px;background:linear-gradient(155deg,#f6fbf9,#eef6f2);border:1px solid var(--line)}
.scan-cta h2{font-size:18px;margin:0 0 7px}
.scan-cta>p{color:var(--muted);font-size:14.5px;margin:0 0 16px;max-width:52ch}
.scan-lead{display:flex;gap:10px;flex-wrap:wrap}
.scan-lead input{flex:1 1 220px;min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;color:var(--ink)}
.scan-lead-status{min-height:1em;margin:10px 0 0;font-size:14px;color:#0b7a56}
.scan-lead-status.err{color:#b4232a}
@media(max-width:560px){.scan-form .button.dark,.scan-lead .button.dark{flex:1 1 100%}}

/* 교육 AI 첨삭 데모 (/labs/essay) */
.essay-tool{max-width:760px;margin:0 auto;padding-bottom:80px}
.essay-form{display:flex;flex-direction:column;gap:8px}
.essay-form label{font-weight:700;font-size:14px;margin-top:8px}
.essay-form textarea{padding:13px 15px;border:1px solid var(--line);border-radius:11px;font-size:15px;background:#fff;color:var(--ink);font-family:inherit;line-height:1.6;resize:vertical}
.essay-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.essay-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.essay-tool .button{border-radius:11px;padding:13px 24px;font-weight:700;font-size:15px;cursor:pointer}
.essay-tool .button.dark{background:var(--accent);color:#06281d;border:1px solid #06281d}
.essay-tool .button.dark:hover{filter:brightness(1.05)}
.essay-tool .button.dark:disabled{filter:grayscale(.4) brightness(.95);cursor:progress}
.essay-tool .button.ghost{background:#fff;color:var(--muted);border:1px solid var(--line)}
.essay-tool .button.ghost:hover{border-color:var(--accent);color:var(--ink)}
.essay-note{color:var(--muted);font-size:13px;margin:14px 2px 0}
.essay-err{margin-top:20px;padding:14px 16px;border:1px solid #e7b3b6;background:#fdf1f1;border-radius:10px;color:#b4232a;font-size:14.5px}

.essay-out{margin-top:30px;display:flex;flex-direction:column;gap:16px}
.essay-score{display:flex;align-items:center;gap:20px;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}
.score-ring{--p:0;width:92px;height:92px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--accent) calc(var(--p)*1%),#e8ebef 0)}
.score-ring::before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#fff}
.score-ring b,.score-ring small{position:relative;z-index:1}
.score-ring b{font-size:30px;line-height:1}.score-ring small{font-size:12px;color:var(--muted)}
.score-meta .level{display:inline-block;font-weight:700;font-size:15px;padding:4px 13px;border-radius:999px}
.score-meta p{margin:7px 0 0;color:var(--muted);font-size:14px}
.lv-top{background:#e2f4ea;color:#0b7a56}.lv-mid{background:#fbf2df;color:#9a6a12}.lv-low{background:#fdecec;color:#b4232a}
.essay-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.essay-card{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.essay-card h2{font-size:16px;margin:0 0 10px}
.essay-card ul{margin:0;padding-left:18px}
.essay-card li{margin:6px 0;font-size:14.5px;line-height:1.6}
.essay-card.good{border-top:3px solid #2eb67d}.essay-card.fix{border-top:3px solid #e0a23c}
.essay-card.corrected{border-top:3px solid var(--accent)}
.essay-card.corrected p{margin:0;font-size:15px;line-height:1.8;white-space:pre-wrap}
@media(max-width:620px){.essay-cols{grid-template-columns:1fr}}
/* ===== flow hero (home) ===== */
.flow-stage{--flbg:#0b0c0f;--flink:#f6f7fa;--flmint:#5ff0c9;--flsub:#b7bec8;position:relative;height:340svh;margin-top:-90px;background:var(--flbg);color:var(--flink)}
.flow-hero{height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;position:relative}
#flow-fx{position:absolute;inset:0;width:100%;height:100%;display:block}
.flow-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,12,15,.9) 0%,rgba(11,12,15,.55) 46%,rgba(11,12,15,.05) 100%);pointer-events:none}
.flow-wrap{position:relative;z-index:2;max-width:1320px;width:100%;margin:0 auto;padding:0 clamp(24px,5vw,80px);perspective:1000px}
.flow-topline{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.22em;color:#aeb7c2;font-weight:600;margin-bottom:clamp(22px,4vh,38px)}
.flow-topline i{display:block;width:34px;height:1.5px;background:var(--flmint);transform-origin:left}
.flow-msgbox{position:relative;min-height:clamp(240px,40vh,350px)}
.flow-msg{position:absolute;inset:0;will-change:transform,opacity}
.flow-msg h1{font-weight:800;font-size:clamp(34px,5.9vw,78px);line-height:1.08;letter-spacing:-.035em;margin:0;color:var(--flink)}
.flow-msg h1 span{color:var(--flink)}
.flow-line{display:block;overflow:hidden}.flow-ch{display:inline-block;white-space:pre}
.flow-l2 .flow-ch{color:transparent;-webkit-text-stroke:1.5px rgba(246,247,250,.92)}
.flow-l2 .flow-ch.m{color:var(--flmint);-webkit-text-stroke:0}
.flow-sub{margin-top:clamp(18px,2.6vh,28px);max-width:540px;font-size:clamp(14px,1.5vw,17px);line-height:1.8;color:var(--flsub)}
.flow-cta{position:relative;z-index:2;margin-top:clamp(20px,3vh,32px);display:flex;gap:clamp(20px,4vw,46px);flex-wrap:wrap;align-items:center}
.flow-cta a{text-decoration:none;color:var(--flink);font-weight:700;font-size:15px;position:relative;padding:4px 2px 11px;display:inline-flex;gap:10px;align-items:center;will-change:transform}
.flow-cta a span{transition:transform .3s}
.flow-cta a .flow-ln{position:absolute;left:0;bottom:0;height:1.5px;width:100%;background:currentColor;transform:scaleX(.16);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.flow-cta a:hover .flow-ln{transform:scaleX(1)}.flow-cta a.primary{color:var(--flmint)}.flow-cta a.down:hover span{transform:translateY(3px)}
.flow-dots{position:absolute;z-index:3;right:clamp(22px,5vw,58px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;align-items:flex-end}
.flow-dots .d{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;color:#5c6672;transition:color .3s}
.flow-dots .d .n{width:22px;height:1.5px;background:#39414b;transition:all .4s}
.flow-dots .d.on{color:var(--flmint)}.flow-dots .d.on .n{background:var(--flmint);width:40px}
@media(max-width:760px){.flow-stage{margin-top:-72px}.flow-hero::after{background:linear-gradient(180deg,rgba(11,12,15,.4),rgba(11,12,15,.9))}.flow-sub{max-width:none}.flow-dots{right:14px;gap:12px}.flow-dots .d span{display:none}}
.service-icon svg{width:34px;height:34px;stroke:#087a59;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}
