:root{--pink:#e8336a;--pink-tint:#fcedf2;--pink-line:#f3dce5;--green:#2e8b66;--green-tint:#edf5f1;--green-line:#d6e9e0;--ink:#1a1a1f;--gray:#6e6e76;--gray2:#9a9aa2;--line:#eceaec;--bg-soft:#fbf8f9;--shadow:0 6px 24px #1e14190f;--shadow-cta:0 8px 22px #e8336a33}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.2px;background:#fff;font-family:Pretendard,Apple SD Gothic Neo,sans-serif;line-height:1.5}body.lock{overflow:hidden}main{background:#fff;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:92px;overflow:hidden}h1,h2,h3,p{margin:0}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;display:block}.eyebrow{letter-spacing:.3px;color:var(--pink);font-size:11.5px;font-weight:700}.sec{border-top:1px solid var(--line);padding:56px 26px}.sec h2{letter-spacing:-.7px;word-break:keep-all;margin:9px 0 12px;font-size:23px;font-weight:800;line-height:1.4}.sec h2 .hl{color:var(--pink)}.sec .lead{color:var(--gray);margin-bottom:24px;font-size:14px;font-weight:500;line-height:1.75}.hero{text-align:center;background:radial-gradient(130% 70% at 50% 0,#fdeff4 0%,#fff 60%);padding:48px 26px 44px}.badge{border:1px solid var(--pink-line);border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:6px 14px;display:inline-flex}.badge .dot{background:var(--pink);border-radius:50%;width:5px;height:5px}.badge b{color:var(--pink);font-size:12px;font-weight:700}.hero .pre{color:var(--gray);margin-bottom:12px;font-size:13px;font-weight:500}.hero h1{letter-spacing:-1px;word-break:keep-all;margin-bottom:14px;font-size:27px;font-weight:800;line-height:1.4}.hero h1 .hl{color:var(--pink)}.hero .sub{color:var(--gray);margin-bottom:24px;font-size:14px;font-weight:500;line-height:1.75}.hero .heroimg{box-shadow:var(--shadow);border-radius:18px;margin-bottom:22px;overflow:hidden}.hero .heroimg img{aspect-ratio:16/9;object-fit:cover;object-position:center 40%;width:100%}.btn{background:var(--pink);color:#fff;width:100%;box-shadow:var(--shadow-cta);border-radius:14px;justify-content:center;align-items:center;padding:17px;font-size:15.5px;font-weight:700;display:flex}.btn:active{transform:translateY(1px)}.hero .note{color:var(--gray2);margin-top:14px;font-size:11.5px;font-weight:500}.empathy{background:var(--bg-soft)}.empathy .qs{flex-direction:column;gap:10px;margin-top:4px;display:flex}.empathy .q{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:flex-start;gap:11px;padding:15px 16px;display:flex}.empathy .q .dot{background:var(--pink);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.empathy .q p{color:#3a3a42;font-size:13.5px;font-weight:600;line-height:1.5}.report .shot{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px;margin-bottom:20px;overflow:hidden}.report .shot img{width:100%;display:block}.report .feats{flex-direction:column;gap:12px;display:flex}.report .feat{align-items:flex-start;gap:13px;display:flex}.report .feat .ic{background:var(--pink-tint);width:34px;height:34px;color:var(--pink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.report .feat b{letter-spacing:-.3px;margin-bottom:3px;font-size:14.5px;font-weight:800;display:block}.report .feat span{color:var(--gray);font-size:13px;font-weight:500;line-height:1.6}.change{background:var(--bg-soft)}.change-img{border-radius:16px;margin-bottom:20px;overflow:hidden}.change-img img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.stats{gap:10px;margin-bottom:18px;display:flex}.stat{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;flex:1;padding:18px 8px}.stat .v{color:var(--pink);letter-spacing:-.8px;font-size:24px;font-weight:800;line-height:1}.stat .v small{font-size:13px;font-weight:700}.stat .k{color:var(--gray);margin-top:8px;font-size:11px;font-weight:500;line-height:1.45}.chart{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:12px;padding:18px 16px 16px}.chart .ch-h{color:#3a3a42;margin-bottom:4px;font-size:12.5px;font-weight:800}.chart .ch-sub{color:var(--gray2);margin-bottom:16px;font-size:11px;font-weight:500}.chart .row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.chart .row:last-of-type{margin-bottom:0}.chart .rl{color:#4a4a52;flex-shrink:0;width:36px;font-size:11.5px;font-weight:700}.chart .track{background:#f4f2f3;border-radius:6px;flex:1;height:9px;position:relative}.chart .seg-base{background:#b7bbc3;border-radius:6px;height:100%;position:absolute;top:0;left:0}.chart .seg-gain{background:var(--pink);border-radius:0 6px 6px 0;height:100%;position:absolute;top:0}.chart .rv{white-space:nowrap;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;width:96px;display:flex}.chart .rv .nums{color:#8a8a92;font-size:11px;font-weight:600}.chart .rv .nums b{color:#7a7a82;font-weight:700}.chart .rv .nums i{color:var(--gray2);margin:0 3px;font-style:normal}.chart .rv .nums .hi{color:#3a3a42;font-weight:800}.chart .rv .delta{color:var(--pink);font-size:11px;font-weight:800}.chart .legend{border-top:1px solid var(--line);justify-content:flex-end;gap:16px;margin-top:16px;padding-top:14px;display:flex}.chart .legend span{color:var(--gray);align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:inline-flex}.chart .legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.srcline{color:var(--gray2);text-align:center;font-size:10.5px;font-weight:500;line-height:1.5}.steps-sec .step-tabs{gap:10px;margin-bottom:16px;display:flex}.steps-sec .step-tab{background:var(--line);cursor:pointer;border:none;border-radius:99px;flex:1;height:6px;padding:0;transition:background .25s;position:relative;overflow:hidden}.steps-sec .step-tab-num{display:none}.steps-sec .step-tab.on{background:var(--pink)}.steps-sec .step-card{background:#f6f4f5;border-radius:18px;margin-bottom:16px;animation:.35s stepFadeIn;overflow:hidden}.steps-sec .step-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.steps-sec .step-body{flex-direction:column;gap:8px;margin-bottom:16px;animation:.35s stepFadeIn;display:flex}.steps-sec .step-title-row{align-items:center;gap:10px;display:flex}.steps-sec .step-num-badge{background:var(--pink);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.steps-sec .step-title{color:var(--ink);letter-spacing:-.4px;font-size:17px;font-weight:800;line-height:1.3}.steps-sec .step-desc{color:var(--gray);margin:0;font-size:14px;font-weight:400;line-height:1.6}.steps-sec .step-dots{justify-content:center;gap:8px;display:flex}.steps-sec .step-dot{background:var(--line);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .25s,transform .2s}.steps-sec .step-dot.on{background:var(--pink);transform:scale(1.25)}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reviews .rcard{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:20px}.reviews .rtag{color:var(--pink);background:var(--pink-tint);border-radius:6px;margin-bottom:13px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-block}.reviews .rquote{color:#2e2e36;letter-spacing:-.3px;margin-bottom:12px;font-size:13.5px;font-weight:600;line-height:1.75}.reviews .by{color:var(--gray);font-size:12px;font-weight:500}.reviews .by b{color:var(--ink);font-weight:700}.videos .vgrid2{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.videos .vcard2{aspect-ratio:4/5;-webkit-tap-highlight-color:transparent;background:#111;border-radius:14px;text-decoration:none;display:block;position:relative;overflow:hidden}.videos .vcard2 img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.videos .vcard2:active img{transform:scale(.98)}.videos .v2-ig{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:9px;right:9px}.videos .v2-play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.videos .v2-play svg{filter:drop-shadow(0 2px 6px #00000073);margin-left:3px}.scale{background:var(--pink);color:#fff;text-align:center;border-top:none}.scale .eyebrow{color:#ffffffc7}.scale h2{color:#fff}.scale .nums{gap:10px;margin-top:22px;display:flex}.scale .n{background:#ffffff1f;border-radius:14px;flex:1;padding:18px 6px}.scale .n .v{letter-spacing:-.6px;font-size:22px;font-weight:800;line-height:1}.scale .n .v small{font-size:12px;font-weight:700}.scale .n .k{color:#ffffffd1;margin-top:7px;font-size:11px;font-weight:500}.cta{text-align:center}.cta h2{letter-spacing:-.7px;word-break:keep-all;margin-bottom:12px;font-size:23px;font-weight:800;line-height:1.4}.cta h2 .hl{color:var(--pink)}.cta .lead{color:var(--gray);margin-bottom:22px;font-size:13.5px;font-weight:500;line-height:1.75}.cta .btn{font-size:16px}.cta .note{color:var(--gray2);margin-top:13px;font-size:11.5px;font-weight:500}footer{text-align:center;border-top:1px solid var(--line);background:#fff;padding:24px 26px 30px}footer p{color:var(--gray2);font-size:11px;font-weight:500}footer a{color:var(--pink);font-weight:600;text-decoration:none}.float{background:var(--pink);z-index:90;cursor:pointer;border:none;border-radius:14px;justify-content:space-between;align-items:center;width:calc(100% - 28px);max-width:452px;padding:13px 18px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #e8336a4d}.float .l{text-align:left;flex-direction:column;gap:2px;display:flex}.float .l small{color:#ffffffb8;font-size:10px;font-weight:500}.float .l b{color:#fff;font-size:14.5px;font-weight:700}.float .r{color:#fff;white-space:nowrap;background:#ffffff29;border-radius:9px;padding:9px 15px;font-size:12.5px;font-weight:700}.overlay{z-index:100;background:#140f1280;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.overlay.on{animation:.2s ov;display:flex}@keyframes ov{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:480px;padding:26px 24px calc(26px + env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;max-height:92vh;animation:.28s cubic-bezier(.22,1,.36,1) up;overflow-y:auto}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.modal .top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal .top .eyebrow{margin-bottom:6px}.modal h3{letter-spacing:-.5px;font-size:20px;font-weight:800;line-height:1.35}.modal .x{width:32px;height:32px;color:var(--gray);cursor:pointer;background:#f4f2f3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.modal .desc{color:var(--gray);margin:8px 0 22px;font-size:13px;font-weight:500;line-height:1.65}.field{margin-bottom:16px}.field label{color:#3a3a42;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.field label .req{color:var(--pink);margin-left:3px}.field input{border:1.5px solid var(--line);width:100%;color:var(--ink);border-radius:12px;padding:14px 15px;font-family:inherit;font-size:15px}.field input::placeholder{color:var(--gray2)}.field input:focus{border-color:var(--pink);outline:none}.field .region{gap:8px;display:flex}.field select{border:1.5px solid var(--line);min-width:0;color:var(--ink);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%239A9AA2' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:12px;flex:1;padding:14px 30px 14px 12px;font-family:inherit;font-size:14.5px}.field select:focus{border-color:var(--pink);outline:none}.field select:disabled{color:var(--gray2);background-color:#f7f6f7}.submit{background:var(--pink);color:#fff;width:100%;box-shadow:var(--shadow-cta);border-radius:13px;padding:16px;font-family:inherit;font-size:15.5px;font-weight:700;transition:opacity .15s}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.mhint{color:var(--gray2);text-align:center;margin-top:13px;font-size:11.5px;font-weight:500;line-height:1.5}.field-hint{color:var(--gray2);margin-top:6px;font-size:11.5px;font-weight:400;line-height:1.5}.proposal-cards{flex-direction:column;gap:10px;display:flex}.proposal-card{border:1.5px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:14px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.proposal-card.on{border-color:var(--pink);background:#fff0f4}.proposal-radio{border:2px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:border-color .15s;display:flex}.proposal-card.on .proposal-radio{border-color:var(--pink)}.proposal-radio span{background:var(--pink);border-radius:50%;width:8px;height:8px;display:none}.proposal-card.on .proposal-radio span{display:block}.proposal-text b{color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.4;display:block}.proposal-text p{color:var(--gray);margin:0;font-size:12px;font-weight:400;line-height:1.5}.role-toggle{gap:8px;display:flex}.role-btn{border:1.5px solid var(--line);color:var(--gray);cursor:pointer;background:#fff;border-radius:12px;flex:1;padding:13px 0;font-family:inherit;font-size:15px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.role-btn.on{border-color:var(--pink);color:var(--pink);background:#fff0f4}.teacher-banner{border-top:1px solid var(--line);text-align:center;margin-top:20px;padding-top:18px}.teacher-banner p{color:var(--gray);margin-bottom:6px;font-size:12px;font-weight:500}.teacher-banner button{color:var(--pink);cursor:pointer;letter-spacing:-.2px;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:800}.teacher-banner button:active{opacity:.7}.consent-row{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.consent-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--pink);cursor:pointer;flex-shrink:0;margin-top:2px}.consent-row span{color:var(--ink);font-size:13px;font-weight:500;line-height:1.5}.consent-row span em{color:var(--pink);font-style:normal;font-weight:700}.consent-row span small{color:var(--gray2);margin-top:2px;font-size:11px;font-weight:400;line-height:1.5;display:block}.parent-link{text-align:center;margin-top:18px}.parent-link button{color:var(--pink);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600}.parent-link button:active{opacity:.7}.clean-roller{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.clean-roller img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.clean-roller img.active{opacity:1}.clean-roller-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.clean-roller-dots button{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s}.clean-roller-dots button.on{background:#fff}.clean-service-cards{flex-direction:column;gap:20px;margin-top:8px;display:flex}.clean-service-card{border:1.5px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.clean-service-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.clean-service-text{flex-direction:column;gap:4px;padding:16px;display:flex}.clean-service-badge{color:var(--pink);letter-spacing:.2px;background:#fff0f4;border-radius:20px;align-self:flex-start;margin-bottom:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.clean-service-text b{color:var(--ink);letter-spacing:-.3px;font-size:15px;font-weight:800;line-height:1.4}.clean-service-text p{color:var(--gray);margin:0;font-size:13px;line-height:1.55}.clean-how-img{border-radius:16px;width:100%;margin:8px 0 20px;overflow:hidden}.clean-how-img img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.clean-how-steps{flex-direction:column;gap:16px;display:flex}.clean-how-step{align-items:flex-start;gap:14px;display:flex}.clean-how-step .clean-ic{flex-shrink:0;margin-top:2px}.clean-how-step b{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:800;line-height:1.4;display:block}.clean-how-step p{color:var(--gray);margin:0;font-size:13px;line-height:1.55}.clean-cards{flex-direction:column;gap:12px;margin-top:4px;display:flex}.clean-card{border:1.5px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:4px;padding:18px 16px;display:flex}.clean-ic{background:var(--pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:4px;font-size:13px;font-weight:800;display:flex}.clean-card b{color:var(--ink);letter-spacing:-.3px;font-size:15px;font-weight:800}.clean-card p{color:var(--gray);margin:0;font-size:13px;line-height:1.5}.compare-table{gap:10px;margin-top:8px;display:flex}.compare-col{border:1.5px solid var(--line);border-radius:14px;flex:1;overflow:hidden}.compare-col.plus{border-color:var(--pink);background:#fff0f4}.compare-head{color:var(--ink);letter-spacing:-.2px;background:#f4f5f7;padding:12px 14px;font-size:13px;font-weight:800}.compare-col.plus .compare-head{background:var(--pink);color:#fff}.compare-col ul{flex-direction:column;gap:8px;margin:0;padding:12px 14px;list-style:none;display:flex}.compare-col li{color:var(--ink);align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.4;display:flex}.chk{flex-shrink:0;font-size:12px;font-weight:800}.base-chk{color:var(--gray2)}.plus-chk{color:var(--pink)}.dish-options{flex-direction:column;gap:6px;display:flex}.dish-option{border:1.5px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1.4;transition:border-color .15s,background .15s;display:flex}.dish-option.on{border-color:var(--pink);background:#fff0f4;font-weight:700}.dish-radio{border:2px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s;display:flex}.dish-option.on .dish-radio{border-color:var(--pink)}.dish-radio span{background:var(--pink);border-radius:50%;width:8px;height:8px;display:none}.dish-option.on .dish-radio span{display:block}.done{text-align:center;padding:26px 8px 8px}.done h4{color:var(--green);letter-spacing:-.3px;margin-bottom:10px;font-size:19px;font-weight:800}.done p{color:#4a4a52;font-size:13.5px;font-weight:500;line-height:1.7}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
