:root{--bg:#f6f3fb;--ghost:#a99fc2;--chip:#f3eefb;--kakao:#fee500;--kakao-ink:#191600;--shadow:0 6px 24px rgba(60,40,110,0.1);--shadow-lg:0 18px 50px rgba(60,40,110,0.16);--font:-apple-system,"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f8f5fc,#efeaf7 60%,#f4eff9);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}h1,h2,h3{letter-spacing:-.4px;margin:0}p{margin:0}a{color:inherit;text-decoration:none}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--plum);margin-bottom:14px}nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);background:rgba(248,245,252,.82);border-bottom:1px solid var(--line)}.nav-in{max-width:1080px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;gap:12px}.logo{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--plum),#a98be0);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:var(--shadow);font-size:15px}.brand{font-size:27px;font-weight:400;line-height:1;color:var(--plum);letter-spacing:.2px}.nav-cta{margin-left:auto}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;border:0;cursor:pointer;font-family:inherit;border-radius:12px;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px)}.btn-plum{background:var(--plum);color:#fff;padding:11px 18px;font-size:14px;box-shadow:0 6px 18px rgba(124,92,191,.32)}.btn-kakao{background:var(--kakao);color:var(--kakao-ink);padding:15px 26px;font-size:16px;box-shadow:0 8px 22px rgba(254,229,0,.4)}.btn-sm{padding:9px 15px;font-size:13.5px}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--plum-ink);padding:11px 18px;font-size:14px}section{padding:86px 0}.sec-head{text-align:center;max-width:640px;margin:0 auto 46px}.sec-head h2{font-size:31px;font-weight:800;line-height:1.3}.sec-head p{color:var(--muted);font-size:16px;margin-top:14px}.hero{padding:66px 0 78px;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:52px;gap:52px;align-items:center}.hero h1{font-size:42px;font-weight:800;line-height:1.28}.hero h1 .hl{color:var(--plum);position:relative;white-space:nowrap}.hero .lead{font-size:17px;color:#57506e;margin-top:22px;max-width:460px}.hero-cta{display:flex;align-items:center;gap:16px;margin-top:30px;flex-wrap:wrap}.link-arrow{font-size:14px;font-weight:700;color:var(--plum-ink)}.badges{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.tb{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700;color:var(--plum-ink);box-shadow:var(--shadow)}.tb .d{width:6px;height:6px;border-radius:50%;background:var(--mint)}.mock{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden;transform:rotate(.6deg)}.mock .bar{padding:11px 15px;border-bottom:1px solid var(--line);background:#fbf9ff}.mock .bar,.mock .bar .s{display:flex;align-items:center;gap:6px}.mock .bar .s{font-size:11px;color:var(--muted);font-weight:700}.mock .bar .s .dot{width:15px;height:15px;border-radius:50%;background:#e4dcf3;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800}.mock .bar .s.on{color:var(--plum-ink)}.mock .bar .s.on .dot{background:var(--plum)}.mock .bar .s.ok .dot{background:var(--mint)}.mock .bar .save{margin-left:auto;font-size:10.5px;color:var(--mint);font-weight:700;display:flex;align-items:center;gap:5px}.mock .bar .save .d{width:6px;height:6px;border-radius:50%;background:var(--mint)}.mock .paper{padding:22px 24px 26px}.mock .dtitle{font-size:17px;font-weight:800;letter-spacing:-.3px;margin-bottom:12px}.mock .prose{font-size:14.5px;line-height:2;color:#3a3357}.mock .cursor{display:inline-block;width:2px;height:16px;background:var(--plum);vertical-align:-2px;margin:0 1px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.mock .ghostq{display:inline-block;color:var(--ghost);font-style:italic;background:#f7f4fc;border:1px dashed #ddd3ef;border-radius:8px;padding:1px 9px;margin-left:4px;font-size:13px}.mock .chips{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.mock .chip{background:var(--chip);border:1px solid var(--line);color:var(--plum-ink);font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:999px}.mock .chip.q{background:#fff;color:var(--muted);font-weight:600}.float-note{position:absolute;z-index:6;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.hero-mock-wrap{position:relative}.fn1{top:-42px;left:14px;color:#2b6b57;border-color:#bfe6d8;background:var(--mint-soft)}.fn2{bottom:-42px;right:14px;color:var(--plum-ink);background:var(--plum-soft);border-color:#ddd0f4}.cards3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.pcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;box-shadow:var(--shadow)}.pcard .emo{font-size:30px;display:block;margin-bottom:16px}.pcard .quote{font-size:18px;font-weight:800;letter-spacing:-.3px;margin-bottom:11px;line-height:1.4}.pcard .desc{font-size:14.5px;color:var(--muted);line-height:1.65}.pcard.accent{border-color:#e6d3b9;background:linear-gradient(180deg,#fffdf9,#fdf6ea)}.how{background:linear-gradient(180deg,#fbf9ff,#f5f0fb);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-bottom:34px}.scard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px;box-shadow:var(--shadow);position:relative}.scard .n{width:30px;height:30px;border-radius:50%;background:var(--plum);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;margin-bottom:15px;box-shadow:0 3px 10px rgba(124,92,191,.4)}.scard .st{font-size:15.5px;font-weight:800;letter-spacing:-.3px;margin-bottom:9px;line-height:1.4}.scard .sd{font-size:13.5px;color:var(--muted);line-height:1.6}.scard .sd b{color:var(--plum-ink)}.guard{max-width:820px;margin:58px auto 0;background:#fff;border:1.5px solid var(--plum-soft);border-left:4px solid var(--plum);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow);text-align:center}.guard .give{color:var(--mint);font-weight:800}.guard .no{color:var(--plum-ink);font-weight:800}.guard .txt{font-size:16px;line-height:1.7}.cmp-lead{text-align:center;color:var(--muted);font-size:16px;max-width:600px;margin:0 auto 34px}.cmp{max-width:840px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.cmp-row{display:grid;grid-template-columns:150px 1fr 1fr;border-bottom:1px solid var(--line)}.cmp-row:last-child{border-bottom:0}.cmp-row .rl{padding:18px;font-size:13px;font-weight:800;color:var(--muted);background:#fcfbff}.cmp-row .cc,.cmp-row .rl{display:flex;align-items:center}.cmp-row .cc{padding:18px 20px;font-size:14.5px;line-height:1.55}.cmp-row .ai{color:#9a92ab;background:#faf9fc}.cmp-row .us{color:var(--ink);background:linear-gradient(90deg,#fbf8ff,#f6f0fe)}.cmp-row .us b{color:var(--plum-ink)}.cmp-head{border-bottom:2px solid var(--line)}.cmp-head .cc{font-weight:800;font-size:15px;padding-top:20px;padding-bottom:20px}.cmp-head .rl{background:#fff}.cmp-head .ai{color:#8f8aa0;background:#f6f4f9}.cmp-head .us{background:var(--plum);color:#fff}.cross{color:#c0392b}.check,.cross{font-weight:800;margin-right:6px}.check{color:var(--mint)}.safety{background:linear-gradient(180deg,#f4f0fb,#eef7f3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cards4{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px;max-width:820px;margin:0 auto}.tcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow);display:flex;gap:16px}.tcard .ic{font-size:26px;flex-shrink:0;width:46px;height:46px;border-radius:12px;background:var(--plum-soft);display:grid;place-items:center}.tcard .tt{font-size:16px;font-weight:800;letter-spacing:-.3px;margin-bottom:7px}.tcard .td{font-size:13.5px;color:var(--muted);line-height:1.6}.safety-foot{text-align:center;font-size:17px;font-weight:700;color:var(--plum-ink);margin-top:36px}.safety-foot b{color:var(--plum)}.result{text-align:center}.result .big{font-size:27px;font-weight:800;line-height:1.5;max-width:720px;margin:0 auto;letter-spacing:-.4px}.result .big .u{background:linear-gradient(transparent 62%,#d6f0e6 0);padding:0 3px}.result .invite{margin-top:26px;font-size:16px;color:var(--muted)}.beta-pill{display:inline-block;background:var(--mint-soft);color:#2b6b57;font-weight:800;font-size:13px;padding:8px 16px;border-radius:999px;border:1px solid #bfe6d8;margin-bottom:26px}.scope{background:#fbf9ff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.typechips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:640px;margin:0 auto}.tc{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;color:var(--plum-ink);box-shadow:var(--shadow)}.tc .e{margin-right:7px}.grade-note{text-align:center;color:var(--muted);font-size:14.5px;margin-top:26px}.faq{max-width:760px;margin:0 auto}details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 22px;margin-bottom:12px;box-shadow:var(--shadow)}details[open]{border-color:#ddd0f4}summary{cursor:pointer;list-style:none;padding:18px 0;font-size:16px;font-weight:800;letter-spacing:-.3px;display:flex;align-items:center;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--plum);font-size:22px;font-weight:400}details[open] summary:after{content:"−"}details .a{padding:0 0 20px;font-size:14.5px;color:var(--muted);line-height:1.7}.final{padding:20px 0 96px}.final-panel{background:linear-gradient(140deg,#5a3fa0,#7c5cbf 55%,#9b7bd8);border-radius:28px;padding:58px 40px;text-align:center;color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.final-panel:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);top:-120px;right:-60px}.final-panel h2{font-size:30px;font-weight:800;line-height:1.4;position:relative}.final-panel .sub{font-size:16px;opacity:.9;margin-top:14px;position:relative}.final-panel .cta{margin-top:30px;position:relative}.final-badges{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap;position:relative}.fbadge{font-size:12.5px;font-weight:700;opacity:.92;display:inline-flex;align-items:center;gap:6px}.fbadge .d{width:5px;height:5px;border-radius:50%;background:#fff;opacity:.7}.free-tag{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:800;font-size:13px;padding:7px 15px;border-radius:999px;margin-bottom:20px;position:relative}footer{text-align:center;padding:34px 0 46px;color:var(--muted);font-size:13px}footer .fl{display:flex;gap:18px;justify-content:center;margin-bottom:14px;font-weight:700;color:var(--plum-ink)}.showcase{display:grid;grid-template-columns:.92fr 1.08fr;grid-gap:46px;gap:46px;align-items:center;max-width:960px;margin:44px auto 0}.sc-copy .sc-tag{display:inline-block;font-size:12px;color:var(--plum);letter-spacing:.6px}.sc-copy .sc-tag,.sc-copy h3{font-weight:800;margin-bottom:12px}.sc-copy h3{font-size:22px;letter-spacing:-.3px;line-height:1.45}.sc-copy p{font-size:15px;color:var(--muted);line-height:1.75}.sc-copy p b{color:var(--plum-ink)}.mock--flat{transform:none}.mock--flat:hover{transform:translateY(-2px);transition:transform .2s ease}.mock--nudge .paper{padding-left:44px}.nudge-mark{position:absolute;left:-30px;top:1px;width:20px;height:20px;border-radius:50%;background:var(--amber-soft);border:1.5px solid var(--amber);color:var(--amber);display:grid;place-items:center;font-size:12px;font-weight:800}.nudge-pop{margin-top:12px;background:#fff;border:1px solid var(--amber);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow)}.nudge-pop .t{font-size:10.5px;color:var(--amber);font-weight:800;margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}.nudge-pop .q{font-size:13.5px;line-height:1.55;color:#463c62}.nudge-pop .act{display:flex;gap:8px;margin-top:12px}.mini{font-size:11.5px;padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700}.mini.go{background:var(--amber-soft);border-color:#e6d3b9;color:#a15e12}.mini.ghost{color:var(--muted)}.sel{background:#d9ccf3;border-radius:4px;padding:1px 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.dragmenu{display:inline-flex;gap:3px;background:#2b2440;border-radius:11px;padding:6px;margin-top:14px;box-shadow:var(--shadow)}.dragmenu span{color:#fff;font-size:11.5px;padding:6px 10px;border-radius:7px;white-space:nowrap}.dragmenu span:hover{background:rgba(255,255,255,.1)}.no-rewrite{margin-top:12px;font-size:11.5px;color:var(--mint);font-weight:700;display:flex;align-items:center;gap:6px}@media (max-width:860px){.hero{grid-template-columns:1fr;gap:38px;padding:44px 0 56px}.hero h1{font-size:32px}.hero-mock-wrap{max-width:420px;margin:0 auto}.float-note{display:none}.cards3{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.cards4{grid-template-columns:1fr}.sec-head h2{font-size:25px}section{padding:62px 0}.cmp-row{grid-template-columns:96px 1fr 1fr}.cmp-row .rl{padding:14px 10px;font-size:11.5px}.cmp-row .cc{padding:14px 12px;font-size:12.5px}.final-panel{padding:44px 24px}.final-panel h2{font-size:24px}.result .big{font-size:21px}.showcase{grid-template-columns:1fr;gap:30px;max-width:440px}.showcase .sc-copy{order:-1}}@media (max-width:480px){.steps{grid-template-columns:1fr}}