:root{--accent:#4f46e5;--accent2:#7c6cff;--ink:#1a1a24;--muted:#777;--bg:#f7f7fb;--line:#ececf2;--card:#fff}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:860px;margin:0 auto;padding:0 20px}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-weight:800;padding:15px 30px;border-radius:12px;font-size:16px;border:none;cursor:pointer;transition:.2s}
  .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
  nav{position:sticky;top:0;z-index:20;background:rgba(247,247,251,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  nav .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
  nav .nav-brand{display:flex;align-items:center;gap:10px;min-width:0}
  nav .nav-actions{display:flex;align-items:center;gap:16px}
  nav b{font-size:19px;font-weight:900}
  nav a.cta{background:var(--accent);color:#fff;padding:9px 18px;border-radius:10px;font-weight:800;font-size:14px}
  .hero{text-align:center;padding:90px 0 70px;background:radial-gradient(120% 120% at 50% 0%,#eceaff,transparent 60%)}
  .hero .eyebrow{color:var(--accent);font-weight:800;letter-spacing:2px;font-size:13px}
  .hero h1{font-size:clamp(32px,6vw,52px);font-weight:900;letter-spacing:-1px;margin:14px 0 14px}
  .hero p{color:var(--muted);font-size:17px;max-width:460px;margin:0 auto 28px}
  section{padding:60px 0}
  .shead{text-align:center;margin-bottom:36px}
  .shead h2{font-size:28px;font-weight:900;letter-spacing:-.5px}
  .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .svc .c{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 22px;text-align:center}
  .svc .c .n{width:46px;height:46px;border-radius:12px;background:#eceaff;color:var(--accent);display:grid;place-items:center;font-size:22px;margin:0 auto 14px;font-weight:900}
  .svc .c b{font-size:17px;font-weight:800}
  .info{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .info div b{color:var(--accent);font-size:13px;font-weight:800}
  .info div p{font-size:15px;margin-top:3px}
  .book{background:linear-gradient(140deg,var(--accent),var(--accent2));border-radius:24px;padding:40px;color:#fff}
  .book h2{font-size:26px;font-weight:900;text-align:center;margin-bottom:6px}
  .book .sub{text-align:center;opacity:.9;margin-bottom:26px;font-size:14px}
  .form{background:#fff;color:var(--ink);border-radius:18px;padding:26px;max-width:460px;margin:0 auto}
  .f{margin-bottom:14px}
  .f label{display:block;font-size:13px;font-weight:800;color:#555;margin-bottom:6px}
  .f input,.f select,.f textarea{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:11px;font-size:15px;font-family:inherit;background:#fff;color:var(--ink)}
  .f textarea{min-height:64px;resize:vertical}
  .f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--accent)}
  .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .form .btn{width:100%;margin-top:6px}
  .ok{display:none;text-align:center;padding:16px}
  .ok .ic{font-size:46px}.ok h3{margin:10px 0 6px;font-size:22px;font-weight:900}.ok p{color:var(--muted)}
  footer{text-align:center;color:var(--muted);font-size:13px;padding:40px 0}
  footer a{color:var(--accent);font-weight:700}
  @media(max-width:640px){.svc{grid-template-columns:1fr}.info{grid-template-columns:1fr}.row{grid-template-columns:1fr}.book{padding:26px 16px}}

[hidden]{display:none!important} .btn:disabled{opacity:.5;cursor:not-allowed;transform:none} .hero-image{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:20px;margin-top:36px} #description{white-space:pre-line} .preview-notice{padding:12px;text-align:center;background:#fff3cb;color:#574009;font-size:14px;position:relative;z-index:30}
#book{scroll-margin-top:95px}
.customer-account-link{font-size:13px;font-weight:700}.booking-account-note{font-size:12px;color:var(--muted);margin:0 0 20px}.booking-account-note a,.booking-receipt a{text-decoration:underline}.booking-receipt{margin-top:24px;padding:22px;border:1px solid var(--line);text-align:left;color:var(--ink);background:var(--card)}.booking-receipt label{display:block;font-size:12px;margin-top:14px}.booking-receipt input{display:block;width:100%;font:12px monospace;padding:10px;border:1px solid var(--line);margin:6px 0 14px;background:var(--bg);color:var(--ink)}.booking-receipt p{color:var(--muted);margin-bottom:12px}
.jaree-badge{display:inline-flex;align-items:center;gap:5px;margin-top:14px;padding:7px 14px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:600;opacity:.62;transition:opacity .2s}
.jaree-badge:hover{opacity:1}
.jaree-badge b{font-weight:800}

/* 사용 후기 섹션 */
.reviews-section{padding:40px 0}
.reviews-section h2{margin-bottom:18px}
.rev-summary b{color:var(--accent,#4f46e5)}
.rev-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.rev-item{border:1px solid rgba(128,128,128,.18);border-radius:14px;padding:18px}
.rev-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rev-stars{color:#f5a623;letter-spacing:1px}
.rev-head small{margin-left:auto}
.rev-body{margin:10px 0 0;white-space:pre-wrap;line-height:1.7}
.rev-reply{margin-top:12px;padding:12px 14px;background:rgba(128,128,128,.08);border-radius:10px}
.rev-reply b{font-size:13px;color:var(--accent,#4f46e5)}
.rev-reply p{margin:5px 0 0;white-space:pre-wrap}
.rev-form{border:1px solid rgba(128,128,128,.2);border-radius:14px;padding:18px;margin-bottom:8px}
.rev-form-head{font-weight:700;margin-bottom:10px}
.rev-stars-input{font-size:30px;color:rgba(128,128,128,.35);cursor:pointer;user-select:none;line-height:1;margin-bottom:12px}
.rev-stars-input span{transition:color .1s}
.rev-stars-input span.on{color:#f5a623}
.rev-form input,.rev-form textarea{width:100%;padding:11px 12px;border:1px solid rgba(128,128,128,.3);border-radius:9px;margin-bottom:10px;font:inherit;background:transparent;color:inherit}
.rev-form textarea{min-height:90px;resize:vertical}
.rev-form-actions{display:flex;gap:10px;align-items:center}
.btn-ghost{background:transparent;border:1px solid rgba(128,128,128,.3);color:inherit;border-radius:9px;padding:9px 16px;cursor:pointer}
.rev-login{padding:16px;border:1px dashed rgba(128,128,128,.35);border-radius:12px;margin-bottom:8px}
.rev-login a{font-weight:700}