:root{
    --black:#0F0F0F; --ink:#1B1712; --cream:#F3EFE4; --cream-hi:#FBF9F3;
    --red:#FF2D2D; --red-deep:#B01818; --line:#DCD4C0; --muted:#726C5E;
    --on-black-muted:rgba(243,239,228,.62); --on-black-line:rgba(243,239,228,.16);
  }
  *{box-sizing:border-box;}
  body{
    margin:0;background:var(--cream);color:var(--ink);
    font-family:"Noto Sans KR","Gothic A1",sans-serif;
    -webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;
  }
  a{color:inherit;}
  .wrap{max-width:680px;margin:0 auto;padding:0 clamp(20px,5vw,40px);}

  .hero{background:var(--black);color:var(--cream);padding:clamp(40px,7vw,68px) 0 clamp(36px,6vw,58px);}
  .brand{font-family:"Archivo",sans-serif;font-weight:900;font-size:14px;line-height:1.35;letter-spacing:.02em;}
  .eyebrow{font-family:"Archivo",sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.2em;
           text-transform:uppercase;color:var(--on-black-muted);margin-top:28px;}
  h1{margin:12px 0 0;font-family:"Gothic A1",sans-serif;font-weight:900;
     font-size:clamp(25px,4.2vw,36px);line-height:1.32;letter-spacing:-.02em;text-wrap:balance;}
  h1 span{color:var(--red);}
  .lede{margin:18px 0 0;font-size:clamp(14px,1.7vw,16px);line-height:1.8;color:var(--on-black-muted);max-width:44ch;}


  .gets{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;}
  .gets li{
    display:flex;flex-direction:column;gap:3px;padding-left:16px;position:relative;
    font-size:13.5px;line-height:1.6;color:var(--on-black-muted);
  }
  .gets li::before{
    content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--red);
  }
  .gets b{color:var(--cream);font-size:14.5px;font-weight:700;}
  .nb{display:inline-block;}
  .help,.gets li,.plan small{text-wrap:balance;}
  .lede b{color:var(--cream);font-weight:700;}
  .done p b{font-weight:800;}
  form{padding:clamp(34px,6vw,52px) 0 clamp(20px,4vw,32px);}
  .field{margin-bottom:26px;}
  .q{display:block;font-weight:700;font-size:15px;margin-bottom:8px;}
  .q .req{color:var(--red);margin-left:4px;}
  .help{font-size:12.5px;color:var(--muted);margin:0 0 10px;line-height:1.6;}
  input[type=text],input[type=tel],textarea,select{
    width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:2px;
    background:var(--cream-hi);color:var(--ink);font:inherit;font-size:15px;
    transition:border-color .15s ease, box-shadow .15s ease;
  }
  textarea{min-height:104px;resize:vertical;line-height:1.7;}
  input:focus,textarea:focus,select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(255,45,45,.12);}
  .plans{display:flex;flex-direction:column;gap:10px;}
  .plan{
    display:flex;gap:12px;align-items:flex-start;padding:15px 16px;cursor:pointer;
    border:1px solid var(--line);border-radius:2px;background:var(--cream-hi);
    transition:border-color .15s ease,background .15s ease;
  }
  .plan:hover{border-color:var(--red-deep);}
  .plan input{margin:3px 0 0;accent-color:var(--red);flex:none;}
  .plan.on{border-color:var(--red);background:#fff;}
  .plan--open{border-style:dashed;}
  .plan--open.on{border-style:solid;}
  .plan b{display:block;font-size:14.5px;}
  .plan small{display:block;margin-top:3px;font-size:12.5px;color:var(--muted);line-height:1.55;}
  .agree{margin-top:32px;padding:18px;border:1px solid var(--line);background:var(--cream-hi);}
  .agree p{margin:0 0 12px;font-size:12.5px;line-height:1.75;color:var(--muted);}
  .agree label{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:700;cursor:pointer;}
  .agree input{margin:2px 0 0;accent-color:var(--red);}
  button{
    margin-top:28px;width:100%;padding:17px 20px;border:none;border-radius:2px;
    background:var(--black);color:var(--cream);font:inherit;font-weight:700;font-size:16px;cursor:pointer;
    transition:background .15s ease,transform .12s ease;
  }
  button:hover{background:var(--red-deep);}
  button:active{transform:translateY(1px);}
  button[disabled]{opacity:.55;cursor:default;transform:none;}
  .msg{margin-top:14px;font-size:13.5px;font-weight:700;color:var(--red-deep);display:none;line-height:1.7;}
  .msg a{color:var(--red-deep);}

  .done{display:none;padding:clamp(48px,9vw,86px) 0;}
  .done h2{margin:0;font-family:"Gothic A1",sans-serif;font-weight:900;
           font-size:clamp(22px,3.4vw,30px);line-height:1.42;}
  .done p{margin-top:16px;font-size:15px;line-height:1.85;color:var(--muted);}
  .kakao{display:inline-block;margin-top:26px;padding:14px 22px;background:var(--black);color:var(--cream);
         text-decoration:none;font-weight:700;font-size:15px;border-radius:2px;}
  .kakao:hover{background:var(--red-deep);}

  .foot{border-top:1px solid var(--line);margin-top:8px;padding:22px 0 56px;
        display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12.5px;color:var(--muted);}
