@charset "utf-8";

/* 夜間入院管理LP専用。既存テーマへ影響しないよう、すべてLPラッパー内に限定する。 */
.lp-yakan {
  --teal: #0dacbd;
  --teal-dk: #0a8fa0;
  --teal-lt: #e4f8fa;
  --teal-bg: #f0fafb;
  --amber: #fdaa31;
  --amber-dk: #e89510;
  --amber-lt: #fff4df;
  --green: #1e7a40;
  --dark: #0d1a26;
  --text: #1a2332;
  --text-2: #5a6473;
  --line: #dde5ea;
  --bg-gray: #f6f8fa;
  --white: #fff;
  width: 100%;
  max-width: 480px;
  min-height: 100vh;
  margin: 0 auto;
  overflow-x: clip;
  background: var(--white);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 20px 60px rgb(0 0 0 / 18%);
  color: var(--text);
  font-family: "Noto Sans JP", sans-serif;
  word-break: normal;
  line-break: auto;
  overflow-wrap: normal;
  -webkit-font-smoothing: antialiased;
}

.lp-yakan *, .lp-yakan *::before, .lp-yakan *::after { box-sizing: border-box; margin: 0; padding: 0; }
.lp-yakan img { display: block; max-width: 100%; }
.lp-yakan a { color: inherit; text-decoration: none; }
.lp-yakan button, .lp-yakan input, .lp-yakan select, .lp-yakan textarea { font-family: "Noto Sans JP", sans-serif; }
.lp-yakan section { width: auto; padding: 0; }
.lp-yakan p, .lp-yakan a, .lp-yakan span, .lp-yakan li, .lp-yakan button, .lp-yakan input, .lp-yakan select, .lp-yakan textarea, .lp-yakan label, .lp-yakan small {
  letter-spacing: normal;
}
/* テーマのグローバルな見出し・ナビゲーション指定をLP内に持ち込まない。 */
.lp-yakan h1 { width: auto; margin: 0; }
.lp-yakan h1, .lp-yakan h2, .lp-yakan h3, .lp-yakan h4, .lp-yakan h5, .lp-yakan h6 {
  font-family: inherit;
  letter-spacing: normal;
  text-align: inherit;
}

/* セクション共通 */
.lp-yakan .sec { padding: 56px 0; }
.lp-yakan .sec--lt { background: var(--teal-bg); }
.lp-yakan .sec--gray { background: var(--bg-gray); }
.lp-yakan .sec--teal { background: var(--teal); }
.lp-yakan .sec--dark { background: var(--dark); }
.lp-yakan .sec-hd { margin-bottom: 30px; padding: 0 28px; text-align: center; }
.lp-yakan .lbl { display: inline-block; margin-bottom: 10px; color: var(--teal); font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.lp-yakan .lbl--white { color: rgb(255 255 255 / 50%); }
.lp-yakan .lbl--amber { color: var(--amber); }
.lp-yakan .ttl { margin: 0; color: var(--text); font-size: 26px; font-weight: 900; letter-spacing: -.02em; line-height: 1.45; }
.lp-yakan .ttl--white { color: var(--white); }
.lp-yakan .ttl .hl { color: var(--teal); }
.lp-yakan .ttl .hl-a { color: var(--amber); }
.lp-yakan .lead { margin: 12px 0 0; color: var(--text-2); font-size: 15px; line-height: 1.85; }

/* ボタン */
.lp-yakan .btn { display: inline-flex; width: auto; height: auto; align-items: center; justify-content: center; gap: 8px; min-height: 48px; margin: 0; border: 0; border-radius: 8px; padding: 14px 22px; cursor: pointer; font-size: 15px; font-weight: 700; line-height: normal; transition: opacity .15s, transform .1s; }
.lp-yakan .btn:active { opacity: .82; transform: scale(.98); }
.lp-yakan .btn--amber { background: var(--amber); color: var(--white); }
.lp-yakan .btn--ghost { border: 1.5px solid rgb(255 255 255 / 40%); background: transparent; color: var(--white); }
.lp-yakan .btn--full { width: 100%; }
.lp-yakan .btn--sm { min-height: 0; padding: 9px 18px; font-size: 13px; }

/* 参照LPと同じ専用ナビゲーション */
.lp-yakan .nav { position: sticky; top: 0; z-index: 100; display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 13px 20px; background: var(--dark); text-align: left; }
.lp-yakan .nav-logo img { display: block; width: auto; height: 28px; }

/* ヒーロー */
.lp-yakan .hero { position: relative; display: flex; min-height: 75vh; flex-direction: column; justify-content: flex-end; overflow: hidden; }
.lp-yakan .hero-bg, .lp-yakan .hero-overlay { position: absolute; inset: 0; }
.lp-yakan .hero-bg { z-index: 0; }
.lp-yakan .hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; filter: brightness(.6) saturate(.82); }
.lp-yakan .hero-bg::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(160deg, #0b1d2c 0%, var(--dark) 100%); content: ""; }
.lp-yakan .hero-overlay { z-index: 1; background: linear-gradient(to top, rgb(8 16 24 / 72%) 0%, rgb(8 16 24 / 22%) 55%, transparent 100%); }
.lp-yakan .hero-content { position: relative; z-index: 2; padding: 40px 26px 52px; }
.lp-yakan .hero-service-tag { display: inline-block; margin-bottom: 16px; border: 1px solid rgb(13 172 189 / 50%); border-radius: 4px; padding: 4px 12px; color: var(--teal); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.lp-yakan .hero-h1 { position: relative; z-index: 3; display: block; width: auto; margin: 0 0 20px; color: #fff !important; font-size: 30px !important; font-weight: 900; letter-spacing: -.03em; line-height: 1.28; opacity: 1; text-align: left; visibility: visible; }
.lp-yakan .hero-h1-sub { display: block; margin-top: 10px; color: rgb(255 255 255 / 82%); font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
.lp-yakan .hero-lead { margin: 0 0 32px; color: rgb(255 255 255 / 60%); font-size: 15px; line-height: 1.85; }
.lp-yakan .hero-cta-stack { display: flex; flex-direction: column; gap: 10px; }
.lp-yakan .hero-note { margin: 14px 0 0; color: rgb(255 255 255 / 28%); font-size: 11px; line-height: 1.6; text-align: center; }

/* 実績 */
.lp-yakan .awards { display: flex; border-bottom: 1px solid var(--line); padding: 28px 0; background: #fafaf7; }
.lp-yakan .award { display: flex; flex: 1; align-items: center; justify-content: center; }
.lp-yakan .award + .award { border-left: 1px solid var(--line); }
.lp-yakan .laurel-svg { width: 28px; height: 72px; flex-shrink: 0; }
.lp-yakan .laurel-svg--r { transform: scaleX(-1); }
.lp-yakan .award-center { padding: 0 3px; text-align: center; }
.lp-yakan .award-num { display: block; color: var(--green); font-size: 26px; font-weight: 900; letter-spacing: -.02em; line-height: 1; }
.lp-yakan .award-num small { font-size: 13px; font-weight: 700; }
.lp-yakan .award-sub { display: block; margin-top: 3px; color: var(--green); font-size: 10px; font-weight: 700; }
.lp-yakan .award-lbl { display: block; margin-top: 4px; color: #7a9a7a; font-size: 9px; line-height: 1.5; }

/* 課題 */
.lp-yakan .prob-cards, .lp-yakan .pillar-cards, .lp-yakan .benefits, .lp-yakan .perks { display: flex; flex-direction: column; gap: 14px; padding: 0 24px; }
.lp-yakan .prob-card { border: 1px solid var(--line); border-left: 4px solid var(--teal); border-radius: 10px; padding: 22px 22px 22px 24px; background: var(--white); }
.lp-yakan .prob-card--amber { border-left-color: var(--amber); }
.lp-yakan .prob-card--slate { border-left-color: #64748b; }
.lp-yakan .prob-n { margin-bottom: 8px; color: var(--teal); font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.lp-yakan .prob-card--amber .prob-n { color: var(--amber-dk); }
.lp-yakan .prob-card--slate .prob-n { color: #64748b; }
.lp-yakan .prob-ttl { margin: 0 0 10px; color: var(--text); font-size: 17px; font-weight: 900; line-height: 1.4; }
.lp-yakan .prob-body, .lp-yakan .pillar-body { margin: 0; color: var(--text-2); font-size: 14px; line-height: 1.85; }

/* サービス概要 */
.lp-yakan .pillar-h { display: flex; min-height: 120px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--white); }
.lp-yakan .pillar-img-col { display: flex; width: 108px; flex-shrink: 0; align-items: center; justify-content: center; }
.lp-yakan .pillar-img-col--teal { background: linear-gradient(160deg, var(--teal) 0%, var(--teal-dk) 100%); }
.lp-yakan .pillar-img-col--dark { background: linear-gradient(160deg, #1e3248 0%, var(--dark) 100%); }
.lp-yakan .pillar-img-col--amber { background: linear-gradient(160deg, var(--amber) 0%, var(--amber-dk) 100%); }
.lp-yakan .pillar-img-col .ti { color: rgb(255 255 255 / 82%); font-size: 44px; }
.lp-yakan .pillar-text-col { min-width: 0; flex: 1; padding: 18px 16px; }
.lp-yakan .pillar-n { margin-bottom: 3px; color: var(--teal); font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.lp-yakan .pillar-ttl { margin: 0 0 8px; color: var(--text); font-size: 16px; font-weight: 900; }

/* ご利用の流れ */
.lp-yakan .tl { padding: 0 24px; }
.lp-yakan .tl-item { display: flex; gap: 18px; }
.lp-yakan .tl-left { display: flex; width: 40px; flex-direction: column; align-items: center; flex-shrink: 0; }
.lp-yakan .tl-dot { display: flex; width: 40px; height: 40px; flex-shrink: 0; align-items: center; justify-content: center; border: 2px solid rgb(255 255 255 / 45%); border-radius: 50%; background: rgb(255 255 255 / 14%); color: var(--white); font-size: 14px; font-weight: 900; }
.lp-yakan .tl-rule { width: 1px; min-height: 20px; flex: 1; margin: 8px 0; background: rgb(255 255 255 / 20%); }
.lp-yakan .tl-item:last-child .tl-rule { display: none; }
.lp-yakan .tl-body { min-width: 0; flex: 1; padding-bottom: 36px; }
.lp-yakan .tl-item:last-child .tl-body { padding-bottom: 0; }
.lp-yakan .tl-when { margin-bottom: 8px; padding-top: 8px; color: var(--amber); font-size: 11px; font-weight: 700; }
.lp-yakan .tl-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.lp-yakan .tl-head .ti { flex-shrink: 0; color: rgb(255 255 255 / 85%); font-size: 22px; }
.lp-yakan .tl-ttl { margin: 0; color: var(--white); font-size: 17px; font-weight: 900; line-height: 1.3; }
.lp-yakan .tl-desc { margin: 0; color: rgb(255 255 255 / 85%); font-size: 14px; line-height: 1.82; }
.lp-yakan .tl-thumb { display: flex; float: right; width: 60px; height: 60px; align-items: center; justify-content: center; margin: 0 0 8px 14px; border: 1.5px solid rgb(255 255 255 / 20%); border-radius: 10px; background: rgb(255 255 255 / 12%); }
.lp-yakan .tl-thumb .ti { color: rgb(255 255 255 / 70%); font-size: 26px; }

/* 急変事例 */
.lp-yakan .cases-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 24px; }
.lp-yakan .case-sm { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--white); }
.lp-yakan .case-sm-ph { display: flex; width: 100%; height: 110px; align-items: center; justify-content: center; }
.lp-yakan .case-sm-ph .ti { color: rgb(255 255 255 / 88%); font-size: 38px; }
.lp-yakan .case-sm-ph--teal { background: linear-gradient(135deg, var(--teal), var(--teal-dk)); }
.lp-yakan .case-sm-ph--green { background: linear-gradient(135deg, #059669, #047857); }
.lp-yakan .case-sm-ph--amber { background: linear-gradient(135deg, var(--amber), var(--amber-dk)); }
.lp-yakan .case-sm-ph--slate { background: linear-gradient(135deg, #4a5568, #2d3748); }
.lp-yakan .case-sm-ph--purple { background: linear-gradient(135deg, #7c3aed, #6d28d9); }
.lp-yakan .case-sm-ph--red { background: linear-gradient(135deg, #ef4444, #b91c1c); }
.lp-yakan .case-sm-body { padding: 10px 12px 14px; }
.lp-yakan .case-sm-tag { margin-bottom: 3px; color: var(--teal); font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.lp-yakan .case-sm-ttl { margin: 0 0 5px; color: var(--text); font-size: 14px; font-weight: 900; line-height: 1.35; }
.lp-yakan .case-sm-desc { margin: 0; color: var(--text-2); font-size: 12px; line-height: 1.75; }

/* 導入メリット */
.lp-yakan .benefits { gap: 16px; }
.lp-yakan .benefit { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--white); }
.lp-yakan .benefit-accent { height: 5px; background: var(--teal); }
.lp-yakan .benefit-accent--amber { background: var(--amber); }
.lp-yakan .benefit-accent--slate { background: #4a5568; }
.lp-yakan .benefit-inner { padding: 26px 22px 22px; text-align: center; }
.lp-yakan .benefit-icon-wrap { margin-bottom: 16px; }
.lp-yakan .benefit-icon-big { display: inline-flex; width: 72px; height: 72px; align-items: center; justify-content: center; border-radius: 50%; background: var(--teal-lt); }
.lp-yakan .benefit-icon-big .ti { color: var(--teal); font-size: 36px; }
.lp-yakan .benefit-icon-big--amber { background: var(--amber-lt); }
.lp-yakan .benefit-icon-big--amber .ti { color: var(--amber-dk); }
.lp-yakan .benefit-icon-big--slate { background: #eef1f5; }
.lp-yakan .benefit-icon-big--slate .ti { color: #4a5568; }
.lp-yakan .benefit-n { margin-bottom: 5px; color: var(--teal); font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.lp-yakan .benefit-n--amber { color: var(--amber-dk); }
.lp-yakan .benefit-n--slate { color: #4a5568; }
.lp-yakan .benefit-ttl { margin: 0 0 12px; color: var(--text); font-size: 17px; font-weight: 900; line-height: 1.45; }
.lp-yakan .benefit-body { margin: 0; color: var(--text-2); font-size: 14px; line-height: 1.85; text-align: left; }
.lp-yakan .benefit-chip { display: flex; align-items: center; gap: 7px; margin-top: 14px; border-radius: 7px; padding: 10px 14px; background: var(--teal-lt); color: var(--teal-dk); font-size: 12px; font-weight: 700; text-align: left; }
.lp-yakan .benefit-chip .ti { flex-shrink: 0; color: var(--teal); font-size: 15px; }
.lp-yakan .benefit-chip--amber { background: var(--amber-lt); color: var(--amber-dk); }
.lp-yakan .benefit-chip--amber .ti { color: var(--amber-dk); }

/* CTAと料金 */
.lp-yakan .banner { padding: 32px 26px; background: var(--dark); text-align: center; }
.lp-yakan .banner-ttl { margin: 0 0 8px; color: var(--white); font-size: 18px; font-weight: 900; line-height: 1.5; }
.lp-yakan .banner-sub { margin: 0 0 20px; color: rgb(255 255 255 / 45%); font-size: 13px; line-height: 1.75; }
.lp-yakan .price-simple-card { overflow: hidden; border: 2px solid var(--teal); border-radius: 12px; background: var(--white); }
.lp-yakan .price-simple-head { padding: 14px 20px; background: var(--teal); color: var(--white); font-size: 15px; font-weight: 700; letter-spacing: .02em; text-align: center; }
.lp-yakan .price-simple-body { padding: 24px 20px 20px; }
.lp-yakan .price-simple-main { display: flex; flex-direction: column; align-items: center; margin-bottom: 16px; }
.lp-yakan .price-simple-from { margin-bottom: 4px; color: var(--text-2); font-size: 12px; }
.lp-yakan .price-simple-num { color: var(--teal); font-size: 44px; font-weight: 900; line-height: 1; }
.lp-yakan .price-simple-unit { font-size: 22px; font-weight: 700; }
.lp-yakan .price-simple-sub { margin-top: 8px; color: var(--text-2); font-size: 13px; }
.lp-yakan .price-simple-note { margin: 0; border-top: 1px solid var(--line); padding-top: 14px; color: var(--text-2); font-size: 13px; line-height: 1.75; text-align: center; }

/* 初期パートナー特典 */
.lp-yakan .perk { display: flex; align-items: flex-start; gap: 14px; border: 1px solid rgb(255 255 255 / 12%); border-radius: 12px; padding: 20px; background: rgb(255 255 255 / 7%); }
.lp-yakan .perk-icon { display: flex; width: 46px; height: 46px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 10px; background: rgb(255 255 255 / 10%); }
.lp-yakan .perk-icon .ti { color: rgb(255 255 255 / 80%); font-size: 22px; }
.lp-yakan .perk-body { min-width: 0; }
.lp-yakan .perk-ttl { margin: 0 0 5px; color: var(--white); font-size: 15px; font-weight: 900; }
.lp-yakan .perk-desc { margin: 0; color: rgb(255 255 255 / 50%); font-size: 14px; line-height: 1.8; }
.lp-yakan .perk-price { margin: 7px 0 0; font-size: 13px; font-weight: 700; }
.lp-yakan .perk-price strong { color: var(--amber); }
.lp-yakan .partner-urgency { margin: 20px 24px 0; border: 1px solid rgb(253 170 49 / 25%); border-radius: 8px; padding: 16px; background: rgb(253 170 49 / 10%); text-align: center; }
.lp-yakan .partner-urgency p { margin: 0; color: var(--amber); font-size: 13px; font-weight: 700; line-height: 1.75; }

/* よくある質問 */
.lp-yakan .faqs { padding: 0 24px; }
.lp-yakan .faq { border-bottom: 1px solid var(--line); }
.lp-yakan .faq-q { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 0; cursor: pointer; }
.lp-yakan button.faq-q { width: 100%; border: 0; background: transparent; text-align: left; }
.lp-yakan button.faq-q:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; border-radius: 4px; }
.lp-yakan .faq-q-txt { color: var(--text); font-size: 15px; font-weight: 700; line-height: 1.5; }
.lp-yakan .faq-icon { flex-shrink: 0; color: var(--teal); font-size: 20px; transition: transform .2s; }
.lp-yakan .faq.open .faq-icon { transform: rotate(180deg); }
.lp-yakan .faq-a { max-height: 0; overflow: hidden; margin: 0; padding-bottom: 0; color: var(--text-2); font-size: 14px; line-height: 1.85; transition: max-height .2s ease, padding-bottom .2s ease; }
.lp-yakan .faq.open .faq-a { max-height: 300px; padding-bottom: 18px; }

/* フォーム導線 */
.lp-yakan .form-inner { display: flex; flex-direction: column; gap: 14px; padding: 28px 24px 0; }

/* 添付HTMLに含まれる拡張セクション用のスタイル */
.lp-yakan .flow-arrow { padding: 18px 0 12px; color: var(--teal); font-size: 28px; line-height: 1; text-align: center; }
.lp-yakan .guilt { position: relative; display: flex; min-height: 190px; align-items: center; justify-content: center; overflow: hidden; margin: 0 24px; border-radius: 14px; }
.lp-yakan .guilt-bg { position: absolute; z-index: 0; inset: 0; }
.lp-yakan .guilt-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; filter: brightness(.22) saturate(.4); }
.lp-yakan .guilt-bg::after { position: absolute; inset: 0; background: linear-gradient(135deg, rgb(10 20 30 / 60%) 0%, rgb(10 20 30 / 85%) 100%); content: ""; }
.lp-yakan .guilt-content { position: relative; z-index: 1; padding: 40px 30px; text-align: center; }
.lp-yakan .guilt-content p { margin: 0; color: var(--white); font-size: 16px; font-weight: 700; line-height: 1.9; }
.lp-yakan .guilt-content em { color: var(--amber); font-style: normal; }
.lp-yakan .pillar { border: 1px solid var(--line); border-radius: 12px; padding: 24px 22px; background: var(--white); }
.lp-yakan .pillar-top { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.lp-yakan .icon-box { display: flex; width: 52px; height: 52px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 12px; background: var(--teal-lt); }
.lp-yakan .icon-box .ti { color: var(--teal); font-size: 26px; }
.lp-yakan .icon-box--amber { background: var(--amber-lt); }
.lp-yakan .icon-box--amber .ti { color: var(--amber-dk); }
.lp-yakan .typo-block { margin: 0 24px 32px; border-radius: 12px; padding: 28px 24px; background: var(--dark); text-align: center; }
.lp-yakan .typo-block-main, .lp-yakan .typo-block-accent { display: block; font-size: 52px; font-weight: 900; letter-spacing: -.04em; line-height: 1; }
.lp-yakan .typo-block-main { color: var(--white); }
.lp-yakan .typo-block-accent { margin-bottom: 14px; color: var(--teal); line-height: 1.15; }
.lp-yakan .typo-block-sub { margin: 0; color: rgb(255 255 255 / 40%); font-size: 13px; line-height: 1.7; }
.lp-yakan .cases { display: flex; flex-direction: column; gap: 16px; padding: 0 24px; }
.lp-yakan .case-card { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--white); }
.lp-yakan .case-img, .lp-yakan .case-ph { display: block; width: 100%; height: 210px; }
.lp-yakan .case-img { object-fit: cover; object-position: center; filter: saturate(.78) brightness(.88); }
.lp-yakan .case-ph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #e8f0f4, #dde8ee); }
.lp-yakan .case-ph .ti { color: #a0b5c0; font-size: 52px; }
.lp-yakan .case-ph-txt { color: #90a8b5; font-size: 12px; }
.lp-yakan .case-body { padding: 18px 20px 22px; }
.lp-yakan .case-tag { display: inline-flex; align-items: center; gap: 5px; margin-bottom: 10px; border: 1px solid rgb(253 170 49 / 35%); border-radius: 4px; padding: 3px 10px; background: #fff7ec; color: var(--amber-dk); font-size: 11px; font-weight: 700; }
.lp-yakan .case-tag .ti { font-size: 13px; }
.lp-yakan .case-ttl { margin: 0 0 8px; color: var(--text); font-size: 16px; font-weight: 900; line-height: 1.4; }
.lp-yakan .case-desc { margin: 0; color: var(--text-2); font-size: 14px; line-height: 1.82; }
.lp-yakan .case-result { display: flex; align-items: center; gap: 8px; margin-top: 12px; border-radius: 6px; padding: 10px 12px; background: var(--teal-lt); }
.lp-yakan .case-result .ti { flex-shrink: 0; color: var(--teal); font-size: 16px; }
.lp-yakan .case-result-txt { color: var(--teal-dk); font-size: 12px; font-weight: 700; }
.lp-yakan .case-sm-img { display: block; width: 100%; height: 110px; object-fit: cover; filter: saturate(.75) brightness(.85); }
.lp-yakan .report-draft-bar { display: flex; align-items: center; gap: 8px; margin: 0 24px 20px; border: 1px solid #fcd34d; border-radius: 8px; padding: 10px 16px; background: #fffbeb; color: #92400e; font-size: 12px; font-weight: 700; }
.lp-yakan .report-draft-bar .ti { color: #d97706; font-size: 16px; }
.lp-yakan .report { overflow: hidden; margin: 0 24px; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 2px 12px rgb(0 0 0 / 6%); }
.lp-yakan .report-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: var(--dark); }
.lp-yakan .report-head-ttl { color: var(--white); font-size: 13px; font-weight: 700; }
.lp-yakan .report-head-sub { margin-top: 2px; color: rgb(255 255 255 / 38%); font-size: 11px; }
.lp-yakan .report-badge { border-radius: 4px; padding: 3px 9px; background: var(--teal); color: var(--white); font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.lp-yakan .report-body { padding: 18px 20px; background: var(--white); }
.lp-yakan .vitals { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 18px; }
.lp-yakan .vital { border-radius: 8px; padding: 13px; background: var(--bg-gray); text-align: center; }
.lp-yakan .vital-lbl { margin-bottom: 4px; color: var(--text-2); font-size: 10px; }
.lp-yakan .vital-val { color: var(--text); font-size: 20px; font-weight: 900; line-height: 1; }
.lp-yakan .vital-val small { font-size: 11px; font-weight: 500; }
.lp-yakan .vital-st { margin-top: 4px; font-size: 11px; font-weight: 700; }
.lp-yakan .ok { color: var(--teal); }
.lp-yakan .warn { color: #f59e0b; }
.lp-yakan .log-lbl { margin-bottom: 10px; color: var(--text-2); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.lp-yakan .log-row { display: flex; align-items: flex-start; gap: 10px; border-bottom: 1px solid var(--line); padding: 8px 0; font-size: 12px; }
.lp-yakan .log-row:last-child { border-bottom: 0; }
.lp-yakan .log-t { width: 42px; flex-shrink: 0; padding-top: 2px; color: var(--text-2); }
.lp-yakan .log-dot { width: 7px; height: 7px; flex-shrink: 0; margin-top: 4px; border-radius: 50%; }
.lp-yakan .log-dot--ok { background: var(--teal); }
.lp-yakan .log-dot--alert { background: #ef4444; }
.lp-yakan .log-txt { flex: 1; color: var(--text); line-height: 1.5; }
.lp-yakan .log-alert { color: #ef4444; font-weight: 700; }
.lp-yakan .report-foot { display: flex; align-items: center; gap: 8px; padding: 12px 20px; background: var(--teal-lt); }
.lp-yakan .report-foot .ti { color: var(--teal); font-size: 18px; }
.lp-yakan .report-foot-txt { color: var(--teal-dk); font-size: 12px; font-weight: 700; }
.lp-yakan .plans { display: flex; flex-direction: column; gap: 16px; padding: 0 24px; }
.lp-yakan .plan { overflow: hidden; border: 2px solid var(--line); border-radius: 12px; }
.lp-yakan .plan--a { border-color: var(--teal); }
.lp-yakan .plan-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; }
.lp-yakan .plan--a .plan-head { background: var(--teal); }
.lp-yakan .plan--b .plan-head { background: var(--bg-gray); }
.lp-yakan .plan-name { margin: 0; font-size: 21px; font-weight: 900; }
.lp-yakan .plan--a .plan-name { color: var(--white); }
.lp-yakan .plan--b .plan-name { color: var(--text); }
.lp-yakan .plan-tag { border-radius: 4px; padding: 3px 10px; font-size: 11px; font-weight: 700; }
.lp-yakan .plan--a .plan-tag { background: rgb(255 255 255 / 22%); color: var(--white); }
.lp-yakan .plan--b .plan-tag { background: var(--line); color: var(--text-2); }
.lp-yakan .plan-body { padding: 20px 22px; }
.lp-yakan .plan-monthly, .lp-yakan .plan-pernight { display: flex; align-items: baseline; gap: 4px; }
.lp-yakan .plan-monthly { margin-bottom: 4px; }
.lp-yakan .plan-pernight { margin-bottom: 18px; }
.lp-yakan .plan-price-big { color: var(--text); font-size: 28px; font-weight: 900; }
.lp-yakan .plan-price-unit { color: var(--text-2); font-size: 13px; }
.lp-yakan .plan-pernight-big { color: var(--teal); font-size: 21px; font-weight: 700; }
.lp-yakan .plan-pernight-unit { color: var(--text-2); font-size: 12px; }
.lp-yakan .plan-feats { display: flex; flex-direction: column; gap: 9px; border-top: 1px solid var(--line); padding-top: 14px; }
.lp-yakan .plan-feat { display: flex; align-items: flex-start; gap: 8px; color: var(--text); font-size: 14px; line-height: 1.5; }
.lp-yakan .plan-feat .ti { flex-shrink: 0; margin-top: 1px; color: var(--teal); font-size: 16px; }
.lp-yakan .plan-bullet { flex-shrink: 0; margin-top: 1px; color: var(--teal); font-size: 20px; line-height: 1; }
.lp-yakan .plan--b .plan-bullet { color: var(--text-2); }
.lp-yakan .plan-rev { margin-top: 16px; border-radius: 8px; padding: 12px 14px; background: var(--teal-lt); }
.lp-yakan .plan-rev-lbl { margin-bottom: 3px; color: var(--teal); font-size: 10px; font-weight: 700; }
.lp-yakan .plan-rev-main { color: var(--text); font-size: 13px; font-weight: 700; }
.lp-yakan .plan-rev-sub { margin-top: 2px; color: var(--text-2); font-size: 11px; }
.lp-yakan .plan-base { display: flex; align-items: baseline; justify-content: space-between; padding: 10px 0 6px; }
.lp-yakan .plan-base-lbl, .lp-yakan .plan-section-lbl { color: var(--text-2); font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.lp-yakan .plan-base-price { color: var(--text); font-size: 24px; font-weight: 900; }
.lp-yakan .plan-base-price small { margin-left: 2px; color: var(--text-2); font-size: 12px; font-weight: 400; }
.lp-yakan .plan-base-note { margin-bottom: 14px; border-bottom: 1px solid var(--line); padding-bottom: 14px; color: var(--text-2); font-size: 11px; line-height: 1.7; }
.lp-yakan .plan-section-lbl { margin-bottom: 4px; font-size: 10px; letter-spacing: .08em; }
.lp-yakan .vs-bar { margin: 20px 24px 0; border-left: 4px solid #ef4444; border-radius: 8px; padding: 16px 18px; background: #fff4f4; }
.lp-yakan .vs-lbl { margin-bottom: 4px; color: #ef4444; font-size: 10px; font-weight: 700; letter-spacing: .06em; }
.lp-yakan .vs-main { color: var(--text); font-size: 15px; font-weight: 900; }
.lp-yakan .vs-sub { margin-top: 4px; color: var(--text-2); font-size: 12px; line-height: 1.65; }
.lp-yakan .f-lbl { display: block; margin-bottom: 6px; color: rgb(255 255 255 / 75%); font-size: 12px; font-weight: 700; }
.lp-yakan .f-req { margin-left: 4px; color: var(--amber); font-size: 10px; }
.lp-yakan .f-inp { width: 100%; border: 1.5px solid rgb(255 255 255 / 20%); border-radius: 8px; padding: 13px 15px; outline: 0; background: rgb(255 255 255 / 11%); color: var(--white); font-size: 14px; -webkit-appearance: none; appearance: none; transition: border-color .2s; }
.lp-yakan .f-inp::placeholder { color: rgb(255 255 255 / 30%); }
.lp-yakan .f-inp:focus { border-color: rgb(255 255 255 / 50%); background: rgb(255 255 255 / 15%); }
.lp-yakan .f-sel { background-repeat: no-repeat; background-position: right 14px center; }
.lp-yakan .f-sel option { background: var(--dark); }
.lp-yakan .f-ta { min-height: 96px; resize: vertical; }
.lp-yakan .form-note { margin-top: 4px; color: rgb(255 255 255 / 36%); font-size: 11px; line-height: 1.7; text-align: center; }

@media (prefers-reduced-motion: reduce) {
  .lp-yakan *, .lp-yakan *::before, .lp-yakan *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}