:root{
  --font-display:'Poppins','IBM Plex Sans KR','Malgun Gothic',sans-serif;
  --bg:#fffaf4; --ink:#1f2a2a; --mute:#5f6b6a; --line:#e8e0d4;
  --brand:#0f6b63; --brand-d:#0a4a45; --brand-l:#e3f1ee;
  --warm:#ff8a5c; --warm-l:#ffe9df; --sun:#ffc857;
  --card:#ffffff; --tint:#f6efe4; --r:20px;
  --sh:0 10px 30px rgba(31,42,42,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:'IBM Plex Sans KR','Malgun Gothic',-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;letter-spacing:-.01em;word-break:keep-all}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{width:min(1140px,100% - 40px);margin-inline:auto}
b{font-weight:700}

/* logo */
.logo{font-weight:800;font-size:1.3rem;letter-spacing:-.03em;display:inline-flex;gap:.35em;align-items:baseline}
.logo-all{color:var(--brand)} .logo-bar{color:var(--warm);font-weight:300} .logo-care{color:var(--ink)}
.logo-ko{font-size:.62em;font-weight:700;color:var(--mute);margin-left:.5em;padding-left:.7em;border-left:1px solid var(--line)}
.logo-foot .logo-ko{color:#9fb3b0;border-color:#2f4442}
.logo-foot .logo-care{color:#fff} .logo-foot .logo-all{color:#7fd6c9}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,250,244,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.menu{display:flex;gap:26px;font-weight:600;font-size:.95rem}
.menu a{color:var(--mute);transition:.2s} .menu a:hover{color:var(--brand)}
.nav-cta{display:flex;align-items:center;gap:14px}
.tel{font-weight:800;color:var(--brand)}
@media (max-width:420px){.nav .logo-ko{display:none}}
.burger{display:none;background:none;border:0;width:40px;height:40px;position:relative;cursor:pointer}
.burger span{position:absolute;left:9px;right:9px;height:2px;background:var(--ink);transition:.25s}
.burger span:first-child{top:15px} .burger span:last-child{top:23px}
.burger[aria-expanded=true] span:first-child{top:19px;transform:rotate(45deg)}
.burger[aria-expanded=true] span:last-child{top:19px;transform:rotate(-45deg)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:15px 26px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;border:2px solid var(--brand);cursor:pointer;transition:.2s;font-size:1rem}
.btn:hover{background:var(--brand-d);border-color:var(--brand-d);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:.9rem}
.btn-ghost{background:transparent;color:var(--brand)} .btn-ghost:hover{background:var(--brand-l);color:var(--brand-d)}
.btn-light{background:#fff;color:var(--brand-d);border-color:#fff} .btn-light:hover{background:var(--warm-l);border-color:var(--warm-l);color:var(--brand-d)}
.btn-block{width:100%}

/* hero */
.hero{padding:56px 0 20px;background:radial-gradient(900px 480px at 85% -10%,var(--warm-l),transparent 60%),radial-gradient(700px 420px at -10% 30%,var(--brand-l),transparent 60%)}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.eyebrow{font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--warm);margin-bottom:14px}
h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.2;letter-spacing:-.04em;font-weight:800}
h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--sun) 62%);color:var(--brand-d)}
.lead{margin:22px 0 30px;font-size:1.1rem;color:var(--mute)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-points{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:28px;font-weight:600;font-size:.92rem;color:var(--brand-d)}
.hero-points li::before{content:"✔";margin-right:6px;color:var(--warm)}
.hero-points small{color:var(--mute);font-weight:500}

.hero-card{background:var(--card);border-radius:28px;padding:26px;box-shadow:var(--sh),0 30px 60px rgba(15,107,99,.12);border:1px solid var(--line);transform:rotate(1.2deg)}
.hc-head{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:16px}
.hc-head small{margin-left:auto;color:var(--mute);font-weight:500;font-size:.75rem}
.dot{width:10px;height:10px;border-radius:50%;background:var(--warm)}
.hc-person{display:flex;align-items:center;gap:12px;padding:12px;background:var(--brand-l);border-radius:14px}
.hc-person div{display:flex;flex-direction:column;line-height:1.35} .hc-person span{font-size:.8rem;color:var(--mute)}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.avatar.lg{width:64px;height:64px;font-size:1.4rem}
.avatar.alt{background:var(--warm)} .avatar.alt2{background:#6b7fd7}
.live{margin-left:auto;font-size:.7rem;font-weight:800;color:#fff;background:#e5484d;padding:3px 9px;border-radius:99px;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.55}}
.timeline{margin:18px 0 6px;border-left:2px dashed var(--line);padding-left:18px}
.timeline li{position:relative;display:flex;gap:12px;padding:7px 0;font-size:.92rem}
.timeline li::before{content:"";position:absolute;left:-25px;top:14px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--brand)}
.timeline li.now::before{background:var(--warm);border-color:var(--warm);box-shadow:0 0 0 5px var(--warm-l)}
.timeline time{font-weight:800;color:var(--brand);min-width:44px;font-variant-numeric:tabular-nums}
.timeline b{color:var(--brand-d)}
.hc-foot{font-size:.8rem;color:var(--mute);text-align:center;margin-top:10px}

.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
.trust div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-align:center}
.trust strong{display:block;font-size:1.9rem;font-weight:800;color:var(--brand)}
.trust span{font-size:.9rem;color:var(--mute)}
.note{font-size:.78rem;color:var(--mute);margin-top:10px;padding-bottom:6px}

/* sections */
.sec{padding:96px 0}
.sec-tint{background:var(--tint)}
.sec-head{max-width:720px;margin-bottom:48px}
.sec-head.left{margin-bottom:0}
h2{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.28;letter-spacing:-.035em;font-weight:800}
.sec-head p:not(.eyebrow){margin-top:16px;color:var(--mute);font-size:1.05rem}
.small{font-size:.8rem!important}
code{background:rgba(0,0,0,.08);padding:1px 6px;border-radius:6px;font-size:.85em}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:.25s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:var(--brand)}
.ic{width:52px;height:52px;border-radius:16px;background:var(--brand-l);display:grid;place-items:center;margin-bottom:18px}
.ic svg{width:28px;height:28px;fill:none;stroke:var(--brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:1.25rem;margin-bottom:8px}
.card p{color:var(--mute);font-size:.95rem}
.card ul{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:.88rem;display:grid;gap:5px}
.card li::before{content:"·";color:var(--warm);font-weight:900;margin-right:8px}
.card-cta{background:linear-gradient(145deg,var(--brand),var(--brand-d));color:#fff;border:0;justify-content:center;gap:14px}
.card-cta p{color:#d3ede9}
.card-cta .btn{align-self:flex-start}

/* finder */
.finder{max-width:760px;background:var(--card);border-radius:28px;padding:34px;box-shadow:var(--sh);border:1px solid var(--line)}
.f-progress{height:6px;background:var(--line);border-radius:9px;overflow:hidden;margin-bottom:26px}
.f-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--warm));transition:width .4s}
.f-step h3{font-size:1.25rem;margin-bottom:18px}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.opts button{padding:18px;border-radius:16px;border:2px solid var(--line);background:#fff;font-weight:700;cursor:pointer;text-align:left;transition:.2s}
.opts button:hover{border-color:var(--brand);background:var(--brand-l);transform:translateY(-2px)}
.f-result h3{font-size:1.6rem;color:var(--brand-d);margin-bottom:8px}
.f-result > p:not(.eyebrow){color:var(--mute)}
.f-result ul{margin:18px 0 24px;display:grid;gap:8px}
.f-result li{background:var(--brand-l);border-radius:12px;padding:10px 14px;font-weight:600;font-size:.95rem}
.f-result li::before{content:"✔ ";color:var(--brand)}

/* why */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 28px}
.why-item{padding:26px 4px 0;border-top:3px solid var(--ink)}
.why-item:hover{border-top-color:var(--warm)}
.num{font-weight:800;color:var(--warm);font-size:.9rem}
.why-item h3{font-size:1.2rem;margin:6px 0 8px}
.why-item p{color:var(--mute);font-size:.95rem}
.compare{margin-top:72px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.c-row{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;border-top:1px solid var(--line)}
.c-row:first-child{border-top:0}
.c-row span{padding:16px 20px;font-size:.95rem}
.c-row span:first-child{font-weight:700}
.c-row span:nth-child(2){color:var(--mute)}
.c-head{background:var(--tint);font-weight:800}
.c-row .us{background:var(--brand-l);color:var(--brand-d);font-weight:700}
.c-head .us{background:var(--brand);color:#fff}

/* price */
.sec-dark{background:var(--brand-d);color:#fff}
.sec-dark .sec-head p:not(.eyebrow){color:#bfe0db}
.sec-dark code{background:rgba(255,255,255,.18)}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.calc{background:#fff;color:var(--ink);border-radius:28px;padding:32px;display:grid;gap:18px}
.calc label{display:grid;gap:8px;font-weight:700;font-size:.92rem}
.calc output{float:right;color:var(--brand)}
.calc select,.form input:not([type=radio]):not([type=checkbox]),.form select,.form textarea{width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:500}
.calc select:focus,.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-l)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
input[type=range]{accent-color:var(--brand);width:100%}
.chk{display:flex!important;align-items:center;gap:10px;font-weight:600!important;font-size:.9rem!important}
.chk input{width:18px;height:18px;accent-color:var(--brand)}
.result{background:var(--tint);border-radius:18px;padding:20px;text-align:center}
.result span{font-size:.85rem;color:var(--mute);font-weight:700}
.result strong{display:block;font-size:2.2rem;font-weight:800;color:var(--brand-d);letter-spacing:-.03em}
.result small{color:var(--mute)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.steps li{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px}
.steps li span{width:40px;height:40px;border-radius:50%;background:var(--warm);color:#fff;font-weight:800;display:grid;place-items:center;margin-bottom:14px}
.steps h3{margin-bottom:6px}
.steps p{color:var(--mute);font-size:.93rem}
.steps li:not(:last-child)::after{content:"→";position:absolute;right:-17px;top:36px;font-weight:800;color:var(--brand);z-index:2}

/* profiles */
.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.profile{background:var(--card);border-radius:var(--r);padding:28px;border:1px solid var(--line)}
.profile h3{margin:14px 0 4px;font-size:1.15rem}
.tag{font-size:.72rem;background:var(--brand-l);color:var(--brand-d);padding:3px 10px;border-radius:99px;vertical-align:middle;margin-left:4px}
.tag.baby{background:var(--warm-l);color:#b04a1d} .tag.drive{background:#e5e9fb;color:#3a49a0}
.meta{color:var(--mute);font-size:.88rem}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.badges li{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:99px;border:1px solid var(--brand);color:var(--brand)}
.quote{font-size:.95rem;font-weight:600;padding-top:12px;border-top:1px dashed var(--line)}
.join{margin-top:28px;background:var(--brand);color:#fff;border-radius:var(--r);padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.join p{color:#cfeae6}

/* voices */
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
blockquote{background:var(--warm-l);border-radius:var(--r);padding:28px;font-weight:600;position:relative}
blockquote::before{content:"“";position:absolute;top:-4px;left:18px;font-size:4rem;color:var(--warm);font-family:Georgia,serif;line-height:1}
blockquote{padding-top:44px}
cite{display:block;margin-top:14px;font-style:normal;font-weight:500;font-size:.85rem;color:var(--mute)}

/* faq */
.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px}
.faq details{background:var(--card);border-radius:16px;border:1px solid var(--line);margin-bottom:12px;padding:0 22px}
.faq summary{cursor:pointer;font-weight:700;padding:20px 28px 20px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--brand);transition:.2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding-bottom:20px;color:var(--mute)}

/* consult */
.sec-brand{background:linear-gradient(135deg,var(--brand),var(--brand-d));color:#fff}
.consult{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.sec-head.light p:not(.eyebrow){color:#cfeae6}
.sec-head.light .eyebrow{color:var(--sun)}
.contact{margin-top:26px;display:grid;gap:8px}
.contact b{display:inline-block;min-width:76px;color:var(--sun)}
.form{background:#fff;color:var(--ink);border-radius:28px;padding:30px;display:grid;gap:16px}
.form label{display:grid;gap:7px;font-weight:700;font-size:.9rem}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--tint);border-radius:14px;padding:4px}
.seg label{display:block}
.seg input{position:absolute;opacity:0}
.seg span{display:block;text-align:center;padding:11px 6px;border-radius:10px;font-size:.88rem;cursor:pointer;transition:.2s}
.seg input:checked + span{background:var(--brand);color:#fff}
.form-msg{padding:12px 14px;border-radius:12px;background:var(--brand-l);color:var(--brand-d);font-weight:700;font-size:.92rem}
.form-msg.err{background:#ffe3e3;color:#a02525}
.form .chk a{text-decoration:underline;color:var(--brand)}

/* footer */
.foot{background:#10201f;color:#9fb3b0;padding:48px 0;font-size:.85rem}
.foot-in{display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:start}
.logo-foot{font-size:1.2rem;margin-bottom:6px}
.foot-links{display:flex;gap:18px;font-weight:600}
.foot-links a:hover{color:#fff}

.float{position:fixed;right:20px;bottom:20px;z-index:40;background:var(--warm);color:#fff;font-weight:800;padding:14px 22px;border-radius:99px;box-shadow:0 10px 24px rgba(255,138,92,.45);transition:.2s}
.float:hover{transform:translateY(-3px)}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}

@media (max-width:960px){
  .menu{position:fixed;inset:68px 0 auto 0;background:var(--bg);flex-direction:column;gap:0;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .3s}
  .menu.open{max-height:420px}
  .menu a{padding:16px 20px;border-top:1px solid var(--line)}
  .burger{display:block} .tel{display:none}
  .hero-in,.price-grid,.faq-wrap,.consult,.foot-in{grid-template-columns:1fr}
  .hero-card{transform:none}
  .trust,.steps{grid-template-columns:repeat(2,1fr)}
  .cards,.why,.profiles,.voices{grid-template-columns:repeat(2,1fr)}
  .steps li::after{display:none}
  .sec{padding:72px 0}
}
@media (max-width:620px){
  .cards,.why,.profiles,.voices,.steps,.opts,.two{grid-template-columns:1fr}
  .trust{grid-template-columns:1fr 1fr}
  .c-row{grid-template-columns:.9fr 1fr 1.1fr} .c-row span{padding:12px 10px;font-size:.8rem}
  .finder,.form,.calc{padding:22px}
  .float{right:12px;bottom:12px;padding:12px 18px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* extra responsive polish */
@media (max-width:620px){
  br.pc{display:none}
  .hero{padding-top:36px}
  .lead{font-size:1rem}
  .hero-actions .btn{flex:1 1 100%}
  .sec{padding:60px 0}
  .sec-head{margin-bottom:32px}
  .join{padding:22px}
  .join .btn{width:100%}
}
@media (max-width:380px){
  .wrap{width:min(1140px,100% - 32px)}
  .trust strong{font-size:1.5rem}
  .logo{font-size:1.15rem}
  .nav-cta .btn-sm{padding:8px 13px}
}

/* safety */
.sec-safe{background:linear-gradient(180deg,var(--bg),var(--brand-l))}
.safe-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.safe-col{background:var(--card);border:1px solid var(--line);border-top:5px solid var(--brand);border-radius:var(--r);padding:28px}
.safe-col:nth-child(2){border-top-color:var(--warm)}
.safe-col h3{font-size:1.3rem;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.sn{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.9rem}
.safe-col:nth-child(2) .sn{background:var(--warm)}
.check{display:grid;gap:12px}
.check li{padding-left:28px;position:relative;font-size:.94rem;color:var(--mute)}
.check li::before{content:"✔";position:absolute;left:0;color:var(--brand);font-weight:800}
.check b{display:block;color:var(--ink)}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:26px}
.flow li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 10px;text-align:center;font-weight:700;font-size:.85rem}
.flow i{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 6px;border-radius:50%;background:var(--brand-l);color:var(--brand-d);font-style:normal;font-weight:800}
.flow .ok{background:var(--brand);color:#fff;border-color:var(--brand)} .flow .ok i{background:#fff;color:var(--brand)}
.note-s{margin-top:14px;color:var(--mute)}
.more{color:var(--brand);font-weight:700;white-space:nowrap}
@media (max-width:960px){.safe-grid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.flow{grid-template-columns:repeat(2,1fr)}.safe-col{padding:22px}}

/* home cam */
.cam{margin-top:26px;background:#10201f;color:#fff;border-radius:var(--r);padding:30px;display:grid;grid-template-columns:1fr 1.2fr;gap:28px}
.cam-tag{display:inline-block;font-size:.72rem;font-weight:800;background:var(--sun);color:#3a2a00;padding:3px 10px;border-radius:99px;margin-bottom:10px}
.cam h3{font-size:1.35rem;margin-bottom:8px}
.cam-head p{color:#b9cdca;font-size:.93rem}
.cam-list{display:grid;gap:10px}
.cam-list li{background:rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;font-size:.88rem;color:#b9cdca}
.cam-list b{display:block;color:#fff}
.cam-note{grid-column:1/-1;font-size:.82rem;color:var(--sun);border-top:1px dashed rgba(255,255,255,.2);padding-top:14px}
@media (max-width:960px){.cam{grid-template-columns:1fr}}
@media (max-width:620px){.cam{padding:22px}}

/* care note x home cam */
.sync{margin-top:26px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.sync-head .eyebrow{margin-bottom:8px}
.sync-head h3{font-size:1.4rem;margin-bottom:8px}
.sync-head p:not(.eyebrow){color:var(--mute);font-size:.94rem;max-width:720px}
.sync-body{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin:22px 0 14px}
.screen{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9}
.screen svg{width:100%;height:100%;display:block}
.v-room,.v-time,.v-mask{position:absolute;font-size:.75rem;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:4px 10px;border-radius:99px}
.v-room{left:12px;top:12px} .v-time{right:12px;top:12px;font-variant-numeric:tabular-nums}
.v-mask{left:12px;bottom:12px;background:rgba(15,107,99,.85)}
.v-bar{position:relative;height:8px;border-radius:9px;background:var(--line);margin-top:14px}
.v-bar i{position:absolute;left:0;top:0;bottom:0;width:6%;border-radius:9px;background:var(--brand);transition:width .4s}
.mk{position:absolute;top:-3px;width:4px;height:14px;border-radius:2px;background:var(--warm);transform:translateX(-50%)}
.v-cap{margin-top:12px;font-size:.92rem;font-weight:600;min-height:3em}
.notes{display:grid;gap:8px;align-content:start}
.notes button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border-radius:14px;border:2px solid var(--line);background:#fff;cursor:pointer;transition:.2s;font-size:.92rem}
.notes button:hover{border-color:var(--brand)}
.notes button.on{border-color:var(--brand);background:var(--brand-l)}
.notes time{font-weight:800;color:var(--brand);min-width:44px;font-variant-numeric:tabular-nums}
.notes span{flex:1} .notes b{color:var(--brand-d)}
.notes em{font-style:normal;font-size:.75rem;font-weight:700;background:var(--warm-l);color:#b04a1d;padding:3px 9px;border-radius:99px;white-space:nowrap}
@media (max-width:960px){.sync-body{grid-template-columns:1fr}}
@media (max-width:620px){.sync{padding:22px}.notes button{flex-wrap:wrap}}

/* login */
.m-only{display:none}
.modal{border:0;border-radius:24px;padding:0;width:min(420px,calc(100% - 32px));box-shadow:0 30px 80px rgba(0,0,0,.35);margin:auto}
.modal::backdrop{background:rgba(16,32,31,.55);backdrop-filter:blur(3px)}
.lg{position:relative;padding:34px 30px 26px;display:grid;gap:14px;background:#fff}
.lg label{display:grid;gap:7px;font-weight:700;font-size:.9rem}
.lg input:not([type=radio]){width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);font-weight:500}
.lg input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-l)}
.lg h3{font-size:1.5rem} .lg-sub{color:var(--mute);font-size:.9rem;margin-top:-8px}
.lg-logo{font-size:1.1rem}
.lg .seg label{display:block}
.x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:1.8rem;cursor:pointer;color:var(--mute);line-height:1}
.kakao{background:#fee500;border-color:#fee500;color:#191919} .kakao:hover{background:#f5dc00;border-color:#f5dc00}
.lg-links{display:flex;justify-content:space-between;font-size:.85rem;color:var(--mute)} .lg-links a:hover{color:var(--brand)}
.lg-note{color:var(--mute)}
.btn.is-in{background:var(--brand-l);color:var(--brand-d)}
.lock{position:absolute;inset:0;background:rgba(16,32,31,.82);backdrop-filter:blur(6px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px;z-index:3}
.lock span{font-size:.85rem;color:#cfe0dd}
.lock[hidden]{display:none}
@media (max-width:960px){.m-only{display:block}.d-only{display:none}}

/* my care note */
.sec-note{background:linear-gradient(180deg,var(--brand-l),var(--bg))}
.sec-note[hidden]{display:none}
.note-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}
.mn-sub{color:var(--mute);margin-top:8px}
.live-lg{margin:0;font-size:.8rem;padding:5px 12px}
.hc-link{color:var(--brand);font-weight:800;text-decoration:underline}
.mn-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}
.mn-card,.mn-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.mn-person{display:flex;align-items:center;gap:12px;padding:12px;background:var(--brand-l);border-radius:14px;flex-wrap:wrap}
.mn-person div:not(.avatar){display:flex;flex-direction:column;line-height:1.4;flex:1;min-width:180px} .mn-person span{font-size:.8rem;color:var(--mute)}
.mn-list{margin-top:18px;border-left:2px dashed var(--line);padding-left:20px;display:grid;gap:12px;max-height:520px;overflow:auto}
.mn-list li{position:relative;background:var(--bg);border-radius:14px;padding:12px 14px}
.mn-list li::before{content:"";position:absolute;left:-28px;top:18px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--brand)}
.mn-list li.g::before{border-color:var(--warm)}
.mn-list li.new{animation:flash 2.2s}
@keyframes flash{0%{background:var(--sun)}100%{background:var(--bg)}}
.mn-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--mute);margin-bottom:4px}
.mn-meta time{font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.mn-meta .cat{background:var(--brand-l);color:var(--brand-d);font-weight:700;padding:2px 9px;border-radius:99px}
.mn-list li.g .cat{background:var(--warm-l);color:#b04a1d}
.mn-list p{font-size:.94rem}
.mn-empty{color:var(--mute);background:none!important}
.mn-form{display:grid;gap:14px;position:sticky;top:86px}
.mn-form h3{font-size:1.15rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s}
.chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.mn-form textarea{width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);resize:vertical}
.mn-form textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-l)}
.toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:#10201f;color:#fff;padding:12px 20px;border-radius:99px;font-weight:700;font-size:.9rem;z-index:80;box-shadow:0 10px 30px rgba(0,0,0,.3)}
@media (max-width:960px){.mn-grid{grid-template-columns:1fr}.mn-form{position:static}}
@media (max-width:620px){.mn-card,.mn-form{padding:18px}.note-top{align-items:flex-start}}

/* nav fit */
.logo,.menu a,.nav-cta .btn,.tel{white-space:nowrap}
@media (max-width:1180px){.tel{display:none}.menu{gap:18px}.nav .logo-ko{display:none}}
@media (max-width:1060px){
  .menu{position:fixed;inset:68px 0 auto 0;background:var(--bg);flex-direction:column;gap:0;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .3s}
  .menu.open{max-height:480px}
  .menu a{padding:16px 20px;border-top:1px solid var(--line)}
  .menu a[hidden]{display:none}
  .burger{display:block}
}

/* hero visual: phone mockup */
.hero-visual{position:relative;display:grid;place-items:center;padding:10px 0 24px;min-height:560px}
.hero-visual::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--warm-l),var(--brand-l));filter:blur(2px);z-index:0}
.phone{position:relative;z-index:1;width:290px;background:#10201f;border-radius:44px;padding:10px;box-shadow:0 40px 80px rgba(15,107,99,.28),0 0 0 2px #26403d inset;animation:bob 6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px)}}
.ph-notch{position:absolute;left:50%;top:14px;width:84px;height:22px;background:#10201f;border-radius:99px;transform:translateX(-50%);z-index:3}
.ph-app{background:var(--bg);border-radius:34px;padding:42px 14px 0;overflow:hidden;position:relative;min-height:540px}
.ph-status{position:absolute;z-index:4;top:20px;left:34px;right:34px;display:flex;justify-content:space-between;font-size:.68rem;font-weight:800;color:var(--ink)}
.ph-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ph-logo{font-size:.95rem}
.ph-bell{position:relative;font-size:1rem}
.ph-bell i{position:absolute;top:-4px;right:-7px;background:#e5484d;color:#fff;font-style:normal;font-size:.58rem;font-weight:800;width:15px;height:15px;border-radius:50%;display:grid;place-items:center}
.ph-who{display:flex;align-items:center;gap:9px;background:var(--brand);color:#fff;border-radius:16px;padding:10px}
.ph-who .avatar{width:36px;height:36px;background:#fff;color:var(--brand);font-size:.9rem}
.ph-who div:not(.avatar){display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0} .ph-who strong{font-size:.82rem} .ph-who span:not(.live){font-size:.68rem;color:#cfeae6}
.ph-who .live{margin:0;font-size:.58rem;padding:2px 7px}
.ph-vitals{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}
.ph-vitals div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px 4px;text-align:center}
.ph-vitals small{display:block;font-size:.58rem;color:var(--mute)} .ph-vitals b{font-size:.78rem;color:var(--brand-d)} .ph-vitals .ok{color:var(--brand)}
.ph-h{font-weight:800;font-size:.82rem;margin:4px 2px 8px}
.ph-tl{display:grid;gap:8px}
.ph-tl li{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 10px}
.ph-tl li.now{border-color:var(--warm);background:var(--warm-l)}
.ph-tl time{font-weight:800;font-size:.7rem;color:var(--brand);min-width:34px;font-variant-numeric:tabular-nums}
.ph-tl div{display:flex;flex-direction:column;line-height:1.35;flex:1;min-width:0} .ph-tl b{font-size:.76rem} .ph-tl span{font-size:.64rem;color:var(--mute)}
.thumb{width:34px;height:34px;border-radius:9px;flex:none;position:relative;overflow:hidden}
.t1{background:linear-gradient(135deg,#ffd9a0,#f3a96a)} .t2{background:linear-gradient(135deg,#bfe0db,#6cb7ad)} .t3{background:linear-gradient(135deg,#ffe9df,#ff8a5c)}
.thumb::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.65);transform:translate(-50%,-50%)}
.ph-tab{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:10px 0 14px;text-align:center;font-size:.62rem;font-weight:700;color:var(--mute)}
.ph-tab .on{color:var(--brand)}
.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px 15px;box-shadow:var(--sh)}
.float-card b{display:block;font-size:.84rem} .float-card small{color:var(--mute);font-size:.72rem}
.fc-ic{width:32px;height:32px;border-radius:10px;background:var(--brand-l);color:var(--brand);display:grid;place-items:center;font-weight:800;flex:none}
.fc-ic.warm{background:var(--warm-l);color:#b04a1d} .fc-ic.blue{background:#e5e9fb;color:#3a49a0}
.fc1{left:-6px;top:90px;animation:fl 5s ease-in-out infinite}
.fc2{right:-10px;top:300px;animation:fl 6s ease-in-out -2s infinite}
.fc3{left:6px;bottom:50px;animation:fl 7s ease-in-out -4s infinite}
@keyframes fl{50%{transform:translateY(-10px)}}
.vis-note{position:absolute;bottom:0;font-size:.72rem;color:var(--mute)}
@media (max-width:960px){.hero-visual{min-height:0;padding-top:20px}}
@media (max-width:620px){.fc1{left:-4px;top:70px}.fc2{right:-4px}.fc3{left:-4px}.float-card{padding:9px 12px}.float-card small{display:none}}
@media (prefers-reduced-motion:reduce){.phone,.float-card{animation:none}}

/* full-bleed hero */
.hero{padding:0;background:var(--bg)}
.hero-stage{position:relative;min-height:min(86vh,720px);display:flex;align-items:center;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#0a4a45 0%,#0f6b63 55%,#1d8a7e 100%)}
.hero-media{position:absolute;inset:0}
.hero-media video,.hero-media .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media video{opacity:0;transition:opacity .8s}
.hero-media video.ready{opacity:1}
.hero-media .slide{background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s}
.hero-media .slide.on{opacity:1;animation:kb 12s ease-out forwards}
@keyframes kb{from{transform:scale(1.06)}to{transform:scale(1)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,32,30,.82) 0%,rgba(8,32,30,.55) 45%,rgba(8,32,30,.15) 100%),linear-gradient(0deg,rgba(8,32,30,.45),transparent 40%)}
.hero-stage .hero-in{position:relative;z-index:2;display:block;padding:90px 0 100px}
.hero-stage .hero-copy{max-width:640px}
.hero-stage h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero-stage h1 em{color:#fff;background:linear-gradient(transparent 62%,rgba(255,138,92,.85) 62%)}
.hero-stage .lead{color:#e3f1ee}
.hero-stage .eyebrow{color:var(--sun)}
.hero-stage .hero-points{color:#e3f1ee} .hero-stage .hero-points small{color:#b9d6d2}
.btn-warm{background:var(--warm);border-color:var(--warm);color:#fff} .btn-warm:hover{background:#f0723f;border-color:#f0723f}
.btn-ghost-w{background:transparent;border-color:rgba(255,255,255,.7);color:#fff} .btn-ghost-w:hover{background:rgba(255,255,255,.15);border-color:#fff}
.hero-dots{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px}
.hero-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:.3s}
.hero-dots i.on{background:#fff;width:24px;border-radius:9px}
.hero .trust{margin-top:-46px;position:relative;z-index:4}
.hero .note{padding-top:6px}

/* app section */
.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.app-list{margin:22px 0 26px}
.app-grid .hero-visual{min-height:560px}
@media (max-width:960px){.app-grid{grid-template-columns:1fr;gap:20px}.hero-stage .hero-in{padding:70px 0 90px}.hero .trust{margin-top:-36px}}
@media (max-width:620px){
  .hero-stage{min-height:620px}
  .hero-shade{background:linear-gradient(180deg,rgba(8,32,30,.6),rgba(8,32,30,.78))}
  .hero-stage .hero-actions .btn{flex:1 1 100%}
}

/* hero brand (2단 워드마크 + 애니메이션) */
.hero-stage .hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;align-items:center}
.hero-brand{position:relative;display:grid;place-items:center;min-height:380px;pointer-events:none}
.hb-text{position:relative;z-index:2}
.hb-line{font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff;font-size:clamp(3.2rem,6.4vw,5.8rem);white-space:nowrap}
.hb-line.l2{display:flex;align-items:center;gap:.28em;margin-top:.06em;color:var(--warm);padding-left:.1em}
.hb-bar{display:block;width:.09em;height:.82em;background:var(--sun);border-radius:9px;transform-origin:top;animation:bar 1s .9s cubic-bezier(.2,.8,.2,1) both,barglow 3s 2s ease-in-out infinite}
@keyframes bar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes barglow{50%{box-shadow:0 0 26px 4px rgba(255,200,87,.7)}}
.hb-line .ch{display:inline-block;opacity:0;animation:rise .9s calc(var(--i)*.07s + .2s) cubic-bezier(.2,.8,.2,1) forwards,wave 4.5s calc(var(--i)*.18s + 1.6s) ease-in-out infinite}
.hb-line .sp{display:inline-block;width:.28em}
@keyframes rise{from{opacity:0;transform:translateY(46px) scale(.9);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hb-ko{margin-top:18px;font-size:1.05rem;font-weight:700;letter-spacing:.5em;color:#cfeae6;opacity:0;animation:fadein 1s 1.4s forwards;padding-left:.2em}
@keyframes fadein{to{opacity:1}}
.ring{position:absolute;left:50%;top:50%;border:2px solid rgba(255,255,255,.22);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 6s ease-out infinite}
.ring.r1{width:260px;height:260px}
.ring.r2{width:260px;height:260px;animation-delay:2s}
.ring.r3{width:260px;height:260px;animation-delay:4s}
@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.6);opacity:.9}100%{transform:translate(-50%,-50%) scale(2.3);opacity:0}}
@media (max-width:960px){
  .hero-stage .hero-in{grid-template-columns:1fr}
  .hero-brand{display:none}
}
@media (prefers-reduced-motion:reduce){.hb-line .ch,.hb-ko{opacity:1;animation:none}.hb-bar,.ring{animation:none}.ring{display:none}}

/* 올핸즈 브랜드 서체: IBM Plex Sans + Noto Sans KR, 영문 로고·워드마크는 Poppins */
h1,h2,h3{font-family:'IBM Plex Sans KR','Malgun Gothic',sans-serif}
h1,h2{letter-spacing:-.045em}
.logo,.hb-line,.trust strong,.num,.eyebrow{font-family:var(--font-display)}
.hb-ko,.logo-ko{font-family:'IBM Plex Sans KR',sans-serif}

/* 세로줄 제거 */
.hb-bar{display:none}
.hb-line.l2{padding-left:.04em}

/* 워드마크: 상단 올핸즈(20% 작게) / 하단 Care, 가운데 정렬 */
.hb-text{text-align:center}
.hb-line.l1{font-size:calc(clamp(3.2rem,6.4vw,5.8rem) * .8);justify-content:center}
.hb-line.l2{justify-content:center;padding-left:0;margin-top:.04em}
.hb-line.l2{display:block;gap:0}

.hb-en{margin-top:20px;font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.22em;color:#cfeae6;opacity:0;animation:fadein 1s 1.4s forwards;text-transform:lowercase}
@media (prefers-reduced-motion:reduce){.hb-en{opacity:1;animation:none}}
.hb-line.l1{font-size:calc(clamp(3.2rem,6.4vw,5.8rem) * .64)}
.hero-shade{background:linear-gradient(90deg,rgba(8,32,30,.68) 0%,rgba(8,32,30,.32) 50%,rgba(8,32,30,0) 100%),linear-gradient(0deg,rgba(8,32,30,.35),transparent 40%)}
.hero-stage .hero-copy{text-shadow:0 1px 18px rgba(0,0,0,.45)}
.logo-ko{border-left:0;padding-left:0;margin-left:.6em}

/* join (인력풀) */
.sec-join{background:linear-gradient(180deg,var(--bg),var(--warm-l))}
.join-fields{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.join-fields span{background:#fff;border:1.5px solid var(--brand);color:var(--brand-d);font-weight:700;border-radius:99px;padding:8px 18px;font-size:.92rem}
.join-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.join-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.25s}
.join-grid article:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--warm)}
.join-grid i{font-style:normal;font-size:1.6rem;display:block;margin-bottom:10px}
.join-grid h3{font-size:1.1rem;margin-bottom:6px}
.join-grid p{color:var(--mute);font-size:.92rem}
.join-flow{margin-top:28px}
.join-cta{margin-top:28px;background:var(--brand);color:#fff;border-radius:var(--r);padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.join-cta p{color:#cfeae6}
.gd-only[hidden],.cg-only[hidden]{display:none}
.cg-only{display:grid;gap:16px}
@media (max-width:960px){.join-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.join-grid{grid-template-columns:1fr}.join-cta{padding:22px}.join-cta .btn{width:100%}}

/* top announcement */
.topbar{position:relative;background:#10201f;color:#fff;text-align:center;font-size:.88rem;padding:10px 44px}
.topbar a{display:inline-block}
.topbar b{color:var(--sun)}
.topbar span{margin-left:8px;text-decoration:underline;font-weight:700}
.topbar button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#9fb3b0;font-size:1.4rem;cursor:pointer;line-height:1}
.topbar[hidden]{display:none}
@media (max-width:620px){.topbar{font-size:.78rem;padding:9px 38px}.topbar span{display:none}}

/* founding caregiver */
.founding{margin-bottom:30px;background:linear-gradient(135deg,#10201f,#0a4a45);color:#fff;border-radius:var(--r);padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:28px;position:relative;overflow:hidden}
.founding::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,92,.35),transparent 70%)}
.fd-tag{display:inline-block;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;background:var(--sun);color:#3a2a00;padding:4px 12px;border-radius:99px;margin-bottom:12px}
.fd-main h3{font-size:1.6rem;margin-bottom:8px}
.fd-main>p{color:#b9d6d2;font-size:.95rem}
.fd-meter{margin:20px 0}
.fd-bar{height:10px;background:rgba(255,255,255,.15);border-radius:9px;overflow:hidden}
.fd-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--sun),var(--warm));border-radius:9px}
.fd-meter p{margin-top:8px;font-size:.9rem}
.fd-meter small{color:#9fb3b0}
.fd-perks{display:grid;gap:10px;align-content:start;position:relative;z-index:1}
.fd-perks li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;line-height:1.4}
.fd-perks b{color:var(--sun);font-size:1rem}
.fd-perks span{color:#cfe0dd;font-size:.86rem}
.fd-note{grid-column:1/-1;color:#9fb3b0;position:relative;z-index:1}
.fd-main{position:relative;z-index:1}
@media (max-width:960px){.founding{grid-template-columns:1fr}}
@media (max-width:620px){.founding{padding:22px}.fd-main .btn{width:100%}}

/* caregiver pool */
.pool-filter{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:16px}
.pf-chips{display:flex;flex-wrap:wrap;gap:8px}
.pf-chips button{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:8px 18px;font-weight:700;font-size:.9rem;cursor:pointer;transition:.2s}
.pf-chips button:hover{border-color:var(--brand)}
.pf-chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.pf-row{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:end}
.pf-row label{display:grid;gap:6px;font-weight:700;font-size:.85rem}
.pf-row select{padding:11px 12px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:500}
.pf-chk{display:flex!important;align-items:center;gap:8px;padding-bottom:11px;white-space:nowrap}
.pool-count{margin:18px 4px 12px;font-weight:700;color:var(--brand-d)}
.pool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:12px;transition:.25s;position:relative;cursor:pointer;text-align:left}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--brand)}
.pc-top{display:flex;gap:14px;align-items:center}
.pc-top h3{font-size:1.1rem;line-height:1.3}
.pc-sub{font-size:.82rem;color:var(--mute)}
.pc-rate{font-size:.85rem;font-weight:700}
.pc-rate b{color:var(--warm)}
.pc-intro{font-size:.9rem;color:var(--ink);min-height:2.8em}
.pc-tags{display:flex;flex-wrap:wrap;gap:6px}
.pc-tags span{font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--brand-l);color:var(--brand-d)}
.pc-tags .fd{background:var(--sun);color:#3a2a00}
.pc-tags .vf{background:#fff;border:1px solid var(--brand);color:var(--brand)}
.pc-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed var(--line);font-size:.85rem}
.pc-price{font-weight:800;color:var(--brand-d)}
.pc-price small{font-weight:500;color:var(--mute)}
.pc-sample{position:absolute;right:14px;top:14px;font-size:.66rem;font-weight:700;color:var(--mute);background:var(--tint);padding:2px 8px;border-radius:99px}
.pool-note{margin-top:20px;color:var(--mute)}
.pool-empty{grid-column:1/-1;text-align:center;padding:40px;color:var(--mute);background:#fff;border-radius:var(--r);border:1px dashed var(--line)}
.avatar.c1{background:var(--brand)} .avatar.c2{background:var(--warm)} .avatar.c3{background:#6b7fd7} .avatar.c4{background:#c26bb0} .avatar.c5{background:#4aa3c4}

.pmodal{width:min(560px,calc(100% - 24px))}
.pm{position:relative;padding:30px 28px 24px;background:#fff;display:grid;gap:14px;max-height:calc(100vh - 40px);overflow:auto}
.pm-head{display:flex;gap:16px;align-items:center}
.pm-head h3{font-size:1.4rem}
.pm-rate{font-weight:700;margin-top:2px}.pm-rate b{color:var(--warm)}
.pm-intro{background:var(--tint);border-radius:14px;padding:14px 16px;font-weight:600}
.pm-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pm h4{font-size:.95rem;margin-bottom:6px}
.pm-days{display:flex;gap:6px;flex-wrap:wrap}
.pm-days span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:var(--line);color:var(--mute)}
.pm-days span.on{background:var(--brand);color:#fff}
.pm-reviews{display:grid;gap:8px}
.pm-reviews li{background:var(--warm-l);border-radius:12px;padding:10px 14px;font-size:.88rem}
.pm-reviews cite{display:block;font-style:normal;font-size:.76rem;color:var(--mute);margin-top:3px}
.pm-actions{display:flex;gap:10px;flex-wrap:wrap}
.pm-actions .btn{flex:1}
@media (max-width:960px){.pool-grid{grid-template-columns:repeat(2,1fr)}.pf-row{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.pool-grid{grid-template-columns:1fr}.pf-row{grid-template-columns:1fr 1fr}.pm-cols{grid-template-columns:1fr}.pm{padding:24px 18px}}

/* nav: 메뉴가 늘어난 만큼 더 일찍 간소화 */
@media (max-width:1360px){.tel{display:none}.nav .logo-ko{display:none}.menu{gap:20px}}
@media (max-width:1160px){
  .menu{position:fixed;inset:68px 0 auto 0;background:var(--bg);flex-direction:column;gap:0;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .3s}
  .menu.open{max-height:520px}
  .menu a{padding:16px 20px;border-top:1px solid var(--line)}
  .menu a[hidden]{display:none}
  .burger{display:block}
}
.pcard .avatar,.pm-head .avatar{line-height:1;flex:none;width:64px;height:64px}
.pc-top>div:not(.avatar){min-width:0}

/* 첫 화면: 영상 원본 비율(21:9)에 맞춰 잘림 없이 표시 */
.hero-stage{min-height:0;aspect-ratio:21/9}
.hero-stage .hero-in{padding:56px 0 64px}
@media (max-width:1200px){.hero-stage{aspect-ratio:auto;min-height:560px}}
@media (max-width:960px){.hero-stage .hero-in{padding:70px 0 90px}}
@media (max-width:620px){.hero-stage{min-height:620px}}

/* 워드마크: 더 작게, 우측으로 */
.hero-stage .hero-in{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.hero-brand{justify-self:end;min-height:300px;width:min(100%,300px);margin-right:-2%}
.hb-line.l2{font-size:clamp(2.4rem,4.6vw,4.2rem)}
.hb-line.l1{font-size:calc(clamp(2.4rem,4.6vw,4.2rem) * .64)}
.hb-en{font-size:.82rem;margin-top:14px}
.ring.r1,.ring.r2,.ring.r3{width:200px;height:200px}

@media (max-width:960px){
  .hero-stage .hero-in{grid-template-columns:1fr}
  .hero-brand{display:none}
}

/* 영상이 준비되기 전에도 바로 보이는 대표 이미지 */
.hero-stage{background:#0a4a45 url(media/hero-poster.jpg) center/cover no-repeat}

/* 모바일: 전체적으로 한 단계 작게 */
@media (max-width:620px){
  html{font-size:14px}
  body{line-height:1.6}
  .wrap{width:calc(100% - 32px)}
  .sec{padding:44px 0}
  .sec-head{margin-bottom:24px}
  .sec-head p:not(.eyebrow){margin-top:10px;font-size:.98rem}
  .eyebrow{margin-bottom:8px}
  h1{font-size:2.15rem;line-height:1.22}
  h2{font-size:1.6rem}
  .lead{margin:14px 0 20px;font-size:.98rem}
  .btn{padding:12px 20px;font-size:.95rem}
  .hero-stage{min-height:520px}
  .hero-stage .hero-in{padding:48px 0 70px}
  .hero-points{margin-top:18px;gap:6px 16px}
  .hero .trust{margin-top:-30px;gap:10px}
  .trust div{padding:14px 10px}
  .trust strong{font-size:1.4rem}
  .cards,.why,.profiles,.voices,.steps,.join-grid,.pool-grid{gap:12px}
  .card,.profile,.join-grid article,.pcard,.steps li,.safe-col,blockquote{padding:18px}
  .card h3,.why-item h3,.join-grid h3{font-size:1.1rem}
  .why-item{padding-top:18px}
  .compare{margin-top:40px}
  .c-row span{padding:10px 8px;font-size:.78rem}
  .finder,.form,.calc,.sync,.cam,.founding,.mn-card,.mn-form{padding:18px}
  .opts button{padding:14px}
  .phone{width:250px}
  .ph-app{min-height:470px}
  .app-grid .hero-visual{min-height:0}
  .pool-filter{padding:14px;gap:12px}
  .pf-chips button{padding:6px 14px;font-size:.85rem}
  .pc-intro{min-height:0}
  .consult{gap:28px}
  .foot{padding:32px 0}
  .float{padding:10px 16px;font-size:.9rem}
  .topbar{font-size:.74rem;padding:7px 34px}
}
@media (max-width:620px){.fc1{left:2px}.fc2{right:2px}.fc3{left:2px}}

.pool-more{display:flex;justify-content:center;margin-top:20px}
.pool-more[hidden],#poolMore[hidden]{display:none}
.pcard .avatar,.pm-head .avatar{padding-bottom:.14em}
@media (max-width:620px){
  html{font-size:15px}
  h1{font-size:2.05rem}
  h2{font-size:1.55rem}
}

/* 모바일 전용: 글씨 크기와 최소 가독성 (PC 화면은 그대로) */
@media (max-width:620px){
  html{font-size:16px}
  h1{font-size:2.05rem}
  h2{font-size:1.5rem}
  .small,.note,.note-s,.vis-note,.pool-note,.fd-note,.cam-note,.lg-note,.hc-foot{font-size:max(14px,.85rem)!important}
  .eyebrow,small,cite,.meta,.pc-sub,.pc-rate,.mn-meta,.trust span,.check li,.cam-list li,.fd-perks span,.pm-reviews cite,.timeline span{font-size:max(14px,.9rem)}
  .pc-tags span,.badges li,.tag,.cam-tag,.fd-tag,.notes em,.flow li,.mn-meta .cat,.v-room,.v-time,.v-mask,.live,.logo-ko{font-size:max(13px,.8rem)}
  .pc-sample{font-size:12.5px}
  .c-row span,.compare .us{font-size:max(14px,.85rem)}
  .topbar{font-size:max(13.5px,.85rem)}
  .opts button,.chips button,.pf-chips button,.pf-row label,.pf-row select{font-size:max(14.5px,.92rem)}
}

.app-extra{margin-top:36px}
.app-extra .cam{margin-top:0}

/* visit */
.sec-visit{background:linear-gradient(180deg,var(--warm-l),var(--bg))}
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.visit-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;display:grid;gap:14px}
.visit-card h3{font-size:1.35rem}
.vt-tag{justify-self:start;font-family:var(--font-display);font-size:.78rem;font-weight:700;background:var(--brand-l);color:var(--brand-d);padding:4px 12px;border-radius:99px}
.vt-warm{background:var(--warm-l);color:#b04a1d}
.vt-sub{color:var(--mute);font-size:.93rem;margin-top:-6px}
.visit-card label{display:grid;gap:7px;font-weight:700;font-size:.9rem}
.visit-card input:not([type=checkbox]):not([type=radio]),.visit-card select{width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:500}
.visit-card input:focus,.visit-card select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-l)}
.day-pick{border:0;padding:0;display:grid;gap:8px}
.day-pick legend{font-weight:700;font-size:.9rem;margin-bottom:8px;padding:0}
.day-pick small{font-weight:500;color:var(--mute)}
.day-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.day-list label{display:block}
.day-list input{position:absolute;opacity:0}
.day-list span{display:grid;gap:2px;text-align:center;border:1.5px solid var(--line);border-radius:12px;padding:10px 6px;font-weight:700;cursor:pointer;transition:.2s;line-height:1.3}
.day-list span small{font-weight:500;color:var(--mute)}
.day-list input:checked + span{background:var(--warm);border-color:var(--warm);color:#fff}
.day-list input:checked + span small{color:#fff}
.day-list input:focus-visible + span{outline:3px solid var(--brand-l)}
.visit-note{margin-top:18px;color:var(--mute)}
@media (max-width:960px){.visit-grid{grid-template-columns:1fr}}
@media (max-width:620px){.visit-card{padding:20px}}

/* 개인정보 안내 / 처리방침 */
.priv-note{font-size:.8rem;color:var(--mute);line-height:1.5}
.consent{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--bg);font-size:.85rem}
.consent summary{cursor:pointer;font-weight:700}
.consent ul{display:grid;gap:8px;margin-top:10px}
.consent li{color:var(--mute);line-height:1.5}
.consent b{display:inline-block;min-width:64px;color:var(--ink)}
.legal{padding:56px 0 80px}
.legal .wrap{max-width:780px}
.legal h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:12px}
.legal-lead{color:var(--mute);margin-bottom:28px}
.legal h2{font-size:1.15rem;margin:30px 0 10px}
.legal p,.legal li{color:var(--ink);line-height:1.75;font-size:.98rem}
.legal ul{display:grid;gap:6px;padding-left:1.1em;list-style:disc;margin:6px 0}
.legal-date{margin-top:24px;color:var(--mute)}
@media (max-width:620px){.consent b{display:block}}

/* 체험 페이지 */
.demo-banner{background:var(--sun);color:#3a2a00;font-size:.9rem;padding:10px 0;line-height:1.5}
.demo-banner .wrap{display:block}
.demo-banner a{font-weight:800;text-decoration:underline;margin-left:6px}
.demo-cta{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.demo-links{display:grid;gap:12px}
.demo-card{display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;transition:.2s}
.demo-card:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:var(--sh)}
.demo-card b{font-size:1.05rem}
.demo-card span{color:var(--mute);font-size:.92rem}
@media (max-width:960px){.demo-cta{grid-template-columns:1fr;gap:20px}}
@media (max-width:420px){.nav-in{gap:8px}.nav-cta{gap:6px}.nav-cta .btn-sm{padding:7px 11px;font-size:.8rem}.logo{font-size:1.02rem}}
.hero-visual{overflow-x:clip}
@media (max-width:480px){.hero-visual::before{width:300px;height:300px}}

.prelaunch{margin-top:14px;padding:12px 16px;border-radius:12px;background:var(--brand-l);color:var(--brand-d);font-size:.95rem;font-weight:600;line-height:1.6}
.cam-compact{grid-template-columns:1fr}
.cam-compact .cam-head p{max-width:720px}

.contact a,.faq p a,.foot-info a{font-weight:700;text-decoration:underline}
.contact a{color:var(--sun)}
.faq p a{color:var(--brand)}
.foot-info a{color:#cfe0dd}

.soon-badge{display:inline-block;background:var(--warm);color:#fff;font-weight:800;font-size:.85rem;letter-spacing:.02em;padding:6px 14px;border-radius:99px;margin-bottom:14px;box-shadow:0 4px 14px rgba(255,138,92,.4)}
.prelaunch b{color:#b04a1d}