:root{--st-ink:#202039;--st-paper:#f2efe8;--st-white:#fffdf8;--st-purple:#7357d9;--st-cyan:#61d5dd;--st-pink:#ef8ea6;--st-line:rgba(32,32,57,.18)}*{box-sizing:border-box}body.studio-landing{margin:0;color:var(--st-ink);background:var(--st-paper);font-family:"Pretendard",system-ui,sans-serif}.studio-landing a{color:inherit;text-decoration:none}.studio-landing .seo-hero,.studio-landing .seo-section,.studio-landing .seo-footer{border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.studio-nav{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:15px max(20px,calc((100vw - 1400px)/2));border-bottom:1px solid var(--st-line);background:rgba(242,239,232,.94);backdrop-filter:blur(18px)}.studio-nav>div{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;letter-spacing:.13em}.studio-nav i{width:8px;height:8px;border-radius:50%;background:var(--st-cyan);box-shadow:0 0 12px var(--st-cyan)}.studio-nav>div b{color:var(--st-purple)}.studio-nav>a:last-child{padding:11px 16px;color:#fff;background:var(--st-ink);font-size:11px;font-weight:900}.studio-shell{width:min(1400px,100%);margin:auto}.studio-code{font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.studio-hero{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:7vw;align-items:center;min-height:760px;padding:85px clamp(22px,6vw,92px)!important;background:linear-gradient(130deg,#ddd7fa,var(--st-paper) 58%)!important}.studio-hero h1{max-width:850px;margin:24px 0;font-size:clamp(49px,6.2vw,91px);line-height:.94;letter-spacing:-.065em}.studio-lead{max-width:700px;color:#65657c;font-size:18px;line-height:1.75}.studio-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.studio-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;font-weight:900}.studio-btn--purple{color:#fff!important;background:var(--st-purple)}.studio-btn--line{border:1px solid var(--st-ink)}.studio-console{padding:24px;color:#fff;background:var(--st-ink);box-shadow:20px 22px 0 var(--st-cyan)}.console-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.18);font-size:9px;letter-spacing:.12em}.console-head b{color:var(--st-cyan)}.console-people{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;padding:42px 0 30px}.console-people div{display:flex;flex-direction:column;align-items:center;gap:9px}.console-people div>span{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--st-cyan);border-radius:50%;font-size:25px;font-weight:900}.console-people .is-center>span{color:var(--st-ink);background:var(--st-cyan)}.console-people small{font-size:7px;letter-spacing:.1em}.console-people>i{width:30px;border-top:1px dashed var(--st-pink)}.waveform{display:flex;align-items:center;justify-content:space-between;height:130px;padding:15px;background:#15152a}.waveform i{width:5px;height:var(--h);border-radius:5px;background:linear-gradient(var(--st-cyan),var(--st-purple))}.console-levels{display:flex;justify-content:space-between;padding-top:20px;font-size:8px;letter-spacing:.1em}.console-levels b{color:var(--st-cyan)}.studio-flow,.studio-transcript,.studio-channels,.studio-routing,.studio-faq{padding:105px clamp(22px,6vw,90px)!important;border-top:1px solid var(--st-line)!important;background:var(--st-paper)!important}.studio-heading{display:grid;grid-template-columns:.36fr 1.64fr;gap:35px;margin-bottom:55px}.studio-heading h2,.studio-faq h2{max-width:950px;margin:0;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.055em}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.flow-grid article{display:flex;flex-direction:column;min-height:390px;padding:25px;border:1px solid var(--st-line);background:var(--st-white)}.flow-grid article>div:first-child{display:flex;justify-content:space-between}.flow-grid article>div span{color:var(--st-purple);font-size:30px;font-weight:900}.flow-grid article>div b{font-size:9px;letter-spacing:.12em}.mini-wave{overflow:hidden;margin:58px 0 22px;color:var(--st-cyan);font-size:26px;letter-spacing:5px;transform:skewY(-8deg)}.flow-grid h3{margin:0;font-size:22px;line-height:1.4}.flow-grid footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--st-line);font-size:9px;letter-spacing:.1em}.studio-transcript{background:#ded8f5!important}.transcript-window{display:grid;grid-template-columns:70px 1fr;border:1px solid var(--st-ink);background:var(--st-white)}.transcript-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--st-ink)}.transcript-sidebar span{display:grid;place-items:center;flex:1;min-height:100px;border-bottom:1px solid var(--st-ink);font-weight:900}.transcript-lines article{padding:28px;border-bottom:1px solid var(--st-line)}.transcript-lines header{display:flex;justify-content:space-between;color:var(--st-purple);font-size:9px;letter-spacing:.1em}.transcript-lines h3{margin:18px 0 10px;font-size:22px}.transcript-lines p{margin:0;color:#68677b;line-height:1.6}.studio-principle{display:grid;grid-template-columns:180px 1fr;gap:55px;align-items:center;padding:75px clamp(22px,6vw,90px)!important;color:#fff;background:var(--st-purple)!important}.principle-icon{display:grid;place-items:center;width:150px;height:150px;border:2px solid #fff;border-radius:50%;font-size:60px}.studio-principle h2{margin:8px 0;font-size:clamp(34px,4.5vw,63px);line-height:1}.studio-principle p:last-child{max-width:850px;line-height:1.65}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.channel-grid a{display:flex;flex-direction:column;min-height:370px;padding:23px;color:#fff;background:var(--st-ink)}.channel-grid a>div{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.1em}.channel-grid a i{width:7px;height:7px;margin-left:auto;margin-right:7px;border-radius:50%;background:var(--st-cyan)}.channel-grid h3{margin:70px 0 13px;font-size:22px}.channel-grid p{color:#bab9ca;line-height:1.55}.channel-grid footer{margin-top:auto;color:var(--st-cyan);font-size:9px;letter-spacing:.1em}.channel-grid a:hover{color:var(--st-ink);background:var(--st-cyan)}.channel-grid a:hover p,.channel-grid a:hover footer{color:var(--st-ink)}.studio-routing{background:var(--st-white)!important}.routing-list{border-top:2px solid var(--st-ink)}.routing-list a{display:grid;grid-template-columns:70px 1fr auto;gap:25px;align-items:center;padding:25px 8px;border-bottom:1px solid var(--st-line)}.routing-list>a>span{color:var(--st-purple);font-size:28px;font-weight:900}.routing-list h3{margin:0 0 7px;font-size:22px}.routing-list p{margin:0;color:#69687d}.routing-list>a>b{font-size:9px}.routing-list a:hover{padding-left:20px;background:#eeeafa}.studio-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.studio-faq .faq-list{margin:0}.studio-faq .faq-item{border-color:var(--st-line);border-radius:12px;background:var(--st-white)}.studio-faq .faq-item button{color:var(--st-ink)}.studio-faq .faq-answer{color:#66657a}.studio-final{display:flex!important;justify-content:space-between;align-items:end;gap:40px;padding:90px clamp(22px,6vw,90px)!important;color:#fff;background:var(--st-ink)!important}.studio-final h2{max-width:850px;margin:10px 0 0;font-size:clamp(40px,5vw,72px);line-height:.98}.studio-btn--white{color:var(--st-ink)!important;background:#fff}.studio-btn--lightline{border:1px solid #fff}[dir="rtl"] .transcript-sidebar{border-right:0;border-left:1px solid var(--st-ink)}@media(max-width:980px){.studio-hero,.studio-faq{grid-template-columns:1fr!important}.studio-console{max-width:650px;margin:30px auto}.channel-grid{grid-template-columns:repeat(2,1fr)}.studio-heading{grid-template-columns:1fr}.studio-final{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.studio-nav{grid-template-columns:1fr auto;padding:13px 16px}.studio-nav>div{display:none}.studio-nav img{width:125px;height:auto}.studio-nav>a:last-child{font-size:9px}.studio-hero,.studio-flow,.studio-transcript,.studio-channels,.studio-routing,.studio-faq,.studio-final{padding:65px 19px!important}.studio-hero h1{font-size:44px}.studio-console{padding:18px;box-shadow:10px 12px 0 var(--st-cyan)}.console-people div>span{width:50px;height:50px}.console-people>i{width:12px}.flow-grid,.channel-grid{grid-template-columns:1fr}.transcript-window{grid-template-columns:45px 1fr}.studio-principle{grid-template-columns:1fr;padding:55px 20px!important}.principle-icon{width:100px;height:100px}.routing-list a{grid-template-columns:45px 1fr}.routing-list>a>b{display:none}.studio-final .studio-actions{width:100%;flex-direction:column}.studio-final .studio-btn{width:100%}}
