:root {
  --page-bg: #f4faf7;
  --page-surface: #ffffff;
  --page-mist: #e9f6f0;
  --page-ink: #0b2f26;
  --page-copy: #506a61;
  --page-soft: #7b9189;
  --page-green: #0bbf72;
  --page-green-deep: #067453;
  --page-night: #062f29;
  --page-line: rgba(8, 73, 56, .13);
  --page-shadow: 0 28px 80px rgba(6, 68, 50, .11);
  --page-ease: cubic-bezier(.22, 1, .36, 1);
}

html { scroll-behavior: smooth; }
body.premium-page {
  margin: 0;
  color: var(--page-ink);
  background: var(--page-bg);
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
  word-break: keep-all;
  overflow-x: hidden;
}
body.premium-page.menu-open { overflow: hidden; }
body.premium-page * { box-sizing: border-box; }
body.premium-page img { max-width: 100%; display: block; }
body.premium-page a { color: inherit; text-decoration: none; }
body.premium-page .container,
body.premium-page nav,
body.premium-page .footer-content,
body.premium-page .footer-bottom { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }

body.premium-page > header {
  position: sticky;
  top: 0;
  z-index: 900;
  width: 100%;
  background: rgba(244, 250, 247, .9);
  border-bottom: 1px solid rgba(7, 69, 53, .08);
  backdrop-filter: blur(20px);
}
body.premium-page > header.scrolled { box-shadow: 0 16px 38px rgba(6, 68, 50, .07); }
body.premium-page > header nav { height: 78px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; }
body.premium-page .logo a { display: inline-flex; align-items: center; gap: 10px; }
body.premium-page .logo img { width: 29px; height: 29px; object-fit: contain; }
body.premium-page .logo h1 { margin: 0; font-size: 13px; font-weight: 900; letter-spacing: .08em; }
body.premium-page .nav-links ul { display: flex; align-items: center; gap: 28px; padding: 0; margin: 0; list-style: none; }
body.premium-page .nav-links a { position: relative; display: block; padding: 10px 0; color: #21483e; font-size: 13px; font-weight: 650; }
body.premium-page .nav-links a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 1px; background: var(--page-green); transform: scaleX(0); transform-origin: right; transition: transform .3s var(--page-ease); }
body.premium-page .nav-links a:hover::after,
body.premium-page .nav-links a.active::after { transform: scaleX(1); transform-origin: left; }
body.premium-page .nav-buttons { justify-self: end; display: flex; align-items: center; }
body.premium-page .nav-cta { display: inline-flex; align-items: center; min-height: 42px; padding: 0 17px; border-radius: 12px; color: #fff; background: var(--page-green-deep); font-size: 12px; font-weight: 800; transition: transform .25s ease, background .25s ease; }
body.premium-page .nav-cta:hover { transform: translateY(-2px); background: var(--page-green); }
body.premium-page .mobile-only { display: none; }

body.premium-page .page-banner,
body.premium-page .careers-header {
  position: relative;
  min-height: 490px;
  display: grid;
  place-items: center;
  padding: 95px 24px 90px;
  overflow: hidden;
  text-align: center;
  color: var(--page-ink);
  background:
    radial-gradient(circle at 76% 22%, rgba(11,191,114,.14), transparent 25%),
    linear-gradient(135deg, #f7fcf9 0%, #e7f6ef 100%) !important;
}
body.premium-page .page-banner::before,
body.premium-page .careers-header::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(5,83,61,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(5,83,61,.045) 1px, transparent 1px); background-size: 66px 66px; mask-image: linear-gradient(to bottom, #000, transparent 95%); }
body.premium-page .page-banner::after,
body.premium-page .careers-header::after { content: ""; position: absolute; width: 430px; height: 430px; right: -180px; top: -190px; border: 1px solid rgba(6,116,83,.15); border-radius: 50%; box-shadow: 0 0 0 54px rgba(6,116,83,.025), 0 0 0 110px rgba(6,116,83,.018); }
body.premium-page .page-banner-overlay,
body.premium-page .careers-header-overlay { display: none; }
body.premium-page .banner-content,
body.premium-page .careers-header-content { position: relative; z-index: 2; max-width: 960px; margin: 0 auto; }
body.premium-page .breadcrumb { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; color: var(--page-soft); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
body.premium-page .breadcrumb i { font-size: 8px; }
body.premium-page .page-banner h1,
body.premium-page .careers-header h1 { margin: 0; color: var(--page-ink); font-size: clamp(52px, 7vw, 88px); line-height: 1.05; letter-spacing: -.065em; font-weight: 900; }
body.premium-page .page-banner p,
body.premium-page .careers-header > .careers-header-content > p { max-width: 720px; margin: 26px auto 0; color: var(--page-copy); font-size: 17px; line-height: 1.9; }
body.premium-page .highlight { color: var(--page-green-deep); }

body.premium-page section:not(.page-banner):not(.careers-header):not(.cta):not(.careers-cta) { padding-block: 125px; }
body.premium-page section.bg-light { background: var(--page-mist); }
body.premium-page .section-header { max-width: 790px; margin: 0 auto 68px; text-align: center; }
body.premium-page .section-header h2 { margin: 0; color: var(--page-ink); font-size: clamp(36px, 4.4vw, 60px); line-height: 1.18; letter-spacing: -.05em; font-weight: 850; }
body.premium-page .section-header p { margin: 20px auto 0; color: var(--page-copy); font-size: 16px; line-height: 1.85; }
body.premium-page .section-badge { display: block; margin: 0 0 18px; padding: 0; color: var(--page-green-deep); background: transparent; font-size: 10px; font-weight: 900; letter-spacing: .18em; }

body.premium-page .about-content,
body.premium-page .service-item,
body.premium-page .case-study-item { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
body.premium-page .about-image,
body.premium-page .service-image,
body.premium-page .case-study-image { overflow: hidden; border: 1px solid var(--page-line); border-radius: 28px; background: #fff; box-shadow: var(--page-shadow); }
body.premium-page .about-main-video { width: 100%; aspect-ratio: 16 / 9; display: block; border: 0; }
body.premium-page .service-image img,
body.premium-page .case-study-image img { width: 100%; height: auto; }
body.premium-page .about-text h2,
body.premium-page .service-details h3,
body.premium-page .case-study-content h3 { margin: 0 0 24px; color: var(--page-ink); font-size: clamp(30px, 3.4vw, 48px); line-height: 1.25; letter-spacing: -.04em; }
body.premium-page .about-text p,
body.premium-page .service-details p,
body.premium-page .case-study-content p,
body.premium-page .overview-content p { color: var(--page-copy); line-height: 1.95; }
body.premium-page .overview-content { max-width: 900px; margin: 0 auto 56px; text-align: center; }

body.premium-page .vision-mission-content,
body.premium-page .values-grid,
body.premium-page .service-nav,
body.premium-page .pricing-cards,
body.premium-page .case-results,
body.premium-page .benefits-grid,
body.premium-page .culture-grid { display: grid; gap: 22px; }
body.premium-page .vision-mission-content { grid-template-columns: repeat(2, 1fr); }
body.premium-page .values-grid { grid-template-columns: repeat(4, 1fr); }
body.premium-page .service-nav { grid-template-columns: repeat(3, 1fr); }
body.premium-page .pricing-cards,
body.premium-page .benefits-grid { grid-template-columns: repeat(3, 1fr); }
body.premium-page .culture-grid { grid-template-columns: repeat(4, 1fr); }
body.premium-page .case-results { grid-template-columns: repeat(3, 1fr); margin-top: 34px; }

body.premium-page .vision-box,
body.premium-page .mission-box,
body.premium-page .value-item,
body.premium-page .service-nav-item,
body.premium-page .pricing-card,
body.premium-page .result-item,
body.premium-page .culture-card,
body.premium-page .benefit-category,
body.premium-page .team-member,
body.premium-page .job-card,
body.premium-page .faq-item {
  border: 1px solid var(--page-line);
  border-radius: 22px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 50px rgba(6,68,50,.06);
}
body.premium-page .vision-box,
body.premium-page .mission-box,
body.premium-page .value-item,
body.premium-page .service-nav-item,
body.premium-page .culture-card,
body.premium-page .benefit-category { padding: 34px; }
body.premium-page .service-nav-item { text-align: left; transition: transform .35s var(--page-ease), box-shadow .35s ease; }
body.premium-page .service-nav-item:hover { transform: translateY(-6px); box-shadow: var(--page-shadow); }
body.premium-page .nav-icon,
body.premium-page .value-icon,
body.premium-page .culture-icon,
body.premium-page .category-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 28px; border-radius: 14px; color: var(--page-green-deep); background: var(--page-mist); font-size: 18px; }
body.premium-page .service-nav-item h3,
body.premium-page .value-item h3,
body.premium-page .vision-box h2,
body.premium-page .mission-box h2 { margin: 0; font-size: 22px; letter-spacing: -.025em; }
body.premium-page .value-item p,
body.premium-page .vision-box p,
body.premium-page .mission-box p { margin: 14px 0 0; color: var(--page-copy); }

body.premium-page .service-section .service-item { padding: 76px 0; border-top: 1px solid var(--page-line); }
body.premium-page .service-section .service-item:last-child { border-bottom: 1px solid var(--page-line); }
body.premium-page .service-details[style*="background"] { padding: 36px !important; border: 1px solid var(--page-line); border-radius: 24px !important; background: rgba(255,255,255,.85) !important; box-shadow: 0 20px 60px rgba(6,68,50,.08) !important; }
body.premium-page .feature-list { padding: 0; margin: 28px 0 0; list-style: none; }
body.premium-page .feature-list li { position: relative; padding: 13px 0 13px 28px; color: var(--page-copy); border-bottom: 1px solid var(--page-line); }
body.premium-page .feature-list li::before { content: "↗"; position: absolute; left: 0; color: var(--page-green-deep); font-size: 11px; font-weight: 900; }
body.premium-page .tech-specs { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; }
body.premium-page .spec-item { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid var(--page-line); border-radius: 10px; background: rgba(255,255,255,.78); }

body.premium-page .pricing-card { padding: 38px; overflow: hidden; }
body.premium-page .pricing-card.featured { transform: none; border-color: rgba(11,191,114,.42); background: linear-gradient(155deg, #fff, #eaf9f1); }
body.premium-page .pricing-header { border-bottom: 1px solid var(--page-line); }
body.premium-page .price { color: var(--page-green-deep); }
body.premium-page .pricing-features ul { padding: 0; list-style: none; }
body.premium-page .pricing-features li { padding: 11px 0; color: var(--page-copy); border-bottom: 1px solid var(--page-line); }

body.premium-page .btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 0 22px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 800; transition: transform .3s var(--page-ease), box-shadow .3s ease; }
body.premium-page .btn:hover { transform: translateY(-3px); }
body.premium-page .primary-btn,
body.premium-page .cta-btn { color: #fff; background: var(--page-green-deep); box-shadow: 0 16px 36px rgba(5,117,82,.22); }
body.premium-page .secondary-btn,
body.premium-page .outline-btn { color: var(--page-green-deep); border-color: var(--page-line); background: #fff; }

body.premium-page .contact-container,
body.premium-page .contact-main-content { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; }
body.premium-page .contact-form,
body.premium-page .contact-info,
body.premium-page .contact-form-container,
body.premium-page .contact-info-container { padding: 42px; border: 1px solid var(--page-line); border-radius: 26px; background: #fff; box-shadow: 0 24px 65px rgba(6,68,50,.07); }
body.premium-page .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
body.premium-page .form-group { margin-bottom: 20px; }
body.premium-page label { display: block; margin-bottom: 8px; color: var(--page-copy); font-size: 12px; font-weight: 700; }
body.premium-page input,
body.premium-page select,
body.premium-page textarea { width: 100%; padding: 14px 15px; border: 1px solid var(--page-line); border-radius: 11px; outline: 0; background: #fbfefc; transition: border-color .25s ease, box-shadow .25s ease; }
body.premium-page input:focus,
body.premium-page select:focus,
body.premium-page textarea:focus { border-color: var(--page-green); box-shadow: 0 0 0 4px rgba(11,191,114,.09); }
body.premium-page .info-item { display: grid; grid-template-columns: 36px 1fr; gap: 16px; padding: 19px 0; border-bottom: 1px solid var(--page-line); }
body.premium-page .info-item i { color: var(--page-green-deep); }
body.premium-page .social-links,
body.premium-page .footer-social { display: flex; gap: 10px; margin-top: 24px; }
body.premium-page .social-link,
body.premium-page .social-icon { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--page-line); border-radius: 12px; }

body.premium-page .cta,
body.premium-page .careers-cta { padding: 100px 24px; overflow: hidden; color: #fff; text-align: center; background: linear-gradient(135deg, #063d33, #087157); }
body.premium-page .cta-content { position: relative; z-index: 2; max-width: 850px; margin: 0 auto; }
body.premium-page .cta h2,
body.premium-page .careers-cta h2 { margin: 0 0 18px; font-size: clamp(38px, 5vw, 62px); letter-spacing: -.05em; }
body.premium-page .cta p,
body.premium-page .careers-cta p { color: rgba(255,255,255,.68); }
body.premium-page .cta .primary-btn,
body.premium-page .careers-cta .primary-btn { color: var(--page-night); background: #fff; box-shadow: none; }

body.premium-page footer { padding: 64px 0 30px; color: rgba(255,255,255,.68); background: #041f1a; }
body.premium-page .footer-content { display: grid; grid-template-columns: 1.05fr .95fr; gap: 80px; padding-bottom: 46px; }
body.premium-page .footer-logo { display: flex; align-items: center; gap: 10px; color: #fff; }
body.premium-page .footer-logo img { width: 30px; height: 30px; }
body.premium-page .footer-logo h3 { margin: 0; font-size: 13px; letter-spacing: .08em; }
body.premium-page .footer-info > p { max-width: 420px; font-size: 12px; line-height: 1.85; }
body.premium-page .footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
body.premium-page .footer-column h4 { margin: 0 0 16px; color: #fff; font-size: 12px; }
body.premium-page .footer-column ul { padding: 0; margin: 0; list-style: none; }
body.premium-page .footer-column li { margin: 9px 0; }
body.premium-page .footer-column a { font-size: 11px; }
body.premium-page .footer-bottom { display: flex; justify-content: space-between; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.1); font-size: 10px; }

body.premium-page [data-page-reveal] { opacity: 0; transform: translateY(30px); transition: opacity .85s var(--page-ease), transform .85s var(--page-ease); }
body.premium-page [data-page-reveal].is-visible { opacity: 1; transform: none; }
body.premium-page .site-form-status { margin-top: 15px; padding: 13px 15px; border-radius: 11px; font-size: 12px; }
body.premium-page .site-form-status.is-success { color: #07553d; background: #e4f8ed; }
body.premium-page .site-form-status.is-error { color: #8d2925; background: #fff0ef; }

/* HANDAM page */
body.premium-page .handam-hero-art { position: relative; min-height: 420px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 30px; background: linear-gradient(145deg, #052a24, #087157); box-shadow: var(--page-shadow); }
body.premium-page .handam-hero-art strong { position: absolute; left: 38px; top: 44px; color: #fff; font-size: clamp(54px, 8vw, 112px); line-height: .9; letter-spacing: -.07em; }
body.premium-page .handam-hero-art small { position: absolute; left: 42px; top: 148px; color: #8be7bc; font-size: 10px; font-weight: 900; letter-spacing: .17em; }
body.premium-page .handam-hero-art::before { content: ""; position: absolute; width: 330px; height: 330px; right: -72px; bottom: -90px; border: 1px solid rgba(139,231,188,.35); border-radius: 50%; box-shadow: 0 0 0 44px rgba(139,231,188,.05), 0 0 0 90px rgba(139,231,188,.03); }
body.premium-page .handam-flow { position: absolute; left: 42px; right: 42px; bottom: 54px; display: grid; gap: 13px; }
body.premium-page .handam-flow i { height: 1px; background: linear-gradient(90deg, #8be7bc, transparent); }
body.premium-page .handam-flow i:nth-child(2) { width: 76%; }
body.premium-page .handam-flow i:nth-child(3) { width: 52%; }
body.premium-page .handam-value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
body.premium-page .handam-value-card { padding: 38px; border: 1px solid var(--page-line); border-radius: 24px; background: #fff; }
body.premium-page .handam-value-card > span { display: block; margin-bottom: 34px; color: var(--page-green-deep); font-size: 10px; font-weight: 900; letter-spacing: .15em; }
body.premium-page .handam-value-card h3 { margin: 0 0 15px; font-size: 24px; }
body.premium-page .handam-value-card p { margin: 0; color: var(--page-copy); }

@media (max-width: 1060px) {
  body.premium-page > header nav { grid-template-columns: 1fr auto; }
  body.premium-page .nav-links { position: fixed; inset: 0; z-index: -1; display: grid; place-items: center; opacity: 0; visibility: hidden; background: rgba(244,250,247,.98); transition: opacity .3s ease, visibility .3s ease; }
  body.premium-page.menu-open .nav-links { opacity: 1; visibility: visible; }
  body.premium-page .nav-links ul { flex-direction: column; gap: 20px; font-size: 26px; }
  body.premium-page .nav-links a { font-size: 24px; }
  body.premium-page .nav-buttons .nav-cta { display: none; }
  body.premium-page .mobile-only { display: block; }
  body.premium-page #openMenu,
  body.premium-page #closeMenu { cursor: pointer; }
  body.premium-page #openMenu { display: grid; place-items: center; width: 42px; height: 42px; color: #fff; border-radius: 50%; background: var(--page-ink); }
  body.premium-page #closeMenu { position: fixed; top: 22px; right: 24px; z-index: 2; font-size: 24px; }
  body.premium-page .about-content,
  body.premium-page .service-item,
  body.premium-page .case-study-item,
  body.premium-page .contact-container,
  body.premium-page .contact-main-content,
  body.premium-page .footer-content { grid-template-columns: 1fr; gap: 50px; }
  body.premium-page .values-grid,
  body.premium-page .culture-grid { grid-template-columns: repeat(2, 1fr); }
  body.premium-page .service-nav,
  body.premium-page .pricing-cards,
  body.premium-page .benefits-grid,
  body.premium-page .handam-value-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  body.premium-page .container,
  body.premium-page nav,
  body.premium-page .footer-content,
  body.premium-page .footer-bottom { width: calc(100% - 32px); }
  body.premium-page > header nav { height: 70px; }
  body.premium-page .page-banner,
  body.premium-page .careers-header { min-height: 390px; padding: 80px 16px 70px; }
  body.premium-page .page-banner h1,
  body.premium-page .careers-header h1 { font-size: 50px; }
  body.premium-page section:not(.page-banner):not(.careers-header):not(.cta):not(.careers-cta) { padding-block: 90px; }
  body.premium-page .vision-mission-content,
  body.premium-page .values-grid,
  body.premium-page .case-results,
  body.premium-page .culture-grid { grid-template-columns: 1fr; }
  body.premium-page .form-row { grid-template-columns: 1fr; }
  body.premium-page .contact-form,
  body.premium-page .contact-info,
  body.premium-page .contact-form-container,
  body.premium-page .contact-info-container { padding: 26px 20px; }
  body.premium-page .footer-links { grid-template-columns: 1fr 1fr; }
  body.premium-page .footer-bottom { flex-direction: column; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.premium-page *, body.premium-page *::before, body.premium-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  body.premium-page [data-page-reveal] { opacity: 1 !important; transform: none !important; }
}

/* case-study legacy page alignment */
body.premium-page .page-header {
  position: relative;
  min-height: 490px;
  display: grid;
  place-items: center;
  padding: 95px 24px 90px;
  overflow: hidden;
  text-align: center;
  color: var(--page-ink);
  background: radial-gradient(circle at 76% 22%, rgba(11,191,114,.14), transparent 25%), linear-gradient(135deg, #f7fcf9 0%, #e7f6ef 100%);
}
body.premium-page .page-header::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(5,83,61,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(5,83,61,.045) 1px, transparent 1px); background-size: 66px 66px; mask-image: linear-gradient(to bottom, #000, transparent 95%); }
body.premium-page .page-header-overlay { display: none; }
body.premium-page .page-header-content { position: relative; z-index: 2; width: min(1040px, 100%); margin: 0 auto; }
body.premium-page .page-header h1 { margin: 0; font-size: clamp(52px, 7vw, 88px); line-height: 1.05; letter-spacing: -.065em; font-weight: 900; }
body.premium-page .page-header-content > p { max-width: 720px; margin: 24px auto 0; color: var(--page-copy); }
body.premium-page .page-stats { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 880px; margin: 54px auto 0; border-top: 1px solid var(--page-line); border-left: 1px solid var(--page-line); }
body.premium-page .page-stat { display: flex; flex-direction: column; gap: 7px; padding: 24px; border-right: 1px solid var(--page-line); border-bottom: 1px solid var(--page-line); background: rgba(255,255,255,.52); }
body.premium-page .page-stat .stat-number { color: var(--page-green-deep); font-size: 24px !important; font-weight: 900; }
body.premium-page .page-stat .stat-label { color: var(--page-copy); font-size: 11px; }
body.premium-page .featured-case-content { width: min(1240px, calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: .95fr 1.05fr; gap: 80px; align-items: center; }
body.premium-page .featured-case-image { overflow: hidden; border: 1px solid var(--page-line); border-radius: 28px; box-shadow: var(--page-shadow); }
body.premium-page .featured-case-image img { width: 100%; }
body.premium-page .featured-case-details h3 { margin: 16px 0; font-size: clamp(34px, 4vw, 54px); letter-spacing: -.045em; }
body.premium-page .case-category, body.premium-page .case-location { display: inline-flex; align-items: center; gap: 9px; color: var(--page-green-deep); font-size: 12px; font-weight: 800; }
body.premium-page .case-highlights { margin: 32px 0; border-top: 1px solid var(--page-line); }
body.premium-page .highlight-item { display: grid; grid-template-columns: 46px 1fr; gap: 18px; padding: 19px 0; border-bottom: 1px solid var(--page-line); }
body.premium-page .highlight-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: var(--page-green-deep); background: var(--page-mist); }
body.premium-page .highlight-content h4, body.premium-page .highlight-content p { margin: 0; }
body.premium-page .highlight-content p { color: var(--page-copy); font-size: 13px; }
body.premium-page .case-results-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
body.premium-page .result-card { padding: 24px; border: 1px solid var(--page-line); border-radius: 16px; background: #fff; }
body.premium-page .result-card:first-child { color: #fff; border-color: transparent; background: linear-gradient(135deg, #067453, #0bbf72); }
body.premium-page .result-card:first-child .result-number, body.premium-page .result-card:first-child .result-label { color: #fff; }
body.premium-page .result-number { color: var(--page-green-deep); font-weight: 900; }
body.premium-page .result-label { color: var(--page-copy); font-size: 12px; }
body.premium-page .case-quote { margin-top: 32px; padding: 26px; border-left: 3px solid var(--page-green); background: var(--page-mist); }
body.premium-page .case-quote blockquote { margin: 0; color: var(--page-copy); }
body.premium-page .impact-statistics { color: #fff; background: linear-gradient(145deg, #063d33, #075846); }
body.premium-page .impact-overlay { display: none; }
body.premium-page .impact-stats-grid { width: min(1240px, calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.14); border-left: 1px solid rgba(255,255,255,.14); }
body.premium-page .impact-stat { padding: 34px 26px; border-right: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
body.premium-page .impact-number { display: inline; font-size: 38px; font-weight: 900; }
body.premium-page .impact-unit { display: inline; margin-left: 4px; color: #8be7bc; font-weight: 800; }
body.premium-page .impact-label { margin-top: 14px; font-weight: 800; }
body.premium-page .impact-description { margin-top: 10px; color: rgba(255,255,255,.58); font-size: 12px; }
@media (max-width: 1060px) {
  body.premium-page .featured-case-content { grid-template-columns: 1fr; }
  body.premium-page .impact-stats-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  body.premium-page .page-stats, body.premium-page .case-results-grid, body.premium-page .impact-stats-grid { grid-template-columns: 1fr; }
  body.premium-page .featured-case-content { width: calc(100% - 32px); }
}


/* Shared premium subpage refinements */
body.premium-page main { min-height: 60vh; }
body.premium-page .page-banner,
body.premium-page .page-header,
body.premium-page .careers-header { padding-top: 150px !important; }
body.premium-page .legal-shell { width: min(980px, calc(100% - 40px)); margin: 0 auto; padding: 150px 0 100px; }
body.premium-page .legal-shell > * { max-width: none; }
body.premium-page.legal-page main { padding-top: 128px !important; }

/* HANDAM - based on the live Handam dark-green storytelling visual */
body.premium-page .handam-stage {
  position: relative;
  min-height: 820px;
  padding: 150px 0 100px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 76% 42%, rgba(64, 208, 137, .22), transparent 29%),
    radial-gradient(circle at 15% 86%, rgba(23, 129, 91, .42), transparent 34%),
    linear-gradient(135deg, #031e18 0%, #06372b 52%, #07523d 100%);
}
body.premium-page .handam-stage::before { content: ""; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(139,231,188,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(139,231,188,.06) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(to bottom, #000, transparent 94%); }
body.premium-page .handam-stage::after { content: ""; position: absolute; width: 650px; height: 650px; right: -220px; top: -280px; border: 1px solid rgba(139,231,188,.18); border-radius: 50%; box-shadow: 0 0 0 80px rgba(139,231,188,.025), 0 0 0 170px rgba(139,231,188,.018); }
body.premium-page .handam-stage-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .9fr 1.1fr; gap: 76px; align-items: center; }
body.premium-page .handam-stage-copy { max-width: 650px; }
body.premium-page .handam-stage-kicker { display: flex; align-items: center; gap: 14px; margin: 0 0 24px; color: #8be7bc; font-size: 11px; font-weight: 900; letter-spacing: .18em; }
body.premium-page .handam-stage-kicker::before { content: ""; width: 34px; height: 1px; background: #8be7bc; }
body.premium-page .handam-stage h1 { margin: 0; font-size: clamp(54px, 6.4vw, 92px); line-height: 1.01; letter-spacing: -.065em; font-weight: 900; }
body.premium-page .handam-stage h1 em { display: block; color: #83e0b6; font-style: normal; }
body.premium-page .handam-stage-copy > p { max-width: 620px; margin: 30px 0 0; color: rgba(255,255,255,.68); font-size: 17px; line-height: 1.9; }
body.premium-page .handam-stage-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
body.premium-page .handam-stage .primary-btn { color: #052a20; background: #8be7bc; box-shadow: none; }
body.premium-page .handam-stage .secondary-btn { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.06); }
body.premium-page .handam-stage-foot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 58px; border-top: 1px solid rgba(255,255,255,.14); }
body.premium-page .handam-stage-foot div { padding: 22px 20px 0 0; }
body.premium-page .handam-stage-foot strong { display: block; color: #fff; font-size: 18px; }
body.premium-page .handam-stage-foot span { display: block; margin-top: 6px; color: rgba(255,255,255,.48); font-size: 10px; letter-spacing: .06em; }
body.premium-page .handam-browser {
  position: relative;
  min-height: 535px;
  padding: 18px 18px 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(2,25,20,.96), rgba(7,75,55,.92));
  box-shadow: 0 45px 120px rgba(0,0,0,.34);
  transform: perspective(1300px) rotateY(-5deg) rotateX(2deg);
}
body.premium-page .handam-browser-bar { display: flex; align-items: center; justify-content: space-between; padding: 4px 5px 18px; color: rgba(255,255,255,.62); font-size: 9px; letter-spacing: .06em; }
body.premium-page .handam-browser-logo { color: #fff; font-size: 15px; font-weight: 900; }
body.premium-page .handam-browser-nav { display: flex; gap: 14px; }
body.premium-page .handam-browser-screen { position: relative; min-height: 475px; padding: 58px 40px 0; overflow: hidden; border-radius: 20px 20px 0 0; background: radial-gradient(circle at 52% 42%, rgba(55,186,123,.24), transparent 28%), linear-gradient(160deg,#062f25,#021b16); }
body.premium-page .handam-browser-screen::before { content: ""; position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 52px 52px; }
body.premium-page .handam-browser-copy { position: relative; z-index: 2; text-align: center; }
body.premium-page .handam-browser-copy small { color: #8be7bc; font-size: 8px; font-weight: 900; letter-spacing: .18em; }
body.premium-page .handam-browser-copy strong { display: block; max-width: 400px; margin: 13px auto 0; color: #fff; font-size: clamp(27px, 3vw, 42px); line-height: 1.18; letter-spacing: -.05em; }
body.premium-page .handam-browser-copy p { margin: 12px 0 0; color: rgba(255,255,255,.52); font-size: 9px; }
body.premium-page .handam-cover-stage { position: absolute; left: 50%; bottom: -42px; width: 520px; height: 250px; transform: translateX(-50%); }
body.premium-page .handam-cover { position: absolute; bottom: 0; width: 112px; aspect-ratio: .72; padding: 14px 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; color: #fff; box-shadow: 0 18px 40px rgba(0,0,0,.35); transform-origin: 50% 100%; }
body.premium-page .handam-cover::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.58), transparent 58%); }
body.premium-page .handam-cover span { position: absolute; left: 10px; right: 10px; bottom: 12px; z-index: 2; font-size: 9px; font-weight: 800; line-height: 1.35; }
body.premium-page .handam-cover:nth-child(1) { left: 8px; transform: rotate(-18deg) translateY(20px); background: linear-gradient(145deg,#8d5c4d,#261f25); }
body.premium-page .handam-cover:nth-child(2) { left: 82px; transform: rotate(-10deg) translateY(7px); background: linear-gradient(145deg,#586d89,#152331); }
body.premium-page .handam-cover:nth-child(3) { left: 156px; transform: rotate(-4deg); background: linear-gradient(145deg,#b8755a,#3e2520); }
body.premium-page .handam-cover:nth-child(4) { left: 230px; z-index: 2; transform: translateY(-8px); background: linear-gradient(145deg,#5e866f,#13291e); }
body.premium-page .handam-cover:nth-child(5) { left: 304px; transform: rotate(5deg); background: linear-gradient(145deg,#7d638d,#23192d); }
body.premium-page .handam-cover:nth-child(6) { left: 378px; transform: rotate(11deg) translateY(8px); background: linear-gradient(145deg,#ac8a53,#322717); }
body.premium-page .handam-cover:nth-child(7) { left: 438px; transform: rotate(18deg) translateY(23px); background: linear-gradient(145deg,#4f7f93,#13252e); }
body.premium-page .handam-feature-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; border-top: 1px solid var(--page-line); border-bottom: 1px solid var(--page-line); }
body.premium-page .handam-feature-row { padding: 38px 30px; border-right: 1px solid var(--page-line); border-bottom: 1px solid var(--page-line); }
body.premium-page .handam-feature-row:nth-child(even) { border-right: 0; }
body.premium-page .handam-feature-row:nth-last-child(-n+2) { border-bottom: 0; }
body.premium-page .handam-feature-row > span { color: var(--page-green-deep); font-size: 10px; font-weight: 900; letter-spacing: .15em; }
body.premium-page .handam-feature-row h3 { margin: 22px 0 12px; font-size: 26px; }
body.premium-page .handam-feature-row p { margin: 0; color: var(--page-copy); }
body.premium-page .handam-brand-section { color: #fff; background: #062f29; }
body.premium-page .handam-brand-section .section-header h2 { color: #fff; }
body.premium-page .handam-brand-section .section-header p { color: rgba(255,255,255,.6); }
body.premium-page .handam-business-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; border: 1px solid rgba(255,255,255,.12); }
body.premium-page .handam-business-card { min-height: 330px; padding: 38px; border-right: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.02); }
body.premium-page .handam-business-card:last-child { border-right: 0; }
body.premium-page .handam-business-card span { color: #8be7bc; font-size: 10px; font-weight: 900; letter-spacing: .15em; }
body.premium-page .handam-business-card h3 { margin: 70px 0 18px; color: #fff; font-size: 30px; letter-spacing: -.04em; }
body.premium-page .handam-business-card p { color: rgba(255,255,255,.58); }
body.premium-page .handam-business-card a { display: inline-flex; margin-top: 28px; color: #8be7bc; font-size: 12px; font-weight: 800; }

@media (max-width: 1060px) {
  body.premium-page .handam-stage-grid { grid-template-columns: 1fr; }
  body.premium-page .handam-browser { transform: none; }
  body.premium-page .handam-business-grid { grid-template-columns: 1fr; }
  body.premium-page .handam-business-card { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
}
@media (max-width: 720px) {
  body.premium-page .handam-stage { min-height: auto; padding: 120px 0 70px; }
  body.premium-page .handam-stage h1 { font-size: 52px; }
  body.premium-page .handam-stage-foot { grid-template-columns: 1fr; }
  body.premium-page .handam-browser { min-height: 450px; padding: 10px 10px 0; }
  body.premium-page .handam-browser-nav { display: none; }
  body.premium-page .handam-browser-screen { min-height: 405px; padding-inline: 18px; }
  body.premium-page .handam-cover-stage { transform: translateX(-50%) scale(.72); transform-origin: 50% 100%; }
  body.premium-page .handam-feature-list { grid-template-columns: 1fr; }
  body.premium-page .handam-feature-row { border-right: 0; }
  body.premium-page .handam-feature-row:nth-last-child(2) { border-bottom: 1px solid var(--page-line); }
}

/* Policy/account pages keep the shared visual shell without oversized section spacing */
body.premium-page.legal-page main section { padding: 2rem !important; }
body.premium-page.legal-page .deletion-container { margin-top: 118px; margin-bottom: 90px; }
@media (max-width: 720px) {
  body.premium-page.legal-page main { padding-top: 104px !important; }
  body.premium-page.legal-page main section { padding: 1.25rem !important; }
  body.premium-page.legal-page .deletion-container { margin-top: 92px; }
}

/* HANDAM live homepage preview */
body.premium-page .handam-browser-home {
  min-height: 660px;
  padding: 12px;
  border-color: rgba(255,255,255,.22);
  border-radius: 24px;
  color: #10241e;
  background: rgba(249,255,252,.96);
  box-shadow: 0 48px 130px rgba(0,0,0,.36);
}
body.premium-page .handam-browser-home .handam-browser-bar {
  min-height: 42px;
  padding: 3px 5px 12px;
  gap: 12px;
  color: #34564b;
  letter-spacing: 0;
}
body.premium-page .handam-browser-brand { display:flex; align-items:center; gap:7px; flex:0 0 auto; color:#079677; }
body.premium-page .handam-browser-brand img { width:20px; height:20px; object-fit:contain; }
body.premium-page .handam-browser-brand strong { color:#079677; font-size:12px; letter-spacing:-.02em; }
body.premium-page .handam-browser-home .handam-browser-nav { align-items:center; gap:5px; padding:4px; border:1px solid #dfeae6; border-radius:999px; background:#fff; box-shadow:0 3px 12px rgba(14,73,57,.06); }
body.premium-page .handam-browser-home .handam-browser-nav span { padding:5px 8px; border-radius:999px; color:#49655d; font-size:7px; font-weight:800; white-space:nowrap; }
body.premium-page .handam-browser-home .handam-browser-nav .is-active { color:#08785f; background:#eef8f4; }
body.premium-page .handam-browser-tools { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex:1; min-width:0; color:#48665d; }
body.premium-page .handam-browser-tools > span { display:flex; align-items:center; gap:5px; width:min(150px, 100%); padding:7px 11px; overflow:hidden; border:1px solid #dfeae6; border-radius:999px; background:#fff; color:#789088; font-size:7px; white-space:nowrap; text-overflow:ellipsis; }
body.premium-page .handam-browser-tools > b { padding:7px 12px; border-radius:999px; color:#fff; background:#079677; font-size:7px; white-space:nowrap; }
body.premium-page .handam-home-screen {
  display:grid;
  grid-template-columns:minmax(0, 2.15fr) minmax(145px, .85fr);
  gap:10px;
  min-height:594px;
  padding:12px;
  border-radius:17px;
  background:linear-gradient(135deg,#effbf7 0%,#f9fffc 50%,#eef9f5 100%);
}
body.premium-page .handam-home-screen::before { display:none; }
body.premium-page .handam-preview-main { display:grid; grid-template-rows:auto auto auto; gap:10px; min-width:0; }
body.premium-page .handam-preview-hero-card {
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(125px,.7fr);
  gap:14px;
  min-height:255px;
  padding:18px;
  overflow:hidden;
  border:1px solid #dbeae5;
  border-radius:16px;
  background:radial-gradient(circle at 88% 18%,rgba(14,159,124,.13),transparent 28%),#fff;
  box-shadow:0 10px 30px rgba(8,70,53,.06);
}
body.premium-page .handam-preview-hero-copy { align-self:center; }
body.premium-page .handam-preview-hero-copy > small { color:#079677; font-size:6px; font-weight:900; letter-spacing:.16em; }
body.premium-page .handam-preview-hero-copy h2 { margin:9px 0 8px; color:#0c1714; font-size:clamp(22px,2.35vw,37px); line-height:1.03; letter-spacing:-.065em; }
body.premium-page .handam-preview-hero-copy h2 em { color:#079677; font-style:normal; }
body.premium-page .handam-preview-hero-copy > p { max-width:320px; margin:0; color:#657c74; font-size:8px; line-height:1.7; }
body.premium-page .handam-preview-actions { display:flex; gap:7px; margin-top:12px; }
body.premium-page .handam-preview-actions span { display:inline-flex; align-items:center; justify-content:center; min-height:25px; padding:0 10px; border:1px solid #079677; border-radius:8px; color:#fff; background:#079677; font-size:7px; font-weight:900; }
body.premium-page .handam-preview-actions .is-ghost { color:#12483c; background:#fff; border-color:#d7e7e1; }
body.premium-page .handam-preview-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:13px; }
body.premium-page .handam-preview-stats div { padding:7px 5px; border:1px solid #dceae5; border-radius:8px; background:#f9fdfb; }
body.premium-page .handam-preview-stats strong { display:block; color:#079677; font-size:10px; }
body.premium-page .handam-preview-stats span { display:block; margin-top:2px; color:#71867f; font-size:6px; }
body.premium-page .handam-featured-work { position:relative; align-self:stretch; margin:0; padding:10px; border-radius:15px; background:linear-gradient(160deg,#e5f6f0,#fbfff9); }
body.premium-page .handam-featured-work img { display:block; width:100%; height:198px; border-radius:10px; object-fit:cover; object-position:center top; box-shadow:0 12px 28px rgba(31,48,42,.2); }
body.premium-page .handam-featured-work figcaption { position:absolute; left:14px; right:14px; bottom:13px; padding:8px; border-radius:8px; color:#fff; background:linear-gradient(to top,rgba(2,25,20,.88),rgba(2,25,20,.45)); }
body.premium-page .handam-featured-work figcaption span, body.premium-page .handam-featured-work figcaption small { display:block; font-size:6px; }
body.premium-page .handam-featured-work figcaption strong { display:block; margin:3px 0; font-size:9px; line-height:1.25; }
body.premium-page .handam-preview-series-card { display:grid; grid-template-columns:74px 1fr; gap:12px; min-height:155px; padding:12px; border:1px solid #d6e9e1; border-radius:15px; background:linear-gradient(120deg,#fff,#f1faf6); }
body.premium-page .handam-preview-series-card > img { width:74px; height:132px; border-radius:9px; object-fit:cover; object-position:center top; box-shadow:0 9px 20px rgba(26,49,41,.15); }
body.premium-page .handam-preview-series-copy { align-self:center; min-width:0; }
body.premium-page .handam-preview-badges { display:flex; flex-wrap:wrap; gap:4px; }
body.premium-page .handam-preview-badges span { padding:3px 6px; border-radius:999px; color:#08775f; background:#daf4ea; font-size:5px; font-weight:900; }
body.premium-page .handam-preview-series-copy > small { display:block; margin-top:6px; color:#079677; font-size:5px; font-weight:900; letter-spacing:.08em; }
body.premium-page .handam-preview-series-copy h3 { margin:4px 0; color:#10251f; font-size:13px; letter-spacing:-.04em; }
body.premium-page .handam-preview-series-copy p { margin:0; color:#688078; font-size:6px; line-height:1.55; }
body.premium-page .handam-preview-progress { height:4px; margin-top:8px; overflow:hidden; border-radius:99px; background:#dcebe6; }
body.premium-page .handam-preview-progress i { display:block; width:48%; height:100%; background:#10b68d; }
body.premium-page .handam-preview-seasons { display:flex; gap:4px; margin-top:8px; overflow:hidden; }
body.premium-page .handam-preview-seasons span { min-width:45px; padding:5px 4px; border:1px solid #cae6dc; border-radius:7px; color:#176650; background:#f4fcf8; font-size:5px; font-weight:800; text-align:center; white-space:nowrap; }
body.premium-page .handam-preview-shelf { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
body.premium-page .handam-preview-shelf article { display:grid; grid-template-columns:42px 1fr; grid-template-rows:auto auto; column-gap:7px; align-items:center; min-width:0; padding:7px; border:1px solid #dceae5; border-radius:11px; background:#fff; }
body.premium-page .handam-preview-shelf img { grid-row:1/3; width:42px; height:59px; border-radius:6px; object-fit:cover; object-position:center top; }
body.premium-page .handam-preview-shelf span { color:#079677; font-size:5px; font-weight:900; }
body.premium-page .handam-preview-shelf strong { align-self:start; overflow:hidden; color:#223830; font-size:7px; line-height:1.35; white-space:nowrap; text-overflow:ellipsis; }
body.premium-page .handam-preview-sidebar { display:grid; align-content:start; gap:9px; min-width:0; }
body.premium-page .handam-preview-sidebar section { padding:11px; border:1px solid #dce9e4; border-radius:13px; background:#fff; box-shadow:0 7px 22px rgba(11,69,53,.045); }
body.premium-page .handam-preview-profile > div { display:flex; align-items:center; gap:7px; }
body.premium-page .handam-preview-profile > div i { display:grid; place-items:center; width:24px; height:24px; border-radius:8px; color:#079677; background:#ddf4eb; }
body.premium-page .handam-preview-profile > div span { min-width:0; }
body.premium-page .handam-preview-profile > div strong, body.premium-page .handam-preview-profile > div small { display:block; }
body.premium-page .handam-preview-profile > div strong { font-size:7px; }
body.premium-page .handam-preview-profile > div small { margin-top:2px; color:#778e86; font-size:5px; }
body.premium-page .handam-preview-profile > b { position:absolute; right:12px; top:12px; color:#079677; font-size:5px; }
body.premium-page .handam-preview-profile { position:relative; }
body.premium-page .handam-profile-progress { display:block; height:4px; margin:10px 0; border-radius:999px; background:linear-gradient(90deg,#079677 72%,#dceae5 72%); }
body.premium-page .handam-preview-profile > p { display:grid; grid-template-columns:repeat(3,auto 1fr); align-items:end; gap:2px 4px; margin:0; padding:7px; border-radius:9px; background:#f7fbf9; }
body.premium-page .handam-preview-profile > p strong { color:#10251f; font-size:9px; text-align:center; }
body.premium-page .handam-preview-profile > p span { display:none; }
body.premium-page .handam-preview-rating header, body.premium-page .handam-preview-updates header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
body.premium-page .handam-preview-rating header strong, body.premium-page .handam-preview-updates header strong { font-size:7px; }
body.premium-page .handam-preview-rating header span, body.premium-page .handam-preview-updates header span { color:#079677; font-size:5px; font-weight:800; }
body.premium-page .handam-preview-rating > div { display:flex; gap:7px; margin:8px 0; }
body.premium-page .handam-preview-rating img { width:38px; height:56px; border-radius:6px; object-fit:cover; object-position:center top; }
body.premium-page .handam-preview-rating p { margin:0; min-width:0; }
body.premium-page .handam-preview-rating p strong, body.premium-page .handam-preview-rating p small, body.premium-page .handam-preview-rating p span { display:block; }
body.premium-page .handam-preview-rating p strong { font-size:6px; line-height:1.35; }
body.premium-page .handam-preview-rating p small { margin-top:3px; color:#738a82; font-size:5px; }
body.premium-page .handam-preview-rating p span { margin-top:5px; color:#079677; font-size:8px; letter-spacing:1px; }
body.premium-page .handam-preview-rating button { width:100%; height:24px; border:0; border-radius:7px; color:#fff; background:#079677; font:800 6px/1 'Noto Sans KR',sans-serif; }
body.premium-page .handam-preview-points { background:linear-gradient(135deg,#f7fff9,#effdec)!important; border-color:#bde9d9!important; }
body.premium-page .handam-preview-points span, body.premium-page .handam-preview-points small, body.premium-page .handam-preview-points strong { display:block; }
body.premium-page .handam-preview-points span { color:#176650; font-size:7px; font-weight:900; }
body.premium-page .handam-preview-points small { margin-top:8px; color:#789088; font-size:5px; }
body.premium-page .handam-preview-points strong { margin-top:3px; color:#079677; font-size:14px; }
body.premium-page .handam-preview-updates p { display:flex; justify-content:space-between; gap:6px; margin:7px 0 0; }
body.premium-page .handam-preview-updates p span { min-width:0; overflow:hidden; color:#324b43; font-size:5px; white-space:nowrap; text-overflow:ellipsis; }
body.premium-page .handam-preview-updates p small { color:#7b9189; font-size:5px; white-space:nowrap; }

@media (max-width: 1060px) {
  body.premium-page .handam-browser-home { min-height: 630px; }
}
@media (max-width: 720px) {
  body.premium-page .handam-browser-home { min-height:auto; padding:8px; }
  body.premium-page .handam-browser-tools > span, body.premium-page .handam-browser-tools > i { display:none; }
  body.premium-page .handam-home-screen { grid-template-columns:1fr; min-height:auto; padding:8px; }
  body.premium-page .handam-preview-sidebar { grid-template-columns:repeat(2,1fr); }
  body.premium-page .handam-preview-updates { display:none; }
  body.premium-page .handam-preview-hero-card { grid-template-columns:1fr 112px; padding:12px; }
  body.premium-page .handam-preview-hero-copy h2 { font-size:25px; }
  body.premium-page .handam-featured-work img { height:174px; }
  body.premium-page .handam-preview-shelf { grid-template-columns:1fr; }
  body.premium-page .handam-preview-shelf article:nth-child(n+2) { display:none; }
}
body.premium-page .handam-preview-profile > p { grid-template-columns:repeat(3,1fr); }
body.premium-page .handam-preview-profile > p strong { position:relative; padding-top:10px; }
body.premium-page .handam-preview-profile > p strong:nth-of-type(1)::before { content:"읽는 중"; }
body.premium-page .handam-preview-profile > p strong:nth-of-type(2)::before { content:"찜한 작품"; }
body.premium-page .handam-preview-profile > p strong:nth-of-type(3)::before { content:"최근 본 작품"; }
body.premium-page .handam-preview-profile > p strong::before { position:absolute; top:0; left:50%; transform:translateX(-50%); color:#789088; font-size:4px; font-weight:700; white-space:nowrap; }