:root{
      --berry:#5a2a4a;--berry2:#7d3f66;--pink:#ff6fa3;--pink-d:#e14b84;--pink-l:#ffd6e6;--pink-xl:#fff1f6;
      --lav:#e8dcff;--lav-d:#8b6cd6;--peach:#ffe5d6;--mint:#d9f4e8;--mint-d:#3f9f78;--butter:#fff1c2;--butter-d:#f4b93e;
      --muted:#8a6b80;--line:#f6d9e5;--max:1140px;
      --round:"Jua","Pretendard Variable",sans-serif;--hand:"Gaegu","Jua",cursive;
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}
    body{margin:0;color:var(--berry);background:#fffafc;font-family:"Pretendard Variable",Pretendard,system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.75;word-break:keep-all;-webkit-font-smoothing:antialiased}
    a{color:inherit}img{display:block;max-width:100%;height:auto}
    a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lav-d);outline-offset:3px;border-radius:8px}
    .w{width:min(var(--max),calc(100% - 40px));margin:auto}
    .skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:99;background:#fff;padding:8px}
    h1,h2,h3{font-family:var(--round);font-weight:400;letter-spacing:-.01em}
    /* ticker */
    .tick{background:var(--berry);color:#ffe3ef;font-size:.86rem;font-weight:700;overflow:hidden;white-space:nowrap}
    .tick div{display:inline-flex;gap:36px;padding:8px 0;animation:tick 32s linear infinite}
    .tick span{flex:none}
    @keyframes tick{to{transform:translateX(-50%)}}
    /* header */
    .hd{position:sticky;top:0;z-index:40;background:rgba(255,250,252,.94);backdrop-filter:blur(10px);border-bottom:2px dashed var(--line)}
    .hd .w{display:flex;align-items:center;gap:18px;min-height:66px}
    .logo{display:flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}
    .logo b{width:38px;height:38px;border-radius:14px 14px 14px 4px;background:var(--pink);display:grid;place-items:center;font-size:1.2rem;transform:rotate(-6deg)}
    .logo span{font-family:var(--round);font-size:1.25rem;line-height:1.1}.logo small{display:block;font-family:"Pretendard Variable",sans-serif;font-size:.7rem;color:var(--muted);font-weight:600}
    .gnb{display:flex;gap:2px;margin-left:auto}.gnb a{padding:8px 12px;border-radius:99px;text-decoration:none;font-weight:700;font-size:.92rem}.gnb a:hover{background:var(--pink-l)}
    .hd-cta{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 16px;border-radius:99px;background:#fee500;color:#2b2b2b;text-decoration:none;font-weight:800;font-size:.9rem;box-shadow:0 3px 0 #e2c900}
    /* hero */
    .hero{position:relative;background:linear-gradient(160deg,#ffe6f0 0%,#fff0f6 45%,#efe6ff 100%);overflow:hidden}
    .hero .w{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;padding-block:56px 92px}
    .hello{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:6px 14px;border-radius:99px;background:#fff;font-weight:800;font-size:.9rem;color:var(--pink-d);box-shadow:0 4px 0 var(--pink-l)}
    .hero h1{margin:0;font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.25;color:var(--berry)}
    .hero h1 .u{background:linear-gradient(transparent 62%,#ffc9dd 62%);padding:0 4px}
    .paycard{position:relative;display:inline-block;margin:26px 0 22px;padding:20px 26px 16px;background:#fff;border-radius:28px;box-shadow:0 8px 0 var(--pink-l),0 18px 40px rgba(225,75,132,.12)}
    .paycard p{margin:0;font-weight:700;color:var(--muted);font-size:.95rem}
    .paycard .n{font-family:var(--round);font-size:clamp(3.2rem,8vw,5.4rem);line-height:1.05;color:var(--pink-d);margin:2px 0}
    .paycard small{font-size:.8rem;color:var(--muted)}
    .paycard .stk{position:absolute;top:-16px;right:-20px;padding:6px 12px;border-radius:12px;background:var(--butter);font-family:var(--round);font-size:.95rem;transform:rotate(8deg);box-shadow:0 3px 0 #f2d77e}
    .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
    .chips li{padding:7px 14px;border-radius:99px;background:#fff;border:2px solid var(--line);font-weight:700;font-size:.9rem}
    .chips li:nth-child(2){border-color:var(--lav)}.chips li:nth-child(3){border-color:var(--mint)}.chips li:nth-child(4){border-color:var(--peach)}
    .acts{display:flex;flex-wrap:wrap;gap:10px}
    .b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:12px 26px;border-radius:99px;text-decoration:none;font-weight:850;font-size:1.02rem;transition:transform .15s}
    .b:hover{transform:translateY(-2px)}
    .b.kakao{background:#fee500;color:#2b2b2b;box-shadow:0 4px 0 #e2c900}
    .b.pink{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pink-d)}
    .b.white{background:#fff;color:var(--berry);box-shadow:0 4px 0 var(--line)}
    .b img{width:24px;height:24px;border-radius:7px}
    .art{position:relative}
    .art{display:flex;justify-content:center}
    .phone{position:relative;width:min(340px,78vw)}
    .phone img{width:100%;filter:drop-shadow(0 24px 40px rgba(225,75,132,.28))}
    .pop{position:absolute;padding:9px 16px;border-radius:99px;background:#fff;font-weight:800;font-size:.95rem;white-space:nowrap;box-shadow:0 5px 0 var(--pink-l),0 10px 24px rgba(90,42,74,.12);animation:bob 4.5s ease-in-out infinite}
    .p1{left:-74px;top:44%;color:var(--pink-d)}.p2{right:-82px;top:24%;color:var(--lav-d);animation-delay:-1.5s}.p3{right:-60px;bottom:14%;color:var(--mint-d);animation-delay:-3s}
    .float{position:absolute;inset:0;pointer-events:none}
    .float span{position:absolute;font-size:1.6rem;animation:bob 4s ease-in-out infinite}
    .float span:nth-child(1){left:2%;top:8%}.float span:nth-child(2){right:4%;top:46%;animation-delay:-1.3s}.float span:nth-child(3){left:12%;bottom:4%;animation-delay:-2.6s}
    @keyframes bob{50%{transform:translateY(-12px) rotate(8deg)}}
    .wave{display:block;width:100%;height:46px;margin-top:-45px;position:relative}
    /* sections */
    .sec{padding:92px 0}.sec.pk{background:var(--pink-xl)}.sec.lv{background:#f7f2ff}
    .sh{margin:0 0 40px;max-width:760px}.sh.c{text-align:center;margin-inline:auto}
    .sh .k{display:inline-block;margin:0 0 12px;padding:5px 14px;border-radius:99px;background:var(--pink-l);font-weight:800;font-size:.9rem;color:var(--pink-d)}
    .lv .sh .k{background:var(--lav);color:var(--lav-d)}
    .sh h2{margin:0 0 10px;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.3}
    .sh p{margin:0;color:var(--muted);font-size:1.03rem}
    /* compare */
    .vs{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:stretch}
    .card{border-radius:30px;padding:30px}
    .vs .plain{background:#f6f2f4;color:#7c6a76}
    .vs .ours{background:#fff;border:3px solid var(--pink);position:relative;box-shadow:0 10px 0 var(--pink-l)}
    .vs .ours .badge{position:absolute;top:-18px;right:24px;padding:6px 14px;border-radius:99px;background:var(--pink);color:#fff;font-family:var(--round);font-size:1rem;transform:rotate(4deg)}
    .vs h3{margin:0 0 16px;font-size:1.5rem}
    .vs ul{list-style:none;margin:0;padding:0}
    .vs li{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:12px 0;border-top:2px dotted rgba(90,42,74,.12);align-items:start}
    .vs li>span{font-size:1.25rem;line-height:1.5}.vs li small{display:block;font-size:.8rem;opacity:.75}
    .vs li b{font-weight:750}.vs .ours li strong{font-family:var(--round);font-weight:400;font-size:1.35rem;color:var(--pink-d)}
    .note{margin:18px 0 0;color:var(--muted);font-size:.9rem}
    /* what */
    .what{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center}
    .shot{position:relative;width:min(330px,80vw);margin:auto;transform:rotate(-2deg)}
    .shot img{width:100%;border-radius:44px;box-shadow:12px 14px 0 var(--peach),0 20px 40px rgba(90,42,74,.15)}
    .tape{position:absolute;top:-14px;left:50%;width:110px;height:30px;margin-left:-55px;background:rgba(206,190,255,.8);transform:rotate(3deg)}
    .note-bub{position:absolute;right:-58px;top:30%;padding:10px 16px;border-radius:20px 20px 4px 20px;background:var(--pink);color:#fff;font-weight:800;font-size:.92rem;transform:rotate(2deg);box-shadow:0 5px 0 var(--pink-d)}
    .what p{margin:0 0 14px;font-size:1.04rem}
    .ways{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
    .ways div{padding:16px 14px;border-radius:22px;text-align:center}
    .ways div:nth-child(1){background:var(--pink-l)}.ways div:nth-child(2){background:var(--lav)}.ways div:nth-child(3){background:var(--butter)}
    .ways .e{display:block;font-size:1.9rem;line-height:1.2}.ways b{display:block;font-family:var(--round);font-weight:400;font-size:1.1rem}.ways small{font-size:.85rem;color:var(--berry2);font-weight:700}
    /* money */
    .tw{overflow-x:auto;background:#fff;border-radius:28px;border:2px solid var(--line);box-shadow:0 8px 0 var(--pink-l)}
    .tw table{width:100%;min-width:680px;border-collapse:collapse;font-variant-numeric:tabular-nums}
    .tw th,.tw td{padding:16px 18px;text-align:right;border-bottom:2px dotted var(--line)}
    .tw th:first-child{text-align:left}.tw thead th{background:var(--pink-xl);font-size:.84rem;color:var(--muted);font-weight:700}
    .tw tbody tr:last-child>*{border-bottom:0}.tw tbody th{font-weight:800}
    .tw td strong{font-family:var(--round);font-weight:400;font-size:1.25rem;color:var(--pink-d)}
    .fine{margin:14px 0 0;color:var(--muted);font-size:.86rem}
    .calc{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .calc .in{background:var(--lav);border-radius:30px;padding:28px}
    .calc .out{background:#fff;border-radius:30px;padding:28px;border:3px solid var(--lav);position:relative}
    .calc h3{margin:0 0 16px;font-size:1.4rem}
    .grp{margin:0 0 18px;border:0;padding:0}.grp legend{font-weight:800;margin:0 0 9px;padding:0}
    .opts{display:flex;flex-wrap:wrap;gap:7px}
    .opts button{min-width:54px;min-height:44px;padding:6px 12px;border-radius:99px;border:2px solid #fff;background:#fff;color:var(--berry);font:800 .92rem "Pretendard Variable",sans-serif;cursor:pointer}
    .opts button:hover{border-color:var(--lav-d)}
    .opts button[aria-pressed="true"]{background:var(--lav-d);border-color:var(--lav-d);color:#fff}
    .out .lbl{margin:0;color:var(--muted);font-weight:700;font-size:.92rem}
    .out .big{margin:2px 0;font-family:var(--round);font-size:clamp(2.6rem,6vw,3.5rem);line-height:1.1;color:var(--lav-d);font-variant-numeric:tabular-nums}
    .out .mo{margin:0 0 14px;color:var(--pink-d);font-weight:800}
    .out dl{margin:0}.out dl div{display:flex;justify-content:space-between;padding:9px 0;border-top:2px dotted var(--lav);font-size:.92rem}
    .out dt{color:var(--muted)}.out dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}
    .out .tiny{font-size:.8rem;color:var(--muted);margin:10px 0 0}
    .out .pig{position:absolute;top:-22px;right:20px;font-size:2.4rem;transform:rotate(10deg)}
    /* money v2 */
    .rules{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
    .rules li{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:24px;background:#fff;border:2px solid var(--lav)}
    .rules li>span{flex:none;width:50px;height:50px;border-radius:16px;background:#f7f2ff;display:grid;place-items:center;font-size:1.6rem}
    .rules p{margin:0;font-size:.92rem;color:var(--muted)}.rules b{display:block;color:var(--berry);font-size:1.08rem;margin-bottom:2px}
    .mh{margin:0 0 14px;font-size:1.45rem}.fine+.mh{margin-top:40px}
    .tw table.fee{min-width:0}.fee td,.fee th{text-align:center}.fee tbody th{text-align:center;font-weight:800}
    .fee td.rt strong{font-family:var(--round);font-weight:400;font-size:1.2rem;color:var(--lav-d)}
    .fee tr.best{background:#f7f2ff}.fee tr.best td.rt strong{color:var(--pink-d)}
    .exs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
    .ex{border-radius:26px;background:#fff;padding:22px 22px 18px;border:2px solid var(--line);box-shadow:0 6px 0 var(--pink-l)}
    .ex:nth-child(2){box-shadow:0 6px 0 var(--lav)}.ex:nth-child(3){box-shadow:0 6px 0 var(--mint)}
    .ex h4{margin:0 0 4px;font-family:var(--round);font-weight:400;font-size:1.2rem}
    .ex .sub{margin:0 0 12px;font-size:.84rem;color:var(--muted);font-weight:700}
    .ex dl{margin:0}.ex dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:2px dotted var(--line);font-size:.92rem;font-variant-numeric:tabular-nums}
    .ex dt{color:var(--muted)}.ex dd{margin:0;font-weight:800}
    .ex dd.m{color:#c0496f}.ex dd.c{color:var(--lav-d)}
    .ex .net{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding:12px 14px;border-radius:16px;background:var(--pink-xl)}
    .ex .net span{font-weight:800;font-size:.9rem}.ex .net b{font-family:var(--round);font-weight:400;font-size:1.5rem;color:var(--pink-d);font-variant-numeric:tabular-nums}
    .carry{border-radius:26px;padding:22px 24px;background:#fff;border:3px dashed var(--lav-d)}
    .carry h3{margin:0 0 10px;font-size:1.3rem}
    .carry ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
    .carry li{font-size:.95rem;line-height:1.9}
    .carry li b{display:inline-block;margin-right:10px;padding:1px 12px;border-radius:99px;background:var(--lav);color:var(--lav-d);font-size:.85rem}
    .carry em{font-style:normal;font-weight:800;color:var(--pink-d)}
    @media(max-width:900px){.rules,.exs{grid-template-columns:1fr}}
    @media(max-width:600px){.carry li b{display:table;margin-bottom:2px}.fee th,.fee td{padding:11px 5px;font-size:.8rem}.fee thead th{font-size:.72rem}.fee td.rt strong{font-size:1rem}}
    /* flow */
    .flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
    .flow li{position:relative;text-align:center;padding:0 6px}
    .flow li:not(:last-child):after{content:"";position:absolute;top:40px;left:calc(50% + 46px);right:calc(-50% + 46px);border-top:3px dashed #f2b6cc}
    .flow .e{width:80px;height:80px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:2.2rem;background:#fff;border:3px solid var(--pink-l)}
    .flow li:last-child .e{background:var(--pink);border-color:var(--pink)}
    .flow b{display:block;font-family:var(--round);font-weight:400;font-size:1.2rem}.flow span{color:var(--muted);font-size:.92rem}
    /* find (speech bubbles) */
    .find{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}
    .bub{position:relative;padding:20px 20px 18px;border-radius:24px;background:#fff;border:2px solid var(--line)}
    .bub:after{content:"";position:absolute;left:28px;bottom:-12px;width:20px;height:20px;background:#fff;border-right:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg)}
    .bub .e{font-size:1.7rem;line-height:1}
    .bub h3{margin:8px 0 6px;font-size:1.12rem;line-height:1.4}
    .bub p{margin:0;color:var(--muted);font-size:.92rem}.bub p b{color:var(--pink-d)}
    /* who */
    .who{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .who div{border-radius:30px;padding:26px 22px}
    .who div:nth-child(1){background:var(--peach)}.who div:nth-child(2){background:var(--pink-l)}.who div:nth-child(3){background:var(--mint)}.who div:nth-child(4){background:var(--lav)}
    .who .e{width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:2rem;margin-bottom:14px}
    .who h3{margin:0 0 2px;font-size:1.35rem}.who .t{margin:0 0 10px;font-weight:800;font-size:.86rem;color:var(--berry2)}.who p{margin:0;font-size:.94rem}
    /* pro */
    .pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
    .pro div{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:24px;background:#fff;border:2px solid var(--line)}
    .pro .e{flex:none;width:48px;height:48px;border-radius:16px;background:var(--pink-xl);display:grid;place-items:center;font-size:1.5rem}
    .pro b{display:block;font-size:1.02rem}.pro span{color:var(--muted);font-size:.9rem}
    /* apply */
    .two{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
    .steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
    .steps li{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:26px;background:#fff;border:2px solid var(--line)}
    .steps .e{flex:none;width:58px;height:58px;border-radius:20px;background:var(--pink-l);display:grid;place-items:center;font-size:1.7rem;position:relative}
    .steps .e i{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;background:var(--berry);color:#fff;font:400 .9rem/26px var(--round);text-align:center;font-style:normal}
    .steps b{display:block;font-size:1.05rem}.steps span{color:var(--muted);font-size:.92rem}
    .warn{border-radius:30px;padding:28px;background:#fff;border:3px dashed var(--pink)}
    .warn h3{margin:0 0 12px;font-size:1.4rem}.warn ul{list-style:none;margin:0;padding:0}
    .warn li{padding:6px 0 6px 28px;position:relative}.warn li:before{content:"🚫";position:absolute;left:0;font-size:.95rem}
    .warn p{margin:12px 0 0;padding:12px 14px;border-radius:16px;background:var(--pink-xl);font-size:.9rem}
    /* letter */
    .letterwrap{padding:96px 0;background:var(--peach)}
    .paper{position:relative;max-width:760px;margin:auto;padding:52px 48px 44px;background:#fffdf8;border-radius:10px;box-shadow:0 14px 34px rgba(150,80,60,.12);
      background-image:repeating-linear-gradient(transparent 0 33px,#f3dfd6 33px 34px);background-position:0 18px}
    .paper:before,.paper:after{content:"";position:absolute;top:-14px;width:110px;height:30px;background:rgba(255,190,214,.75);transform:rotate(-5deg)}
    .paper:before{left:30px}.paper:after{right:30px;transform:rotate(6deg);background:rgba(206,190,255,.75)}
    .paper h2{margin:0 0 18px;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.45}
    .paper p{margin:0 0 14px;font-size:1.03rem;line-height:2.1}
    .paper .sig{font-family:var(--hand);font-size:1.6rem;color:var(--pink-d);text-align:right;margin:10px 0 0}
    /* faq */
    .faq{max-width:860px;margin:auto;display:grid;gap:12px}
    .faq details{border-radius:24px;background:#fff;border:2px solid var(--line)}
    .faq details[open]{border-color:#f5b8cf}
    .faq summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:18px 54px 18px 18px;font-weight:800;font-size:1.03rem;position:relative}
    .faq summary::-webkit-details-marker{display:none}
    .faq .q{flex:none;width:34px;height:34px;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center;font-family:var(--round);font-weight:400}
    .faq summary:after{content:"🔽";position:absolute;right:18px;font-size:1rem;transition:transform .2s}
    .faq details[open] summary:after{transform:rotate(180deg)}
    .faq .a{display:flex;gap:10px;margin:0 18px 18px;padding:14px 16px;border-radius:18px;background:var(--pink-xl)}
    .faq .a p{margin:0;color:var(--berry2)}
    /* final */
    .final{background:linear-gradient(140deg,#ff7aac,#c78cff);color:#fff;text-align:center;padding:76px 0 80px;position:relative;overflow:hidden}
    .final h2{margin:0 0 10px;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.3}
    .final p{margin:0 auto 26px;max-width:34em;color:#fff4f8}
    .final .acts{justify-content:center}
    .final .ic{display:flex;gap:10px;justify-content:center;margin-top:20px}
    .final .ic a{display:block;width:54px;height:54px;border-radius:16px;overflow:hidden;box-shadow:0 4px 0 rgba(0,0,0,.12)}
    .final .deco{position:absolute;font-size:2.2rem;opacity:.9}
    /* footer */
    .ft{background:var(--berry);color:#f3d9e6;font-size:.85rem;padding:40px 0 104px}
    .ft .w{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.ft strong{display:block;color:#fff;font-family:var(--round);font-weight:400;font-size:1.15rem;margin-bottom:6px}.ft p{margin:3px 0}
    /* rail + mbar */
    .rail{position:fixed;right:16px;bottom:22px;z-index:45;display:grid;gap:8px}
    .rail a{display:block;width:58px;height:58px;border-radius:18px;overflow:hidden;box-shadow:0 6px 16px rgba(90,42,74,.2)}.rail img{width:100%;height:100%}
    .mbar{display:none}
    @media(max-width:1000px){.find,.pro{grid-template-columns:repeat(2,minmax(0,1fr))}.who{grid-template-columns:1fr 1fr}}
    @media(max-width:860px){
      .hd-cta{margin-left:auto}
      .hero .w,.vs,.what,.calc,.two{grid-template-columns:1fr}
      .hero .w{padding-block:40px 80px;gap:28px}
      .flow{grid-template-columns:1fr 1fr;row-gap:30px}.flow li:after{display:none}
    }
    @media(max-width:600px){
      .w{width:calc(100% - 32px)}.sec,.letterwrap{padding:66px 0}.sh{margin-bottom:28px}
      .find,.pro,.who{grid-template-columns:1fr}.ways{grid-template-columns:repeat(3,1fr);gap:6px}.ways div{padding:12px 6px}
      .card,.calc .in,.calc .out{padding:22px}.paycard .stk{right:-6px}
      .paper{padding:40px 22px 30px}
      .p1{left:-10px}.p2{right:-10px}.p3{right:-6px}.pop{font-size:.85rem;padding:7px 12px}.note-bub{right:-8px}
      .rail{display:none}
      .mbar{display:flex;gap:8px;position:fixed;z-index:50;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:2px dashed var(--line)}
      .mbar a.ic{flex:none;width:48px;height:48px;border-radius:14px;overflow:hidden}.mbar img{width:100%;height:100%}
      .mbar .b{flex:1;min-height:48px;padding:8px;font-size:.98rem}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tick div,.float span,.pop{animation:none}.b{transition:none}}

    /* bands */
    .band{position:relative;margin:0;background:var(--b);overflow:hidden}
    .band img{width:100%;max-height:560px;object-fit:cover;object-position:var(--pos)}
    .band:before,.band:after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}
    .band:before{top:0;height:12%;background:linear-gradient(var(--a),transparent)}
    .band:after{bottom:0;height:38%;background:linear-gradient(transparent,var(--b) 92%)}
    .band+.sec{padding-top:24px}
    /* why */
    .stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
    .stats li{position:relative;padding:28px 22px 24px;border-radius:30px;background:#fff;text-align:center;border:3px solid transparent}
    .stats .s1{border-color:var(--pink);box-shadow:0 8px 0 var(--pink-l)}.stats .s2{border-color:var(--mint-d);box-shadow:0 8px 0 var(--mint)}
    .stats .s3{border-color:var(--lav-d);box-shadow:0 8px 0 var(--lav)}.stats .s4{border-color:var(--butter-d);box-shadow:0 8px 0 var(--butter)}
    .stats .e{display:block;font-size:2.4rem;line-height:1.2}
    .stats b{display:block;font-family:var(--round);font-weight:400;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.25;margin:8px 0 6px;color:var(--pink-d)}
    .stats .s2 b{color:var(--mint-d)}.stats .s3 b{color:var(--lav-d)}.stats .s4 b{color:#c98a12}
    .stats b small{display:block;font-size:.5em;line-height:1.3}
    .stats p{margin:0;font-size:.93rem;color:var(--berry2);font-weight:600;line-height:1.6}
    .rooms{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
    .rooms div{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:24px;background:#fff;border:2px dashed #f2b6cc}
    .rooms span{flex:none;font-size:1.9rem;line-height:1.2}.rooms p{margin:0;font-size:.95rem;color:var(--muted)}.rooms b{display:block;color:var(--berry);font-size:1.08rem;margin-bottom:2px}
    /* video (vertical 9:16) */
    .vgrid{display:grid;grid-template-columns:minmax(0,500px) auto;gap:64px;align-items:center;justify-content:center}
    .vlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
    .vlist li{padding:12px 18px;border-radius:99px;background:var(--pink-xl);border:2px solid var(--line);font-weight:700;width:fit-content}
    .vpw{position:relative;width:min(320px,78vw);margin:auto;padding-bottom:96px}
    .vp{position:relative;width:100%;aspect-ratio:640/1408;border-radius:34px;overflow:hidden;background:var(--berry);border:8px solid var(--berry);box-shadow:0 10px 0 var(--pink-l),0 24px 50px rgba(90,42,74,.18);margin:auto}
    .vp video{width:100%;height:100%;object-fit:cover;display:block}
    .vp-snd{position:absolute;top:12px;left:12px;z-index:3;min-height:36px;padding:6px 12px;border-radius:99px;border:0;background:rgba(255,255,255,.92);color:var(--berry);font:800 .8rem "Pretendard Variable",sans-serif;cursor:pointer;box-shadow:0 3px 0 var(--pink-l)}
    .vp-snd[hidden]{display:none}
    .vp-ctl{position:absolute;left:4px;right:4px;top:calc(100% - 82px);z-index:2;padding:8px 14px 10px;border-radius:22px;background:var(--berry);box-shadow:0 6px 0 var(--pink-l);opacity:0;transform:translateY(-14px);transition:opacity .25s,transform .25s;pointer-events:none}
    .vpw.show .vp-ctl,.vpw:focus-within .vp-ctl{opacity:1;transform:none;pointer-events:auto}
    .vp-bar{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0 0 4px;background:transparent;cursor:pointer;--p:0%}
    .vp-bar::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--pink) var(--p),rgba(255,255,255,.35) var(--p))}
    .vp-bar::-moz-range-track{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--pink) var(--p),rgba(255,255,255,.35) var(--p))}
    .vp-bar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:#fff;border:2px solid var(--pink)}
    .vp-bar::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--pink)}
    .vp-row{display:flex;align-items:center;gap:6px}
    .vp-row button{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:1rem;cursor:pointer;display:grid;place-items:center}
    .vp-row button:hover{background:rgba(255,255,255,.3)}
    #vp-play{background:var(--pink)}
    .vp-time{flex:1;color:#fff;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;padding-left:4px}
    .vp video:fullscreen{object-fit:contain;background:#000}
    @media(max-width:860px){.vgrid{grid-template-columns:1fr;gap:28px}.vgrid .sh{text-align:center;margin-inline:auto}.vlist{justify-items:center}}
    /* reviews */
    .rv-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.rv-top .sh{margin:0}
    .rv-ctl{display:flex;gap:8px;flex:none}
    .rv-ctl button{min-width:48px;min-height:48px;padding:6px 14px;border-radius:99px;border:2px solid var(--line);background:#fff;color:var(--berry);font:800 1rem "Pretendard Variable",sans-serif;cursor:pointer}
    .rv-ctl button:hover{border-color:var(--pink)}#rv-prev,#rv-next{font-size:1.5rem;line-height:1}
    .rv-win{overflow:hidden;padding:6px 2px 14px}
    .rv-track{--per:3;--gap:16px;list-style:none;margin:0;padding:0;display:flex;gap:var(--gap);transition:transform .6s cubic-bezier(.3,.7,.3,1)}
    .rv{flex:0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));min-width:0;position:relative;padding:24px 22px 22px;border-radius:28px;background:#fff;border:2px solid var(--line);box-shadow:0 6px 0 var(--pink-l)}
    .rv:nth-child(3n+2){box-shadow:0 6px 0 var(--lav)}.rv:nth-child(3n){box-shadow:0 6px 0 var(--peach)}
    .rv:after{content:"❝";position:absolute;right:20px;top:10px;font-size:2.4rem;color:var(--pink-l);line-height:1}
    .rv-hd{display:flex;gap:12px;align-items:center;margin-bottom:12px}
    .av{flex:none;width:50px;height:50px;border-radius:50%;background:var(--pink-xl);border:2px solid var(--pink-l);display:grid;place-items:center;font-size:1.6rem}
    .rv:nth-child(3n+2) .av{background:#f7f2ff;border-color:var(--lav)}.rv:nth-child(3n) .av{background:#fff6ef;border-color:var(--peach)}
    .rv-hd .av{font-size:1.6rem;color:inherit;font-weight:400}.rv-hd p{margin:0;line-height:1.35}.rv-hd b{display:block;font-family:var(--round);font-weight:400;font-size:1.15rem}.rv-hd span{font-size:.82rem;color:var(--muted);font-weight:700}
    .rv-tx{margin:0;font-size:.97rem;line-height:1.7}
    .rv-count{text-align:center;margin:8px 0 0;color:var(--muted);font-weight:800;font-variant-numeric:tabular-nums}
    @media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.rv-track{--per:2}}
    @media(max-width:700px){.rooms{grid-template-columns:1fr}.rv-track{--per:1}.rv-top{display:block}.rv-ctl{margin-top:16px}.band:after{height:30%}.band+.sec{padding-top:12px}}
    @media(max-width:420px){.stats{gap:10px}.stats li{padding:20px 12px 18px;border-radius:24px}.stats p{font-size:.84rem}}
    @media(prefers-reduced-motion:reduce){.rv-track{transition:none}}
    section[id]{scroll-margin-top:76px}
    /* mobile menu */
    .burger{display:none}
    @media(max-width:860px){
      .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;flex:none;width:46px;height:46px;padding:0 12px;border:2px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}
      .burger span{display:block;height:3px;border-radius:3px;background:var(--berry);transition:transform .25s,opacity .2s}
      .burger[aria-expanded="true"]{border-color:var(--pink);background:var(--pink-xl)}
      .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
      .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
      .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
      .hd .w{position:relative}
      .hd .gnb{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:absolute;top:calc(100% + 10px);left:0;right:0;margin:0;padding:14px;border-radius:26px;background:#fff;border:2px solid var(--line);box-shadow:0 8px 0 var(--pink-l),0 20px 40px rgba(90,42,74,.16);
        opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,transform .2s,visibility 0s .2s}
      .hd .gnb.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
      .hd .gnb a{display:flex;align-items:center;min-height:52px;padding:10px 16px;border-radius:18px;background:var(--pink-xl);font-size:1rem}
      .hd .gnb a:nth-child(3n+2){background:#f7f2ff}.hd .gnb a:nth-child(3n){background:#fff6ef}
      .hd .gnb a:hover,.hd .gnb a:focus-visible{background:var(--pink-l)}
      .hd-cta{margin-left:auto}
    }
    @media(max-width:380px){.hd .gnb{grid-template-columns:1fr}.hd-cta{padding:8px 12px;font-size:.84rem}}
    @media(prefers-reduced-motion:reduce){.burger span,.hd .gnb{transition:none!important}}

/* ===== keyword tags ===== */
.tags{padding:56px 0 64px;background:#fff;border-top:2px dashed var(--line)}
.tags h2{margin:0 0 6px;font-size:1.35rem;text-align:center}
.tags p{margin:0 0 20px;text-align:center;color:var(--muted);font-size:.92rem}
.tags ul{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px}
.tags a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:99px;background:var(--pink-xl);border:2px solid var(--line);text-decoration:none;font-weight:800;color:var(--berry2);transition:transform .15s}
.tags li:nth-child(3n+2) a{background:#f7f2ff;border-color:var(--lav)}.tags li:nth-child(3n) a{background:#fff6ef;border-color:var(--peach)}
.tags a:hover{transform:translateY(-2px);border-color:var(--pink)}
.tags a[aria-current="page"]{background:var(--pink);border-color:var(--pink);color:#fff}

/* ===== sub pages ===== */
.crumb{font-size:.82rem;color:var(--muted);margin:0 0 14px}.crumb a{color:var(--muted)}
.shero{background:linear-gradient(160deg,#ffe6f0 0%,#fff0f6 45%,#efe6ff 100%);overflow:hidden}
.shero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-block:40px 70px}
.shero h1{margin:0 0 14px;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.28}
.shero h1 .u{background:linear-gradient(transparent 62%,#ffc9dd 62%);padding:0 4px}
.shero .lead{margin:0 0 20px;font-size:1.06rem;color:var(--berry2);max-width:34em}
.shero .vis img{width:100%;border-radius:32px;box-shadow:0 10px 0 var(--pink-l),0 20px 40px rgba(90,42,74,.14)}
.shero .vis.phone img{width:min(300px,70vw);margin:auto;border-radius:0;box-shadow:none;filter:drop-shadow(0 20px 34px rgba(225,75,132,.25))}
.mock{position:relative;width:min(300px,72vw);margin:auto;aspect-ratio:9/16;border-radius:38px;background:var(--berry);padding:10px;box-shadow:0 10px 0 var(--pink-l),0 24px 44px rgba(90,42,74,.2)}
.mock>div{height:100%;border-radius:30px;background:linear-gradient(170deg,#ffe9f1,#efe3ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px}
.mock .big{font-size:5rem;line-height:1}.mock b{font-family:var(--round);font-weight:400;font-size:1.4rem;color:var(--berry)}
.mock span{font-size:.9rem;color:var(--muted);font-weight:700}
.mock .chip{position:absolute;padding:8px 14px;border-radius:99px;background:#fff;font-weight:800;font-size:.9rem;box-shadow:0 5px 0 var(--pink-l);white-space:nowrap}
.pains{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pains li{position:relative;padding:18px 20px 18px 56px;border-radius:22px;background:#fff;border:2px solid var(--line);font-weight:700}
.pains li:before{content:"💭";position:absolute;left:18px;top:16px;font-size:1.3rem}
.answer{margin:22px 0 0;padding:20px 24px;border-radius:24px;background:var(--pink);color:#fff;font-weight:700;font-size:1.04rem;box-shadow:0 6px 0 var(--pink-d)}
.answer b{color:var(--butter)}
.blk{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.blk.rev>:first-child{order:2}
.blk p{margin:0 0 14px;font-size:1.03rem}
.blk .vis img{width:100%;border-radius:30px;box-shadow:0 10px 0 var(--peach)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}
.cards div{padding:22px 20px;border-radius:24px;background:#fff;border:2px solid var(--line)}
.cards .e{display:block;font-size:1.9rem;line-height:1.2;margin-bottom:6px}
.cards h3{margin:0 0 6px;font-size:1.2rem}.cards p{margin:0;font-size:.93rem;color:var(--muted)}
.tline{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tline li{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:16px 20px;border-radius:22px;background:#fff;border:2px solid var(--line)}
.tline b{font-family:var(--round);font-weight:400;font-size:1.15rem;color:var(--pink-d)}
.tline span{color:var(--berry2)}
.tip{margin-top:18px;padding:16px 20px;border-radius:20px;background:var(--butter);font-size:.95rem}
.tip b{display:block;margin-bottom:2px}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.facts li{padding:18px 14px;border-radius:22px;background:#fff;text-align:center;border:2px solid var(--line)}
.facts .e{display:block;font-size:1.7rem}.facts b{display:block;font-family:var(--round);font-weight:400;font-size:1.25rem;color:var(--pink-d);margin:4px 0 2px}
.facts span{font-size:.82rem;color:var(--muted);font-weight:700}
.chk{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.chk li{padding:14px 18px 14px 50px;position:relative;border-radius:18px;background:#fff;border:2px solid var(--line)}
.chk li:before{content:"✅";position:absolute;left:16px;top:13px}
.chk.no li:before{content:"🚫"}
.chk li b{display:block}.chk li span{font-size:.92rem;color:var(--muted)}
.cmp2{overflow-x:auto;background:#fff;border-radius:26px;border:2px solid var(--line)}
.cmp2 table{width:100%;min-width:560px;border-collapse:collapse}
.cmp2 th,.cmp2 td{padding:14px 16px;border-bottom:2px dotted var(--line);text-align:left;vertical-align:top;font-size:.94rem}
.cmp2 thead th{background:var(--pink-xl);font-size:.82rem;color:var(--muted)}
.cmp2 tr.me{background:#fff6fa}.cmp2 tbody tr:last-child>*{border-bottom:0}
.cmp2 tbody th{white-space:nowrap}
@media(max-width:1000px){.facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.shero .w,.blk{grid-template-columns:1fr}.blk.rev>:first-child{order:0}.shero .w{padding-block:28px 56px}.cards{grid-template-columns:1fr}}
@media(max-width:600px){.pains{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.tline li{grid-template-columns:1fr;gap:2px}}
.chk.warn li:before{content:"⚠️"}

/* ===== C사 비교 ===== */
.vsc{margin:0 0 8px}
.vtab,.gtab{min-width:0!important}
.vtab th,.vtab td{text-align:center}.vtab tbody th{text-align:left;font-weight:800}
.vtab td small,.gtab td small{display:block;font-size:.76rem;color:var(--muted);font-weight:600}
.vtab .us{background:#fff3f8}.vtab thead .us{background:var(--pink);color:#fff;font-size:.95rem}
.vtab td.us strong{font-family:var(--round);font-weight:400;font-size:1.3rem;color:var(--pink-d)}
.vtab tr.hl>*{background:var(--butter)}.vtab tr.hl td.us{background:#ffe9a8}
.punch{margin:18px 0 44px;padding:24px 26px;border-radius:28px;background:linear-gradient(135deg,#ff6fa3,#b07cff);color:#fff;text-align:center;box-shadow:0 8px 0 #e3c8ff}
.punch p{margin:0}.punch .p1{font-weight:700;opacity:.95}
.punch .p2{font-family:var(--round);font-size:clamp(1.5rem,3.6vw,2.3rem);line-height:1.35;margin:6px 0}
.punch .p2 b{font-weight:400;color:#fff6c9}
.punch .p3{font-size:.95rem;font-weight:700}.punch .p3 b{color:#fff6c9}
.mlead{margin:-6px 0 16px;color:var(--muted)}
.gtab th,.gtab td{text-align:right}.gtab th:first-child{text-align:left}
.gtab td strong{color:var(--pink-d);font-weight:800}
.gtab td.gap{min-width:200px}
.gbar{display:block;height:10px;width:var(--w);margin:0 0 4px auto;border-radius:99px;background:linear-gradient(90deg,#ffb3cf,var(--pink))}
.gtab td.gap b{font-family:var(--round);font-weight:400;font-size:1.2rem;color:var(--pink-d)}
.bigdiff{margin:18px 0 0;padding:16px 20px;border-radius:20px;background:#fff;border:3px dashed var(--pink);text-align:center;font-weight:800;font-size:1.1rem}
.bigdiff b{font-family:var(--round);font-weight:400;font-size:1.5rem;color:var(--pink-d)}
@media(max-width:600px){
  .vtab th,.vtab td,.gtab th,.gtab td{padding:11px 7px;font-size:.84rem}
  .vtab td.us strong{font-size:1.1rem}.gtab td.gap{min-width:0}.gtab td.gap b{font-size:1rem}
  .gtab thead th{font-size:.72rem}.punch{padding:20px 16px}
}
.punch p,.punch .p1,.punch .p2,.punch .p3{color:#fff}
.punch .p2 b,.punch .p3 b{color:#fff6c9}
@media(max-width:600px){.gtab th,.gtab td{padding:10px 5px;font-size:.78rem}.gtab td strong{font-size:.86rem}.gtab td.gap b{font-size:.9rem}.gtab td small{font-size:.68rem}}

/* ===== 24시간 다이렉트 가입 버튼 (반짝) ===== */
.bj{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:12px 28px;border:0;border-radius:99px;cursor:pointer;text-decoration:none;
  font:850 1.05rem "Pretendard Variable",Pretendard,sans-serif;color:#fff;background:linear-gradient(120deg,#ff3d7f,#ff7aa8 45%,#a77bff);background-size:200% 100%;
  box-shadow:0 5px 0 #d43c74,0 10px 26px rgba(255,61,127,.35);animation:jglow 2.2s ease-in-out infinite,jbg 4s ease-in-out infinite;isolation:isolate}
.bj:after{content:"";position:absolute;top:-60%;left:-70%;width:45%;height:220%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:rotate(22deg);animation:jshine 2.6s ease-in-out infinite}
.bj .sp{display:inline-block;animation:jtw 1.4s ease-in-out infinite}
.bj small{display:block;font-size:.72rem;font-weight:700;opacity:.92;line-height:1.1}
.bj .t{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}
.bj:hover{transform:translateY(-2px)}
@keyframes jshine{0%{left:-70%}55%,100%{left:135%}}
@keyframes jglow{0%,100%{box-shadow:0 5px 0 #d43c74,0 10px 26px rgba(255,61,127,.35)}50%{box-shadow:0 5px 0 #d43c74,0 0 0 7px rgba(255,111,163,.22),0 10px 34px rgba(255,61,127,.5)}}
@keyframes jbg{50%{background-position:100% 0}}
@keyframes jtw{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(15deg)}}
.bj.sm{min-height:44px;padding:8px 18px;font-size:.9rem}
.bj.wide{width:100%}
.fab-join{position:fixed;right:18px;bottom:22px;z-index:45;flex-direction:column;gap:0;width:96px;height:96px;min-height:0;padding:8px;border-radius:30px;font-size:.8rem;line-height:1.2;text-align:center}
.fab-join .sp{font-size:1.5rem}
@media(max-width:860px){.hd .bj.sm{margin-left:auto;padding:8px 14px;font-size:.82rem}}
@media(max-width:600px){.fab-join{display:none}.mbar .bj{flex:1;min-height:52px;font-size:.98rem}}
@media(max-width:380px){.hd .bj.sm .lbl{display:none}}
@media(prefers-reduced-motion:reduce){.bj,.bj:after,.bj .sp{animation:none}}

/* ===== 가입 안내 채팅창 ===== */
dialog.join{width:min(440px,100vw);height:min(760px,100dvh);max-height:100dvh;padding:0;border:0;border-radius:28px;background:#fff6f9;color:var(--berry);box-shadow:0 30px 80px rgba(60,20,50,.35);overflow:hidden}
dialog.join[open]{display:flex;flex-direction:column}
dialog.join::backdrop{background:rgba(50,20,40,.55);backdrop-filter:blur(3px)}
.jhd{flex:none;display:flex;align-items:center;gap:10px;padding:14px 14px 12px 16px;background:linear-gradient(120deg,#ff5c94,#b07cff);color:#fff}
.jav{flex:none;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.3rem}
.jhd div{flex:1;min-width:0}.jhd h2{margin:0;font-family:var(--round);font-weight:400;font-size:1.12rem;line-height:1.3}
.jhd p{margin:0;font-size:.76rem;font-weight:700;opacity:.95;display:flex;align-items:center;gap:5px}
.jhd p i{width:8px;height:8px;border-radius:50%;background:#7dffb0;box-shadow:0 0 0 3px rgba(125,255,176,.3)}
.jhd button{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:1.1rem;cursor:pointer}
.jhd button:hover{background:rgba(255,255,255,.35)}
.jbody{flex:1;overflow-y:auto;padding:14px 14px 8px;overscroll-behavior:contain}
.jpin{margin:0 0 14px;padding:12px 14px;border-radius:16px;background:var(--butter);font-size:.86rem;line-height:1.55;text-align:center}
.jlog{display:flex;flex-direction:column;gap:8px}
.jmsg{align-self:flex-start;max-width:88%;padding:11px 14px;border-radius:6px 20px 20px 20px;background:#fff;border:1.5px solid var(--line);font-size:.92rem;line-height:1.6;animation:jin .25s ease-out}
.jmsg.me{align-self:flex-end;border-radius:20px 6px 20px 20px;background:var(--pink);border-color:var(--pink);color:#fff;font-weight:700}
.jmsg:has(.jcard),.jmsg:has(.jstat),.jmsg:has(.jalert),.jmsg:has(.jimg),.jmsg:has(.jstore),.jmsg:has(.jnote){padding:0;border:0;background:none;max-width:94%}
@keyframes jin{from{opacity:0;transform:translateY(6px)}}
.jdots{display:inline-flex;gap:4px;padding:4px 2px}.jdots i{width:7px;height:7px;border-radius:50%;background:#e7b3c8;animation:jd 1s infinite}
.jdots i:nth-child(2){animation-delay:.15s}.jdots i:nth-child(3){animation-delay:.3s}
@keyframes jd{50%{transform:translateY(-4px);background:var(--pink)}}
.jcard{padding:12px 14px;border-radius:6px 18px 18px 18px;background:#fff;border:1.5px solid var(--line)}
.jcard.soft{background:#f7f2ff;border-color:var(--lav)}
.jcard h4{margin:0 0 4px;font-size:.95rem}.jcard p{margin:2px 0;font-size:.9rem}.jcard .s{font-size:.8rem;color:var(--muted)}
.jstat{padding:12px 16px;border-radius:18px;background:#fff;border:2px solid var(--lav);display:flex;flex-direction:column}
.jstat span{font-size:.8rem;font-weight:800;color:var(--lav-d)}.jstat b{font-family:var(--round);font-weight:400;font-size:1.45rem;color:var(--berry)}.jstat small{font-size:.8rem;color:var(--muted);font-weight:600}
.jstat.hot{border-color:#ffb3a1;background:#fff4ef}.jstat.hot span{color:#e2552e}
.jnote{margin:0;padding:8px 12px;font-size:.76rem;color:var(--muted);background:rgba(255,255,255,.6);border-radius:12px}
.jalert{padding:14px;border-radius:18px;background:#fff;border:2.5px solid #ff4f6d;box-shadow:0 4px 0 #ffd0da}
.jalert.y{border-color:#f4b93e;box-shadow:0 4px 0 #ffe7a8}
.jalert h4{margin:0 0 10px;font-size:.95rem;color:#e0294f;text-align:center}.jalert.y h4{color:#b97a00}
.jalert ul{margin:10px 0 0;padding-left:18px;font-size:.86rem}.jalert p{margin:8px 0 0;font-size:.88rem;text-align:center}
.jcode{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#fff1f4;border:2px dashed #ff4f6d}
.jcode span{font-size:.78rem;font-weight:800;color:var(--muted)}.jcode b{flex:1;font-family:var(--round);font-weight:400;font-size:1.7rem;color:#e0294f;letter-spacing:.04em}
.jcopy{flex:none;min-height:38px;padding:6px 14px;border-radius:99px;border:0;background:#e0294f;color:#fff;font-weight:800;cursor:pointer}
.jimg{margin:0;border-radius:18px;overflow:hidden;border:2px solid var(--line);background:#fff}.jimg img{width:100%}
.jimg figcaption{padding:8px 12px;font-size:.82rem;text-align:center}
.jstore{display:grid;gap:8px}
.jstore a{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;background:#111;color:#fff;text-decoration:none;font-weight:800;font-size:.95rem}
.jstore a:hover{background:#333}.jstore svg{width:26px;height:26px;flex:none}
.jstore span{display:flex;flex-direction:column;line-height:1.2}.jstore small{font-size:.66rem;font-weight:600;opacity:.8;text-transform:uppercase}
.jlinks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.jlinks a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;text-decoration:none;font-weight:850;font-size:.92rem}
.jlinks .jk{background:#fee500;color:#2b2b2b}.jlinks .js{background:#3b82f6;color:#fff}
.jfoot{flex:none;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1.5px solid var(--line);min-height:20px}
.jfoot:empty{padding:0;border:0;min-height:0}
.jchoice{width:100%;min-height:54px;padding:10px 16px;border-radius:16px;border:0;cursor:pointer;font:850 1rem "Pretendard Variable",sans-serif;color:#fff;background:linear-gradient(120deg,#ff3d7f,#b07cff);box-shadow:0 4px 0 #d43c74;animation:jin .25s ease-out}
.jchoice:hover{filter:brightness(1.05)}
.jdone{margin:0;text-align:center;font-weight:800;font-size:.9rem;color:var(--pink-d)}
@media(max-width:480px){dialog.join{width:100vw;height:100dvh;border-radius:0}}
@media(prefers-reduced-motion:reduce){.jmsg,.jchoice,.jdots i{animation:none}}
dialog.join{max-width:100vw;max-height:100dvh;margin:auto}
.jmsg:has(.jalert),.jmsg:has(.jimg),.jmsg:has(.jstore),.jmsg:has(.jstat){width:94%}
.hd .bj.sm{white-space:nowrap}
@media(max-width:480px){dialog.join{width:100vw;height:100dvh;margin:0;border-radius:0}.jhd h2{font-size:1rem}.jhd p{font-size:.7rem}}
/* chat footer: keep a constant height so messages never hide behind it */
.jfoot,.jfoot:empty{display:flex;align-items:center;justify-content:center;min-height:78px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-top:1.5px solid var(--line)}
.jfoot>*{width:100%}
.jwait{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.86rem;font-weight:700;color:var(--muted)}
.jbody{padding-bottom:18px;scroll-padding-bottom:18px}
/* common pay box on sub pages */
.payrow{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.paycard.pc2{margin:0}
.payrow .ways{margin:0}
.trust{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.trust li{padding:8px 14px;border-radius:99px;background:#fff;border:2px solid var(--lav);font-weight:800;font-size:.9rem}
#pay .punch{margin-bottom:20px}
.paymore{text-align:center;margin:0}
@media(max-width:860px){.payrow{grid-template-columns:1fr}.paycard.pc2{justify-self:start}}