:root{--site-bg: #f7f6f8;--site-surface: #fff;--site-ink: #191821;--site-muted: #706d7c;--site-line: #e8e5eb;--site-pink: #f34f7f;--site-pink-dark: #c93665;--site-blue: #3979d8;--site-max: 1120px}body.content-page,body.fo-body,body.tutorial-page{margin:0;background:var(--site-bg);color:var(--site-ink);font-family:Pretendard,Apple SD Gothic Neo,Segoe UI,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}.site-global-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--site-line);background:#fffffff2}.site-global-inner{width:min(var(--site-max),calc(100% - 48px));height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-global-brand{display:inline-flex;align-items:center;gap:9px;color:var(--site-ink);font-size:17px;font-weight:850;letter-spacing:-.02em;text-decoration:none}.site-global-brand img{width:25px;height:25px;border-radius:7px}.site-global-nav{display:flex;align-items:center;gap:6px}.site-global-nav a{padding:9px 12px;border-radius:8px;color:var(--site-muted);font-size:14px;font-weight:650;text-decoration:none}.site-global-nav a:hover,.site-global-nav a.is-current,.site-global-nav a[aria-current=page]{background:#f1eff2;color:var(--site-ink)}.content-shell{width:min(var(--site-max),calc(100% - 48px));padding:52px 0 88px}.content-hero{padding:24px 0 42px}.content-hero--split{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:center}.content-hero-copy{min-width:0}.content-kicker{margin-bottom:14px;color:var(--site-pink-dark);font-size:13px;font-weight:800}.content-hero h1{max-width:760px;font-size:clamp(40px,5.3vw,68px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.content-lead{max-width:66ch;color:var(--site-muted);font-size:17px;line-height:1.75;text-wrap:pretty}.content-button{min-height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--site-ink);box-shadow:none;font-weight:750}.content-button:hover{background:#302e38}.content-button.secondary{border:1px solid var(--site-line);background:#fff;color:var(--site-ink)}.content-visual{overflow:hidden;border:1px solid var(--site-line);border-radius:16px;background:#fff}.type-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--site-line)}.type-preview img{width:100%;aspect-ratio:1.15;object-fit:contain;padding:14px;background:#f5f3f5}.guide-preview{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:repeat(2,1fr);gap:1px;min-height:360px;background:var(--site-line)}.guide-preview img{width:100%;height:100%;object-fit:cover;background:#f2eff2}.guide-preview img:first-child{grid-row:1 / 3}.content-grid{gap:18px;margin-top:34px}.content-card{overflow:hidden;padding:0;border:1px solid var(--site-line);border-radius:14px;background:#fff;box-shadow:none}.content-card__media{width:100%;aspect-ratio:16 / 9;margin:0;overflow:hidden;background:#f2eff2}.content-card__media img{width:100%;height:100%;object-fit:cover}.content-card__body{padding:22px}.content-card h2,.content-card h3{color:var(--site-ink)}.content-card p{color:var(--site-muted)}.content-card:hover{border-color:#cfc9d2}.type-list{grid-template-columns:repeat(4,minmax(0,1fr))}.type-chip{display:block;min-height:0;padding:18px}.type-chip img{width:100%;max-width:none;aspect-ratio:4 / 3;margin-bottom:14px;border-radius:10px;background:#f5f3f5;object-fit:contain}.type-chip h2{margin-top:4px}.type-code{color:var(--site-pink-dark)}.content-callout{border:1px solid var(--site-line);border-radius:12px;background:#fff}.fo-header{display:none}.fo-main{width:min(var(--site-max),calc(100% - 48px));max-width:none;padding:54px 0 88px}.fo-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:center;margin-bottom:42px}.fo-intro__copy h1{margin:10px 0 18px;font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:-.04em}.fo-intro__copy>p:last-child{max-width:56ch;color:var(--site-muted);font-size:17px;line-height:1.7}.fo-intro__label{color:#8a5b12;font-size:13px;font-weight:800}.fo-intro__visual{padding:28px;border:1px solid #e5ded1;border-radius:16px;background:#f5f0e7}.fo-intro__visual p{margin:0 0 20px;color:#746957;font-size:13px}.fo-intro__pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fo-intro__pillars span{display:grid;place-items:center;aspect-ratio:.75;border-radius:10px;background:#fff;color:#584b39;font-size:26px;font-weight:750}#fo-root{max-width:760px;margin:0 auto}.fo-card{padding:34px;border:1px solid var(--site-line);border-radius:14px;box-shadow:none}.fo-title{font-size:28px;letter-spacing:-.03em}.fo-input,.fo-gender__opt{border-color:var(--site-line);border-radius:10px}.fo-input:focus{border-color:var(--site-pink);box-shadow:0 0 0 3px #f34f7f1f}.fo-submit{border-radius:10px;background:var(--site-ink)}.fo-submit:hover{background:#302e38;filter:none}.fo-keyword{background:#fff0f5;color:var(--site-pink-dark)}.fo-block__title{color:var(--site-pink-dark)}.fo-cta--primary{background:var(--site-ink)}.fo-cta--ghost{border-color:var(--site-line);color:var(--site-ink)}.fo-footer{display:none}.tutorial-page .tut-wrap{max-width:920px;padding:52px 24px 88px}.tutorial-page .tut-nav{display:none}.tutorial-page .tut-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:center;padding:20px 0 48px;text-align:left}.tut-hero-copy .eyebrow{padding:0;background:none;color:var(--site-pink-dark)}.tutorial-page .tut-hero h1{margin:8px 0 18px;font-size:clamp(40px,5vw,62px);line-height:1.08;letter-spacing:-.04em}.tutorial-page .tut-hero h1 em{color:var(--site-ink)}.tutorial-page .tut-hero p{margin:0;color:var(--site-muted)}.tutorial-page .summary{justify-content:flex-start;margin-top:22px}.tutorial-page .summary span{padding:7px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--site-muted)}.tutorial-page .summary span+span:before{content:"·";margin-right:8px;color:#bbb5bf}.tut-hero-visual{margin:0;overflow:hidden;border:1px solid var(--site-line);border-radius:16px;background:#fff}.tut-hero-visual img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.tut-hero-visual figcaption{display:block;padding:14px 16px;color:var(--site-muted);font-size:13px}.tutorial-page .step{padding:30px;border:1px solid var(--site-line);border-radius:14px;box-shadow:none}.tutorial-page .step-num{border-radius:10px;background:var(--site-ink);box-shadow:none}.tutorial-page .tabs{border-radius:10px}.tutorial-page .tab-btn{border-radius:7px}.tutorial-page .tab-btn.is-active{color:var(--site-pink-dark);box-shadow:none}.tutorial-page .callout{border-radius:10px}.tutorial-page .faq details{border-color:var(--site-line);border-radius:10px}.tutorial-page .cta-block{border:1px solid var(--site-line);border-radius:14px;background:#fff}.tutorial-page .cta-btn{border-radius:10px;background:var(--site-ink);box-shadow:none}.tutorial-page .section-title{color:var(--site-ink);letter-spacing:0;text-transform:none}.tutorial-page .tut-foot{display:none}.site-unified-footer{padding:36px 0 44px;border-top:1px solid var(--site-line);background:#fff}.site-unified-footer__inner{width:min(var(--site-max),calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start}.site-unified-footer__brand{display:flex;align-items:center;gap:10px}.site-unified-footer__brand img{width:30px;height:30px;border-radius:8px}.site-unified-footer__brand strong{display:block;font-size:14px}.site-unified-footer__brand span,.site-unified-footer__meta,.site-unified-footer__info,.site-unified-footer__copy{color:var(--site-muted);font-size:12px}.site-unified-footer__meta,.site-unified-footer__info{display:grid;gap:6px}.site-unified-footer__meta a,.site-unified-footer__info a{color:var(--site-muted);text-decoration:none}.site-unified-footer__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px}.site-unified-footer__links a{color:var(--site-muted);font-size:13px;font-weight:650;text-decoration:none}.site-unified-footer__links a:hover{color:var(--site-pink-dark)}.research-index .content-shell{padding-top:64px}.research-hero{padding:18px 0 72px}.research-hero .content-hero-copy h1{max-width:700px;margin:0}.research-hero__notes{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;color:var(--site-pink-dark);font-size:14px;font-weight:750}.research-hero__notes span+span:before{content:"·";margin-right:22px;color:#bbb5bf}.research-poll-preview{padding:28px;border-radius:16px;background:var(--site-ink);color:#fff}.research-poll-preview__top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#bdb9c6;font-size:12px}.research-poll-preview__top strong{color:#ff759d;font-size:13px}.research-poll-preview>p{margin:30px 0 22px;font-size:25px;font-weight:800;line-height:1.35;letter-spacing:-.03em;text-wrap:balance}.research-poll-preview__options{display:grid;gap:8px}.research-poll-preview__option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:1px solid #45424d;border-radius:9px;overflow:hidden;background:transparent;color:#eeecf0;font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:border-color .18s ease-out,background .18s ease-out}.research-poll-preview__option:hover:not(:disabled),.research-poll-preview__option:focus-visible{border-color:#ff759d;background:#2b2026}.research-poll-preview__option:disabled{cursor:default}.research-poll-preview__option .poll-bar{background:#35232c}.research-poll-preview__option.mine{border-color:#ff759d}.research-poll-preview__option.mine .poll-bar{background:#4a2734}.research-poll-preview__option .poll-pct{color:#d7d2db}.research-poll-preview small{display:block;margin-top:18px;color:#a9a5b0;line-height:1.6}.research-poll-preview__test{display:inline-block;margin-top:14px;color:#ff8bac;font-size:13px;font-weight:800;text-decoration:none}.research-poll-preview__test:hover{color:#fff}.research-overview{padding-top:46px;border-top:1px solid var(--site-line)}.research-overview+.research-overview{margin-top:72px}.research-overview__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.research-overview__head p{margin:0 0 6px;color:var(--site-pink-dark);font-size:13px;font-weight:800}.research-overview__head h2{margin:0;font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;text-wrap:balance}.research-overview__head>span{color:var(--site-muted);font-size:13px}.research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.research-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--site-line);border-radius:14px;background:#fff;color:var(--site-ink);text-decoration:none;transition:border-color .2s ease-out,transform .2s ease-out}.research-card:hover{border-color:#cfc9d2;transform:translateY(-2px)}.research-card__media{aspect-ratio:16 / 9;margin:0;overflow:hidden;background:#f1eff2}.research-card__media img{width:100%;height:100%;object-fit:cover}.research-card__body{display:flex;flex:1;flex-direction:column;padding:24px}.research-card__meta{display:flex;justify-content:space-between;gap:16px;color:var(--site-muted);font-size:12px;font-weight:700}.research-card__meta span:first-child{color:var(--site-pink-dark)}.research-card h3{margin:18px 0 10px;font-size:clamp(21px,2vw,26px);line-height:1.25;letter-spacing:-.035em;text-wrap:balance}.research-card p{flex:1;margin:0;color:var(--site-muted);line-height:1.7;text-wrap:pretty}.research-card__body>strong{display:inline-block;margin-top:auto;padding-top:22px;font-size:14px}.research-next{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:72px;padding:34px;border-radius:14px;background:#ece9ee}.research-next p{margin:0 0 6px;color:var(--site-pink-dark);font-size:13px;font-weight:800}.research-next h2{max-width:620px;margin:0;font-size:clamp(22px,3vw,32px);letter-spacing:-.035em;text-wrap:balance}.research-next .content-button{flex:0 0 auto;color:#fff;text-decoration:none}.research-detail .content-hero{max-width:850px;padding-top:30px}@media (max-width: 860px){.content-hero--split,.fo-intro,.tutorial-page .tut-hero{grid-template-columns:1fr;gap:32px}.content-visual,.fo-intro__visual,.tut-hero-visual{max-width:520px}.type-list{grid-template-columns:repeat(2,minmax(0,1fr))}.site-unified-footer__inner{grid-template-columns:1fr}.site-unified-footer__links{justify-content:flex-start}.research-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research-card__media{aspect-ratio:16 / 9}.research-next{align-items:flex-start;flex-direction:column}}@media (max-width: 640px){.site-global-inner{width:calc(100% - 32px);height:62px}.site-global-nav a:nth-child(n+3){display:none}.site-global-nav a{padding:7px 8px;font-size:12px}.content-shell,.fo-main{width:calc(100% - 36px);padding-top:34px}.content-hero h1,.fo-intro__copy h1,.tutorial-page .tut-hero h1{font-size:40px}.type-list{grid-template-columns:1fr}.guide-preview{min-height:260px}.fo-card,.tutorial-page .step{padding:24px 18px}.tutorial-page .tut-wrap{padding:34px 18px 64px}.site-unified-footer__inner{width:calc(100% - 36px)}.research-index .content-shell{padding-top:36px}.research-hero{padding-bottom:48px}.research-poll-preview{padding:22px 18px}.research-poll-preview>p{font-size:22px}.research-overview__head{align-items:flex-start;flex-direction:column}.research-grid{grid-template-columns:1fr}.research-card__body{padding:20px}.research-next{margin-top:48px;padding:24px 20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important}}