/* 공용 기본 토큰. 이 파일은 페이지의 <style> 뒤에 로드되므로, 그냥 :root 로 두면
   페이지가 자기 :root 에 정의한 값(예: 송지아 페이지의 핑크 --accent)을 덮어쓴다.
   :where() 는 특이도를 0으로 낮추므로, 페이지가 정의한 토큰이 항상 이기고
   정의하지 않은 페이지는 여기 기본값(파랑)을 그대로 쓴다. */
:where(:root){--bg:#FBFBF9;--bg-soft:#F4F3EF;--ink:#0E0F13;--dim:#5B5D66;--faint:#9A9CA6;--line:#EAE9E4;--accent:#5865F2;--accent-dk:#4752C4;--violet:#6D4AFF}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body.studio-page{margin:0;background:var(--bg);color:var(--ink);font-family:"Pretendard Variable","Apple SD Gothic Neo",system-ui,sans-serif;line-height:1.7;word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}section[id],header[id]{scroll-margin-top:82px}
.navlinks{gap:24px}.avengent-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#24212e;color:#c3b4f0;font-size:22px;font-weight:800}.studio-product-section{padding:72px 0!important}.studio-product-feature{display:grid;grid-template-columns:1fr 1.25fr;gap:54px;align-items:center}.studio-product-copy h2{font-size:clamp(36px,5vw,58px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 16px}.product-status{font-size:13px;font-weight:700;color:var(--violet)}.studio-product-copy .product-pitch{font-size:23px;line-height:1.5;font-weight:700;color:var(--ink);margin:0 0 14px}.studio-product-copy p{font-size:15px;line-height:1.8;color:var(--dim);margin:0 0 24px}.studio-product-shot{display:block;overflow:hidden;border-radius:15px;border:1px solid #35333d;background:#191a24;box-shadow:0 20px 52px -28px #24212e55}.studio-product-shot img{display:block;width:100%;height:auto}.studio-two-column{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:start}.studio-two-column h2{font-size:clamp(28px,3.3vw,40px);line-height:1.3;letter-spacing:-.03em;margin:0 0 20px}.studio-two-column p{font-size:16px;color:var(--dim);line-height:1.85;margin:0 0 18px}.studio-summary,.studio-english{background:var(--bg-soft)}.text-link{display:inline-block;font-size:14px;font-weight:700;color:var(--accent-dk);text-decoration:underline;text-underline-offset:5px;padding:8px 0}.studio-facts{margin:0}.studio-facts>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.studio-facts dt{font-size:13px;color:var(--dim)}.studio-facts dd{margin:0;font-size:14px;font-weight:600}.studio-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-bottom:18px}.studio-ai-grid h3{font-size:20px;margin:0 0 14px}.studio-ai-grid p{font-size:15px;line-height:1.85;color:var(--dim);margin:0}.studio-record-links{border-top:1px solid var(--line)}.studio-record-links>a{display:flex;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none}.studio-record-links b{font-size:17px}.studio-record-links span{font-size:14px;color:var(--dim)}.studio-record-links a:hover b{color:var(--accent-dk)}
.studio-page .wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.studio-nav{position:sticky;top:0;z-index:10;background:#fbfbf9f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.studio-nav .wrap{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:21px;font-weight:800;white-space:nowrap;letter-spacing:-.025em}.studio-brand img{width:32px;height:auto}.studio-brand small{font-size:13px;color:var(--dim);font-weight:600;border-left:1px solid var(--line);padding-left:12px;margin-left:4px}.studio-nav-links{display:flex;gap:24px;font-size:14px}.studio-nav-links a{text-decoration:none}.studio-nav-links a[aria-current="page"]{color:var(--accent-dk);font-weight:700}.studio-page main>section{padding:76px 0}.studio-page-hero{padding:86px 0 60px}.studio-page-hero h1{font-size:clamp(36px,5.8vw,64px);line-height:1.15;letter-spacing:-.045em;margin:14px 0 22px;max-width:850px}.studio-page-hero .lead{font-size:19px;line-height:1.8;color:var(--dim);max-width:760px;margin:0 0 28px}.studio-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;padding:12px 22px;font-size:14px;font-weight:700;cursor:pointer;background:transparent;color:var(--ink)}.studio-page .btn-fill{background:var(--accent);border-color:var(--accent);color:white}.studio-page .btn:hover{border-color:var(--accent);color:var(--accent-dk)}.studio-page .btn-fill:hover{background:var(--accent-dk);color:white}.studio-page .actions{display:flex;gap:12px;flex-wrap:wrap}.studio-page h2{font-size:clamp(27px,3.5vw,40px);line-height:1.3;letter-spacing:-.03em;margin:0 0 20px}.studio-page h3{font-size:20px;line-height:1.4;margin:0 0 12px}.studio-page p{max-width:760px}.section-lead{font-size:16px;color:var(--dim);line-height:1.8;margin:0 0 30px}.studio-body-copy p{font-size:16px;color:var(--dim);line-height:1.9;margin:0 0 18px}.studio-products{display:grid;grid-template-columns:1fr 1fr;gap:32px}.studio-products article{padding-top:24px;border-top:1px solid var(--line)}.studio-products p{font-size:15px;color:var(--dim)}.studio-timeline{padding:0;list-style:none;margin:0;border-top:1px solid var(--line)}.studio-timeline li{display:grid;grid-template-columns:160px 1fr;gap:30px;border-bottom:1px solid var(--line);padding:24px 0}.studio-timeline time,.studio-timeline .time{color:var(--dim);font-size:14px;padding-top:3px}.studio-timeline h3{font-size:18px}.studio-timeline p{margin:0;color:var(--dim);font-size:15px}.studio-timeline a{color:var(--accent-dk)}.ai-detail{display:grid;grid-template-columns:1fr 1fr;gap:36px}.ai-detail article{padding:24px;border:1px solid var(--line);border-radius:12px;background:white}.ai-detail p{font-size:15px;color:var(--dim);line-height:1.85}.detail-label{font-size:12px;font-weight:700;color:var(--accent-dk);display:block;margin-bottom:9px}.english-copy{max-width:820px}.english-copy p{font-size:17px;line-height:1.9;color:var(--dim)}.studio-footer{border-top:1px solid var(--line);padding:35px 0;background:var(--bg-soft)}.studio-footer .wrap{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;font-size:13px;color:var(--dim)}.studio-footer a{margin-right:16px;text-underline-offset:4px}.studio-footer p{margin:8px 0 0}
.avengent-hero{padding-bottom:40px}.avengent-hero h1{max-width:900px}.avengent-name{font-size:19px;font-weight:800;color:#7560b4;letter-spacing:-.02em}.avengent-state{display:inline-block;margin-left:14px;font-size:12px;vertical-align:2px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-weight:500}.demo-frame{margin:0;background:#191a24;border:1px solid #35333d;border-radius:15px;overflow:hidden}.demo-frame img{display:block;width:100%;height:auto}.demo-frame figcaption{padding:16px 20px;color:#cfcbd9;font-size:13px;line-height:1.7;min-height:76px}.demo-controls{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 15px}.demo-controls button{padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--dim);cursor:pointer;font-size:13px}.demo-controls button[aria-pressed="true"]{background:#eee9fb;color:#5c4794;border-color:#bfb0e8;font-weight:700}.demo-note{font-size:13px;color:var(--dim);line-height:1.8;margin:16px 0 0}.invest-contact{margin:20px 0 0;font-size:14px;color:var(--dim)}.invest-contact a{color:var(--accent-dk);font-weight:600}.invest-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.invest-cta .invest-contact{margin:0}.avengent-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.avengent-features article{border-top:1px solid var(--line);padding-top:24px}.avengent-features p{font-size:15px;color:var(--dim);line-height:1.85}.request-example{background:#eeebf6;border-left:3px solid #9881ce;padding:24px 28px;margin:26px 0;border-radius:0 12px 12px 0;max-width:800px}.request-example p{font-size:18px;line-height:1.7;margin:0;color:#3c3155}.request-example cite{display:block;font-size:13px;font-style:normal;color:var(--dim);margin-top:12px}.avengent-role-list{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 0;padding:0;list-style:none}.avengent-role-list li{padding:6px 12px;background:var(--bg-soft);border-radius:6px;font-size:13px}.studio-faq details{border-top:1px solid var(--line);padding:20px 0}.studio-faq details:last-child{border-bottom:1px solid var(--line)}.studio-faq summary{font-size:17px;font-weight:600;cursor:pointer}.studio-faq p{font-size:15px;color:var(--dim);line-height:1.85;margin:14px 0 0}.avengent-note-box{background:var(--bg-soft);padding:32px;border-radius:14px}.avengent-note-box p{color:var(--dim);font-size:15px;line-height:1.85}.avengent-note-box h3{margin-top:0}.skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:white;color:var(--ink);z-index:30}.skip-link:focus{top:8px}
@media(max-width:1000px){.navlinks{gap:16px}.studio-product-feature{gap:32px}.studio-two-column{gap:40px}}
@media(max-width:820px){.studio-product-feature,.studio-two-column{grid-template-columns:1fr;gap:30px}.studio-ai-grid,.avengent-features{grid-template-columns:1fr;gap:28px}.studio-product-copy{max-width:660px}.studio-ai-grid article+article{border-top:1px solid var(--line);padding-top:24px}.studio-products,.ai-detail{grid-template-columns:1fr}.studio-nav-links{gap:14px}.studio-record-links>a{flex-direction:column;gap:5px}.studio-page-hero{padding:56px 0 36px}}
@media(max-width:560px){.studio-page .wrap{width:calc(100% - 40px)}.studio-product-section{padding:52px 0!important}.studio-product-copy .product-pitch{font-size:21px}.studio-nav .wrap{min-height:62px;gap:12px;flex-wrap:wrap;padding-block:12px}.studio-brand{font-size:19px}.studio-brand small{display:none}.studio-nav-links{gap:14px;font-size:12px}.studio-page main>section{padding:52px 0}.studio-page-hero .lead{font-size:16px}.studio-page-hero h1{font-size:37px}.studio-facts>div{grid-template-columns:80px 1fr;gap:12px}.studio-facts dd{overflow-wrap:anywhere}.studio-timeline li{grid-template-columns:1fr;gap:8px;padding:20px 0}.demo-frame{border-radius:9px}.demo-frame figcaption{padding:14px;min-height:100px}.demo-controls{gap:6px}.demo-controls button{font-size:12px;padding:8px 12px}.avengent-note-box{padding:22px}.request-example{padding:20px}.studio-footer .wrap{gap:20px}.studio-footer a{display:inline-block;margin-bottom:8px}.english-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.brand-dot{color:#5865F2}.studio-page .studio-brand span{display:inline}.studio-page .product-status{margin:0 0 12px}.studio-nav-links a{padding:8px 0}.studio-footer .studio-brand{margin-right:0}

.bot-benefits-label{font-size:13px;color:var(--dim);font-weight:700;margin:0 0 20px}.avengent-mark{background:#0b0c0f}

.mobile-english{display:none}
@media(max-width:760px){.mobile-english{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--dim)}}

/* Existing homepage bot menu; company links replace the former invite CTA. */
.home-company-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600;color:var(--dim);margin-left:auto}.home-company-nav a{padding-block:12px;text-decoration:none}.home-company-nav a:hover{color:var(--ink)}
@media(max-width:760px){.home-company-nav{gap:14px;font-size:12px}.home-company-nav a{min-height:44px;display:flex;align-items:center}}
@media(max-width:380px){.home-company-nav{gap:10px;font-size:11px}}

/* Rich company footer (studio · avengent). Matches the homepage footer:
   brand + intro, 둘러보기 / 송지아 / 연락 columns, legal line, copyright. */
.company-footer{border-top:1px solid var(--line);background:var(--bg-soft);padding:46px 0 26px}
.company-footer .wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}
.company-footer .ftop{display:grid;grid-template-columns:1fr auto auto auto;gap:26px 64px;padding-bottom:26px;border-bottom:1px solid var(--line)}
@media(max-width:980px){.company-footer .ftop{grid-template-columns:1fr 1fr;gap:28px 20px}.company-footer .fbrand{grid-column:1/-1}}
.company-footer .logo{display:inline-flex;align-items:center;font-weight:900;font-size:20px;letter-spacing:-.03em;text-decoration:none}
.company-footer .logo-ic{height:27px;width:auto;display:block;margin-right:9px}
.company-footer .logo .dot{color:#5865F2}
.company-footer .logo .site{position:relative;top:1px;margin-left:18px;font-size:13px;font-weight:700;color:var(--dim);letter-spacing:-.01em;white-space:nowrap}
.company-footer .logo .site::before{content:"";position:absolute;left:-9px;top:calc(50% - 1px);transform:translateY(-50%);width:1px;height:16px;background:var(--line)}
.company-footer .fbrand{margin-bottom:12px}
.company-footer .fbrand p{font-size:13px;font-weight:400;color:var(--dim);max-width:24rem;line-height:1.7;margin:0}
.company-footer .fcol{min-width:110px}
.company-footer .fcol h4{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 10px}
.company-footer .fcol a{display:block;font-size:13.5px;font-weight:400;color:var(--dim);padding:10px 0;text-decoration:none;transition:color .14s}
.company-footer .fcol a:hover{color:var(--accent-dk)}
.company-footer .flegal{grid-column:1/-1;margin-top:8px;font-size:13px;font-weight:500;color:var(--dim)}
.company-footer .flegal a{display:inline-block;padding:11px 4px;margin:-11px -4px;color:var(--dim);text-decoration:none;transition:color .14s}
.company-footer .flegal a:hover{color:var(--accent-dk)}
@media(min-width:981px){.company-footer .ftop>.fcol{grid-row:1/span 2}.company-footer .flegal{grid-column:1;grid-row:2;align-self:start;margin-top:0}}
.company-footer .fbot{display:flex;justify-content:space-between;align-items:center;padding-top:22px;flex-wrap:wrap;gap:8px}
.company-footer .fbot .cr,.company-footer .fbot .made{font-size:12.5px;color:var(--faint)}

/* 통합 사이트 헤더 — 송지아 페이지가 쓰던 예전 헤더 스타일을 모든 페이지에 쓴다.
   좌: 로고(jxhxxx. | Studio) · 가운데: 봇 드롭다운 + Avengent · 우: 스튜디오 · English · 문의 */
.site-nav{position:sticky;top:0;z-index:60;background:transparent;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s}
.site-nav.scrolled{background:var(--nav-bg,rgba(251,251,249,.86));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line);box-shadow:0 1px 12px -6px rgba(16,18,25,.12)}
.site-nav .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:18px;height:52px;padding:0}
.site-brand{display:inline-flex;align-items:center;font-weight:900;font-size:23px;letter-spacing:-.03em;text-decoration:none;color:var(--ink);padding:6px 0;margin:-6px 0;white-space:nowrap}
.site-brand img{height:31px;width:auto;display:block;margin-right:9px}
.site-brand .dot{color:#5865F2}
.site-brand small{position:relative;top:1.5px;margin-left:22px;font-size:14.5px;font-weight:700;color:var(--dim);letter-spacing:-.01em;white-space:nowrap}
.site-brand small::before{content:"";position:absolute;left:-11px;top:calc(50% - 1.5px);transform:translateY(-50%);width:1px;height:20px;background:var(--line)}
.site-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:40px;font-size:14px;font-weight:600;color:var(--dim)}
.site-links > a,.has-sub > a{position:relative;padding:4px 1px;color:var(--dim);text-decoration:none;transition:color .16s}
.site-links > a:hover,.has-sub > a:hover{color:var(--ink)}
.site-links > a::after,.has-sub > a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;border-radius:2px;background:var(--accent);transition:right .22s ease}
.site-links > a:hover::after,.has-sub:hover > a::after{right:0}
.site-links > a.on{color:var(--ink)}.site-links > a.on::after{right:0}
.has-sub{position:relative;display:flex;align-items:center}
.has-sub > a{display:inline-flex;align-items:center}
.submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);padding-top:14px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:5}
.has-sub:hover .submenu,.has-sub:focus-within .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.sub-card{width:236px;padding:4px 14px 6px;border-radius:3px;background:var(--submenu-bg,rgba(251,251,249,.82));-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 18px 40px -28px rgba(16,18,25,.28)}
.sub-item{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid var(--ink);text-decoration:none;transition:border-color .18s}
.sub-item.upcoming{opacity:.45}
a.sub-item:hover{border-bottom-color:var(--accent)}
.sub-item img{width:34px;height:34px;border-radius:10px;object-fit:cover;object-position:center 22%;flex:none}
.sub-item .nm{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.3;transition:color .14s}
.sub-item .rl{font-size:11.5px;font-weight:500;color:var(--dim);line-height:1.4;margin-top:2px}
a.sub-item:hover .nm{color:var(--accent-dk)}
.site-right{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:600;color:var(--dim)}
.site-right a{color:var(--dim);text-decoration:none;white-space:nowrap;transition:color .16s}
.site-right a:hover{color:var(--ink)}
.site-cta{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:700;color:var(--ink)}
.site-cta:hover{border-color:var(--ink)}
@media(max-width:820px){.site-links{display:none}.site-brand small{display:none}.sn-aux{display:none}.site-right{gap:16px}}
@media(max-width:560px){.site-nav .wrap{height:auto;min-height:52px;padding-block:8px}.site-brand{font-size:20px}.site-brand img{height:28px;margin-right:8px}.site-right{gap:13px;font-size:13px}.site-cta{padding:7px 13px}}

/* Home: roadmap / founder / devlog */
.roadmap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.roadmap li{border-top:2px solid var(--ink);padding:20px 0 0}
.roadmap .rm-when{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dk);margin-bottom:12px}
.roadmap h3{font-size:19px;font-weight:750;letter-spacing:-.02em;margin:0 0 8px}
.roadmap p{font-size:14.5px;color:var(--dim);line-height:1.7;margin:0}
.founder-cards{display:flex;flex-direction:column;gap:14px}
.founder-card{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff}
.founder-av{width:58px;height:58px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px;flex:none}
.founder-card strong{display:block;font-size:17px;font-weight:750}
.founder-card span{font-size:13px;color:var(--dim)}
.devlog-card{display:block;border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;text-decoration:none;transition:border-color .16s,box-shadow .16s}
.devlog-card:hover{border-color:var(--accent);box-shadow:0 20px 44px -30px rgba(88,101,242,.5)}
.devlog-card strong{display:block;font-size:19px;font-weight:750;margin-bottom:8px}
.devlog-card span{font-size:14.5px;color:var(--dim);line-height:1.75}
@media(max-width:820px){.roadmap{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.company-footer{padding:34px 0 18px}.company-footer .wrap{width:calc(100% - 40px)}.company-footer .ftop{gap:18px 16px;padding-bottom:18px}.company-footer .fbrand p{font-size:12.5px;line-height:1.6}.company-footer .fcol h4{margin-bottom:2px}.company-footer .fcol a{padding:7px 0;font-size:13px}.company-footer .flegal{margin-top:2px;font-size:12.5px}}