#how{font-family:'Noto Sans KR',sans-serif;color:#373c32}#how *{box-sizing:border-box}#how .preview-tools{display:flex;gap:8px;margin-bottom:12px}#how button{font:inherit;cursor:pointer}#how .preview-tools button{border:1px solid #d3dbcf;border-radius:20px;padding:8px 16px;background:#fff;color:#546b50}#how .preview-tools button[aria-pressed=true]{background:#587659;color:#fff}#how .how-content{background:#edf2e6;padding:54px 48px 38px;max-width:100%;margin:auto;border-radius:6px;transition:max-width .2s}#how .eyebrow{font-size:12px;letter-spacing:2px;color:#597157;font-weight:600}#how h1{font-size:34px;line-height:1.4;font-weight:500;letter-spacing:-1.3px;margin:15px 0 12px}#how .intro{font-size:15px;color:#697163;margin:0;line-height:1.7}#how .duration{display:inline-flex;gap:12px;align-items:center;margin-top:24px;padding:10px 16px;background:#fffaf0;border-radius:30px;font-size:13px;color:#596e51}#how .duration b{font-weight:600}#how .journey{margin-top:42px;position:relative}#how .journey:before{content:'';position:absolute;left:17px;top:18px;bottom:65px;width:3px;background:linear-gradient(#f1d678 0 23%,#a3c6a1 23% 72%,#688665 72%)}#how .step{position:relative;padding-left:57px;padding-bottom:30px}#how .dot{position:absolute;left:0;top:0;width:37px;height:37px;display:grid;place-items:center;background:#ffe6a0;border:5px solid #edf2e6;border-radius:50%;font-size:12px;color:#516e4f;font-weight:600}#how .phase{font-size:12px;color:#5e7659;letter-spacing:.7px;margin:0 0 10px;padding-top:9px;font-weight:600}#how .panel{background:#fffefa;border-radius:23px;padding:27px;display:grid;grid-template-columns:1fr 0.9fr;gap:24px;align-items:center}#how h2{font-size:24px;line-height:1.45;letter-spacing:-.8px;margin:0 0 10px;font-weight:500}#how .copy{font-size:14px;line-height:1.85;color:#717568;margin:0;word-break:keep-all}#how .sample{background:#f4f2e7;border-radius:15px;padding:20px}#how .sample-label{font-size:11px;letter-spacing:.7px;color:#667860;margin-bottom:12px}#how .question{font-size:19px;line-height:1.55;letter-spacing:-.4px;margin:0 0 10px;word-break:keep-all}#how .translation{font-size:12px;color:#797d71;line-height:1.6;margin:0}#how .question-controls{display:flex;gap:6px;margin-top:16px}#how .question-controls button{padding:6px 10px;border-radius:16px;border:0;background:#e4e9db;color:#617057;font-size:11px;min-height:34px}#how .question-controls button[aria-pressed=true]{background:#617b58;color:#fff}#how .chat{display:flex;flex-direction:column;gap:10px}#how .bubble{background:#eaf0e3;padding:12px 15px;border-radius:13px 13px 13px 3px;font-size:13px;line-height:1.6}#how .bubble.reply{background:#fff0ba;align-self:flex-end;border-radius:13px 13px 3px 13px}#how .aid{grid-column:1/-1;border-top:1px solid #e8eadd;padding-top:17px;display:flex;gap:12px;align-items:start;font-size:13px;line-height:1.7;color:#6b7565}#how .aid strong{display:block;font-weight:600;color:#52684b}#how .aid svg{width:19px;flex-shrink:0;margin-top:3px}#how .small-note{font-size:11px;line-height:1.65;color:#818576;margin:12px 0 0}#how .activities{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}#how .activities span{border-radius:20px;background:#edf0e5;padding:6px 10px;color:#63715b;font-size:12px}#how .record{display:grid;gap:10px}#how .record-line{display:flex;gap:10px;align-items:center;font-size:13px;color:#5e6c55}#how .record-line svg{width:17px;height:17px}#how .after{margin:0 0 0 57px;padding:0 5px 25px;color:#64715c;font-size:13px;line-height:1.8}#how .after strong{display:block;font-size:16px;font-weight:500;color:#465a41;margin-bottom:5px}#how .closing{text-align:center;border-top:1px solid #d7dfce;padding-top:25px}#how .closing p{font-size:17px;letter-spacing:-.5px;margin:0 0 17px}#how .reserve{background:#5d7c5c;color:#fff;border:0;border-radius:12px;padding:15px 30px;font-size:14px;font-weight:600}#how .feedback{font-size:12px;color:#697660;margin-top:12px;min-height:18px}#how .how-content.mobile{max-width:390px;padding:32px 20px 25px}#how .mobile h1{font-size:29px}#how .mobile .step{padding-left:38px;padding-bottom:25px}#how .mobile .journey:before{left:10px}#how .mobile .dot{left:-7px}#how .mobile .panel{grid-template-columns:1fr;padding:20px;gap:18px}#how .mobile h2{font-size:23px}#how .mobile .after{margin-left:38px}#how .mobile .duration{font-size:12px;gap:8px}#how .mobile .sample{padding:16px}
@media(max-width:560px){#how .how-content{padding:32px 18px 25px}#how h1{font-size:29px}#how .step{padding-left:38px}#how .journey:before{left:10px}#how .dot{left:-7px}#how .panel{grid-template-columns:1fr;padding:20px;gap:18px}#how h2{font-size:23px}#how .after{margin-left:38px}#how .sample{padding:16px}}

body[data-customer-page="landing"] #how{background:#edf2e6;padding:0!important} #how .how-content{max-width:960px;padding-top:48px} #how .preview-tools{display:none} #how .how-content header{position:static;display:block;background:none;border:0;box-shadow:none;height:auto;padding:0} #how .closing{position:static;background:none;padding-bottom:20px} #how button{min-height:44px} #how .aid{padding-left:0} #how .duration{flex-wrap:wrap} #how .panel>*{min-width:0} #how .copy{white-space:normal} #how .bubble{overflow-wrap:anywhere}
#how .journey{padding:0;background:none} #how .step{padding-top:0;margin:0;background:none}