body{margin:0}#root{min-height:100vh}:root{--bg:#fff;--text:#111;--muted:#5a5a5a;--line:#1111111f}*{box-sizing:border-box}html,body,#root,.page{min-height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif}p,h1,h2,h3,ul{margin:0}button,input,select,textarea{font:inherit}.top-nav{z-index:80;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:0;justify-content:space-between;align-items:center;min-height:70px;padding:10px 18px;display:flex;position:sticky;top:0}.menu-icon{cursor:pointer;background:#fff;border:1px solid #d7dce3;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;margin-left:auto;display:inline-flex}.menu-icon span{background:#0f1e35;border-radius:999px;width:16px;height:1.5px;display:block}.logo-text{font-weight:700}.menu-drawer{z-index:75;background:#fff;border:1px solid #ececec;border-top:0;border-radius:0 0 12px 12px;gap:8px;margin:0 14px;padding:10px;display:grid;position:sticky;top:70px}.menu-drawer button{text-align:left;background:#fafafa;border:1px solid #e8e8e8;border-radius:10px;min-height:40px;padding:0 12px}main{max-width:1320px;margin:0 auto;padding:14px 18px 56px}.clean-hero{min-height:auto;padding-top:clamp(34px,5.5vw,62px);padding-bottom:22px}.hero-main-title{letter-spacing:-.022em;text-align:center;color:#061d37;text-shadow:.6px 0 #1f65ff;max-width:none;margin:clamp(8px,1.6vw,18px) auto 0;font-size:clamp(1.7rem,4vw,3.1rem);font-weight:600;line-height:1.13}.hero-title-line{white-space:nowrap;display:inline-block}.hero-pillars{grid-template-columns:1fr;gap:18px;max-width:1080px;margin-top:clamp(60px,6.3vw,82px);margin-left:auto;margin-right:auto;display:grid}.hero-pillar{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;max-width:320px;min-height:68px;margin:0 auto;padding:0 14px;display:flex}.pillar-icon{justify-content:center;align-items:center;min-height:24px;margin:0;font-size:1.56rem;font-weight:600;line-height:1;display:inline-flex}.pillar-icon.blue{color:#1c63ff}.pillar-icon.magenta{color:#c622f3}.pillar-icon.green{color:#07a247}.pillar-copy{color:#374558;white-space:nowrap;max-width:22ch;margin:0;font-size:clamp(.98rem,1.25vw,1.08rem);line-height:1.38}.pillar-action{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:500;text-decoration:none}.hero-pillar:first-child .pillar-action{color:#1c63ff}.hero-pillar:nth-child(2) .pillar-action{color:#c622f3}.hero-pillar:nth-child(3) .pillar-action{color:#07a247}.pillar-action:hover{opacity:.8}.hero-pillar:nth-child(3) .pillar-copy{max-width:22ch}.hero-main-title,.hero-pillars{animation:.56s ease-out both heroRise}.hero-main-title{animation-delay:.12s}.hero-pillars{animation-delay:.22s}.hero-pillar:nth-child(2){animation-delay:.28s}.hero-pillar:nth-child(3){animation-delay:.36s}.hero-pillar{animation:.56s ease-out both heroRise}.marquee-wrap{width:100vw;margin-top:clamp(66px,8vw,104px);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}.marquee-track{gap:14px;width:max-content;animation:48s linear infinite marqueeMove;display:flex}.marquee-card{border-radius:14px;flex:none;width:clamp(220px,22vw,340px);height:clamp(210px,21vw,320px);position:relative;overflow:hidden}.marquee-card img{object-fit:cover;width:100%;height:100%;display:block}.marquee-card:after{content:"";background:linear-gradient(#0000 55%,#0000009e);position:absolute;inset:0}.marquee-card-copy{z-index:2;color:#d6f769;text-align:center;place-content:center;padding:12px;display:grid;position:absolute;inset:0}.marquee-card-copy p{font-size:clamp(.95rem,1.8vw,1.1rem);font-style:italic}.marquee-card-copy h3{margin-top:4px;font-size:clamp(1rem,2vw,1.45rem);line-height:1.1}.block-gap{margin-top:112px}.design-block h2{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(1.7rem,4vw,3.1rem)}.mosaic-grid{grid-template-columns:1fr;gap:24px;display:grid}.mosaic-image,.mosaic-text{background:#efeff1;border:1px solid #ececef;border-radius:24px;overflow:hidden}.mosaic-image img{object-fit:cover;width:100%;height:100%;min-height:210px;display:block}.mosaic-text{padding:18px 16px}.mosaic-text span{background:#ffd35a;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:inline-flex}.mosaic-text h3{margin-top:8px;font-size:1.12rem}.mosaic-text p{color:var(--muted);margin-top:6px;line-height:1.45}.showcase-compact{max-width:1080px;margin-left:auto;margin-right:auto}.showcase-compact h2{letter-spacing:-.02em;max-width:15ch;margin-bottom:20px;font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif;font-size:clamp(1.8rem,4.2vw,3.2rem);font-weight:600;line-height:1.02}.floating-layout{background:0 0;border-radius:0;min-height:760px;padding:24px;position:relative}.floating-copy{max-width:520px;margin:120px auto 0}.floating-copy h2{letter-spacing:-.02em;font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif;font-size:clamp(1.8rem,4.2vw,3.2rem);font-weight:600;line-height:1.02}.design-block.block-gap+.design-block.block-gap,.clean-hero+.design-block.block-gap{margin-top:148px}.floating-copy p{color:#3a3a3a;margin-top:14px;line-height:1.45}.floating-copy button{background:#e7e7e7;border:0;border-radius:9px;min-height:40px;margin-top:14px;padding:0 14px}.floating-card{width:250px;position:absolute}.floating-card img{object-fit:cover;border-radius:14px;width:100%;height:170px;display:block}.floating-card h3{margin-top:8px;font-size:1.03rem}.landing-footer{background:#fff;border-radius:26px;padding:92px 28px 140px}.landing-footer-inner{gap:34px;max-width:980px;margin:0 auto;display:grid}.footer-brand{gap:18px;display:grid}.footer-logo{letter-spacing:-.02em;color:#3d62c4;font-size:clamp(2rem,4vw,3rem);font-weight:700}.footer-social{flex-wrap:wrap;gap:12px;display:flex}.footer-social a{color:#111;font-weight:600;text-decoration:none}.footer-badge-row{flex-wrap:wrap;gap:10px;display:flex}.footer-badge-row span{background:#f8f8f8;border:1px solid #dbdbdb;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.85rem;display:inline-flex}.footer-links{align-content:start;gap:10px;display:grid}.footer-links h3{margin-bottom:4px;font-size:1.06rem}.footer-links a{color:#111;font-size:1.2rem;text-decoration:none}.landing-footer-meta{color:#444;border-top:1px solid #d5d5d5;gap:10px;max-width:980px;margin:52px auto 0;padding-top:22px;display:grid}.top-left{top:24px;left:24px}.top-right{top:24px;right:24px}.mid-right{top:310px;right:64px}.low-left{bottom:26px;left:160px}.low-mid{bottom:26px;right:350px}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:16px;padding:18px}.strip-title{letter-spacing:.12em;text-transform:uppercase;color:#5d5d5d;font-size:.74rem}.panel h2{margin-top:8px;font-size:clamp(1.45rem,4vw,2.5rem)}.question-count{background:#efefef;border-radius:999px;margin-top:10px;padding:6px 12px;font-size:.83rem;display:inline-flex}.form-grid{gap:10px;margin-top:12px;display:grid}.question-card{background:#fafafa;border:1px solid #e6e6e6;border-radius:12px;padding:12px}.question-label{font-weight:700}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-btn,.choice-row,.chip{background:#fff;border:1px solid #ddd;border-radius:10px;min-height:40px}.choice-btn.active,.choice-row.active,.chip.active{border-color:#111;font-weight:700}.row-choice{gap:8px;margin-top:8px;display:grid}.choice-row{text-align:left;padding:0 12px}.chip-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{border-radius:999px;padding:0 12px}.scale-row{justify-content:center;gap:20px;margin-top:8px;display:flex}.scale-dot{background:#fff;border:2px solid #aaa;border-radius:999px;width:34px;height:34px}.scale-dot.active-left,.scale-dot.active-right{border-color:#111}.scale-label{color:#666;justify-content:space-between;margin-top:8px;display:flex}.error{color:#c22525}.primary-btn{color:#fff;background:#111;border:0;border-radius:10px;min-height:42px;padding:0 14px;font-weight:700}.result-panel{gap:12px;display:grid}.result-desc{color:#444;line-height:1.55}.result-block{border-top:1px solid #ededed;padding-top:10px}.result-block ul{margin-top:8px;padding-left:18px}@media (width>=1024px){.clean-hero{min-height:auto;padding-top:64px;padding-bottom:24px}.hero-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.showcase-compact .mosaic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.showcase-compact .mosaic-grid>:first-child{grid-area:1/1/auto/3}.showcase-compact .mosaic-grid>:nth-child(2){grid-area:1/3/auto/4}.showcase-compact .mosaic-grid>:nth-child(3){grid-area:2/1/auto/2}.showcase-compact .mosaic-grid>:nth-child(4){grid-area:2/2/auto/4}.showcase-compact .mosaic-grid>:nth-child(5){grid-area:3/1/auto/3}.showcase-compact .mosaic-grid>:nth-child(6){grid-area:3/3/auto/4}.showcase-compact .mosaic-image,.showcase-compact .mosaic-image.large{height:390px}.showcase-compact .mosaic-image img{min-height:0}.showcase-compact .mosaic-text{align-content:start;min-height:390px;padding:28px 24px;display:grid}.showcase-compact .mosaic-text h3{letter-spacing:-.03em;font-size:1.9rem;line-height:1.16}.showcase-compact .mosaic-text p{margin-top:10px;font-size:1.06rem;line-height:1.52}.landing-footer-inner{grid-template-columns:1.05fr 1fr 1fr}.landing-footer-meta{grid-template-columns:1fr 1fr 1fr;align-items:center}.landing-footer-meta p:nth-child(2){text-align:center}.landing-footer-meta p:nth-child(3){text-align:right}.form-grid{grid-template-columns:1fr 1fr}.form-grid .question-card:nth-child(3),.form-grid .question-card:nth-child(5),.form-grid .question-card:nth-child(6),.form-grid .error,.form-grid .form-submit{grid-column:1/-1}}@media (width<=1023px){.block-gap{margin-top:88px}.landing-footer{border-radius:22px;padding:70px 20px 120px}.footer-links a{font-size:1.05rem}.top-right,.mid-right,.low-left,.low-mid{width:100%;position:static}.floating-layout{gap:12px;min-height:auto;display:grid}.floating-copy{max-width:100%;margin:0}.floating-card img{height:220px}}@keyframes marqueeMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes heroRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}