*,
*::before,
*::after { box-sizing: border-box; }

:root{
  --bg:#fffaf3;
  --surface:#ffffff;
  --surface-soft:#fff6db;
  --text:#111827;
  --muted:#667085;
  --line:#e5e7eb;
  --primary:#f59e0b;
  --primary-dark:#d97706;
  --primary-soft:#fff1cc;
  --dark:#101828;
  --success:#157f3d;
  --error:#be123c;
  --shadow:0 18px 45px rgba(15,23,42,.08);
  --shadow-sm:0 10px 24px rgba(15,23,42,.06);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:20px;
  --radius-sm:14px;
  --container:1220px;
}

html { scroll-behavior:smooth; }
body{
  margin:0;
  min-width:320px;
  background:linear-gradient(180deg,#fffdf8 0%, #fff7e8 100%);
  color:var(--text);
  font-family:'Pretendard',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  letter-spacing:-0.02em;
}
a{ color:inherit; text-decoration:none; }
img, svg{ max-width:100%; display:block; }
button, input, textarea, select{ font:inherit; }

.container{
  width:min(var(--container), calc(100% - 32px));
  margin:0 auto;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:saturate(180%) blur(14px);
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(229,231,235,.75);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:76px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  font-size:22px;
}
.brand-mark{
  width:40px;
  height:40px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f59e0b 0%, #fb923c 100%);
  color:#fff;
  box-shadow:0 10px 20px rgba(245,158,11,.28);
}
.brand-image{
  display:flex;
  align-items:center;
  gap:0;
}

.brand-logo{
  display:block;
  height:60px;
  width:auto;
  max-width:none;
}

@media (max-width: 768px){
  .brand-logo{
    height:46px;
  }
}
.main-nav{
  display:flex;
  gap:10px;
  align-items:center;
}
.main-nav a{
  padding:10px 14px;
  border-radius:999px;
  color:#344054;
  font-weight:700;
}
.main-nav a.is-active,
.main-nav a:hover{
  background:#fff4db;
  color:var(--primary);
}
.header-actions{
  display:flex;
  gap:10px;
  align-items:center;
}
.credit-pill{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:14px;
  font-weight:700;
}
.credit-pill strong{ font-size:15px; }
.mobile-menu-button{
  display:none;
  width:42px;
  height:42px;
  border:0;
  border-radius:12px;
  background:#111827;
  color:#fff;
  font-size:18px;
}
.mobile-menu{
  display:none;
  padding:0 16px 16px;
  border-top:1px solid rgba(229,231,235,.9);
  background:#fff;
}
.mobile-menu a{
  display:block;
  padding:14px 8px;
  font-weight:700;
  color:#344054;
  border-bottom:1px solid #f2f4f7;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:18px;
  border:1px solid transparent;
  min-height:50px;
  padding:0 22px;
  font-weight:800;
  transition:.18s ease;
  cursor:pointer;
}
.btn:hover{ transform:translateY(-1px); }
.btn-sm{ min-height:42px; padding:0 16px; border-radius:16px; font-size:14px; }
.btn-lg{ min-height:56px; }
.btn-full{ width:100%; }
.btn-primary{
  background:linear-gradient(135deg,var(--primary) 0%, #6d5df7 100%);
  color:#fff;
  box-shadow:0 12px 26px rgba(91,61,245,.24);
}
.btn-primary:hover{ background:linear-gradient(135deg,var(--primary-dark) 0%, #5947f4 100%); }
.btn-ghost{
  background:#fff;
  color:#111827;
  border-color:#d0d5dd;
}
.btn-ghost:hover{ background:#f8fafc; }
.btn-soft{
  background:#fff4db;
  color:var(--primary);
  border-color:#d9d6fe;
}
.btn-white{
  background:#fff;
  color:#111827;
}
.btn-darkline{
  border-color:rgba(255,255,255,.26);
  color:#fff;
  background:transparent;
}

.site-main{ padding-bottom:80px; }
.section{ padding:72px 0 0; }
.section-sm{ padding-top:48px; }
.section-soft{
  background:linear-gradient(180deg, rgba(255,244,219,.82) 0%, rgba(255,255,255,0) 100%);
}
.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}
.section-head.compact{ margin-bottom:24px; }
.section-head h1,
.section-head h2{
  margin:8px 0 0;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-0.04em;
}
.section-head p{
  max-width:560px;
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}
.section-eyebrow{
  display:inline-flex;
  align-items:center;
  padding:9px 12px;
  border-radius:999px;
  background:var(--primary-soft);
  color:var(--primary);
  font-size:13px;
  font-weight:800;
}

.grid{ display:grid; gap:18px; }
.grid-2{ grid-template-columns:repeat(2,1fr); }
.grid-3{ grid-template-columns:repeat(3,1fr); }
.grid-4{ grid-template-columns:repeat(4,1fr); }

.metrics-grid .metric-card,
.panel,
.service-card,
.step-card,
.result-card,
.auth-card,
.price-card,
.job-detail-card{
  background:var(--surface);
  border:1px solid rgba(229,231,235,.9);
  box-shadow:var(--shadow-sm);
}
.metric-card{
  border-radius:28px;
  padding:28px 24px;
}
.metric-card strong{
  display:block;
  font-size:42px;
  line-height:1;
  letter-spacing:-0.04em;
}
.metric-card span{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-weight:700;
}

.service-category-list{ display:grid; gap:28px; }
.category-title h3{
  margin:0 0 16px;
  font-size:24px;
  letter-spacing:-0.03em;
}
.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.service-card{
  border-radius:24px;
  padding:22px;
}
.service-card.is-soon{ opacity:.88; }
.service-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.service-head strong{
  font-size:22px;
  line-height:1.2;
}
.service-card p{
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.7;
  min-height:72px;
}
.service-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  font-weight:800;
}
.service-meta a{ color:var(--primary); }
.badge{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:#dcfce7;
  color:#166534;
  font-size:12px;
  font-weight:900;
}
.badge-muted{
  background:#f3f4f6;
  color:#6b7280;
}

.step-card{
  border-radius:24px;
  padding:28px 24px;
}
.step-card em{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:16px;
  background:var(--primary-soft);
  color:var(--primary);
  font-style:normal;
  font-weight:900;
}
.step-card h3{ margin:18px 0 0; font-size:24px; }
.step-card p{ margin:12px 0 0; color:var(--muted); line-height:1.7; }

.result-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.result-card{
  border-radius:24px;
  overflow:hidden;
}
.result-preview{
  background:#f8fafc;
  padding:12px;
}
.result-preview svg{
  width:100%;
  height:auto;
  border-radius:18px;
  background:#fff;
}
.result-meta{
  display:grid;
  gap:6px;
  padding:18px 18px 20px;
}
.result-meta strong{ font-size:18px; }
.result-meta span{ color:var(--muted); font-size:14px; }

.auth-container{ max-width:560px; }
.auth-card{
  border-radius:28px;
  padding:34px 30px;
}
.auth-head h1{
  margin:10px 0 0;
  font-size:38px;
  letter-spacing:-0.04em;
}
.auth-head p{
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.7;
}
.auth-form{
  display:grid;
  gap:10px;
  margin-top:24px;
}
.auth-form label,
.generator-form label{
  font-size:15px;
  font-weight:800;
  color:#111827;
  margin-top:4px;
}
.auth-form input,
.generator-form input,
.generator-form textarea{
  width:100%;
  border:1px solid #d0d5dd;
  border-radius:18px;
  background:#fff;
  color:#111827;
  outline:none;
}
.generator-form select{
  width:100%;
  height:54px;
  padding:0 16px;
  border:1px solid #d0d5dd;
  border-radius:18px;
  background:#fff;
  color:#111827;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #667085 50%),
    linear-gradient(135deg, #667085 50%, transparent 50%);
  background-position:
    calc(100% - 22px) calc(50% - 2px),
    calc(100% - 16px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}

.generator-form select:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(91,61,245,.12);
}

.form-grid{
  gap:14px;
}
.auth-form input,
.generator-form input{
  height:54px;
  padding:0 16px;
}
.generator-form textarea{
  padding:14px 16px;
  resize:vertical;
  min-height:132px;
}
.auth-form input:focus,
.generator-form input:focus,
.generator-form textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(91,61,245,.12);
}
.auth-bottom{
  margin-top:18px;
  color:var(--muted);
  text-align:center;
}
.auth-bottom a{
  color:var(--primary);
  font-weight:800;
}

.generator-grid,
.dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr);
  gap:20px;
}
.generator-form-panel,
.generator-guide-panel{
  display:grid;
  gap:18px;
}
.panel{
  border-radius:28px;
  padding:26px 24px;
}
.panel-head{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:18px;
}
.panel-head.row{
  align-items:center;
}
.panel-head h1,
.panel-head h2{
  margin:6px 0 0;
  font-size:30px;
  letter-spacing:-0.04em;
}
.panel-head p,
.muted{
  color:var(--muted);
  line-height:1.7;
}
.credit-box{
  padding:16px 18px;
  min-width:130px;
  background:#111827;
  color:#fff;
  border-radius:20px;
  text-align:right;
}
.credit-box.compact{ min-width:110px; }
.credit-box span{
  display:block;
  font-size:13px;
  color:rgba(255,255,255,.75);
}
.credit-box strong{
  display:block;
  margin-top:6px;
  font-size:34px;
  line-height:1;
}
.quick-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
.check-line{
  display:flex;
  gap:10px;
  align-items:center;
  margin:8px 0 18px;
  font-weight:700;
  color:#344054;
}
.check-line input{ width:18px; height:18px; }
.credit-big{
  font-size:54px;
  line-height:1;
  font-weight:900;
  letter-spacing:-0.05em;
}
.tip-list{
  margin:0;
  padding-left:18px;
  color:var(--muted);
  line-height:1.8;
}
.tip-list li + li{ margin-top:8px; }

.job-list,
.log-list,
.charge-list{
  display:grid;
  gap:12px;
}
.job-row,
.log-row,
.charge-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 0;
  border-bottom:1px solid #f1f5f9;
}
.job-row strong,
.log-row strong,
.charge-item strong{ display:block; }
.job-row span,
.log-row span,
.charge-item span{ color:var(--muted); font-size:14px; }
.job-row a{ color:var(--primary); font-weight:800; }
.log-row b{ font-size:15px; }
.log-row .plus{ color:#166534; }
.log-row .minus{ color:#be123c; }
.charge-item button{
  border:0;
  background:#111827;
  color:#fff;
  border-radius:12px;
  padding:12px 14px;
  font-weight:800;
}

.empty-inline{
  padding:18px 0;
  color:var(--muted);
}
.empty-state{
  text-align:center;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:28px;
  padding:72px 24px;
  box-shadow:var(--shadow-sm);
}
.empty-state h1,
.empty-state h2{ margin:0; font-size:36px; letter-spacing:-0.04em; }
.empty-state p{ margin:12px 0 0; color:var(--muted); line-height:1.7; }
.empty-state .btn{ margin-top:20px; }

.job-detail-list{ display:grid; gap:20px; }
.job-detail-card{
  border-radius:28px;
  padding:24px;
}
.job-detail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.job-detail-head strong{
  display:block;
  font-size:24px;
}
.job-detail-head span{ color:var(--muted); }
.job-credit{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:#f8fafc;
  font-weight:900;
}

.price-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.price-card{
  position:relative;
  border-radius:28px;
  padding:28px 24px;
}
.price-card strong{ font-size:24px; }
.price-amount{
  margin-top:18px;
  font-size:34px;
  font-weight:900;
  letter-spacing:-0.04em;
}
.price-credit{
  margin-top:8px;
  color:var(--primary);
  font-weight:900;
}
.price-list{
  margin:18px 0 22px;
  padding-left:18px;
  color:var(--muted);
  line-height:1.9;
}
.price-badge{
  position:absolute;
  top:16px;
  right:16px;
  padding:7px 11px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.price-card.is-featured{
  border-color:#c7d2fe;
  background:linear-gradient(180deg,#fafaff 0%, #ffffff 100%);
}

.table-wrap{ overflow:auto; }
.admin-table{
  width:100%;
  border-collapse:collapse;
}
.admin-table th,
.admin-table td{
  text-align:left;
  padding:14px 8px;
  border-bottom:1px solid #f1f5f9;
  white-space:nowrap;
}
.admin-table th{
  color:#667085;
  font-size:14px;
}
.admin-grid{ grid-template-columns:1fr; }

.flash-wrap{ padding-top:18px; }
.flash{
  border-radius:18px;
  padding:14px 16px;
  font-weight:700;
  margin-bottom:10px;
}
.flash-success{ background:#ecfdf3; color:#166534; border:1px solid #86efac; }
.flash-error{ background:#fff1f2; color:#be123c; border:1px solid #fecdd3; }

.footer-inner{
  padding:40px 0 52px;
  color:#667085;
  font-size:14px;
  line-height:1.9;
  border-top:1px solid rgba(229,231,235,.85);
}
.footer-inner p{
  margin:0;
}
.footer-inner p + p{
  margin-top:4px;
}

@media (max-width: 1120px){
  .main-nav{ display:none; }
  .mobile-menu-button{ display:block; }
  .hero-slide{ grid-template-columns:1fr; padding:42px 28px; }
  .hero-copy h1{ font-size:50px; }
  .service-grid,
  .price-grid{ grid-template-columns:repeat(2,1fr); }
  .result-grid{ grid-template-columns:repeat(2,1fr); }
  .dashboard-grid,
  .generator-grid{ grid-template-columns:1fr; }
}
@media (max-width: 760px){
  .container{ width:min(var(--container), calc(100% - 20px)); }
  .header-actions{ display:none; }
  .section{ padding-top:56px; }
  .section-sm{ padding-top:32px; }
  .section-head{ flex-direction:column; align-items:start; }
  .section-head h1,
  .section-head h2{ font-size:34px; }
/*  .hero-wrap{ padding-top:14px; }*/
  .hero-slide{ border-radius:28px; padding:34px 22px 56px; }
  .hero-copy h1{ font-size:38px; }
  .hero-copy p{ font-size:16px; }
  .grid-2, .grid-3, .grid-4,
  .service-grid, .result-grid, .price-grid{ grid-template-columns:1fr; }
  .auth-card, .panel, .price-card, .job-detail-card{ border-radius:22px; padding:22px 18px; }
  .metric-card{ padding:22px 18px; border-radius:22px; }
  .metric-card strong{ font-size:34px; }
  .job-detail-head, .panel-head, .job-row, .log-row, .charge-item{ flex-direction:column; align-items:start; }
  .credit-box{ text-align:left; min-width:0; width:100%; }
  .quick-actions .btn{ width:100%; }
}


/* ===== UI patch: categories / wording / loading / dashboard spacing ===== */
.category-page-list{
  display:grid;
  gap:32px;
}
.category-page-block{
  display:grid;
  gap:16px;
}
.category-page-head h2{
  margin:0;
  font-size:28px;
  letter-spacing:-0.03em;
}
.dashboard-gap-panel{
  margin-top:18px;
}
.dashboard-credit{
  margin-top:18px;
}
.generation-loading[hidden]{
  display:none !important;
}
.generation-loading{
  position:fixed;
  inset:0;
  z-index:90;
  display:grid;
  place-items:center;
  background:rgba(15,23,42,.55);
  padding:20px;
}
.generation-loading-card{
  width:min(520px, 100%);
  background:#fff;
  border-radius:28px;
  box-shadow:0 24px 60px rgba(15,23,42,.18);
  padding:28px 24px;
  border:1px solid rgba(229,231,235,.9);
}
.generation-loading-card strong{
  display:block;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-0.04em;
}
.generation-loading-card p{
  margin:12px 0 0;
  color:var(--muted);
  line-height:1.7;
}
.generation-progress{
  margin-top:20px;
  width:100%;
  height:14px;
  border-radius:999px;
  background:#eef2ff;
  overflow:hidden;
}
.generation-progress-bar{
  width:12%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(135deg,var(--primary) 0%, #7c3aed 100%);
  transition:width .45s ease;
}
.generation-progress-label{
  margin-top:12px;
  font-size:14px;
  font-weight:800;
  color:#344054;
}
@media (max-width: 860px){
  .dashboard-gap-panel{
    margin-top:14px;
  }
  .dashboard-credit{
    margin-top:14px;
  }
  .generation-loading-card strong{
    font-size:24px;
  }
}

.service-card{
cursor:pointer;
text-decoration:none;
color:inherit;
}
.service-card:hover{
transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.job-list{
  display:grid;
  gap:16px;
}

.job-list-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px;
  border-radius:24px;
  background:var(--surface);
  border:1px solid rgba(229,231,235,.9);
  box-shadow:var(--shadow-sm);
}

.job-list-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  min-width:0;
}

.job-list-title-wrap{
  display:grid;
  gap:6px;
  min-width:0;
}

.job-list-title-wrap strong{
  font-size:24px;
  line-height:1.2;
  letter-spacing:-0.03em;
}

.job-list-title-wrap span{
  color:var(--muted);
  font-size:14px;
}

.job-list-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.job-list-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#fff4db;
  color:var(--primary);
  font-size:13px;
  font-weight:800;
}

.job-list-credit{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#f8fafc;
  color:#344054;
  font-size:13px;
  font-weight:800;
}

.job-list-actions{
  flex:0 0 auto;
}

.result-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:18px 18px 18px;
}

@media (max-width: 760px){
  .job-list-card,
  .job-list-main{
    flex-direction:column;
    align-items:flex-start;
  }

  .job-list-actions{
    width:100%;
  }

  .job-list-actions .btn{
    width:100%;
  }

  .result-actions .btn{
    width:100%;
  }
}

.image-modal[hidden]{
  display:none !important;
}

.image-modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:20px;
}

.image-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(3px);
}

.image-modal-dialog{
  position:relative;
  z-index:1;
  width:min(960px, 100%);
  max-height:90vh;
  background:#fff;
  border-radius:24px;
  box-shadow:0 24px 70px rgba(15,23,42,.24);
  overflow:hidden;
}

.image-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px;
  border-bottom:1px solid #e5e7eb;
}

.image-modal-head strong{
  font-size:18px;
  letter-spacing:-0.02em;
}

.image-modal-close{
  width:40px;
  height:40px;
  border:0;
  border-radius:12px;
  background:#f8fafc;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.image-modal-body{
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8fafc;
}

.image-modal-body img{
  display:block;
  max-width:100%;
  max-height:calc(90vh - 110px);
  border-radius:18px;
  background:#fff;
}
.job-list-card{
  display:grid;
  grid-template-columns:88px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}

.job-list-preview{
  width:88px;
  height:88px;
  border-radius:20px;
  overflow:hidden;
  background:#f8fafc;
  border:1px solid rgba(229,231,235,.9);
  flex:0 0 auto;
}

.job-list-preview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#fff;
}

.job-list-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#eef2ff 0%, #f5f3ff 100%);
  color:var(--primary);
  font-size:24px;
  font-weight:900;
  letter-spacing:-0.03em;
}

.job-list-main{
  min-width:0;
}

.job-list-title-wrap strong{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.job-list-title-wrap span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:14px;
}

.job-list-actions{
  justify-self:end;
}

@media (max-width: 760px){
  .job-list-card{
    grid-template-columns:72px 1fr;
    gap:14px;
  }

  .job-list-preview{
    width:72px;
    height:72px;
    border-radius:18px;
  }

  .job-list-main{
    width:100%;
  }

  .job-list-actions{
    grid-column:1 / -1;
    width:100%;
    justify-self:stretch;
  }

  .job-list-actions .btn{
    width:100%;
  }
}
.daily-bonus-modal{
  position:fixed;
  inset:0;
  z-index:130;
  display:grid;
  place-items:center;
  padding:20px;
}

.daily-bonus-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(4px);
}

.daily-bonus-card{
  position:relative;
  z-index:1;
  width:min(420px, 100%);
  padding:28px 24px 24px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 80px rgba(15,23,42,.24);
  border:1px solid rgba(229,231,235,.92);
  text-align:center;
}

.daily-bonus-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:#fff4db;
  color:var(--primary);
  font-size:13px;
  font-weight:800;
  margin-bottom:16px;
}

.daily-bonus-card h3{
  margin:0;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-0.04em;
}

.daily-bonus-card p{
  margin:14px 0 22px;
  color:#475467;
  line-height:1.7;
  font-size:15px;
}

.daily-bonus-card p strong{
  color:#111827;
  font-size:17px;
}

.daily-bonus-close{
  position:absolute;
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  border:0;
  border-radius:12px;
  background:#f8fafc;
  color:#111827;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

@media (max-width: 640px){
  .daily-bonus-card{
    border-radius:24px;
    padding:24px 18px 20px;
  }

  .daily-bonus-card h3{
    font-size:24px;
  }
}

/* ===== 홈 전용 정리 ===== */
.hero-wrap{
/*  padding-top:18px;*/
}

.hero-slider{
  position:relative;
  overflow:hidden;
/*  border-radius:36px;*/
}

.hero-track{
  display:flex;
  transition:transform .45s ease;
}

.main-hero-slide{
  position:relative;
  min-width:100%;
  overflow:hidden;
/*  border-radius:36px;*/
  background-color:#111827;
  background-repeat:no-repeat;
  background-position:center center;
}

.main-hero-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(15,23,42,.82) 0%, rgba(15,23,42,.62) 42%, rgba(15,23,42,.32) 100%);
}

.main-hero-inner{
  position:relative;
  z-index:1;
  min-height:510px;
  display:flex;
  align-items:center;
  padding:56px 0 62px;
}

.main-hero-copy{
  width:min(100%, 760px);
}

.main-hero-copy h1{
  margin:14px 0 0;
  font-size:64px;
  line-height:1.05;
  letter-spacing:-0.055em;
  color:#fff;
}

.main-hero-copy p{
  margin:20px 0 0;
  max-width:640px;
  color:rgba(255,255,255,.84);
  font-size:18px;
  line-height:1.8;
}

.main-hero-chip{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.main-hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.main-hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.main-hero-points span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.hero-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  display:flex;
  gap:8px;
  transform:translateX(-50%);
}

.hero-dots button{
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.35);
}

.hero-dots button.is-active{
  background:#fff;
  width:28px;
}

.logo-focus-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
  padding:34px;
  border-radius:30px;
  background:radial-gradient(circle at top left, rgba(255,255,255,.16), transparent 24%), linear-gradient(135deg,#111827 0%, #7c2d12 100%);
  color:#fff;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.logo-focus-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 18%, rgba(255,255,255,.10) 0 64px, transparent 65px), radial-gradient(circle at 84% 22%, rgba(255,255,255,.10) 0 42px, transparent 43px), radial-gradient(circle at 50% 78%, rgba(255,255,255,.08) 0 96px, transparent 97px);
  pointer-events:none;
}

.logo-focus-copy,
.logo-focus-visual{
  position:relative;
  z-index:1;
}

.logo-focus-copy strong{
  display:block;
  font-size:34px;
  line-height:1.1;
  letter-spacing:-0.04em;
}

.logo-focus-copy p{
  max-width:560px;
  margin:16px 0 0;
  color:rgba(255,255,255,.84);
  line-height:1.8;
}

.logo-focus-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}

.logo-focus-meta span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  font-size:14px;
  font-weight:800;
}

.logo-focus-visual{
  min-height:220px;
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px);
}

.logo-focus-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  color:#111827;
  font-size:12px;
  font-weight:900;
}

.logo-focus-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:16px;
}

.logo-focus-grid div{
  min-height:72px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
  letter-spacing:-0.03em;
}

.usp-card{
  min-height:210px;
  padding:28px 24px;
  border-radius:24px;
}

.usp-card strong{
  display:block;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-0.03em;
}

.usp-card p{
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.8;
}

.cta-box-dark{
  text-align:center;
  padding:50px;
  border-radius:24px;
  background:linear-gradient(135deg,#111827 0%, #7c2d12 100%);
  color:#fff;
}

.cta-box-dark p{
  margin:14px 0 22px;
  color:rgba(255,255,255,.8);
}

.home-page .result-preview{
  padding:12px;
}

@media (max-width: 1120px){
  .main-hero-inner{
    min-height:420px;
    padding:50px 0 56px;
  }

  .main-hero-copy h1{
    font-size:54px;
  }

  .logo-focus-card{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .container{
    width:min(var(--container), calc(100% - 32px));
  }

  .hero-wrap{
/*    padding-top:14px;*/
  }

  .section{
    padding-top:60px;
  }

  .section-sm{
    padding-top:40px;
  }

  .main-hero-inner{
    min-height:auto;
    padding:36px 0 44px;
  }

  .main-hero-copy h1{
    font-size:40px;
    line-height:1.12;
  }

  .main-hero-copy p{
    font-size:16px;
    line-height:1.75;
  }

  .main-hero-buttons .btn{
    width:100%;
  }

  .logo-focus-card{
    padding:22px;
    border-radius:24px;
  }

  .logo-focus-copy strong{
    font-size:28px;
  }

  .logo-focus-visual{
    min-height:auto;
    padding:16px;
  }

  .logo-focus-grid div{
    min-height:62px;
  }

  .usp-card{
    min-height:auto;
    padding:22px 20px;
  }

  .cta-box-dark,
  .auth-card,
  .panel,
  .price-card,
  .job-detail-card{
    padding:24px 20px;
  }

  .metric-card{
    padding:24px 20px;
  }
}


.brand-text{letter-spacing:-0.04em;}
.brand-mark{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f59e0b 0%, #fb923c 100%);
  color:#fff;
  box-shadow:0 10px 20px rgba(245,158,11,.28);
  font-size:14px;
  font-weight:900;
}
.hero-wrap-allddak .main-hero-slide{
  position:relative;
  overflow:hidden;
}
.hero-wrap-allddak .main-hero-slide::after{
  content:"";
  position:absolute;
  inset:auto -80px -80px auto;
  width:260px;
  height:260px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  filter:blur(4px);
}
.allddak-focus-card{
  align-items:center;
}
.allddak-focus-visual{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}
.allddak-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  background:#fff;
  color:#9a3412;
  font-weight:800;
  letter-spacing:-0.03em;
}
.allddak-mini-cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(90px,1fr));
  gap:10px;
}
.allddak-mini-cards span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:64px;
  border-radius:18px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
  font-weight:800;
  color:#fff;
}
.cta-box-allddak{
  background:linear-gradient(135deg,#111827 0%, #7c2d12 100%);
}
.feature-card.usp-card{
  border-radius:24px;
  padding:26px 22px;
  background:#fff;
  border:1px solid rgba(245,158,11,.12);
  box-shadow:var(--shadow-sm);
}
.feature-card.usp-card strong{
  display:block;
  margin-bottom:10px;
  font-size:20px;
}
.feature-card.usp-card p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.logo-focus-card{
  border-radius:30px;
}
.step-card em{
  color:#f59e0b;
}
@media (max-width: 768px){
  .allddak-focus-visual{margin-top:14px;}
  .allddak-mini-cards{grid-template-columns:repeat(2,1fr);}
}

.generator-form{
  display:grid;
  gap:18px;
}

.generator-form label{
  display:block;
  margin-bottom:8px;
}

.generator-form .form-grid{
  margin-top:4px;
  margin-bottom:4px;
}

.generator-form textarea{
  min-height:120px;
}

.field-required,
.field-optional{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  vertical-align:middle;
}

.field-required{
  background:#fff1cc;
  color:#b45309;
}

.field-optional{
  background:#f3f4f6;
  color:#6b7280;
}

.field-help{
  margin:-2px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.form-section{
  display:grid;
  gap:16px;
  padding-top:6px;
}

.form-section + .form-section{
  margin-top:8px;
  padding-top:20px;
  border-top:1px solid #f1f5f9;
}

.form-section-title{
  margin:0;
  font-size:18px;
  font-weight:900;
  letter-spacing:-0.02em;
  color:#111827;
}
.service-output-meta{
  margin-bottom:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.service-output-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  background: #ede9fe;
    color: #6d28d9;
  font-size:13px;
  font-weight:800;
  line-height:1;
}


.job-detail-top{
  align-items:flex-start;
}

.detail-title-row{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.job-detail-top-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.job-credit-top{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#f8fafc;
  color:#344054;
  font-size:13px;
  font-weight:900;
}

.reference-hero-card{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:20px;
  align-items:center;
  margin-bottom:20px;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg,#fffdf8 0%, #ffffff 100%);
  border:1px solid rgba(229,231,235,.9);
  box-shadow:var(--shadow-sm);
}

.reference-hero-preview{
  display:flex;
  align-items:center;
  justify-content:center;
}

.reference-hero-preview img{
  display:block;
  width:100%;
  max-width:180px;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:20px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}

.reference-hero-copy{
  display:grid;
  gap:14px;
  align-content:center;
}

.reference-hero-badges{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.reference-hero-sub-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  background:#f3f4f6;
  color:#667085;
  font-size:13px;
  font-weight:800;
  line-height:1;
}

.reference-hero-copy strong{
  display:block;
  font-size:34px;
  line-height:1.18;
  letter-spacing:-0.04em;
  color:#111827;
}

.reference-hero-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
  font-size:16px;
}

.reference-hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:2px;
}

.result-preview-image{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:18px;
  background:#fff;
}

.result-preview-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  min-height:220px;
  color:#667085;
}

.result-explanation-box{
  margin:12px 18px 0;
  padding:14px 16px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}

.result-explanation-title{
  display:block;
  font-size:15px;
  line-height:1.4;
  letter-spacing:-0.02em;
  color:#111827;
}

.result-explanation-text{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.7;
  color:#475467;
}

@media (max-width: 980px){
  .reference-hero-card{
    grid-template-columns:1fr;
  }

  .reference-hero-preview img{
    max-width:160px;
  }

  .reference-hero-copy strong{
    font-size:28px;
  }
}

@media (max-width: 760px){
  .job-detail-top-actions{
    width:100%;
  }

  .job-detail-top-actions .btn{
    width:100%;
  }

  .reference-hero-card{
    padding:20px;
    border-radius:22px;
  }

  .reference-hero-copy strong{
    font-size:24px;
  }

  .reference-hero-copy p{
    font-size:15px;
  }
}
.detail-title-row .section-eyebrow{
  margin:0;
}
/**/
/*.detail-title-row .service-output-badge{*/
/*  padding:9px 12px;*/
/*  border-radius:999px;*/
/*  background:#111827;*/
/*  color:#fff;*/
/*  font-size:13px;*/
/*  font-weight:800;*/
/*  line-height:1;*/
/*  box-shadow:none;*/
/*}*/
.detail-title-row .section-eyebrow{
  padding:9px 12px;
  font-size:13px;
  line-height:1;
}
.failed-notice-card{
  position:relative;
  margin:0 0 24px;
  padding:18px 20px;
  border-radius:20px;
  background:#fff7ed;
  border:1px solid #fed7aa;
}

.failed-notice-card strong{
  display:block;
  font-size:16px;
  line-height:1.4;
  color:#9a3412;
}

.failed-notice-card p{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.7;
  color:#9a3412;
}

.failed-notice-tags{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.failed-notice-tags span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#ffedd5;
  color:#9a3412;
  font-size:13px;
  font-weight:700;
}

.failed-notice-close{
  position:absolute;
  top:14px;
  right:14px;

  width:30px;
  height:30px;

  border:0;
  border-radius:10px;
  background:#fff;

  color:#9a3412;
  font-size:0px;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;
  transition:all .15s ease;

  /* 핵심 */
  line-height:0;
  padding:0;
}
.failed-notice-close:hover{
  background:#fed7aa;
}
.failed-notice-close::before{
  content:"";
  width:14px;
  height:14px;
  display:block;
  background:url('/assets/img/icon-close.svg') no-repeat center;
  background-size:contain;
}
.jobs-filter-bar{
  margin:0 0 18px;
  padding:18px 20px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(229,231,235,.9);
  box-shadow:var(--shadow-sm);
}

.jobs-filter-grid{
  display:grid;
  grid-template-columns:180px 180px minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
}

.jobs-filter-bar label{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  font-weight:800;
  color:#111827;
}

.jobs-filter-bar select,
.jobs-filter-bar input{
  width:100%;
  height:52px;
  padding:0 16px;
  border:1px solid #d0d5dd;
  border-radius:16px;
  background:#fff;
  color:#111827;
  outline:none;
}

.jobs-filter-bar select:focus,
.jobs-filter-bar input:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(91,61,245,.12);
}

.jobs-filter-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.jobs-filter-summary{
  margin:0 0 18px;
  color:#667085;
  font-size:14px;
}

.job-list-link-card{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}

.job-list-link-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}

.job-list-service-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:8px;
}

.job-service-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.service-badge-logo{
  background:#fff4db;
  color:#b45309;
}

.service-badge-thumb{
  background:#f3e8ff;
  color:#7c3aed;
}

.service-badge-generic{
  background:#f3f4f6;
  color:#475467;
}

.job-list-date{
  color:#667085;
  font-size:13px;
  font-weight:700;
}
.job-flow-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.job-flow-badge.is-reference-regen{
  background:#ede9fe;
  color:#6d28d9;
}

.pagination-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:24px;
  flex-wrap:wrap;
}

.pagination-pages{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.pagination-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid #d0d5dd;
  background:#fff;
  color:#344054;
  font-weight:800;
  text-decoration:none;
}

.pagination-link.is-active{
  background:#111827;
  color:#fff;
  border-color:#111827;
}

@media (max-width: 980px){
  .jobs-filter-grid{
    grid-template-columns:1fr 1fr;
  }

  .jobs-filter-search{
    grid-column:1 / -1;
  }
}

@media (max-width: 760px){
  .jobs-filter-grid{
    grid-template-columns:1fr;
  }

  .jobs-filter-actions{
    width:100%;
  }

  .jobs-filter-actions .btn{
    width:100%;
  }

  .pagination-wrap{
    justify-content:flex-start;
  }
}
.job-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.job-title-row strong{
  min-width:0;
  flex:1 1 auto;
}

.job-title-edit-btn{
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:var(--primary);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  padding:0;
}

.job-title-edit-form{
  margin-top:10px;
}

.job-title-edit-controls{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

.job-title-edit-input{
  flex:1 1 220px;
  min-width:180px;
  height:42px;
  padding:0 14px;
  border:1px solid #d0d5dd;
  border-radius:14px;
  background:#fff;
  color:#111827;
  outline:none;
}

.job-title-edit-input:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(91,61,245,.12);
}

.job-title-edit-message{
  margin-top:8px;
  font-size:13px;
  color:#be123c;
}

.job-title-edit-message.is-success{
  color:#166534;
}

@media (max-width: 760px){
  .job-title-edit-controls{
    flex-direction:column;
    align-items:stretch;
  }

  .job-title-edit-controls .btn{
    width:100%;
  }
}

.result-text-preview{
  white-space:pre-wrap;
  line-height:1.7;
  font-size:14px;
  color:#111827;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px;
  max-height:420px;
  overflow:auto;
}


/* blog text detail */
.result-card.result-card-text{
  grid-column:1 / -1;
  padding:32px 40px;
}

.result-card.result-card-text .result-preview{
  background:transparent;
  padding:0;
}

.result-card.result-card-text .result-meta{
  display:none;
}

.result-card.result-card-text .result-text-preview{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  max-height:none;
  overflow:visible;
  font-size:16px;
  line-height:1.9;
  color:#111827;
}

.blog-title{
  margin:0 0 18px;
  font-size:30px;
  line-height:1.25;
  letter-spacing:-0.03em;
  color:#111827;
}

.blog-body{
  font-size:16px;
  line-height:1.95;
  color:#1f2937;
  white-space:pre-wrap;
}

.blog-tags{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid #e5e7eb;
  font-size:14px;
  line-height:1.8;
  color:#6b7280;
  white-space:pre-wrap;
}

@media (max-width: 860px){
  .result-card.result-card-text{
    padding:24px 20px;
  }

  .blog-title{
    font-size:24px;
  }

  .blog-body{
    font-size:15px;
  }
}


.job-title-edit-wrap-detail .job-title-display{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.job-title-edit-wrap-detail h1{margin:0;}
.job-title-edit-wrap-detail .job-title-edit-form{margin-top:8px;}

.result-card.result-card-text{grid-column:1 / -1;padding:22px 26px;}
.result-card.result-card-text .result-preview{background:transparent;padding:0;margin:0;}
.result-card.result-card-text .result-meta{display:none;}
.result-card.result-card-text .result-actions{margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9;}
.blog-document{display:grid;gap:16px;}
.blog-section{margin:0;}
.blog-section + .blog-section{padding-top:16px;border-top:1px solid #f1f5f9;}
.blog-section-label{display:inline-block;margin-bottom:8px;font-size:13px;font-weight:800;color:#6b7280;letter-spacing:-0.01em;}
.blog-title{margin:0;font-size:24px;line-height:1.4;letter-spacing:-0.03em;color:#111827;}
.blog-body{font-size:15px;line-height:1.9;color:#1f2937;white-space:pre-wrap;}
.blog-tags{font-size:14px;line-height:1.8;color:#6b7280;white-space:pre-wrap;}
@media (max-width:860px){.result-card.result-card-text{padding:18px 16px;}.blog-title{font-size:21px;}.blog-body{font-size:14px;}}


/* --- blog page tidy patch --- */
.form-section{
  gap:14px;
}
.form-section-title{
  font-size:19px;
}
.generator-form .form-section .grid.form-grid{
  margin-top:2px;
}
.generator-form .form-section .field-help{
  margin-top:-4px;
}
.generator-form .form-section + .form-section{
  margin-top:14px;
  padding-top:18px;
  border-top:1px solid #eef2f6;
}

.result-card.result-card-text{
  grid-column:1 / -1;
  padding:22px 24px;
}
.result-card.result-card-text .result-preview{
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
.result-card.result-card-text .result-actions{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #eef2f6;
}
.blog-document{
  display:grid;
  gap:18px;
}
.blog-section{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.blog-section + .blog-section{
  padding-top:16px;
  border-top:1px solid #f3f4f6;
}
.blog-section-label{
  display:block;
  margin:0 0 8px;
  font-size:13px;
  font-weight:800;
  color:#6b7280;
}
.blog-title{
  margin:0;
  font-size:24px;
  line-height:1.45;
  letter-spacing:-0.03em;
  color:#111827;
}
.blog-body{
  margin:0;
  font-size:15px;
  line-height:1.95;
  color:#1f2937;
  white-space:pre-wrap;
}
.blog-tags{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:#6b7280;
  white-space:pre-wrap;
}
@media (max-width:860px){
  .result-card.result-card-text{
    padding:18px 16px;
  }
  .blog-title{
    font-size:21px;
  }
  .blog-body{
    font-size:14px;
  }
}



/* blog detail single-card layout */
.job-detail-card-blog .result-grid{
  grid-template-columns: 1fr;
}
.job-detail-card-blog .blog-detail-document{
  display:block;
}
.job-detail-card-blog .blog-document{
  display:grid;
  gap:0;
  max-width:none;
}
.job-detail-card-blog .blog-section{
  margin:0;
}
.job-detail-card-blog .blog-section + .blog-section{
  margin-top:16px;
  padding-top:20px;
  border-top:1px solid #ece7dd;
}
.job-detail-card-blog .blog-section-label{
  display:inline-block;
  margin-bottom:10px;
  font-size:13px;
  font-weight:800;
  color:#8b7e69;
  letter-spacing:-0.01em;
}
.job-detail-card-blog .blog-title{
  margin:0;
  font-size:28px;
  line-height:1.4;
  font-weight:800;
  color:#1f2937;
}
.job-detail-card-blog .blog-body{
  font-size:16px;
  line-height:1.95;
  color:#374151;
  white-space:pre-wrap;
}
.job-detail-card-blog .blog-tags{
  font-size:14px;
  line-height:1.8;
  color:#6b7280;
  white-space:pre-wrap;
}
.job-detail-card-blog .blog-actions{
  margin-top:24px;
}
@media (max-width:860px){
  .job-detail-card-blog .blog-title{
    font-size:22px;
  }
  .job-detail-card-blog .blog-body{
    font-size:15px;
  }
}

.service-sample-card{
  border:1px solid #ece7dd;
  border-radius:18px;
  overflow:hidden;
  background:#fffaf5;
}
.service-sample-image{
  display:block;
  width:100%;
  height:auto;
}
.dbdocs-detail-document{
  display:block;
}
.dbdocs-document{
  display:grid;
  gap:0;
}
.dbdocs-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid #ece7dd;
}
.dbdocs-title{
  margin:6px 0 0;
  font-size:28px;
  line-height:1.35;
  color:#1f2937;
}
.dbdocs-meta{
  margin:10px 0 0;
  font-size:13px;
  color:#6b7280;
}
.dbdocs-list{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  color:#374151;
  line-height:1.75;
}
.dbdocs-list.compact{
  gap:6px;
}
.dbdocs-table-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}
.dbdocs-table-card{
  border:1px solid #ece7dd;
  border-radius:18px;
  padding:18px;
  background:#fff;
  display:grid;
  gap:10px;
}
.dbdocs-table-card h3{
  margin:0;
  font-size:20px;
  color:#1f2937;
}
.dbdocs-table-card p{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:#4b5563;
}
.dbdocs-subtitle{
  margin-top:4px;
  font-size:13px;
  font-weight:800;
  color:#8b7e69;
}
.dbdocs-column-list{
  margin:0;
  padding-left:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.dbdocs-column-list li{
  display:grid;
  gap:2px;
  padding:10px 12px;
  border-radius:12px;
  background:#faf7f2;
}
.dbdocs-column-list strong{
  font-size:13px;
  color:#1f2937;
}
.dbdocs-column-list span{
  font-size:13px;
  line-height:1.65;
  color:#4b5563;
}
.dbdocs-downloads{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media (max-width:860px){
  .dbdocs-hero{
    flex-direction:column;
  }
  .dbdocs-downloads{
    width:100%;
    justify-content:flex-start;
  }
  .dbdocs-title{
    font-size:22px;
  }
  .dbdocs-table-grid{
    grid-template-columns:1fr;
  }
}


/* ===== 2026-03-22 main renewal ===== */
.main-nav a{font-weight:700;}
.site-header{backdrop-filter:saturate(180%) blur(10px);background:rgba(255,248,243,.82);border-bottom:1px solid rgba(247,134,49,.14);}
.site-header .header-inner{min-height:76px;}
.brand-logo{height:42px;width:auto;display:block;}
.hero-renewal{position:relative;padding-top:0px;}
.hero-renewal .hero-slider{border-radius:32px;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.12);}
.hero-slide-renewal{position:relative;min-height:560px;color:#fff;overflow:hidden;}
.hero-slide-renewal::before,
.hero-slide-renewal::after{content:"";position:absolute;inset:auto;pointer-events:none;}
.hero-slide-renewal::before{width:460px;height:460px;right:-120px;top:-120px;border-radius:50%;background:rgba(255,255,255,.10);filter:blur(6px);}
.hero-slide-renewal::after{width:360px;height:360px;left:-120px;bottom:-140px;border-radius:50%;background:rgba(255,255,255,.09);filter:blur(10px);}
.hero-tone-brand{background:linear-gradient(135deg,#171717 0%,#2d1d16 30%,#8a4317 68%,#ff9a3d 100%);}
.hero-tone-logo{background:linear-gradient(135deg,#211510 0%,#5b2d14 42%,#d36d28 100%);}
.hero-tone-thumb{background:linear-gradient(135deg,#111827 0%,#1f2937 45%,#ea580c 100%);}
.hero-tone-blog{background:linear-gradient(135deg,#22160f 0%,#51311b 38%,#ff8a35 100%);}
.hero-tone-dbdocs{background:linear-gradient(135deg,#1a1f2f 0%,#2b3350 42%,#f48b33 100%);}
.hero-renewal-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:40px;align-items:center;min-height:560px;padding-top:38px;padding-bottom:38px;position:relative;z-index:2;}
.hero-renewal-copy h1{font-size:clamp(2.3rem,4.6vw,4.4rem);line-height:1.08;margin:0 0 18px;letter-spacing:-.05em;color:#fff;}
.hero-renewal-copy p{max-width:640px;font-size:1.09rem;line-height:1.8;color:rgba(255,255,255,.84);margin:0 0 28px;}
.hero-renewal .main-hero-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);}
.hero-renewal .main-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.hero-renewal .main-hero-points span{background:rgba(255,255,255,.11);color:#fff;border:1px solid rgba(255,255,255,.14);padding:10px 14px;border-radius:999px;font-size:14px;font-weight:700;}
.hero-renewal .btn-darkline{background:rgba(15,23,42,.14);border-color:rgba(255,255,255,.25);color:#fff;}
.hero-renewal .btn-darkline:hover{background:rgba(15,23,42,.26);}
.hero-visual{display:flex;justify-content:flex-end;align-items:center;}
.hero-visual-window{width:min(100%,430px);padding:18px;border-radius:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);box-shadow:0 22px 50px rgba(17,24,39,.18);}
.hero-visual-toolbar{display:flex;gap:8px;margin-bottom:14px;}
.hero-visual-toolbar span{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.48);}
.hero-visual-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.hero-visual-card{min-height:108px;border-radius:22px;padding:18px;display:flex;align-items:flex-end;font-size:20px;font-weight:800;letter-spacing:-.03em;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.16);}
.hero-visual-logo .hero-visual-card:nth-child(1), .hero-visual-brand .hero-visual-card:nth-child(1){grid-column:span 2;min-height:142px;}
.hero-visual-blog .hero-visual-card:nth-child(1), .hero-visual-dbdocs .hero-visual-card:nth-child(1){grid-column:span 2;min-height:142px;}
.section-head-wide{align-items:end;gap:24px;}
.home-intro-section,.home-showcase-section{position:relative;padding-bottom:48px;}
.feature-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.feature-icon-card{padding:28px 22px;border-radius:24px;background:linear-gradient(180deg,#fff,#fff7f2);border:1px solid rgba(249,115,22,.10);box-shadow:0 18px 40px rgba(15,23,42,.05);}
.feature-icon-mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,#fff1e7,#ffd4b4);color:#b45309;font-size:24px;font-weight:900;}
.feature-icon-card strong{display:block;margin-bottom:10px;font-size:20px;letter-spacing:-.03em;color:#111827;}
.feature-icon-card p{margin:0;color:#4b5563;line-height:1.8;}
.renew-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.renew-service-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:22px;border-radius:24px;color:#fff;text-decoration:none;overflow:hidden;min-height:210px;box-shadow:0 18px 38px rgba(15,23,42,.09);}
.renew-service-card::before{content:"";position:absolute;right:-70px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.10);}
.renew-service-card>*{position:relative;z-index:1;}
.renew-service-card-logo{background:linear-gradient(135deg,#24140d 0%,#85421a 55%,#f28b34 100%);}
.renew-service-card-thumb{background:linear-gradient(135deg,#111827 0%,#24314f 48%,#fb923c 100%);}
.renew-service-card-blog{background:linear-gradient(135deg,#3a2315 0%,#8f4e18 50%,#ffab66 100%);}
.renew-service-card-dbdocs{background:linear-gradient(135deg,#172033 0%,#39496c 52%,#f49d43 100%);}
.renew-service-card__eyebrow{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:800;}
.renew-service-card strong{display:block;margin-top:10px;font-size:24px;line-height:1.2;letter-spacing:-.04em;}
.renew-service-card p{margin:10px 0 0;color:rgba(255,255,255,.82);line-height:1.7;font-size:14px;}
.renew-service-card__tags{display:flex;flex-wrap:wrap;gap:10px;}
.renew-service-card__tags span{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:700;}
.renew-service-card__bottom{display:flex;align-items:center;justify-content:space-between;font-weight:800;}
.showcase-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;}
.showcase-card{padding:26px;border-radius:26px;min-height:220px;background:#fff;border:1px solid #f2e5d9;box-shadow:0 18px 40px rgba(15,23,42,.05);}
.showcase-card-large{grid-row:span 2;min-height:458px;background:linear-gradient(180deg,#fff7f1,#fff);}
.showcase-card-docs{background:linear-gradient(180deg,#fff8ef,#fff);}
.showcase-label{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff1e6;color:#c2410c;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;}
.showcase-card strong{display:block;margin:18px 0 12px;font-size:26px;line-height:1.25;letter-spacing:-.04em;color:#111827;}
.showcase-card p{margin:0;color:#4b5563;line-height:1.9;}
.step-grid-renewal .step-card-renewal{position:relative;padding:28px 24px 26px;border-radius:26px;background:#fff;border:1px solid #f0dfd1;box-shadow:0 18px 38px rgba(15,23,42,.05);}
.step-card-renewal em{display:inline-flex;width:50px;height:50px;border-radius:16px;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff1e6,#ffd7b3);color:#c2410c;font-style:normal;font-weight:900;margin-bottom:16px;}
.step-card-renewal h3{font-size:22px;line-height:1.25;letter-spacing:-.03em;}
.cta-box-renewal{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px;border-radius:30px;background:linear-gradient(135deg,#1f2937 0%,#31211a 40%,#df7a2a 100%);}
.cta-box-renewal h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.15;letter-spacing:-.04em;margin:8px 0 14px;color:#fff;}
.cta-box-renewal p{max-width:680px;color:rgba(255,255,255,.82);font-size:16px;line-height:1.85;margin:0;}
.section-eyebrow-light{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22);color:#fff7ed;}
.cta-box-actions{display:flex;gap:12px;flex-wrap:wrap;}
.site-footer-renewal{margin-top:0px;padding-top:54px;background:linear-gradient(180deg,#1d1d1d 0%,#131313 100%);color:rgba(255,255,255,.76);}
.footer-renewal-grid{display:grid;grid-template-columns:1.5fr repeat(3,.8fr);gap:24px;padding-bottom:32px;}
.footer-brand-logo{height:40px;width:auto;display:block;margin-bottom:16px;filter:brightness(1.05);}
.footer-brand-copy{max-width:400px;line-height:1.8;color:rgba(255,255,255,.68);margin:0;}
.footer-link-group{display:grid;gap:12px;align-content:start;}
.footer-link-group strong{font-size:15px;color:#fff;letter-spacing:-.02em;}
.footer-link-group a{color:rgba(255,255,255,.68);text-decoration:none;}
.footer-link-group a:hover{color:#fff;}
.footer-meta-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 0 30px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.5);}
.footer-meta-col{display:grid;gap:6px;}
.footer-meta-col p{margin:0;}
.footer-meta-col-right{text-align:right;justify-items:end;}
.support-hero-card,.legal-card{padding:34px;border-radius:30px;background:linear-gradient(180deg,#fff,#fff8f2);border:1px solid #f2dfcf;box-shadow:0 20px 45px rgba(15,23,42,.05);}
.support-hero-card h1,.legal-card h1{margin:12px 0 14px;font-size:clamp(2rem,3vw,3rem);line-height:1.15;letter-spacing:-.045em;}
.support-hero-card p{max-width:760px;margin:0;color:#4b5563;line-height:1.9;}
.support-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.support-info-card,.faq-item,.notice-card{padding:24px;border-radius:24px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);}
.support-info-label,.notice-date{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff1e7;color:#c2410c;font-size:12px;font-weight:800;}
.support-info-card strong{display:block;margin:16px 0 10px;font-size:22px;letter-spacing:-.03em;color:#111827;}
.support-info-card p,.faq-item p,.notice-card p,.legal-copy p{margin:0;color:#4b5563;line-height:1.85;}
.support-info-card a{color:#c2410c;text-decoration:none;font-weight:700;}
.faq-list,.notice-list{display:grid;gap:16px;}
.faq-item strong,.notice-card h2{display:block;margin:14px 0 10px;font-size:22px;line-height:1.35;letter-spacing:-.03em;color:#111827;}
.legal-copy{display:grid;gap:18px;margin-top:18px;}
.legal-copy h2{margin:0 0 8px;font-size:20px;line-height:1.3;letter-spacing:-.03em;color:#111827;}
.blog-section-label{font-size:15px !important;line-height:1.3;letter-spacing:-.02em;}
.job-detail-card-blog .blog-section-label{font-size:15px !important;}
@media (max-width: 1100px){
  .hero-renewal-inner{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:32px;padding-bottom:32px;}
  .hero-visual{justify-content:flex-start;}
  .feature-icon-grid,.support-grid,.footer-renewal-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .showcase-card-large{grid-row:auto;min-height:260px;}
  .cta-box-renewal{flex-direction:column;align-items:flex-start;}
}
@media (max-width: 860px){
  .site-header .header-inner{min-height:68px;}
  .brand-logo{height:36px;}
  .hero-renewal .hero-slider{border-radius:0;}
  .hero-slide-renewal{min-height:auto;}
  .hero-renewal-copy h1{font-size:clamp(2rem,10vw,3rem);}
  .hero-renewal-copy p{font-size:15px;line-height:1.75;}
  .hero-renewal .main-hero-buttons{display:flex;flex-wrap:wrap;gap:10px;}
  .hero-renewal .main-hero-buttons .btn{width:auto;}
  .hero-visual-window{width:100%;}
  .feature-icon-grid,.renew-service-grid,.support-grid,.footer-renewal-grid,.showcase-grid{grid-template-columns:1fr;}
  .renew-service-card{min-height:190px;padding:20px;}
  .renew-service-card strong{font-size:21px;}
  .renew-service-card__media{min-height:96px;}
  .footer-meta-bar{grid-template-columns:1fr;}
  .footer-meta-col-right{text-align:left;justify-items:start;}
  .showcase-card,.showcase-card-large{min-height:unset;}
  .cta-box-renewal{padding:28px 22px;border-radius:24px;}
  .footer-meta-bar{font-size:12px;}
}


/* 2026-03-22 main/support refresh overrides */
.hero-renewal .hero-slider{border-radius:0 !important;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.12);}
.hero-renewal-copy p{color:rgba(255,255,255,.88);}
.hero-visual{display:flex;justify-content:flex-end;align-items:center;}
.hero-visual-window,.hero-visual-toolbar,.hero-visual-body,.hero-visual-card{display:none !important;}
.hero-visual-image-wrap,.hero-visual-panel{width:min(100%,430px);padding:20px;border-radius:30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);box-shadow:0 22px 50px rgba(17,24,39,.18);}
/*.hero-visual-image-wrap{padding:14px;display:flex;align-items:center;justify-content:center;}*/

/*background:rgba(255,255,255,.10x);*/
.hero-visual-image{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:24px;}

.hero-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.hero-stat-card,.hero-mini-card{padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.14);color:#fff;}
.hero-stat-card strong,.hero-logo-preview strong,.hero-thumb-preview strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em;}
.hero-stat-card span{display:block;margin-top:8px;font-size:14px;color:rgba(255,255,255,.78);}
.hero-logo-preview{display:flex;align-items:center;gap:18px;padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.14);}
.hero-logo-mark{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:#fff;color:#c2410c;font-size:34px;font-weight:900;box-shadow:0 14px 28px rgba(0,0,0,.12);}
.hero-logo-preview p,.hero-thumb-preview p{margin:10px 0 0;font-size:14px;line-height:1.7;color:rgba(255,255,255,.78);}
.hero-mini-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;}
.hero-mini-card{font-size:13px;font-weight:700;text-align:center;}
.hero-thumb-preview{padding:22px;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fff1e7 100%);color:#111827;box-shadow:0 20px 40px rgba(17,24,39,.12);}
.hero-thumb-preview strong{font-size:28px;line-height:1.15;}
.hero-thumb-preview p{color:#4b5563;}
.hero-thumb-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800;margin-bottom:14px;}
.hero-doc-preview{padding:20px;border-radius:24px;background:linear-gradient(180deg,#fff,#fff7f2);box-shadow:0 18px 34px rgba(15,23,42,.12);}
.hero-doc-line{height:12px;border-radius:999px;background:#ead8cb;margin-bottom:12px;}
.hero-doc-line-lg{height:18px;width:68%;background:#c2410c;}
.hero-doc-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;}
.hero-doc-section span{display:block;height:94px;border-radius:18px;background:#f3e6dc;}
.hero-db-table{padding:16px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 34px rgba(15,23,42,.12);}
.hero-db-head,.hero-db-row{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;padding:13px 12px;border-radius:16px;}
.hero-db-head{background:#111827;color:#fff;font-size:13px;font-weight:800;}
.hero-db-row{margin-top:10px;background:#eef4fb;color:#1f2937;font-size:14px;font-weight:700;}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:999px;background:rgba(255,255,255,.2);color:#fff;font-size:28px;font-weight:700;display:grid;place-items:center;cursor:pointer;z-index:5;backdrop-filter:blur(8px);}
.hero-arrow:hover{background:rgba(255,255,255,.28);}
.hero-arrow-prev{left:22px;}
.hero-arrow-next{right:22px;}
.notice-card-link{text-decoration:none;display:block;}
.notice-card-link .notice-more{display:inline-block;margin-top:16px;font-size:14px;font-weight:800;color:#c2410c;}
.notice-summary{margin:14px 0 0;color:#6b7280;line-height:1.8;}
.notice-detail-copy{margin-top:18px;}
.support-inquiry-wrap{padding:28px;border-radius:28px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);}
.support-inquiry-form label{display:grid;gap:10px;color:#111827;font-weight:700;}
.support-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;}
.support-inquiry-form input,.support-inquiry-form select,.support-inquiry-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #eadbcc;background:#fffaf6;font:inherit;color:#111827;}
.support-inquiry-form textarea{resize:vertical;}
.support-inquiry-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.blog-section-label{font-size:16px !important;line-height:1.35;letter-spacing:-.02em;}
.job-detail-card-blog .blog-section-label{font-size:16px !important;}
@media (max-width: 920px){
  .hero-arrow{width:42px;height:42px;font-size:24px;}
  .hero-arrow-prev{left:12px;}
  .hero-arrow-next{right:12px;}
  .hero-visual-image-wrap,.hero-visual-panel{width:100%;}
  .hero-mini-cards,.support-form-grid{grid-template-columns:1fr;}
}


.inquiry-board-card,.inquiry-detail-card{background:#fff;border:1px solid #f0e1d3;border-radius:28px;box-shadow:0 16px 32px rgba(15,23,42,.04);}
.inquiry-board-table{display:flex;flex-direction:column;}
.inquiry-board-head,.inquiry-board-row{display:grid;grid-template-columns:120px 1.6fr 140px 120px;gap:16px;align-items:center;padding:18px 22px;}
.inquiry-board-head{font-size:13px;font-weight:800;color:#6b7280;border-bottom:1px solid #f4e8db;}
.inquiry-board-row{color:#111827;text-decoration:none;border-bottom:1px solid #f8eee5;}
.inquiry-board-row:last-child{border-bottom:none;}
.inquiry-board-row strong{font-size:15px;line-height:1.5;}
.inquiry-board-empty{padding:32px 22px;color:#6b7280;}
.inquiry-status{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;}
.inquiry-status-new{background:#fff4e8;color:#c2410c;}
.inquiry-status-answered{background:#eef7ef;color:#166534;}
.inquiry-status-closed{background:#f3f4f6;color:#374151;}
.inquiry-detail-card{padding:28px;margin-bottom:20px;}
.inquiry-detail-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #f4e8db;}
.inquiry-detail-head h3{margin:10px 0 0;font-size:28px;line-height:1.3;}
.inquiry-detail-meta{display:flex;gap:10px;flex-wrap:wrap;color:#6b7280;font-size:14px;}
.inquiry-detail-body{display:grid;gap:18px;padding-top:18px;}
.inquiry-detail-section{padding:20px;border-radius:22px;background:#fffaf6;border:1px solid #f4e8db;}
.inquiry-detail-section strong{display:block;margin-bottom:10px;font-size:15px;}
.inquiry-detail-section p{margin:0;line-height:1.8;color:#374151;}
.inquiry-answer-date{display:block;margin-top:12px;font-size:13px;color:#9ca3af;}
.support-check{display:flex!important;align-items:center;gap:10px;font-weight:700;color:#111827;}
.support-check input{width:18px!important;height:18px;margin:0;}
.admin-support-list{display:grid;gap:14px;}
.admin-support-item{border:1px solid #f0e1d3;border-radius:20px;background:#fffaf6;overflow:hidden;}
.admin-support-item summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none;}
.admin-support-item summary::-webkit-details-marker{display:none;}
.admin-support-item summary p{margin:6px 0 0;color:#6b7280;font-size:13px;}
.admin-support-body{padding:0 20px 20px;display:grid;gap:16px;}
.admin-support-message{padding:18px;border-radius:18px;background:#fff;border:1px solid #f4e8db;}
.admin-support-message p{margin:10px 0 0;line-height:1.8;}
.admin-support-answer-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #eadbcc;background:#fffaf6;font:inherit;color:#111827;resize:vertical;}
@media (max-width: 900px){
  .inquiry-board-head,.inquiry-board-row{grid-template-columns:110px 1fr;gap:10px;}
  .inquiry-board-head span:nth-child(3),.inquiry-board-head span:nth-child(4),.inquiry-board-row span:nth-child(3),.inquiry-board-row span:nth-child(4){display:none;}
  .inquiry-detail-head{flex-direction:column;}
}


.support-subnav{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;margin-bottom:22px;padding-bottom:6px;scrollbar-width:thin;}
.support-subnav a{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;background:#fff7f1;border:1px solid #efd9c8;color:#7c3d12;font-weight:700;text-decoration:none;}
.support-subnav a.is-active{background:#111827;color:#fff;border-color:#111827;}
.support-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.support-entry-card{display:block;padding:28px;border-radius:28px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);text-decoration:none;color:#111827;}
.support-entry-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#fff4eb;font-size:28px;margin-bottom:16px;}
.support-entry-card strong{display:block;font-size:20px;line-height:1.3;margin-bottom:10px;}
.support-entry-card p{margin:0;color:#6b7280;line-height:1.7;}
.renew-service-card__media{position:relative;min-height:170px;border-radius:24px;overflow:hidden;margin-bottom:18px;padding:18px;background:linear-gradient(135deg,#fff3e6,#ffffff);border:1px solid rgba(255,255,255,.5);}
.renew-service-card__media-logo{background:linear-gradient(135deg,#ffe8d6,#fff7f2);}
.renew-service-card__media-thumb{background:linear-gradient(135deg,#fff0df,#fff8f1);}
.renew-service-card__media-blog{background:linear-gradient(135deg,#fff5ea,#fffdf9);}
.renew-service-card__media-dbdocs{background:linear-gradient(135deg,#eef4fb,#ffffff);}
.service-media-badge{position:relative;z-index:2;display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(17,24,39,.88);color:#fff;font-size:12px;font-weight:800;}
.service-media-shape{position:absolute;border-radius:24px;box-shadow:0 18px 36px rgba(17,24,39,.10);}
.service-media-shape-a{width:56%;height:68%;right:18px;top:26px;background:rgba(255,255,255,.95);}
.service-media-shape-b{width:36%;height:42%;left:20px;bottom:20px;background:linear-gradient(135deg,#111827,#2f3b52);}
.service-media-shape-c{width:28%;height:18%;right:36px;bottom:26px;background:linear-gradient(135deg,#fb923c,#ea580c);border-radius:999px;}
.renew-service-card__media{position:relative;min-height:112px;border-radius:20px;overflow:hidden;margin-bottom:10px;padding:14px;background:linear-gradient(135deg,#fff3e6,#ffffff);border:1px solid rgba(255,255,255,.5);}
.renew-service-card__media-logo{background:linear-gradient(135deg,#ffe8d6,#fff7f2);}
.renew-service-card__media-thumb{background:linear-gradient(135deg,#fff0df,#fff8f1);}
.renew-service-card__media-blog{background:linear-gradient(135deg,#fff5ea,#fffdf9);}
.renew-service-card__media-dbdocs{background:linear-gradient(135deg,#eef4fb,#ffffff);}
.renew-service-card__media-brand{background:linear-gradient(135deg,#fff4e8,#ffffff);}
.service-media-badge{position:relative;z-index:2;display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(17,24,39,.88);color:#fff;font-size:11px;font-weight:800;}
.service-media-icon{position:absolute;left:16px;bottom:14px;z-index:2;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#fff;color:#111827;font-size:28px;font-weight:900;box-shadow:0 14px 28px rgba(17,24,39,.12);}
.service-media-icon-logo{color:#c2410c;}
.service-media-icon-thumb{color:#ea580c;}
.service-media-icon-blog{color:#9a3412;}
.service-media-icon-dbdocs{color:#1d4ed8;}
.service-media-shape{position:absolute;border-radius:22px;box-shadow:0 14px 28px rgba(17,24,39,.08);}
.service-media-shape-a{width:48%;height:58%;right:16px;top:20px;background:rgba(255,255,255,.96);}
.service-media-shape-b{width:26%;height:28%;left:84px;bottom:18px;background:linear-gradient(135deg,#111827,#2f3b52);}
.service-media-shape-c{width:22%;height:14%;right:32px;bottom:22px;background:linear-gradient(135deg,#fb923c,#ea580c);border-radius:999px;}
.home-page .showcase-grid,.home-page .home-showcase-section{display:none !important;}
.hero-panel-brand{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));}
.hero-panel-logo{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));}
.hero-panel-blog{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));}
.hero-visual-brand .hero-stats-grid{grid-template-columns:1.2fr .8fr;grid-template-areas:"a b" "a c";}
.hero-visual-brand .hero-stat-card:nth-child(1){grid-area:a;min-height:168px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#111827,#2c3444);}
.hero-visual-brand .hero-stat-card:nth-child(2),.hero-visual-brand .hero-stat-card:nth-child(3){min-height:76px;}
.hero-visual-brand .hero-stat-card:nth-child(4){grid-column:1/-1;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08));}
.hero-visual-logo .hero-logo-preview{background:linear-gradient(135deg,#fff,#fff6ee);color:#111827;}
.hero-visual-logo .hero-logo-preview p{color:#6b7280;}
.hero-visual-logo .hero-mini-card:nth-child(1){background:linear-gradient(135deg,#111827,#334155);}
.hero-visual-logo .hero-mini-card:nth-child(2){background:linear-gradient(135deg,#fb923c,#f97316);}
.hero-visual-logo .hero-mini-card:nth-child(3){background:linear-gradient(135deg,#f8fafc,#ffe7cf);color:#111827;}
.hero-visual-blog .hero-doc-preview{background:linear-gradient(180deg,#ffffff,#fff6ef);padding:24px;}
.hero-visual-blog .hero-doc-section span:nth-child(1){background:#fde7d4;}
.hero-visual-blog .hero-doc-section span:nth-child(2){background:#fff0e2;}
.hero-visual-blog .hero-doc-section span:nth-child(3){background:#ffe4cc;}
.inquiry-board-card{padding:18px 22px;border-radius:28px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);}
@media (max-width: 1024px){.support-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 768px){.support-entry-grid{grid-template-columns:1fr;}.support-subnav{overflow:auto;white-space:nowrap;flex-wrap:nowrap;padding-bottom:6px;}.renew-service-card__media{min-height:150px;}}


.faq-grid-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.faq-card{position:relative;padding:24px 24px 22px 72px;border-radius:26px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);}
.faq-card__no{position:absolute;left:22px;top:22px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff1e7;color:#c2410c;font-size:13px;font-weight:800;}
.faq-card strong{display:block;margin:0 0 10px;font-size:19px;line-height:1.45;color:#111827;letter-spacing:-.03em;}
.faq-card p{margin:0;color:#4b5563;line-height:1.82;}
@media (max-width: 960px){
  .faq-grid-support{grid-template-columns:1fr;}
}


/* 2026-03-23 home/service/footer refinement */
.hero-visual-image-wrap.hero-visual-image-wrap-brand,
.hero-visual-brand .hero-visual-image-wrap{background:none;border:none;box-shadow:none;backdrop-filter:none;padding:0;display:flex;justify-content:flex-end;align-items:center;}
.hero-visual-brand .hero-visual-image{width:min(100%,400px);max-height:none;object-fit:contain;background:transparent;border-radius:0;filter:drop-shadow(0 22px 40px rgba(17,24,39,.22));}
.renew-service-grid{gap:18px;}
.renew-service-card{min-height:0;padding:18px;border-radius:22px;gap:12px;}
.renew-service-card strong{font-size:22px;}
.renew-service-card p{font-size:13px;line-height:1.65;}
.renew-service-card__eyebrow{padding:7px 11px;font-size:12px;}
.renew-service-card__tags span{padding:8px 12px;font-size:12px;}
.renew-service-card__media{min-height:88px;margin-bottom:8px;padding:0;border-radius:18px;border:none;background:none;overflow:hidden;}
.service-media-shot{position:relative;height:88px;border-radius:18px;overflow:hidden;padding:14px;border:1px solid rgba(255,255,255,.42);box-shadow:0 12px 24px rgba(17,24,39,.08);}
.service-media-shot-logo{background:linear-gradient(135deg,#fff0e2,#fffaf6);}
.service-media-shot-thumb{background:linear-gradient(135deg,#fff2e5,#fff9f4);}
.service-media-shot-blog{background:linear-gradient(135deg,#fff6ee,#fffdf9);}
.service-media-shot-dbdocs{background:linear-gradient(135deg,#eef4fb,#ffffff);}
.service-media-shot-brand{background:linear-gradient(135deg,#fff4e8,#ffffff);}
.service-shot-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#1f2937;color:#fff;font-size:11px;font-weight:800;}
.service-shot-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;height:100%;}
.service-shot-logo-grid{display:grid;grid-template-columns:repeat(2,38px);gap:8px;align-content:end;}
.service-shot-logo-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff;color:#b45309;font-size:13px;font-weight:900;box-shadow:0 10px 20px rgba(17,24,39,.08);}
.service-shot-thumb-stack{position:relative;height:100%;}
.service-thumb-card{position:absolute;left:0;top:8px;width:58%;padding:12px 12px 11px;border-radius:16px;background:linear-gradient(135deg,#111827,#24314f);color:#fff;box-shadow:0 12px 24px rgba(17,24,39,.14);}
.service-thumb-card strong{display:block;font-size:13px;line-height:1.25;margin:0;}
.service-thumb-card span{display:block;margin-top:7px;font-size:10px;color:rgba(255,255,255,.72);}
.service-thumb-mini-row{position:absolute;right:0;bottom:4px;display:grid;grid-template-columns:repeat(3,52px);gap:8px;}
.service-thumb-mini-row span{height:34px;border-radius:12px;background:#fff;box-shadow:0 10px 20px rgba(17,24,39,.08);}
.service-shot-doc{height:100%;border-radius:18px;background:linear-gradient(180deg,#fff,#fff8f2);padding:14px;box-shadow:0 12px 24px rgba(17,24,39,.08);}
.service-shot-doc-head{width:46%;height:10px;border-radius:999px;background:#c2410c;margin-bottom:10px;}
.service-shot-doc-line{height:8px;border-radius:999px;background:#ead8cb;margin-bottom:8px;}
.service-shot-doc-line.w-90{width:90%;}
.service-shot-doc-line.w-74{width:74%;}
.service-shot-doc-line.w-66{width:66%;}
.service-shot-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;}
.service-shot-doc-grid span{height:22px;border-radius:10px;background:#f6e9dd;}
.service-shot-db{height:100%;padding:12px;border-radius:18px;background:linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 12px 24px rgba(17,24,39,.08);}
.service-shot-db-head,.service-shot-db-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;border-radius:10px;padding:6px 9px;font-size:10px;font-weight:800;}
.service-shot-db-head{background:#1f2937;color:#fff;}
.service-shot-db-row{background:#edf4fb;color:#334155;margin-top:7px;}
.service-shot-generic{display:flex;align-items:flex-end;justify-content:space-between;height:100%;}
.service-shot-generic-grid{display:grid;grid-template-columns:repeat(2,38px);gap:8px;}
.service-shot-generic-grid span{display:block;width:38px;height:38px;border-radius:14px;background:#fff;box-shadow:0 10px 20px rgba(17,24,39,.08);}
.footer-mobile-policy{display:none;}
@media (max-width:768px){
  .footer-link-group-desktop{display:none;}
  .footer-mobile-policy{display:flex;gap:14px;flex-wrap:wrap;padding:0 0 18px;font-size:13px;}
  .footer-mobile-policy a{color:rgba(255,255,255,.74);text-decoration:none;}
  .footer-mobile-policy a:hover{color:#fff;}
  .renew-service-grid{gap:14px;}
  .renew-service-card{padding:16px;}
  .renew-service-card__media{min-height:82px;}
  .service-media-shot{height:82px;padding:12px;}
  .service-thumb-card{width:62%;}
}

.renew-service-card__media,.service-media-shot,.service-shot-thumb-stack,.service-shot-doc,.service-shot-db,.service-shot-generic,.service-shot-brand-row{display:none !important;}
.renew-service-card-simple{min-height:0 !important;padding:18px !important;}
.hero-visual-preset{width:min(100%,420px);min-height:260px;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:28px;border-radius:28px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);}
.hero-preset-kicker{display:inline-flex;align-self:flex-start;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-weight:800;font-size:13px;}
.hero-preset-stack{display:grid;gap:12px;}
.hero-preset-stack span{display:block;height:54px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.10);}
.hero-visual{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.hero-visual-image-plain{
    display:block;
    width:min(100%, 400px);
    max-width:400px;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 18px 32px rgba(0,0,0,.18));
}

.hero-visual-panel{
    width:min(100%, 420px);
    border-radius:28px;
    padding:22px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(10px);
    box-shadow:0 22px 50px rgba(15,23,42,.18);
}

.hero-preset-brand{
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-brand-stack{
    display:grid;
    gap:12px;
    width:100%;
}

.hero-brand-stack span{
    display:block;
    padding:18px 20px;
    border-radius:20px;
    background:linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.08));
    color:#fff;
    font-size:22px;
    font-weight:800;
    letter-spacing:-.03em;
    text-align:center;
}

.hero-preset-logos{
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-logo-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:14px;
    width:100%;
}

.hero-logo-grid span{
    display:grid;
    place-items:center;
    min-height:96px;
    border-radius:22px;
    background:#fff;
    color:#c2410c;
    font-size:28px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(15,23,42,.12);
}

.hero-preset-thumbs{
    min-height:280px;
}

.hero-thumb-card-lg{
    display:block;
    width:100%;
    height:150px;
    border-radius:22px;
    background:linear-gradient(135deg,#ffffff,#ffe9d9);
    box-shadow:0 16px 30px rgba(15,23,42,.10);
}

.hero-thumb-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:14px;
}

.hero-thumb-row span{
    display:block;
    height:84px;
    border-radius:18px;
    background:linear-gradient(135deg,#fff,#fff3ea);
    box-shadow:0 12px 24px rgba(15,23,42,.08);
}

.hero-preset-blog{
    min-height:280px;
    background:linear-gradient(180deg,#fff,#fff8f4);
}

.hero-doc-line{
    height:12px;
    border-radius:999px;
    background:#ead8cb;
    margin-bottom:12px;
}

.hero-doc-line-lg{
    height:18px;
    width:68%;
    background:#c2410c;
}

.hero-doc-blocks{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}

.hero-doc-blocks span{
    display:block;
    height:92px;
    border-radius:18px;
    background:#f4e8de;
}

.hero-preset-db{
    min-height:280px;
    background:linear-gradient(180deg,#fff,#f8fbff);
}

.hero-db-head,
.hero-db-row{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:14px;
    padding:12px 14px;
    border-radius:16px;
}

.hero-db-head{
    background:#111827;
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.hero-db-row{
    margin-top:10px;
    background:#eef4fb;
    color:#1f2937;
    font-size:14px;
    font-weight:700;
}

.renew-service-grid-compact{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.renew-service-card-clean{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:220px;
    padding:22px;
    border-radius:24px;
    background:#fff;
    border:1px solid #efe4d8;
    box-shadow:0 16px 30px rgba(15,23,42,.05);
    text-decoration:none;
    color:#111827;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.renew-service-card-clean:hover{
    transform:translateY(-4px);
    border-color:#f1b37a;
    box-shadow:0 20px 40px rgba(15,23,42,.08);
}

.renew-service-card-clean .renew-service-card__top strong{
    display:block;
    font-size:20px;
    line-height:1.35;
    color:#111827;
    letter-spacing:-.03em;
}

.renew-service-card-clean .renew-service-card__top p{
    margin:10px 0 0;
    font-size:14px;
    line-height:1.7;
    color:#667085;
}

.renew-service-card-clean .renew-service-card__tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:18px;
}

.renew-service-card-clean .renew-service-card__tags span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border-radius:999px;
    background:#fff7f1;
    color:#c2410c;
    font-size:12px;
    font-weight:800;
}

.renew-service-card-clean .renew-service-card__bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:20px;
    font-size:14px;
    font-weight:800;
    color:#111827;
}

@media (max-width: 1024px){
    .renew-service-grid-compact{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hero-visual-image-plain{
        max-width:340px;
    }
}

@media (max-width: 768px){
    .hero-visual{
        justify-content:center;
        margin-top:20px;
    }

    .hero-visual-image-plain{
        max-width:280px;
    }

    .hero-visual-panel{
        width:100%;
        max-width:320px;
        padding:18px;
    }

    .renew-service-grid-compact{
        grid-template-columns:1fr;
        gap:14px;
    }

    .renew-service-card-clean{
        min-height:auto;
        padding:18px;
    }
}

/* ===== 2026-03-23 fixes ===== */
.home-premium-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;align-items:start;}
.home-premium-main,.home-notice-panel,.home-trust-card{border-radius:28px;}
.home-premium-main{padding:30px;background:linear-gradient(180deg,#fff8f1,#fff);border:1px solid #f2e2d3;box-shadow:0 18px 40px rgba(15,23,42,.05);}
.home-section-head-premium h2{line-height:1.18;}
.feature-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.feature-premium-card{padding:22px;border-radius:22px;background:#fff;border:1px solid #f0e4d7;min-height:180px;box-shadow:0 12px 28px rgba(15,23,42,.04);}
.feature-premium-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;background:#fff4ea;color:#c2410c;font-size:22px;font-weight:800;}
.feature-premium-card strong{display:block;margin-bottom:8px;font-size:20px;letter-spacing:-.03em;color:#111827;}
.feature-premium-card p{margin:0;color:#667085;line-height:1.75;}
.home-notice-panel{padding:24px;background:#111827;color:#fff;box-shadow:0 18px 40px rgba(15,23,42,.12);}
.home-notice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.home-notice-head h3{margin:8px 0 0;font-size:26px;line-height:1.15;color:#fff;}
.home-notice-head a{color:#fff;text-decoration:none;font-weight:800;opacity:.82;}
.home-notice-list{display:grid;gap:12px;}
.home-notice-item{display:block;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:transform .18s ease, background .18s ease;}
.home-notice-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);}
.home-notice-date{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:rgba(255,255,255,.65);}
.home-notice-item strong{display:block;font-size:16px;line-height:1.45;}
.home-notice-item p{margin:8px 0 0;color:rgba(255,255,255,.74);line-height:1.65;font-size:13px;}
.service-overview-section-premium .renew-service-card-clean{border:none;box-shadow:0 18px 40px rgba(15,23,42,.06);overflow:hidden;position:relative;}
.service-overview-section-premium .renew-service-card-clean-logo{background:linear-gradient(135deg,#28160f,#8f4416 58%,#ffb06a);color:#fff;}
.service-overview-section-premium .renew-service-card-clean-thumb{background:linear-gradient(135deg,#151b29,#304264 58%,#ff9d52);color:#fff;}
.service-overview-section-premium .renew-service-card-clean-blog{background:linear-gradient(135deg,#352114,#895321 58%,#ffc08a);color:#fff;}
.service-overview-section-premium .renew-service-card-clean-businesscard{background:linear-gradient(135deg,#1f2937,#4b5563 58%,#f59e0b);color:#fff;}
.service-overview-section-premium .renew-service-card-clean-dbdocs{background:linear-gradient(135deg,#172033,#3b4b72 58%,#f6b35f);color:#fff;}
.service-overview-section-premium .renew-service-card-clean strong,.service-overview-section-premium .renew-service-card-clean p,.service-overview-section-premium .renew-service-card-clean .renew-service-card__bottom{color:inherit;}
.service-overview-section-premium .renew-service-card-clean .renew-service-card__tags span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.12);color:#fff;}
.home-trust-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;align-items:stretch;}
.home-trust-card-dark{padding:30px;background:linear-gradient(135deg,#111827,#3d2a1d 54%,#df7a2a);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;}
.home-trust-card-dark h2{margin:10px 0 14px;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.12;color:#fff;letter-spacing:-.04em;}
.home-trust-card-dark p{margin:0;color:rgba(255,255,255,.82);line-height:1.8;}
.step-grid-slim{align-items:stretch;}
.step-card-renewal-slim{min-height:100%;}
.admin-body{background:#f3f4f6;}
.admin-body .site-header,.admin-body .site-footer{display:none;}
.admin-body .site-main{padding:28px 0 48px;}
.admin-body .section.section-sm{padding-top:0;}
.admin-body .container{max-width:1400px;}
.admin-body .section-head.compact{margin-bottom:20px;padding:10px 4px;}
.admin-body .section-head.compact h1{font-size:34px;letter-spacing:-.04em;}
.admin-body .panel{border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05);border-radius:24px;}
.admin-body .metrics-grid{gap:16px;}
.admin-body .metric-card{background:linear-gradient(180deg,#111827,#1f2937);color:#fff;border:none;box-shadow:0 14px 30px rgba(15,23,42,.12);}
.admin-body .metric-card span{color:rgba(255,255,255,.74);}
.admin-body .dashboard-grid.admin-grid{gap:18px;}
.admin-body .panel-head h2{font-size:24px;}
.admin-body table{background:#fff;}
.admin-body .flash-wrap.container{max-width:1400px;padding-bottom:16px;}
@media (max-width: 1024px){.home-premium-grid,.home-trust-grid{grid-template-columns:1fr;}}
@media (max-width: 768px){.hero-slide-renewal{min-height:420px;}.hero-renewal-inner{grid-template-columns:1fr;gap:0;min-height:420px;padding-top:28px;padding-bottom:28px;}.hero-renewal-copy h1{font-size:clamp(2rem,9vw,2.8rem);}.hero-renewal-copy p{font-size:1rem;line-height:1.7;margin-bottom:22px;}.hero-visual{display:none !important;}.feature-premium-grid{grid-template-columns:1fr;}}


.job-title-link{color:inherit;text-decoration:none;display:inline-block;max-width:100%;}
.job-title-link strong{display:block;}
.job-title-link:hover strong{color:var(--primary);}

.home-premium-main .section-head p{max-width:420px;}
.home-trust-card-dark{background:linear-gradient(135deg,#111827 0%,#1f2937 55%,#374151 100%);}
.step-card-renewal-slim{background:#fff;border:1px solid #eceff3;box-shadow:0 18px 36px rgba(15,23,42,.06);}
.step-card-renewal-slim p{color:#475569;}
.section-head-wide.home-section-head-premium h2{letter-spacing:-.03em;}
.section-head-wide.home-section-head-premium p{color:#64748b;}

.admin-body{background:#f3f5f9;}
.admin-body .site-header{background:#111827;border-bottom:1px solid rgba(255,255,255,.06);}
.admin-body .main-nav a,.admin-body .header-actions a,.admin-body .credit-pill{color:#fff;}
.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;}
.admin-sidebar{position:sticky;top:96px;}
.admin-sidebar-card{background:#0f172a;color:#fff;border-radius:24px;padding:18px;box-shadow:0 20px 40px rgba(15,23,42,.18);}
.admin-sidebar-title{font-size:13px;font-weight:800;opacity:.65;margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em;}
.admin-sidebar-card a{display:block;padding:11px 12px;border-radius:14px;color:#e5e7eb;text-decoration:none;font-weight:700;}
.admin-sidebar-card a:hover{background:rgba(255,255,255,.08);color:#fff;}
.admin-main{min-width:0;}
.admin-main .section-head{margin-bottom:18px;}
.admin-panel,.admin-main .metric-card{border:1px solid #e5e7eb;box-shadow:0 16px 32px rgba(15,23,42,.06);border-radius:24px;background:#fff;}
.admin-body .dashboard-grid.admin-grid{gap:20px;}
.admin-table input[type=text],.admin-table input[type=number],.admin-table select{min-width:120px;}
@media (max-width: 980px){.admin-shell{grid-template-columns:1fr;}.admin-sidebar{position:static;}.admin-sidebar-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.admin-sidebar-title{grid-column:1/-1;}}
@media (max-width: 640px){.admin-sidebar-card{grid-template-columns:1fr;}}

/* ===== 2026-03-23 refine ===== */
.home-feature-layout-balanced{
  align-items:stretch;
}
.home-feature-layout-balanced .home-feature-grid,
.home-feature-layout-balanced .home-notice-panel{
  min-height:100%;
}
.home-feature-grid{
  grid-auto-rows:1fr;
}
.home-notice-panel{
  background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  border:1px solid rgba(226,232,240,.9);
  box-shadow:0 14px 40px rgba(15,23,42,.05);
}
.home-notice-head{
  border-bottom:1px solid rgba(226,232,240,.9);
}
.home-notice-head h2,
.home-notice-head a,
.home-notice-item strong,
.home-notice-item p,
.home-notice-date{
  color:#111827;
}
.home-notice-item{
  background:#fff;
  border:1px solid rgba(226,232,240,.78);
}
.home-notice-item:hover{
  border-color:rgba(245,158,11,.38);
  box-shadow:0 12px 26px rgba(15,23,42,.06);
}
.home-notice-list{
  display:grid;
  gap:10px;
}
.home-section-head-premium p{
  max-width:560px;
}
.home-trust-card-dark{
  background:linear-gradient(135deg,#0f172a 0%, #1e293b 55%, #334155 100%);
  color:#fff;
}
.home-trust-card-dark p,
.home-trust-card-dark .section-eyebrow-light{
  color:rgba(255,255,255,.84);
}
.step-grid-renewal-slim .step-card{
  background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  border:1px solid rgba(226,232,240,.92);
}
.job-list-title-link{
  color:inherit;
  text-decoration:none;
  display:block;
  position:relative;
  z-index:3;
}
.job-list-title-link:hover strong{
  color:var(--primary);
}
.job-list-actions,
.job-list-actions *{
  position:relative;
  z-index:4;
}

.admin-page-v2 .site-header,
.admin-page-v2 .site-footer{
  display:none;
}
.admin-v2-section{
  padding:0;
}
.admin-v2-shell{
  width:min(1400px, calc(100% - 40px));
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:24px;
  padding:28px 0 36px;
}
.admin-v2-sidebar{
  position:sticky;
  top:20px;
  align-self:start;
  background:#0f172a;
  border-radius:28px;
  padding:22px 18px;
  color:#fff;
  box-shadow:0 20px 50px rgba(15,23,42,.18);
}
.admin-v2-brand span{
  display:block;
  font-size:12px;
  letter-spacing:.08em;
  color:rgba(255,255,255,.65);
}
.admin-v2-brand strong{
  display:block;
  margin-top:6px;
  font-size:24px;
  letter-spacing:-.04em;
  color:#fff;
}
.admin-v2-nav{
  display:grid;
  gap:8px;
  margin-top:20px;
}
.admin-v2-nav a{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:0 14px;
  border-radius:14px;
  color:rgba(255,255,255,.76);
  text-decoration:none;
  font-weight:700;
}
.admin-v2-nav a.is-active,
.admin-v2-nav a:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.admin-v2-main{
  min-width:0;
}
.admin-v2-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.admin-v2-head h1{
  margin:8px 0 0;
  font-size:34px;
  line-height:1.12;
  letter-spacing:-.05em;
}
.admin-v2-metrics .metric-card{
  background:#111827;
  color:#fff;
  border:0;
}
.admin-v2-metrics .metric-card span{
  color:rgba(255,255,255,.76);
}
.admin-v2-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.admin-v2-panel{
  border-radius:26px;
  padding:22px;
  background:#fff;
  border:1px solid rgba(226,232,240,.92);
  box-shadow:0 12px 34px rgba(15,23,42,.05);
}
.admin-inline-check{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.admin-inline-check span{
  color:#111827;
}
.admin-table input[type="text"],
.admin-table input[type="number"],
.admin-table select,
.admin-table textarea,
.admin-cell-stack input,
.admin-cell-stack select,
.admin-cell-stack textarea,
.admin-prompt-card input,
.admin-prompt-card textarea,
.admin-support-card textarea,
.admin-support-card select{
  width:100%;
}
.admin-cell-stack{
  display:grid;
  gap:8px;
  min-width:180px;
}
.admin-check-group{
  min-width:140px;
}
.admin-check-group label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
}
.admin-prompt-group + .admin-prompt-group{
  margin-top:18px;
}
.admin-prompt-group h3{
  margin:0 0 12px;
}
.admin-prompt-list{
  display:grid;
  gap:14px;
}
.admin-prompt-card{
  display:grid;
  gap:10px;
  padding:16px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:18px;
  background:#f8fafc;
}
.admin-support-list{
  display:grid;
  gap:16px;
}
.admin-support-card{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:20px;
  background:#fff;
}
.admin-support-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.admin-support-head strong{
  display:block;
  font-size:18px;
}
.admin-support-head p{
  margin:6px 0 0;
  color:#667085;
}
.admin-support-body{
  display:grid;
  gap:12px;
}
.admin-support-message{
  padding:14px 16px;
  border-radius:16px;
  background:#f8fafc;
  color:#344054;
  line-height:1.7;
}
.admin-support-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
@media (max-width: 1100px){
  .admin-v2-shell{
    grid-template-columns:1fr;
  }
  .admin-v2-sidebar{
    position:static;
  }
  .admin-v2-grid-2{
    grid-template-columns:1fr;
  }
}
@media (max-width: 760px){
  .admin-v2-shell{
    width:min(100%, calc(100% - 24px));
    padding:16px 0 24px;
    gap:16px;
  }
  .admin-v2-head{
    flex-direction:column;
  }
  .admin-v2-head h1{
    font-size:28px;
  }
}


/* ===== 2026-03-23 final refine ===== */
.home-notice-head{
  margin-bottom:16px;
  padding-bottom:16px;
}
.home-notice-head > div{
  display:grid;
  gap:8px;
}
.home-notice-head .section-eyebrow{
  margin:0;
}
.home-notice-head h3{
  margin:0;
}
.home-notice-head p{
  margin:0;
  color:#64748b;
  font-size:14px;
  line-height:1.7;
}
.home-notice-panel{
  padding:26px;
  background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
}
.home-notice-list{
  gap:12px;
}
.home-notice-item{
  padding:17px 18px;
  border-radius:18px;
}
.home-notice-item p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.home-trust-grid{
  grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);
}
.home-trust-card-dark{
  background:linear-gradient(135deg,#111827 0%, #1f2937 58%, #334155 100%);
}
.home-trust-card-dark h2{
  font-size:clamp(1.7rem,2.4vw,2.35rem);
}
.home-trust-card-dark p,
.home-trust-card-dark .section-eyebrow-light{
  color:rgba(255,255,255,.9);
}
.step-grid-renewal-slim .step-card{
  padding:24px 22px;
}
.step-grid-renewal-slim .step-card h3{
  color:#111827;
}
.step-grid-renewal-slim .step-card p{
  color:#475569;
}

.admin-table-banners thead{display:none;}
.admin-table-banners,
.admin-table-banners tbody,
.admin-table-banners tr,
.admin-table-banners td{display:block;width:100%;}
.admin-table-banners tbody{display:grid;gap:18px;}
.admin-table-banners tr{
  padding:20px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}
.admin-table-banners td{
  padding:0;
  border:none;
}
.admin-table-banners tr{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.admin-table-banners td::before{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  font-weight:800;
  color:#64748b;
}
.admin-table-banners td:nth-child(1)::before{content:"순서 / 상태";}
.admin-table-banners td:nth-child(2)::before{content:"텍스트";}
.admin-table-banners td:nth-child(3)::before{content:"버튼";}
.admin-table-banners td:nth-child(4)::before{content:"배경";}
.admin-table-banners td:nth-child(5)::before{content:"오른쪽 비주얼";}
.admin-table-banners td:nth-child(6)::before{content:"표시 항목";}
.admin-table-banners .admin-cell-stack{
  gap:10px;
  min-width:0;
}
.admin-check-group{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 12px;
}
.admin-check-group label{
  padding:10px 12px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(226,232,240,.92);
}
@media (max-width: 1180px){
  .admin-table-banners tr{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
  .home-notice-head h3{font-size:24px;}
  .home-notice-head p{font-size:13px;}
  .admin-table-banners tr{grid-template-columns:1fr;padding:16px;}
  .admin-check-group{grid-template-columns:1fr;}
}

.admin-v2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;}
.admin-split-layout{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:20px;align-items:start;}
.admin-banner-thumb{width:110px;height:62px;border-radius:12px;object-fit:cover;border:1px solid #e5e7eb;background:#fff;display:block;}
.admin-banner-thumb-empty{display:grid;place-items:center;color:#94a3b8;font-size:11px;font-weight:800;}
.admin-banner-summary-table td strong{display:block;margin-bottom:4px;}
.admin-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:800;line-height:1;}
.admin-status-pill.is-active{background:#ecfdf3;color:#166534;}
.admin-status-pill.is-event{background:#fff7ed;color:#c2410c;}
.admin-status-pill.is-notice{background:#eff6ff;color:#1d4ed8;}
.admin-status-pill.is-pinned{background:#fff1f2;color:#be123c;}
.admin-banner-detail-form textarea,.admin-banner-detail-form input[type=text],.admin-banner-detail-form select,.admin-banner-detail-form input[type=number],.admin-detail-box,.admin-v2-panel textarea{width:100%;}
.admin-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.admin-grid-col-full{grid-column:1/-1;}
.admin-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:18px 20px;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb;}
.admin-check-grid label{font-size:14px;color:#334155;font-weight:600;}
.admin-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.admin-filter-row a{display:inline-flex;padding:9px 13px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;text-decoration:none;font-weight:800;font-size:13px;}
.admin-filter-row a.is-active{background:#111827;border-color:#111827;color:#fff;}
.admin-notice-list,.admin-inquiry-list{display:grid;gap:12px;max-height:920px;overflow:auto;padding-right:4px;}
.admin-notice-item,.admin-inquiry-item{display:block;padding:16px 18px;border-radius:18px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;color:#111827;transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;}
.admin-notice-item:hover,.admin-inquiry-item:hover,.admin-notice-item.is-active,.admin-inquiry-item.is-active{border-color:#fb923c;box-shadow:0 12px 28px rgba(15,23,42,.08);transform:translateY(-1px);}
.admin-notice-item-top,.admin-inquiry-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.admin-notice-item strong,.admin-inquiry-item strong{display:block;font-size:16px;line-height:1.45;letter-spacing:-.02em;margin-bottom:6px;}
.admin-notice-item p,.admin-inquiry-item p{margin:0 0 6px;color:#64748b;line-height:1.65;font-size:13px;}
.admin-form-actions{display:flex;gap:10px;flex-wrap:wrap;}
.admin-detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;}
.admin-detail-meta-grid>div{padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb;}
.admin-detail-meta-grid span{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:700;}
.admin-detail-meta-grid strong{display:block;color:#111827;line-height:1.5;}
.admin-detail-box{padding:20px;border-radius:20px;background:#fffaf5;border:1px solid #f1e2d3;margin-bottom:18px;}
.admin-detail-box h3{margin:0 0 14px;font-size:22px;line-height:1.3;letter-spacing:-.03em;}
.admin-detail-copy{color:#475569;line-height:1.85;white-space:pre-wrap;word-break:break-word;}
.btn-xs{padding:8px 12px;font-size:12px;border-radius:12px;}
@media (max-width: 1180px){.admin-split-layout{grid-template-columns:1fr;}.admin-notice-list,.admin-inquiry-list{max-height:none;}}
@media (max-width: 768px){.admin-v2-head{flex-direction:column;align-items:flex-start;}.admin-form-grid-2,.admin-check-grid,.admin-detail-meta-grid{grid-template-columns:1fr;}}


/* ===== 2026-03-23 home notice tabs ===== */
.home-premium-grid{
  align-items:stretch;
}
.home-premium-main,
.home-notice-panel{
  height:100%;
}
.home-premium-main{
  display:flex;
  flex-direction:column;
}
.feature-premium-grid{
  flex:1;
  align-content:stretch;
}
.home-notice-panel{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:100%;
  padding:22px 22px 20px;
  background:linear-gradient(180deg,#fffdfa 0%, #fff7ef 100%);
  border:1px solid #efdfcf;
  box-shadow:0 16px 36px rgba(191,102,24,.08);
}
.home-notice-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
  padding-bottom:14px;
  border-bottom:1px solid #eedfce;
}
.home-notice-head-copy{
  min-width:0;
  flex:1;
}
.home-notice-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.home-notice-tab{
  appearance:none;
  border:1px solid #ead5c0;
  background:#fffaf4;
  color:#8f4a16;
  border-radius:999px;
  min-height:40px;
  padding:0 16px;
  font-size:14px;
  font-weight:800;
  letter-spacing:-0.02em;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.home-notice-tab:hover{
  transform:translateY(-1px);
  border-color:#e3bc92;
  background:#fff4e7;
  color:#b45309;
}
.home-notice-tab.is-active{
  background:linear-gradient(180deg,#ffedd5 0%, #ffe0bd 100%);
  color:#b45309;
  border-color:#f0be86;
  box-shadow:0 10px 20px rgba(180,83,9,.12);
}
.home-notice-head h3{
  margin:12px 0 0;
  font-size:23px;
  line-height:1.2;
  letter-spacing:-0.03em;
}
.home-notice-board-link{
  color:#111827;
  text-decoration:none;
}
.home-notice-board-link:hover{
  color:#b45309;
}
.home-notice-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  background:#fff4e8;
  border:1px solid #ead5c0;
  color:#9a4f17;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:-0.01em;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.home-notice-more:hover{
  transform:translateY(-1px);
  background:#ffeddc;
  border-color:#e3bc92;
  color:#b45309;
  box-shadow:0 10px 18px rgba(180,83,9,.08);
}
.home-notice-panes{
  flex:1;
  min-height:0;
}
.home-notice-pane{
  height:100%;
}
.home-notice-pane[hidden]{
  display:none !important;
}
.home-notice-list{
  display:grid;
  gap:10px;
}
.home-notice-list-4{
  grid-template-rows:repeat(4, minmax(0, 1fr));
  height:100%;
}
.home-notice-item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:0;
  padding:14px 16px;
  background:#ffffff;
  border:1px solid #efdfcf;
  border-radius:20px;
  box-shadow:0 10px 20px rgba(15,23,42,.03);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.home-notice-item:hover{
  transform:translateY(-1px);
  border-color:#f0be86;
  box-shadow:0 14px 26px rgba(180,83,9,.08);
}
.home-notice-date{
  margin-bottom:6px;
  color:#9a3412;
  opacity:.72;
  font-size:12px;
  font-weight:700;
}
.home-notice-item strong{
  color:#111827;
  font-size:15px;
  line-height:1.42;
}
.home-notice-item p{
  margin:6px 0 0;
  color:#5b6472;
  font-size:12.5px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
@media (max-width: 760px){
  .container{ width:min(var(--container), calc(100% - 20px)); }
  .header-actions{ display:none; }
  .section{ padding-top:56px; }
  .section-sm{ padding-top:32px; }
  .section-head{ flex-direction:column; align-items:start; }
  .section-head h1,
  .section-head h2{ font-size:34px; }
/*  .hero-wrap{ padding-top:14px; }*/
  .hero-slide{ border-radius:28px; padding:34px 22px 56px; }
  .hero-copy h1{ font-size:38px; }
  .hero-copy p{ font-size:16px; }
  .grid-2, .grid-3, .grid-4,
  .service-grid, .result-grid, .price-grid{ grid-template-columns:1fr; }
  .auth-card, .panel, .price-card, .job-detail-card{ border-radius:22px; padding:22px 18px; }
  .metric-card{ padding:22px 18px; border-radius:22px; }
  .metric-card strong{ font-size:34px; }
  .job-detail-head, .panel-head, .job-row, .log-row, .charge-item{ flex-direction:column; align-items:start; }
  .credit-box{ text-align:left; min-width:0; width:100%; }
  .quick-actions .btn{ width:100%; }
}


/* ===== UI patch: categories / wording / loading / dashboard spacing ===== */
.category-page-list{
  display:grid;
  gap:32px;
}
.category-page-block{
  display:grid;
  gap:16px;
}
.category-page-head h2{
  margin:0;
  font-size:28px;
  letter-spacing:-0.03em;
}
.dashboard-gap-panel{
  margin-top:18px;
}
.dashboard-credit{
  margin-top:18px;
}
.generation-loading[hidden]{
  display:none !important;
}
.generation-loading{
  position:fixed;
  inset:0;
  z-index:90;
  display:grid;
  place-items:center;
  background:rgba(15,23,42,.55);
  padding:20px;
}
.generation-loading-card{
  width:min(520px, 100%);
  background:#fff;
  border-radius:28px;
  box-shadow:0 24px 60px rgba(15,23,42,.18);
  padding:28px 24px;
  border:1px solid rgba(229,231,235,.9);
}
.generation-loading-card strong{
  display:block;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-0.04em;
}
.generation-loading-card p{
  margin:12px 0 0;
  color:var(--muted);
  line-height:1.7;
}
.generation-progress{
  margin-top:20px;
  width:100%;
  height:14px;
  border-radius:999px;
  background:#eef2ff;
  overflow:hidden;
}
.generation-progress-bar{
  width:12%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(135deg,var(--primary) 0%, #7c3aed 100%);
  transition:width .45s ease;
}
.generation-progress-label{
  margin-top:12px;
  font-size:14px;
  font-weight:800;
  color:#344054;
}
@media (max-width: 860px){
  .dashboard-gap-panel{
    margin-top:14px;
  }
  .dashboard-credit{
    margin-top:14px;
  }
  .generation-loading-card strong{
    font-size:24px;
  }
}

.service-card{
cursor:pointer;
text-decoration:none;
color:inherit;
}
.service-card:hover{
transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.job-list{
  display:grid;
  gap:16px;
}

.job-list-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px;
  border-radius:24px;
  background:var(--surface);
  border:1px solid rgba(229,231,235,.9);
  box-shadow:var(--shadow-sm);
}

.job-list-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  min-width:0;
}

.job-list-title-wrap{
  display:grid;
  gap:6px;
  min-width:0;
}

.job-list-title-wrap strong{
  font-size:24px;
  line-height:1.2;
  letter-spacing:-0.03em;
}

.job-list-title-wrap span{
  color:var(--muted);
  font-size:14px;
}

.job-list-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.job-list-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#fff4db;
  color:var(--primary);
  font-size:13px;
  font-weight:800;
}

.job-list-credit{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#f8fafc;
  color:#344054;
  font-size:13px;
  font-weight:800;
}

.job-list-actions{
  flex:0 0 auto;
}

.result-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:18px 18px 18px;
}

@media (max-width: 760px){
  .job-list-card,
  .job-list-main{
    flex-direction:column;
    align-items:flex-start;
  }

  .job-list-actions{
    width:100%;
  }

  .job-list-actions .btn{
    width:100%;
  }

  .result-actions .btn{
    width:100%;
  }
}

.image-modal[hidden]{
  display:none !important;
}

.image-modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:20px;
}

.image-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(3px);
}

.image-modal-dialog{
  position:relative;
  z-index:1;
  width:min(960px, 100%);
  max-height:90vh;
  background:#fff;
  border-radius:24px;
  box-shadow:0 24px 70px rgba(15,23,42,.24);
  overflow:hidden;
}

.image-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px;
  border-bottom:1px solid #e5e7eb;
}

.image-modal-head strong{
  font-size:18px;
  letter-spacing:-0.02em;
}

.image-modal-close{
  width:40px;
  height:40px;
  border:0;
  border-radius:12px;
  background:#f8fafc;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.image-modal-body{
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8fafc;
}

.image-modal-body img{
  display:block;
  max-width:100%;
  max-height:calc(90vh - 110px);
  border-radius:18px;
  background:#fff;
}
.job-list-card{
  display:grid;
  grid-template-columns:88px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}

.job-list-preview{
  width:88px;
  height:88px;
  border-radius:20px;
  overflow:hidden;
  background:#f8fafc;
  border:1px solid rgba(229,231,235,.9);
  flex:0 0 auto;
}

.job-list-preview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#fff;
}

.job-list-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#eef2ff 0%, #f5f3ff 100%);
  color:var(--primary);
  font-size:24px;
  font-weight:900;
  letter-spacing:-0.03em;
}

.job-list-main{
  min-width:0;
}

.job-list-title-wrap strong{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.job-list-title-wrap span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:14px;
}

.job-list-actions{
  justify-self:end;
}

@media (max-width: 760px){
  .job-list-card{
    grid-template-columns:72px 1fr;
    gap:14px;
  }

  .job-list-preview{
    width:72px;
    height:72px;
    border-radius:18px;
  }

  .job-list-main{
    width:100%;
  }

  .job-list-actions{
    grid-column:1 / -1;
    width:100%;
    justify-self:stretch;
  }

  .job-list-actions .btn{
    width:100%;
  }
}
.daily-bonus-modal{
  position:fixed;
  inset:0;
  z-index:130;
  display:grid;
  place-items:center;
  padding:20px;
}

.daily-bonus-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(4px);
}

.daily-bonus-card{
  position:relative;
  z-index:1;
  width:min(420px, 100%);
  padding:28px 24px 24px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 80px rgba(15,23,42,.24);
  border:1px solid rgba(229,231,235,.92);
  text-align:center;
}

.daily-bonus-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:#fff4db;
  color:var(--primary);
  font-size:13px;
  font-weight:800;
  margin-bottom:16px;
}

.daily-bonus-card h3{
  margin:0;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-0.04em;
}

.daily-bonus-card p{
  margin:14px 0 22px;
  color:#475467;
  line-height:1.7;
  font-size:15px;
}

.daily-bonus-card p strong{
  color:#111827;
  font-size:17px;
}

.daily-bonus-close{
  position:absolute;
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  border:0;
  border-radius:12px;
  background:#f8fafc;
  color:#111827;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

@media (max-width: 640px){
  .daily-bonus-card{
    border-radius:24px;
    padding:24px 18px 20px;
  }

  .daily-bonus-card h3{
    font-size:24px;
  }
}

/* ===== 홈 전용 정리 ===== */
.hero-wrap{
/*  padding-top:18px;*/
}

.hero-slider{
  position:relative;
  overflow:hidden;
/*  border-radius:36px;*/
}

.hero-track{
  display:flex;
  transition:transform .45s ease;
}

.main-hero-slide{
  position:relative;
  min-width:100%;
  overflow:hidden;
/*  border-radius:36px;*/
  background-color:#111827;
  background-repeat:no-repeat;
  background-position:center center;
}

.main-hero-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(15,23,42,.82) 0%, rgba(15,23,42,.62) 42%, rgba(15,23,42,.32) 100%);
}

.main-hero-inner{
  position:relative;
  z-index:1;
  min-height:510px;
  display:flex;
  align-items:center;
  padding:56px 0 62px;
}

.main-hero-copy{
  width:min(100%, 760px);
}

.main-hero-copy h1{
  margin:14px 0 0;
  font-size:64px;
  line-height:1.05;
  letter-spacing:-0.055em;
  color:#fff;
}

.main-hero-copy p{
  margin:20px 0 0;
  max-width:640px;
  color:rgba(255,255,255,.84);
  font-size:18px;
  line-height:1.8;
}

.main-hero-chip{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.main-hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.main-hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.main-hero-points span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.hero-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  display:flex;
  gap:8px;
  transform:translateX(-50%);
}

.hero-dots button{
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.35);
}

.hero-dots button.is-active{
  background:#fff;
  width:28px;
}

.logo-focus-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
  padding:34px;
  border-radius:30px;
  background:radial-gradient(circle at top left, rgba(255,255,255,.16), transparent 24%), linear-gradient(135deg,#111827 0%, #7c2d12 100%);
  color:#fff;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.logo-focus-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 18%, rgba(255,255,255,.10) 0 64px, transparent 65px), radial-gradient(circle at 84% 22%, rgba(255,255,255,.10) 0 42px, transparent 43px), radial-gradient(circle at 50% 78%, rgba(255,255,255,.08) 0 96px, transparent 97px);
  pointer-events:none;
}

.logo-focus-copy,
.logo-focus-visual{
  position:relative;
  z-index:1;
}

.logo-focus-copy strong{
  display:block;
  font-size:34px;
  line-height:1.1;
  letter-spacing:-0.04em;
}

.logo-focus-copy p{
  max-width:560px;
  margin:16px 0 0;
  color:rgba(255,255,255,.84);
  line-height:1.8;
}

.logo-focus-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}

.logo-focus-meta span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  font-size:14px;
  font-weight:800;
}

.logo-focus-visual{
  min-height:220px;
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px);
}

.logo-focus-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  color:#111827;
  font-size:12px;
  font-weight:900;
}

.logo-focus-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:16px;
}

.logo-focus-grid div{
  min-height:72px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
  letter-spacing:-0.03em;
}

.usp-card{
  min-height:210px;
  padding:28px 24px;
  border-radius:24px;
}

.usp-card strong{
  display:block;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-0.03em;
}

.usp-card p{
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.8;
}

.cta-box-dark{
  text-align:center;
  padding:50px;
  border-radius:24px;
  background:linear-gradient(135deg,#111827 0%, #7c2d12 100%);
  color:#fff;
}

.cta-box-dark p{
  margin:14px 0 22px;
  color:rgba(255,255,255,.8);
}

.home-page .result-preview{
  padding:12px;
}

@media (max-width: 1120px){
  .main-hero-inner{
    min-height:420px;
    padding:50px 0 56px;
  }

  .main-hero-copy h1{
    font-size:54px;
  }

  .logo-focus-card{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .container{
    width:min(var(--container), calc(100% - 32px));
  }

  .hero-wrap{
/*    padding-top:14px;*/
  }

  .section{
    padding-top:60px;
  }

  .section-sm{
    padding-top:40px;
  }

  .main-hero-inner{
    min-height:auto;
    padding:36px 0 44px;
  }

  .main-hero-copy h1{
    font-size:40px;
    line-height:1.12;
  }

  .main-hero-copy p{
    font-size:16px;
    line-height:1.75;
  }

  .main-hero-buttons .btn{
    width:100%;
  }

  .logo-focus-card{
    padding:22px;
    border-radius:24px;
  }

  .logo-focus-copy strong{
    font-size:28px;
  }

  .logo-focus-visual{
    min-height:auto;
    padding:16px;
  }

  .logo-focus-grid div{
    min-height:62px;
  }

  .usp-card{
    min-height:auto;
    padding:22px 20px;
  }

  .cta-box-dark,
  .auth-card,
  .panel,
  .price-card,
  .job-detail-card{
    padding:24px 20px;
  }

  .metric-card{
    padding:24px 20px;
  }
}


.brand-text{letter-spacing:-0.04em;}
.brand-mark{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f59e0b 0%, #fb923c 100%);
  color:#fff;
  box-shadow:0 10px 20px rgba(245,158,11,.28);
  font-size:14px;
  font-weight:900;
}
.hero-wrap-allddak .main-hero-slide{
  position:relative;
  overflow:hidden;
}
.hero-wrap-allddak .main-hero-slide::after{
  content:"";
  position:absolute;
  inset:auto -80px -80px auto;
  width:260px;
  height:260px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  filter:blur(4px);
}
.allddak-focus-card{
  align-items:center;
}
.allddak-focus-visual{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}
.allddak-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  background:#fff;
  color:#9a3412;
  font-weight:800;
  letter-spacing:-0.03em;
}
.allddak-mini-cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(90px,1fr));
  gap:10px;
}
.allddak-mini-cards span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:64px;
  border-radius:18px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
  font-weight:800;
  color:#fff;
}
.cta-box-allddak{
  background:linear-gradient(135deg,#111827 0%, #7c2d12 100%);
}
.feature-card.usp-card{
  border-radius:24px;
  padding:26px 22px;
  background:#fff;
  border:1px solid rgba(245,158,11,.12);
  box-shadow:var(--shadow-sm);
}
.feature-card.usp-card strong{
  display:block;
  margin-bottom:10px;
  font-size:20px;
}
.feature-card.usp-card p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.logo-focus-card{
  border-radius:30px;
}
.step-card em{
  color:#f59e0b;
}
@media (max-width: 768px){
  .allddak-focus-visual{margin-top:14px;}
  .allddak-mini-cards{grid-template-columns:repeat(2,1fr);}
}

.generator-form{
  display:grid;
  gap:18px;
}

.generator-form label{
  display:block;
  margin-bottom:8px;
}

.generator-form .form-grid{
  margin-top:4px;
  margin-bottom:4px;
}

.generator-form textarea{
  min-height:120px;
}

.field-required,
.field-optional{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  vertical-align:middle;
}

.field-required{
  background:#fff1cc;
  color:#b45309;
}

.field-optional{
  background:#f3f4f6;
  color:#6b7280;
}

.field-help{
  margin:-2px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.form-section{
  display:grid;
  gap:16px;
  padding-top:6px;
}

.form-section + .form-section{
  margin-top:8px;
  padding-top:20px;
  border-top:1px solid #f1f5f9;
}

.form-section-title{
  margin:0;
  font-size:18px;
  font-weight:900;
  letter-spacing:-0.02em;
  color:#111827;
}
.service-output-meta{
  margin-bottom:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.service-output-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  background: #ede9fe;
    color: #6d28d9;
  font-size:13px;
  font-weight:800;
  line-height:1;
}


.job-detail-top{
  align-items:flex-start;
}

.detail-title-row{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.job-detail-top-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.job-credit-top{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#f8fafc;
  color:#344054;
  font-size:13px;
  font-weight:900;
}

.reference-hero-card{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:20px;
  align-items:center;
  margin-bottom:20px;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg,#fffdf8 0%, #ffffff 100%);
  border:1px solid rgba(229,231,235,.9);
  box-shadow:var(--shadow-sm);
}

.reference-hero-preview{
  display:flex;
  align-items:center;
  justify-content:center;
}

.reference-hero-preview img{
  display:block;
  width:100%;
  max-width:180px;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:20px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}

.reference-hero-copy{
  display:grid;
  gap:14px;
  align-content:center;
}

.reference-hero-badges{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.reference-hero-sub-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  background:#f3f4f6;
  color:#667085;
  font-size:13px;
  font-weight:800;
  line-height:1;
}

.reference-hero-copy strong{
  display:block;
  font-size:34px;
  line-height:1.18;
  letter-spacing:-0.04em;
  color:#111827;
}

.reference-hero-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
  font-size:16px;
}

.reference-hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:2px;
}

.result-preview-image{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:18px;
  background:#fff;
}

.result-preview-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  min-height:220px;
  color:#667085;
}

.result-explanation-box{
  margin:12px 18px 0;
  padding:14px 16px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}

.result-explanation-title{
  display:block;
  font-size:15px;
  line-height:1.4;
  letter-spacing:-0.02em;
  color:#111827;
}

.result-explanation-text{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.7;
  color:#475467;
}

@media (max-width: 980px){
  .reference-hero-card{
    grid-template-columns:1fr;
  }

  .reference-hero-preview img{
    max-width:160px;
  }

  .reference-hero-copy strong{
    font-size:28px;
  }
}

@media (max-width: 760px){
  .job-detail-top-actions{
    width:100%;
  }

  .job-detail-top-actions .btn{
    width:100%;
  }

  .reference-hero-card{
    padding:20px;
    border-radius:22px;
  }

  .reference-hero-copy strong{
    font-size:24px;
  }

  .reference-hero-copy p{
    font-size:15px;
  }
}
.detail-title-row .section-eyebrow{
  margin:0;
}
/**/
/*.detail-title-row .service-output-badge{*/
/*  padding:9px 12px;*/
/*  border-radius:999px;*/
/*  background:#111827;*/
/*  color:#fff;*/
/*  font-size:13px;*/
/*  font-weight:800;*/
/*  line-height:1;*/
/*  box-shadow:none;*/
/*}*/
.detail-title-row .section-eyebrow{
  padding:9px 12px;
  font-size:13px;
  line-height:1;
}
.failed-notice-card{
  position:relative;
  margin:0 0 24px;
  padding:18px 20px;
  border-radius:20px;
  background:#fff7ed;
  border:1px solid #fed7aa;
}

.failed-notice-card strong{
  display:block;
  font-size:16px;
  line-height:1.4;
  color:#9a3412;
}

.failed-notice-card p{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.7;
  color:#9a3412;
}

.failed-notice-tags{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.failed-notice-tags span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#ffedd5;
  color:#9a3412;
  font-size:13px;
  font-weight:700;
}

.failed-notice-close{
  position:absolute;
  top:14px;
  right:14px;

  width:30px;
  height:30px;

  border:0;
  border-radius:10px;
  background:#fff;

  color:#9a3412;
  font-size:0px;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;
  transition:all .15s ease;

  /* 핵심 */
  line-height:0;
  padding:0;
}
.failed-notice-close:hover{
  background:#fed7aa;
}
.failed-notice-close::before{
  content:"";
  width:14px;
  height:14px;
  display:block;
  background:url('/assets/img/icon-close.svg') no-repeat center;
  background-size:contain;
}
.jobs-filter-bar{
  margin:0 0 18px;
  padding:18px 20px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(229,231,235,.9);
  box-shadow:var(--shadow-sm);
}

.jobs-filter-grid{
  display:grid;
  grid-template-columns:180px 180px minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
}

.jobs-filter-bar label{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  font-weight:800;
  color:#111827;
}

.jobs-filter-bar select,
.jobs-filter-bar input{
  width:100%;
  height:52px;
  padding:0 16px;
  border:1px solid #d0d5dd;
  border-radius:16px;
  background:#fff;
  color:#111827;
  outline:none;
}

.jobs-filter-bar select:focus,
.jobs-filter-bar input:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(91,61,245,.12);
}

.jobs-filter-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.jobs-filter-summary{
  margin:0 0 18px;
  color:#667085;
  font-size:14px;
}

.job-list-link-card{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}

.job-list-link-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}

.job-list-service-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:8px;
}

.job-service-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.service-badge-logo{
  background:#fff4db;
  color:#b45309;
}

.service-badge-thumb{
  background:#f3e8ff;
  color:#7c3aed;
}

.service-badge-generic{
  background:#f3f4f6;
  color:#475467;
}

.job-list-date{
  color:#667085;
  font-size:13px;
  font-weight:700;
}
.job-flow-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.job-flow-badge.is-reference-regen{
  background:#ede9fe;
  color:#6d28d9;
}

.pagination-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:24px;
  flex-wrap:wrap;
}

.pagination-pages{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.pagination-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid #d0d5dd;
  background:#fff;
  color:#344054;
  font-weight:800;
  text-decoration:none;
}

.pagination-link.is-active{
  background:#111827;
  color:#fff;
  border-color:#111827;
}

@media (max-width: 980px){
  .jobs-filter-grid{
    grid-template-columns:1fr 1fr;
  }

  .jobs-filter-search{
    grid-column:1 / -1;
  }
}

@media (max-width: 760px){
  .jobs-filter-grid{
    grid-template-columns:1fr;
  }

  .jobs-filter-actions{
    width:100%;
  }

  .jobs-filter-actions .btn{
    width:100%;
  }

  .pagination-wrap{
    justify-content:flex-start;
  }
}
.job-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.job-title-row strong{
  min-width:0;
  flex:1 1 auto;
}

.job-title-edit-btn{
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:var(--primary);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  padding:0;
}

.job-title-edit-form{
  margin-top:10px;
}

.job-title-edit-controls{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

.job-title-edit-input{
  flex:1 1 220px;
  min-width:180px;
  height:42px;
  padding:0 14px;
  border:1px solid #d0d5dd;
  border-radius:14px;
  background:#fff;
  color:#111827;
  outline:none;
}

.job-title-edit-input:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(91,61,245,.12);
}

.job-title-edit-message{
  margin-top:8px;
  font-size:13px;
  color:#be123c;
}

.job-title-edit-message.is-success{
  color:#166534;
}

@media (max-width: 760px){
  .job-title-edit-controls{
    flex-direction:column;
    align-items:stretch;
  }

  .job-title-edit-controls .btn{
    width:100%;
  }
}

.result-text-preview{
  white-space:pre-wrap;
  line-height:1.7;
  font-size:14px;
  color:#111827;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px;
  max-height:420px;
  overflow:auto;
}


/* blog text detail */
.result-card.result-card-text{
  grid-column:1 / -1;
  padding:32px 40px;
}

.result-card.result-card-text .result-preview{
  background:transparent;
  padding:0;
}

.result-card.result-card-text .result-meta{
  display:none;
}

.result-card.result-card-text .result-text-preview{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  max-height:none;
  overflow:visible;
  font-size:16px;
  line-height:1.9;
  color:#111827;
}

.blog-title{
  margin:0 0 18px;
  font-size:30px;
  line-height:1.25;
  letter-spacing:-0.03em;
  color:#111827;
}

.blog-body{
  font-size:16px;
  line-height:1.95;
  color:#1f2937;
  white-space:pre-wrap;
}

.blog-tags{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid #e5e7eb;
  font-size:14px;
  line-height:1.8;
  color:#6b7280;
  white-space:pre-wrap;
}

@media (max-width: 860px){
  .result-card.result-card-text{
    padding:24px 20px;
  }

  .blog-title{
    font-size:24px;
  }

  .blog-body{
    font-size:15px;
  }
}


.job-title-edit-wrap-detail .job-title-display{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.job-title-edit-wrap-detail h1{margin:0;}
.job-title-edit-wrap-detail .job-title-edit-form{margin-top:8px;}

.result-card.result-card-text{grid-column:1 / -1;padding:22px 26px;}
.result-card.result-card-text .result-preview{background:transparent;padding:0;margin:0;}
.result-card.result-card-text .result-meta{display:none;}
.result-card.result-card-text .result-actions{margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9;}
.blog-document{display:grid;gap:16px;}
.blog-section{margin:0;}
.blog-section + .blog-section{padding-top:16px;border-top:1px solid #f1f5f9;}
.blog-section-label{display:inline-block;margin-bottom:8px;font-size:13px;font-weight:800;color:#6b7280;letter-spacing:-0.01em;}
.blog-title{margin:0;font-size:24px;line-height:1.4;letter-spacing:-0.03em;color:#111827;}
.blog-body{font-size:15px;line-height:1.9;color:#1f2937;white-space:pre-wrap;}
.blog-tags{font-size:14px;line-height:1.8;color:#6b7280;white-space:pre-wrap;}
@media (max-width:860px){.result-card.result-card-text{padding:18px 16px;}.blog-title{font-size:21px;}.blog-body{font-size:14px;}}


/* --- blog page tidy patch --- */
.form-section{
  gap:14px;
}
.form-section-title{
  font-size:19px;
}
.generator-form .form-section .grid.form-grid{
  margin-top:2px;
}
.generator-form .form-section .field-help{
  margin-top:-4px;
}
.generator-form .form-section + .form-section{
  margin-top:14px;
  padding-top:18px;
  border-top:1px solid #eef2f6;
}

.result-card.result-card-text{
  grid-column:1 / -1;
  padding:22px 24px;
}
.result-card.result-card-text .result-preview{
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
.result-card.result-card-text .result-actions{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #eef2f6;
}
.blog-document{
  display:grid;
  gap:18px;
}
.blog-section{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.blog-section + .blog-section{
  padding-top:16px;
  border-top:1px solid #f3f4f6;
}
.blog-section-label{
  display:block;
  margin:0 0 8px;
  font-size:13px;
  font-weight:800;
  color:#6b7280;
}
.blog-title{
  margin:0;
  font-size:24px;
  line-height:1.45;
  letter-spacing:-0.03em;
  color:#111827;
}
.blog-body{
  margin:0;
  font-size:15px;
  line-height:1.95;
  color:#1f2937;
  white-space:pre-wrap;
}
.blog-tags{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:#6b7280;
  white-space:pre-wrap;
}
@media (max-width:860px){
  .result-card.result-card-text{
    padding:18px 16px;
  }
  .blog-title{
    font-size:21px;
  }
  .blog-body{
    font-size:14px;
  }
}



/* blog detail single-card layout */
.job-detail-card-blog .result-grid{
  grid-template-columns: 1fr;
}
.job-detail-card-blog .blog-detail-document{
  display:block;
}
.job-detail-card-blog .blog-document{
  display:grid;
  gap:0;
  max-width:none;
}
.job-detail-card-blog .blog-section{
  margin:0;
}
.job-detail-card-blog .blog-section + .blog-section{
  margin-top:16px;
  padding-top:20px;
  border-top:1px solid #ece7dd;
}
.job-detail-card-blog .blog-section-label{
  display:inline-block;
  margin-bottom:10px;
  font-size:13px;
  font-weight:800;
  color:#8b7e69;
  letter-spacing:-0.01em;
}
.job-detail-card-blog .blog-title{
  margin:0;
  font-size:28px;
  line-height:1.4;
  font-weight:800;
  color:#1f2937;
}
.job-detail-card-blog .blog-body{
  font-size:16px;
  line-height:1.95;
  color:#374151;
  white-space:pre-wrap;
}
.job-detail-card-blog .blog-tags{
  font-size:14px;
  line-height:1.8;
  color:#6b7280;
  white-space:pre-wrap;
}
.job-detail-card-blog .blog-actions{
  margin-top:24px;
}
@media (max-width:860px){
  .job-detail-card-blog .blog-title{
    font-size:22px;
  }
  .job-detail-card-blog .blog-body{
    font-size:15px;
  }
}

.service-sample-card{
  border:1px solid #ece7dd;
  border-radius:18px;
  overflow:hidden;
  background:#fffaf5;
}
.service-sample-image{
  display:block;
  width:100%;
  height:auto;
}
.dbdocs-detail-document{
  display:block;
}
.dbdocs-document{
  display:grid;
  gap:0;
}
.dbdocs-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid #ece7dd;
}
.dbdocs-title{
  margin:6px 0 0;
  font-size:28px;
  line-height:1.35;
  color:#1f2937;
}
.dbdocs-meta{
  margin:10px 0 0;
  font-size:13px;
  color:#6b7280;
}
.dbdocs-list{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  color:#374151;
  line-height:1.75;
}
.dbdocs-list.compact{
  gap:6px;
}
.dbdocs-table-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}
.dbdocs-table-card{
  border:1px solid #ece7dd;
  border-radius:18px;
  padding:18px;
  background:#fff;
  display:grid;
  gap:10px;
}
.dbdocs-table-card h3{
  margin:0;
  font-size:20px;
  color:#1f2937;
}
.dbdocs-table-card p{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:#4b5563;
}
.dbdocs-subtitle{
  margin-top:4px;
  font-size:13px;
  font-weight:800;
  color:#8b7e69;
}
.dbdocs-column-list{
  margin:0;
  padding-left:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.dbdocs-column-list li{
  display:grid;
  gap:2px;
  padding:10px 12px;
  border-radius:12px;
  background:#faf7f2;
}
.dbdocs-column-list strong{
  font-size:13px;
  color:#1f2937;
}
.dbdocs-column-list span{
  font-size:13px;
  line-height:1.65;
  color:#4b5563;
}
.dbdocs-downloads{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media (max-width:860px){
  .dbdocs-hero{
    flex-direction:column;
  }
  .dbdocs-downloads{
    width:100%;
    justify-content:flex-start;
  }
  .dbdocs-title{
    font-size:22px;
  }
  .dbdocs-table-grid{
    grid-template-columns:1fr;
  }
}


/* ===== 2026-03-22 main renewal ===== */
.main-nav a{font-weight:700;}
.site-header{backdrop-filter:saturate(180%) blur(10px);background:rgba(255,248,243,.82);border-bottom:1px solid rgba(247,134,49,.14);}
.site-header .header-inner{min-height:76px;}
.brand-logo{height:42px;width:auto;display:block;}
.hero-renewal{position:relative;padding-top:0px;}
.hero-renewal .hero-slider{border-radius:32px;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.12);}
.hero-slide-renewal{position:relative;min-height:560px;color:#fff;overflow:hidden;}
.hero-slide-renewal::before,
.hero-slide-renewal::after{content:"";position:absolute;inset:auto;pointer-events:none;}
.hero-slide-renewal::before{width:460px;height:460px;right:-120px;top:-120px;border-radius:50%;background:rgba(255,255,255,.10);filter:blur(6px);}
.hero-slide-renewal::after{width:360px;height:360px;left:-120px;bottom:-140px;border-radius:50%;background:rgba(255,255,255,.09);filter:blur(10px);}
.hero-tone-brand{background:linear-gradient(135deg,#171717 0%,#2d1d16 30%,#8a4317 68%,#ff9a3d 100%);}
.hero-tone-logo{background:linear-gradient(135deg,#211510 0%,#5b2d14 42%,#d36d28 100%);}
.hero-tone-thumb{background:linear-gradient(135deg,#111827 0%,#1f2937 45%,#ea580c 100%);}
.hero-tone-blog{background:linear-gradient(135deg,#22160f 0%,#51311b 38%,#ff8a35 100%);}
.hero-tone-dbdocs{background:linear-gradient(135deg,#1a1f2f 0%,#2b3350 42%,#f48b33 100%);}
.hero-renewal-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:40px;align-items:center;min-height:560px;padding-top:38px;padding-bottom:38px;position:relative;z-index:2;}
.hero-renewal-copy h1{font-size:clamp(2.3rem,4.6vw,4.4rem);line-height:1.08;margin:0 0 18px;letter-spacing:-.05em;color:#fff;}
.hero-renewal-copy p{max-width:640px;font-size:1.09rem;line-height:1.8;color:rgba(255,255,255,.84);margin:0 0 28px;}
.hero-renewal .main-hero-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);}
.hero-renewal .main-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.hero-renewal .main-hero-points span{background:rgba(255,255,255,.11);color:#fff;border:1px solid rgba(255,255,255,.14);padding:10px 14px;border-radius:999px;font-size:14px;font-weight:700;}
.hero-renewal .btn-darkline{background:rgba(15,23,42,.14);border-color:rgba(255,255,255,.25);color:#fff;}
.hero-renewal .btn-darkline:hover{background:rgba(15,23,42,.26);}
.hero-visual{display:flex;justify-content:flex-end;align-items:center;}
.hero-visual-window{width:min(100%,430px);padding:18px;border-radius:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);box-shadow:0 22px 50px rgba(17,24,39,.18);}
.hero-visual-toolbar{display:flex;gap:8px;margin-bottom:14px;}
.hero-visual-toolbar span{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.48);}
.hero-visual-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.hero-visual-card{min-height:108px;border-radius:22px;padding:18px;display:flex;align-items:flex-end;font-size:20px;font-weight:800;letter-spacing:-.03em;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.16);}
.hero-visual-logo .hero-visual-card:nth-child(1), .hero-visual-brand .hero-visual-card:nth-child(1){grid-column:span 2;min-height:142px;}
.hero-visual-blog .hero-visual-card:nth-child(1), .hero-visual-dbdocs .hero-visual-card:nth-child(1){grid-column:span 2;min-height:142px;}
.section-head-wide{align-items:end;gap:24px;}
.home-intro-section,.home-showcase-section{position:relative;padding-bottom:48px;}
.feature-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.feature-icon-card{padding:28px 22px;border-radius:24px;background:linear-gradient(180deg,#fff,#fff7f2);border:1px solid rgba(249,115,22,.10);box-shadow:0 18px 40px rgba(15,23,42,.05);}
.feature-icon-mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,#fff1e7,#ffd4b4);color:#b45309;font-size:24px;font-weight:900;}
.feature-icon-card strong{display:block;margin-bottom:10px;font-size:20px;letter-spacing:-.03em;color:#111827;}
.feature-icon-card p{margin:0;color:#4b5563;line-height:1.8;}
.renew-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.renew-service-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:22px;border-radius:24px;color:#fff;text-decoration:none;overflow:hidden;min-height:210px;box-shadow:0 18px 38px rgba(15,23,42,.09);}
.renew-service-card::before{content:"";position:absolute;right:-70px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.10);}
.renew-service-card>*{position:relative;z-index:1;}
.renew-service-card-logo{background:linear-gradient(135deg,#24140d 0%,#85421a 55%,#f28b34 100%);}
.renew-service-card-thumb{background:linear-gradient(135deg,#111827 0%,#24314f 48%,#fb923c 100%);}
.renew-service-card-blog{background:linear-gradient(135deg,#3a2315 0%,#8f4e18 50%,#ffab66 100%);}
.renew-service-card-dbdocs{background:linear-gradient(135deg,#172033 0%,#39496c 52%,#f49d43 100%);}
.renew-service-card__eyebrow{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:800;}
.renew-service-card strong{display:block;margin-top:10px;font-size:24px;line-height:1.2;letter-spacing:-.04em;}
.renew-service-card p{margin:10px 0 0;color:rgba(255,255,255,.82);line-height:1.7;font-size:14px;}
.renew-service-card__tags{display:flex;flex-wrap:wrap;gap:10px;}
.renew-service-card__tags span{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:700;}
.renew-service-card__bottom{display:flex;align-items:center;justify-content:space-between;font-weight:800;}
.showcase-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;}
.showcase-card{padding:26px;border-radius:26px;min-height:220px;background:#fff;border:1px solid #f2e5d9;box-shadow:0 18px 40px rgba(15,23,42,.05);}
.showcase-card-large{grid-row:span 2;min-height:458px;background:linear-gradient(180deg,#fff7f1,#fff);}
.showcase-card-docs{background:linear-gradient(180deg,#fff8ef,#fff);}
.showcase-label{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff1e6;color:#c2410c;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;}
.showcase-card strong{display:block;margin:18px 0 12px;font-size:26px;line-height:1.25;letter-spacing:-.04em;color:#111827;}
.showcase-card p{margin:0;color:#4b5563;line-height:1.9;}
.step-grid-renewal .step-card-renewal{position:relative;padding:28px 24px 26px;border-radius:26px;background:#fff;border:1px solid #f0dfd1;box-shadow:0 18px 38px rgba(15,23,42,.05);}
.step-card-renewal em{display:inline-flex;width:50px;height:50px;border-radius:16px;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff1e6,#ffd7b3);color:#c2410c;font-style:normal;font-weight:900;margin-bottom:16px;}
.step-card-renewal h3{font-size:22px;line-height:1.25;letter-spacing:-.03em;}
.cta-box-renewal{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px;border-radius:30px;background:linear-gradient(135deg,#1f2937 0%,#31211a 40%,#df7a2a 100%);}
.cta-box-renewal h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.15;letter-spacing:-.04em;margin:8px 0 14px;color:#fff;}
.cta-box-renewal p{max-width:680px;color:rgba(255,255,255,.82);font-size:16px;line-height:1.85;margin:0;}
.section-eyebrow-light{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22);color:#fff7ed;}
.cta-box-actions{display:flex;gap:12px;flex-wrap:wrap;}
.site-footer-renewal{margin-top:0px;padding-top:54px;background:linear-gradient(180deg,#1d1d1d 0%,#131313 100%);color:rgba(255,255,255,.76);}
.footer-renewal-grid{display:grid;grid-template-columns:1.5fr repeat(3,.8fr);gap:24px;padding-bottom:32px;}
.footer-brand-logo{height:40px;width:auto;display:block;margin-bottom:16px;filter:brightness(1.05);}
.footer-brand-copy{max-width:400px;line-height:1.8;color:rgba(255,255,255,.68);margin:0;}
.footer-link-group{display:grid;gap:12px;align-content:start;}
.footer-link-group strong{font-size:15px;color:#fff;letter-spacing:-.02em;}
.footer-link-group a{color:rgba(255,255,255,.68);text-decoration:none;}
.footer-link-group a:hover{color:#fff;}
.footer-meta-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 0 30px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.5);}
.footer-meta-col{display:grid;gap:6px;}
.footer-meta-col p{margin:0;}
.footer-meta-col-right{text-align:right;justify-items:end;}
.support-hero-card,.legal-card{padding:34px;border-radius:30px;background:linear-gradient(180deg,#fff,#fff8f2);border:1px solid #f2dfcf;box-shadow:0 20px 45px rgba(15,23,42,.05);}
.support-hero-card h1,.legal-card h1{margin:12px 0 14px;font-size:clamp(2rem,3vw,3rem);line-height:1.15;letter-spacing:-.045em;}
.support-hero-card p{max-width:760px;margin:0;color:#4b5563;line-height:1.9;}
.support-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.support-info-card,.faq-item,.notice-card{padding:24px;border-radius:24px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);}
.support-info-label,.notice-date{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff1e7;color:#c2410c;font-size:12px;font-weight:800;}
.support-info-card strong{display:block;margin:16px 0 10px;font-size:22px;letter-spacing:-.03em;color:#111827;}
.support-info-card p,.faq-item p,.notice-card p,.legal-copy p{margin:0;color:#4b5563;line-height:1.85;}
.support-info-card a{color:#c2410c;text-decoration:none;font-weight:700;}
.faq-list,.notice-list{display:grid;gap:16px;}
.faq-item strong,.notice-card h2{display:block;margin:14px 0 10px;font-size:22px;line-height:1.35;letter-spacing:-.03em;color:#111827;}
.legal-copy{display:grid;gap:18px;margin-top:18px;}
.legal-copy h2{margin:0 0 8px;font-size:20px;line-height:1.3;letter-spacing:-.03em;color:#111827;}
.blog-section-label{font-size:15px !important;line-height:1.3;letter-spacing:-.02em;}
.job-detail-card-blog .blog-section-label{font-size:15px !important;}
@media (max-width: 1100px){
  .hero-renewal-inner{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:32px;padding-bottom:32px;}
  .hero-visual{justify-content:flex-start;}
  .feature-icon-grid,.support-grid,.footer-renewal-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .showcase-card-large{grid-row:auto;min-height:260px;}
  .cta-box-renewal{flex-direction:column;align-items:flex-start;}
}
@media (max-width: 860px){
  .site-header .header-inner{min-height:68px;}
  .brand-logo{height:36px;}
  .hero-renewal .hero-slider{border-radius:0;}
  .hero-slide-renewal{min-height:auto;}
  .hero-renewal-copy h1{font-size:clamp(2rem,10vw,3rem);}
  .hero-renewal-copy p{font-size:15px;line-height:1.75;}
  .hero-renewal .main-hero-buttons{display:flex;flex-wrap:wrap;gap:10px;}
  .hero-renewal .main-hero-buttons .btn{width:auto;}
  .hero-visual-window{width:100%;}
  .feature-icon-grid,.renew-service-grid,.support-grid,.footer-renewal-grid,.showcase-grid{grid-template-columns:1fr;}
  .renew-service-card{min-height:190px;padding:20px;}
  .renew-service-card strong{font-size:21px;}
  .renew-service-card__media{min-height:96px;}
  .footer-meta-bar{grid-template-columns:1fr;}
  .footer-meta-col-right{text-align:left;justify-items:start;}
  .showcase-card,.showcase-card-large{min-height:unset;}
  .cta-box-renewal{padding:28px 22px;border-radius:24px;}
  .footer-meta-bar{font-size:12px;}
}


/* 2026-03-22 main/support refresh overrides */
.hero-renewal .hero-slider{border-radius:0 !important;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.12);}
.hero-renewal-copy p{color:rgba(255,255,255,.88);}
.hero-visual{display:flex;justify-content:flex-end;align-items:center;}
.hero-visual-window,.hero-visual-toolbar,.hero-visual-body,.hero-visual-card{display:none !important;}
.hero-visual-image-wrap,.hero-visual-panel{width:min(100%,430px);padding:20px;border-radius:30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);box-shadow:0 22px 50px rgba(17,24,39,.18);}
/*.hero-visual-image-wrap{padding:14px;display:flex;align-items:center;justify-content:center;}*/

/*background:rgba(255,255,255,.10x);*/
.hero-visual-image{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:24px;}

.hero-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.hero-stat-card,.hero-mini-card{padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.14);color:#fff;}
.hero-stat-card strong,.hero-logo-preview strong,.hero-thumb-preview strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em;}
.hero-stat-card span{display:block;margin-top:8px;font-size:14px;color:rgba(255,255,255,.78);}
.hero-logo-preview{display:flex;align-items:center;gap:18px;padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.14);}
.hero-logo-mark{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:#fff;color:#c2410c;font-size:34px;font-weight:900;box-shadow:0 14px 28px rgba(0,0,0,.12);}
.hero-logo-preview p,.hero-thumb-preview p{margin:10px 0 0;font-size:14px;line-height:1.7;color:rgba(255,255,255,.78);}
.hero-mini-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;}
.hero-mini-card{font-size:13px;font-weight:700;text-align:center;}
.hero-thumb-preview{padding:22px;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fff1e7 100%);color:#111827;box-shadow:0 20px 40px rgba(17,24,39,.12);}
.hero-thumb-preview strong{font-size:28px;line-height:1.15;}
.hero-thumb-preview p{color:#4b5563;}
.hero-thumb-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800;margin-bottom:14px;}
.hero-doc-preview{padding:20px;border-radius:24px;background:linear-gradient(180deg,#fff,#fff7f2);box-shadow:0 18px 34px rgba(15,23,42,.12);}
.hero-doc-line{height:12px;border-radius:999px;background:#ead8cb;margin-bottom:12px;}
.hero-doc-line-lg{height:18px;width:68%;background:#c2410c;}
.hero-doc-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;}
.hero-doc-section span{display:block;height:94px;border-radius:18px;background:#f3e6dc;}
.hero-db-table{padding:16px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 34px rgba(15,23,42,.12);}
.hero-db-head,.hero-db-row{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;padding:13px 12px;border-radius:16px;}
.hero-db-head{background:#111827;color:#fff;font-size:13px;font-weight:800;}
.hero-db-row{margin-top:10px;background:#eef4fb;color:#1f2937;font-size:14px;font-weight:700;}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:999px;background:rgba(255,255,255,.2);color:#fff;font-size:28px;font-weight:700;display:grid;place-items:center;cursor:pointer;z-index:5;backdrop-filter:blur(8px);}
.hero-arrow:hover{background:rgba(255,255,255,.28);}
.hero-arrow-prev{left:22px;}
.hero-arrow-next{right:22px;}
.notice-card-link{text-decoration:none;display:block;}
.notice-card-link .notice-more{display:inline-block;margin-top:16px;font-size:14px;font-weight:800;color:#c2410c;}
.notice-summary{margin:14px 0 0;color:#6b7280;line-height:1.8;}
.notice-detail-copy{margin-top:18px;}
.support-inquiry-wrap{padding:28px;border-radius:28px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);}
.support-inquiry-form label{display:grid;gap:10px;color:#111827;font-weight:700;}
.support-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;}
.support-inquiry-form input,.support-inquiry-form select,.support-inquiry-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #eadbcc;background:#fffaf6;font:inherit;color:#111827;}
.support-inquiry-form textarea{resize:vertical;}
.support-inquiry-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.blog-section-label{font-size:16px !important;line-height:1.35;letter-spacing:-.02em;}
.job-detail-card-blog .blog-section-label{font-size:16px !important;}
@media (max-width: 920px){
  .hero-arrow{width:42px;height:42px;font-size:24px;}
  .hero-arrow-prev{left:12px;}
  .hero-arrow-next{right:12px;}
  .hero-visual-image-wrap,.hero-visual-panel{width:100%;}
  .hero-mini-cards,.support-form-grid{grid-template-columns:1fr;}
}


.inquiry-board-card,.inquiry-detail-card{background:#fff;border:1px solid #f0e1d3;border-radius:28px;box-shadow:0 16px 32px rgba(15,23,42,.04);}
.inquiry-board-table{display:flex;flex-direction:column;}
.inquiry-board-head,.inquiry-board-row{display:grid;grid-template-columns:120px 1.6fr 140px 120px;gap:16px;align-items:center;padding:18px 22px;}
.inquiry-board-head{font-size:13px;font-weight:800;color:#6b7280;border-bottom:1px solid #f4e8db;}
.inquiry-board-row{color:#111827;text-decoration:none;border-bottom:1px solid #f8eee5;}
.inquiry-board-row:last-child{border-bottom:none;}
.inquiry-board-row strong{font-size:15px;line-height:1.5;}
.inquiry-board-empty{padding:32px 22px;color:#6b7280;}
.inquiry-status{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;}
.inquiry-status-new{background:#fff4e8;color:#c2410c;}
.inquiry-status-answered{background:#eef7ef;color:#166534;}
.inquiry-status-closed{background:#f3f4f6;color:#374151;}
.inquiry-detail-card{padding:28px;margin-bottom:20px;}
.inquiry-detail-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #f4e8db;}
.inquiry-detail-head h3{margin:10px 0 0;font-size:28px;line-height:1.3;}
.inquiry-detail-meta{display:flex;gap:10px;flex-wrap:wrap;color:#6b7280;font-size:14px;}
.inquiry-detail-body{display:grid;gap:18px;padding-top:18px;}
.inquiry-detail-section{padding:20px;border-radius:22px;background:#fffaf6;border:1px solid #f4e8db;}
.inquiry-detail-section strong{display:block;margin-bottom:10px;font-size:15px;}
.inquiry-detail-section p{margin:0;line-height:1.8;color:#374151;}
.inquiry-answer-date{display:block;margin-top:12px;font-size:13px;color:#9ca3af;}
.support-check{display:flex!important;align-items:center;gap:10px;font-weight:700;color:#111827;}
.support-check input{width:18px!important;height:18px;margin:0;}
.admin-support-list{display:grid;gap:14px;}
.admin-support-item{border:1px solid #f0e1d3;border-radius:20px;background:#fffaf6;overflow:hidden;}
.admin-support-item summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none;}
.admin-support-item summary::-webkit-details-marker{display:none;}
.admin-support-item summary p{margin:6px 0 0;color:#6b7280;font-size:13px;}
.admin-support-body{padding:0 20px 20px;display:grid;gap:16px;}
.admin-support-message{padding:18px;border-radius:18px;background:#fff;border:1px solid #f4e8db;}
.admin-support-message p{margin:10px 0 0;line-height:1.8;}
.admin-support-answer-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #eadbcc;background:#fffaf6;font:inherit;color:#111827;resize:vertical;}
@media (max-width: 900px){
  .inquiry-board-head,.inquiry-board-row{grid-template-columns:110px 1fr;gap:10px;}
  .inquiry-board-head span:nth-child(3),.inquiry-board-head span:nth-child(4),.inquiry-board-row span:nth-child(3),.inquiry-board-row span:nth-child(4){display:none;}
  .inquiry-detail-head{flex-direction:column;}
}


.support-subnav{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;margin-bottom:22px;padding-bottom:6px;scrollbar-width:thin;}
.support-subnav a{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;background:#fff7f1;border:1px solid #efd9c8;color:#7c3d12;font-weight:700;text-decoration:none;}
.support-subnav a.is-active{background:#111827;color:#fff;border-color:#111827;}
.support-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.support-entry-card{display:block;padding:28px;border-radius:28px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);text-decoration:none;color:#111827;}
.support-entry-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#fff4eb;font-size:28px;margin-bottom:16px;}
.support-entry-card strong{display:block;font-size:20px;line-height:1.3;margin-bottom:10px;}
.support-entry-card p{margin:0;color:#6b7280;line-height:1.7;}
.renew-service-card__media{position:relative;min-height:170px;border-radius:24px;overflow:hidden;margin-bottom:18px;padding:18px;background:linear-gradient(135deg,#fff3e6,#ffffff);border:1px solid rgba(255,255,255,.5);}
.renew-service-card__media-logo{background:linear-gradient(135deg,#ffe8d6,#fff7f2);}
.renew-service-card__media-thumb{background:linear-gradient(135deg,#fff0df,#fff8f1);}
.renew-service-card__media-blog{background:linear-gradient(135deg,#fff5ea,#fffdf9);}
.renew-service-card__media-dbdocs{background:linear-gradient(135deg,#eef4fb,#ffffff);}
.service-media-badge{position:relative;z-index:2;display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(17,24,39,.88);color:#fff;font-size:12px;font-weight:800;}
.service-media-shape{position:absolute;border-radius:24px;box-shadow:0 18px 36px rgba(17,24,39,.10);}
.service-media-shape-a{width:56%;height:68%;right:18px;top:26px;background:rgba(255,255,255,.95);}
.service-media-shape-b{width:36%;height:42%;left:20px;bottom:20px;background:linear-gradient(135deg,#111827,#2f3b52);}
.service-media-shape-c{width:28%;height:18%;right:36px;bottom:26px;background:linear-gradient(135deg,#fb923c,#ea580c);border-radius:999px;}
.renew-service-card__media{position:relative;min-height:112px;border-radius:20px;overflow:hidden;margin-bottom:10px;padding:14px;background:linear-gradient(135deg,#fff3e6,#ffffff);border:1px solid rgba(255,255,255,.5);}
.renew-service-card__media-logo{background:linear-gradient(135deg,#ffe8d6,#fff7f2);}
.renew-service-card__media-thumb{background:linear-gradient(135deg,#fff0df,#fff8f1);}
.renew-service-card__media-blog{background:linear-gradient(135deg,#fff5ea,#fffdf9);}
.renew-service-card__media-dbdocs{background:linear-gradient(135deg,#eef4fb,#ffffff);}
.renew-service-card__media-brand{background:linear-gradient(135deg,#fff4e8,#ffffff);}
.service-media-badge{position:relative;z-index:2;display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(17,24,39,.88);color:#fff;font-size:11px;font-weight:800;}
.service-media-icon{position:absolute;left:16px;bottom:14px;z-index:2;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#fff;color:#111827;font-size:28px;font-weight:900;box-shadow:0 14px 28px rgba(17,24,39,.12);}
.service-media-icon-logo{color:#c2410c;}
.service-media-icon-thumb{color:#ea580c;}
.service-media-icon-blog{color:#9a3412;}
.service-media-icon-dbdocs{color:#1d4ed8;}
.service-media-shape{position:absolute;border-radius:22px;box-shadow:0 14px 28px rgba(17,24,39,.08);}
.service-media-shape-a{width:48%;height:58%;right:16px;top:20px;background:rgba(255,255,255,.96);}
.service-media-shape-b{width:26%;height:28%;left:84px;bottom:18px;background:linear-gradient(135deg,#111827,#2f3b52);}
.service-media-shape-c{width:22%;height:14%;right:32px;bottom:22px;background:linear-gradient(135deg,#fb923c,#ea580c);border-radius:999px;}
.home-page .showcase-grid,.home-page .home-showcase-section{display:none !important;}
.hero-panel-brand{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));}
.hero-panel-logo{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));}
.hero-panel-blog{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));}
.hero-visual-brand .hero-stats-grid{grid-template-columns:1.2fr .8fr;grid-template-areas:"a b" "a c";}
.hero-visual-brand .hero-stat-card:nth-child(1){grid-area:a;min-height:168px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#111827,#2c3444);}
.hero-visual-brand .hero-stat-card:nth-child(2),.hero-visual-brand .hero-stat-card:nth-child(3){min-height:76px;}
.hero-visual-brand .hero-stat-card:nth-child(4){grid-column:1/-1;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08));}
.hero-visual-logo .hero-logo-preview{background:linear-gradient(135deg,#fff,#fff6ee);color:#111827;}
.hero-visual-logo .hero-logo-preview p{color:#6b7280;}
.hero-visual-logo .hero-mini-card:nth-child(1){background:linear-gradient(135deg,#111827,#334155);}
.hero-visual-logo .hero-mini-card:nth-child(2){background:linear-gradient(135deg,#fb923c,#f97316);}
.hero-visual-logo .hero-mini-card:nth-child(3){background:linear-gradient(135deg,#f8fafc,#ffe7cf);color:#111827;}
.hero-visual-blog .hero-doc-preview{background:linear-gradient(180deg,#ffffff,#fff6ef);padding:24px;}
.hero-visual-blog .hero-doc-section span:nth-child(1){background:#fde7d4;}
.hero-visual-blog .hero-doc-section span:nth-child(2){background:#fff0e2;}
.hero-visual-blog .hero-doc-section span:nth-child(3){background:#ffe4cc;}
.inquiry-board-card{padding:18px 22px;border-radius:28px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);}
@media (max-width: 1024px){.support-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 768px){.support-entry-grid{grid-template-columns:1fr;}.support-subnav{overflow:auto;white-space:nowrap;flex-wrap:nowrap;padding-bottom:6px;}.renew-service-card__media{min-height:150px;}}


.faq-grid-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.faq-card{position:relative;padding:24px 24px 22px 72px;border-radius:26px;background:#fff;border:1px solid #f0e1d3;box-shadow:0 16px 32px rgba(15,23,42,.04);}
.faq-card__no{position:absolute;left:22px;top:22px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff1e7;color:#c2410c;font-size:13px;font-weight:800;}
.faq-card strong{display:block;margin:0 0 10px;font-size:19px;line-height:1.45;color:#111827;letter-spacing:-.03em;}
.faq-card p{margin:0;color:#4b5563;line-height:1.82;}
@media (max-width: 960px){
  .faq-grid-support{grid-template-columns:1fr;}
}


/* 2026-03-23 home/service/footer refinement */
.hero-visual-image-wrap.hero-visual-image-wrap-brand,
.hero-visual-brand .hero-visual-image-wrap{background:none;border:none;box-shadow:none;backdrop-filter:none;padding:0;display:flex;justify-content:flex-end;align-items:center;}
.hero-visual-brand .hero-visual-image{width:min(100%,400px);max-height:none;object-fit:contain;background:transparent;border-radius:0;filter:drop-shadow(0 22px 40px rgba(17,24,39,.22));}
.renew-service-grid{gap:18px;}
.renew-service-card{min-height:0;padding:18px;border-radius:22px;gap:12px;}
.renew-service-card strong{font-size:22px;}
.renew-service-card p{font-size:13px;line-height:1.65;}
.renew-service-card__eyebrow{padding:7px 11px;font-size:12px;}
.renew-service-card__tags span{padding:8px 12px;font-size:12px;}
.renew-service-card__media{min-height:88px;margin-bottom:8px;padding:0;border-radius:18px;border:none;background:none;overflow:hidden;}
.service-media-shot{position:relative;height:88px;border-radius:18px;overflow:hidden;padding:14px;border:1px solid rgba(255,255,255,.42);box-shadow:0 12px 24px rgba(17,24,39,.08);}
.service-media-shot-logo{background:linear-gradient(135deg,#fff0e2,#fffaf6);}
.service-media-shot-thumb{background:linear-gradient(135deg,#fff2e5,#fff9f4);}
.service-media-shot-blog{background:linear-gradient(135deg,#fff6ee,#fffdf9);}
.service-media-shot-dbdocs{background:linear-gradient(135deg,#eef4fb,#ffffff);}
.service-media-shot-brand{background:linear-gradient(135deg,#fff4e8,#ffffff);}
.service-shot-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#1f2937;color:#fff;font-size:11px;font-weight:800;}
.service-shot-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;height:100%;}
.service-shot-logo-grid{display:grid;grid-template-columns:repeat(2,38px);gap:8px;align-content:end;}
.service-shot-logo-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff;color:#b45309;font-size:13px;font-weight:900;box-shadow:0 10px 20px rgba(17,24,39,.08);}
.service-shot-thumb-stack{position:relative;height:100%;}
.service-thumb-card{position:absolute;left:0;top:8px;width:58%;padding:12px 12px 11px;border-radius:16px;background:linear-gradient(135deg,#111827,#24314f);color:#fff;box-shadow:0 12px 24px rgba(17,24,39,.14);}
.service-thumb-card strong{display:block;font-size:13px;line-height:1.25;margin:0;}
.service-thumb-card span{display:block;margin-top:7px;font-size:10px;color:rgba(255,255,255,.72);}
.service-thumb-mini-row{position:absolute;right:0;bottom:4px;display:grid;grid-template-columns:repeat(3,52px);gap:8px;}
.service-thumb-mini-row span{height:34px;border-radius:12px;background:#fff;box-shadow:0 10px 20px rgba(17,24,39,.08);}
.service-shot-doc{height:100%;border-radius:18px;background:linear-gradient(180deg,#fff,#fff8f2);padding:14px;box-shadow:0 12px 24px rgba(17,24,39,.08);}
.service-shot-doc-head{width:46%;height:10px;border-radius:999px;background:#c2410c;margin-bottom:10px;}
.service-shot-doc-line{height:8px;border-radius:999px;background:#ead8cb;margin-bottom:8px;}
.service-shot-doc-line.w-90{width:90%;}
.service-shot-doc-line.w-74{width:74%;}
.service-shot-doc-line.w-66{width:66%;}
.service-shot-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;}
.service-shot-doc-grid span{height:22px;border-radius:10px;background:#f6e9dd;}
.service-shot-db{height:100%;padding:12px;border-radius:18px;background:linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 12px 24px rgba(17,24,39,.08);}
.service-shot-db-head,.service-shot-db-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;border-radius:10px;padding:6px 9px;font-size:10px;font-weight:800;}
.service-shot-db-head{background:#1f2937;color:#fff;}
.service-shot-db-row{background:#edf4fb;color:#334155;margin-top:7px;}
.service-shot-generic{display:flex;align-items:flex-end;justify-content:space-between;height:100%;}
.service-shot-generic-grid{display:grid;grid-template-columns:repeat(2,38px);gap:8px;}
.service-shot-generic-grid span{display:block;width:38px;height:38px;border-radius:14px;background:#fff;box-shadow:0 10px 20px rgba(17,24,39,.08);}
.footer-mobile-policy{display:none;}
@media (max-width:768px){
  .footer-link-group-desktop{display:none;}
  .footer-mobile-policy{display:flex;gap:14px;flex-wrap:wrap;padding:0 0 18px;font-size:13px;}
  .footer-mobile-policy a{color:rgba(255,255,255,.74);text-decoration:none;}
  .footer-mobile-policy a:hover{color:#fff;}
  .renew-service-grid{gap:14px;}
  .renew-service-card{padding:16px;}
  .renew-service-card__media{min-height:82px;}
  .service-media-shot{height:82px;padding:12px;}
  .service-thumb-card{width:62%;}
}

.renew-service-card__media,.service-media-shot,.service-shot-thumb-stack,.service-shot-doc,.service-shot-db,.service-shot-generic,.service-shot-brand-row{display:none !important;}
.renew-service-card-simple{min-height:0 !important;padding:18px !important;}
.hero-visual-preset{width:min(100%,420px);min-height:260px;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:28px;border-radius:28px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);}
.hero-preset-kicker{display:inline-flex;align-self:flex-start;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-weight:800;font-size:13px;}
.hero-preset-stack{display:grid;gap:12px;}
.hero-preset-stack span{display:block;height:54px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.10);}
.hero-visual{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.hero-visual-image-plain{
    display:block;
    width:min(100%, 400px);
    max-width:400px;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 18px 32px rgba(0,0,0,.18));
}

.hero-visual-panel{
    width:min(100%, 420px);
    border-radius:28px;
    padding:22px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(10px);
    box-shadow:0 22px 50px rgba(15,23,42,.18);
}

.hero-preset-brand{
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-brand-stack{
    display:grid;
    gap:12px;
    width:100%;
}

.hero-brand-stack span{
    display:block;
    padding:18px 20px;
    border-radius:20px;
    background:linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.08));
    color:#fff;
    font-size:22px;
    font-weight:800;
    letter-spacing:-.03em;
    text-align:center;
}

.hero-preset-logos{
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-logo-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:14px;
    width:100%;
}

.hero-logo-grid span{
    display:grid;
    place-items:center;
    min-height:96px;
    border-radius:22px;
    background:#fff;
    color:#c2410c;
    font-size:28px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(15,23,42,.12);
}

.hero-preset-thumbs{
    min-height:280px;
}

.hero-thumb-card-lg{
    display:block;
    width:100%;
    height:150px;
    border-radius:22px;
    background:linear-gradient(135deg,#ffffff,#ffe9d9);
    box-shadow:0 16px 30px rgba(15,23,42,.10);
}

.hero-thumb-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:14px;
}

.hero-thumb-row span{
    display:block;
    height:84px;
    border-radius:18px;
    background:linear-gradient(135deg,#fff,#fff3ea);
    box-shadow:0 12px 24px rgba(15,23,42,.08);
}

.hero-preset-blog{
    min-height:280px;
    background:linear-gradient(180deg,#fff,#fff8f4);
}

.hero-doc-line{
    height:12px;
    border-radius:999px;
    background:#ead8cb;
    margin-bottom:12px;
}

.hero-doc-line-lg{
    height:18px;
    width:68%;
    background:#c2410c;
}

.hero-doc-blocks{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}

.hero-doc-blocks span{
    display:block;
    height:92px;
    border-radius:18px;
    background:#f4e8de;
}

.hero-preset-db{
    min-height:280px;
    background:linear-gradient(180deg,#fff,#f8fbff);
}

.hero-db-head,
.hero-db-row{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:14px;
    padding:12px 14px;
    border-radius:16px;
}

.hero-db-head{
    background:#111827;
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.hero-db-row{
    margin-top:10px;
    background:#eef4fb;
    color:#1f2937;
    font-size:14px;
    font-weight:700;
}

.renew-service-grid-compact{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.renew-service-card-clean{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:220px;
    padding:22px;
    border-radius:24px;
    background:#fff;
    border:1px solid #efe4d8;
    box-shadow:0 16px 30px rgba(15,23,42,.05);
    text-decoration:none;
    color:#111827;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.renew-service-card-clean:hover{
    transform:translateY(-4px);
    border-color:#f1b37a;
    box-shadow:0 20px 40px rgba(15,23,42,.08);
}

.renew-service-card-clean .renew-service-card__top strong{
    display:block;
    font-size:20px;
    line-height:1.35;
    color:#111827;
    letter-spacing:-.03em;
}

.renew-service-card-clean .renew-service-card__top p{
    margin:10px 0 0;
    font-size:14px;
    line-height:1.7;
    color:#667085;
}

.renew-service-card-clean .renew-service-card__tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:18px;
}

.renew-service-card-clean .renew-service-card__tags span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border-radius:999px;
    background:#fff7f1;
    color:#c2410c;
    font-size:12px;
    font-weight:800;
}

.renew-service-card-clean .renew-service-card__bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:20px;
    font-size:14px;
    font-weight:800;
    color:#111827;
}

@media (max-width: 1024px){
    .renew-service-grid-compact{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hero-visual-image-plain{
        max-width:340px;
    }
}

@media (max-width: 768px){
    .hero-visual{
        justify-content:center;
        margin-top:20px;
    }

    .hero-visual-image-plain{
        max-width:280px;
    }

    .hero-visual-panel{
        width:100%;
        max-width:320px;
        padding:18px;
    }

    .renew-service-grid-compact{
        grid-template-columns:1fr;
        gap:14px;
    }

    .renew-service-card-clean{
        min-height:auto;
        padding:18px;
    }
}

/* ===== 2026-03-23 fixes ===== */
.home-premium-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;align-items:start;}
.home-premium-main,.home-notice-panel,.home-trust-card{border-radius:28px;}
.home-premium-main{padding:30px;background:linear-gradient(180deg,#fff8f1,#fff);border:1px solid #f2e2d3;box-shadow:0 18px 40px rgba(15,23,42,.05);}
.home-section-head-premium h2{line-height:1.18;}
.feature-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.feature-premium-card{padding:22px;border-radius:22px;background:#fff;border:1px solid #f0e4d7;min-height:180px;box-shadow:0 12px 28px rgba(15,23,42,.04);}
.feature-premium-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;background:#fff4ea;color:#c2410c;font-size:22px;font-weight:800;}
.feature-premium-card strong{display:block;margin-bottom:8px;font-size:20px;letter-spacing:-.03em;color:#111827;}
.feature-premium-card p{margin:0;color:#667085;line-height:1.75;}
.home-notice-panel{padding:24px;background:#111827;color:#fff;box-shadow:0 18px 40px rgba(15,23,42,.12);}
.home-notice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.home-notice-head h3{margin:8px 0 0;font-size:26px;line-height:1.15;color:#fff;}
.home-notice-head a{color:#fff;text-decoration:none;font-weight:800;opacity:.82;}
.home-notice-list{display:grid;gap:12px;}
.home-notice-item{display:block;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:transform .18s ease, background .18s ease;}
.home-notice-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);}
.home-notice-date{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:rgba(255,255,255,.65);}
.home-notice-item strong{display:block;font-size:16px;line-height:1.45;}
.home-notice-item p{margin:8px 0 0;color:rgba(255,255,255,.74);line-height:1.65;font-size:13px;}
.service-overview-section-premium .renew-service-card-clean{border:none;box-shadow:0 18px 40px rgba(15,23,42,.06);overflow:hidden;position:relative;}
.service-overview-section-premium .renew-service-card-clean-logo{background:linear-gradient(135deg,#28160f,#8f4416 58%,#ffb06a);color:#fff;}
.service-overview-section-premium .renew-service-card-clean-thumb{background:linear-gradient(135deg,#151b29,#304264 58%,#ff9d52);color:#fff;}
.service-overview-section-premium .renew-service-card-clean-blog{background:linear-gradient(135deg,#352114,#895321 58%,#ffc08a);color:#fff;}
.service-overview-section-premium .renew-service-card-clean-businesscard{background:linear-gradient(135deg,#1f2937,#4b5563 58%,#f59e0b);color:#fff;}
.service-overview-section-premium .renew-service-card-clean-dbdocs{background:linear-gradient(135deg,#172033,#3b4b72 58%,#f6b35f);color:#fff;}
.service-overview-section-premium .renew-service-card-clean strong,.service-overview-section-premium .renew-service-card-clean p,.service-overview-section-premium .renew-service-card-clean .renew-service-card__bottom{color:inherit;}
.service-overview-section-premium .renew-service-card-clean .renew-service-card__tags span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.12);color:#fff;}
.home-trust-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;align-items:stretch;}
.home-trust-card-dark{padding:30px;background:linear-gradient(135deg,#111827,#3d2a1d 54%,#df7a2a);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;}
.home-trust-card-dark h2{margin:10px 0 14px;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.12;color:#fff;letter-spacing:-.04em;}
.home-trust-card-dark p{margin:0;color:rgba(255,255,255,.82);line-height:1.8;}
.step-grid-slim{align-items:stretch;}
.step-card-renewal-slim{min-height:100%;}
.admin-body{background:#f3f4f6;}
.admin-body .site-header,.admin-body .site-footer{display:none;}
.admin-body .site-main{padding:28px 0 48px;}
.admin-body .section.section-sm{padding-top:0;}
.admin-body .container{max-width:1400px;}
.admin-body .section-head.compact{margin-bottom:20px;padding:10px 4px;}
.admin-body .section-head.compact h1{font-size:34px;letter-spacing:-.04em;}
.admin-body .panel{border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05);border-radius:24px;}
.admin-body .metrics-grid{gap:16px;}
.admin-body .metric-card{background:linear-gradient(180deg,#111827,#1f2937);color:#fff;border:none;box-shadow:0 14px 30px rgba(15,23,42,.12);}
.admin-body .metric-card span{color:rgba(255,255,255,.74);}
.admin-body .dashboard-grid.admin-grid{gap:18px;}
.admin-body .panel-head h2{font-size:24px;}
.admin-body table{background:#fff;}
.admin-body .flash-wrap.container{max-width:1400px;padding-bottom:16px;}
@media (max-width: 1024px){.home-premium-grid,.home-trust-grid{grid-template-columns:1fr;}}
@media (max-width: 768px){.hero-slide-renewal{min-height:420px;}.hero-renewal-inner{grid-template-columns:1fr;gap:0;min-height:420px;padding-top:28px;padding-bottom:28px;}.hero-renewal-copy h1{font-size:clamp(2rem,9vw,2.8rem);}.hero-renewal-copy p{font-size:1rem;line-height:1.7;margin-bottom:22px;}.hero-visual{display:none !important;}.feature-premium-grid{grid-template-columns:1fr;}}


.job-title-link{color:inherit;text-decoration:none;display:inline-block;max-width:100%;}
.job-title-link strong{display:block;}
.job-title-link:hover strong{color:var(--primary);}

.home-premium-main .section-head p{max-width:420px;}
.home-trust-card-dark{background:linear-gradient(135deg,#111827 0%,#1f2937 55%,#374151 100%);}
.step-card-renewal-slim{background:#fff;border:1px solid #eceff3;box-shadow:0 18px 36px rgba(15,23,42,.06);}
.step-card-renewal-slim p{color:#475569;}
.section-head-wide.home-section-head-premium h2{letter-spacing:-.03em;}
.section-head-wide.home-section-head-premium p{color:#64748b;}

.admin-body{background:#f3f5f9;}
.admin-body .site-header{background:#111827;border-bottom:1px solid rgba(255,255,255,.06);}
.admin-body .main-nav a,.admin-body .header-actions a,.admin-body .credit-pill{color:#fff;}
.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;}
.admin-sidebar{position:sticky;top:96px;}
.admin-sidebar-card{background:#0f172a;color:#fff;border-radius:24px;padding:18px;box-shadow:0 20px 40px rgba(15,23,42,.18);}
.admin-sidebar-title{font-size:13px;font-weight:800;opacity:.65;margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em;}
.admin-sidebar-card a{display:block;padding:11px 12px;border-radius:14px;color:#e5e7eb;text-decoration:none;font-weight:700;}
.admin-sidebar-card a:hover{background:rgba(255,255,255,.08);color:#fff;}
.admin-main{min-width:0;}
.admin-main .section-head{margin-bottom:18px;}
.admin-panel,.admin-main .metric-card{border:1px solid #e5e7eb;box-shadow:0 16px 32px rgba(15,23,42,.06);border-radius:24px;background:#fff;}
.admin-body .dashboard-grid.admin-grid{gap:20px;}
.admin-table input[type=text],.admin-table input[type=number],.admin-table select{min-width:120px;}
@media (max-width: 980px){.admin-shell{grid-template-columns:1fr;}.admin-sidebar{position:static;}.admin-sidebar-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.admin-sidebar-title{grid-column:1/-1;}}
@media (max-width: 640px){.admin-sidebar-card{grid-template-columns:1fr;}}

/* ===== 2026-03-23 refine ===== */
.home-feature-layout-balanced{
  align-items:stretch;
}
.home-feature-layout-balanced .home-feature-grid,
.home-feature-layout-balanced .home-notice-panel{
  min-height:100%;
}
.home-feature-grid{
  grid-auto-rows:1fr;
}
.home-notice-panel{
  background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  border:1px solid rgba(226,232,240,.9);
  box-shadow:0 14px 40px rgba(15,23,42,.05);
}
.home-notice-head{
  border-bottom:1px solid rgba(226,232,240,.9);
}
.home-notice-head h2,
.home-notice-head a,
.home-notice-item strong,
.home-notice-item p,
.home-notice-date{
  color:#111827;
}
.home-notice-item{
  background:#fff;
  border:1px solid rgba(226,232,240,.78);
}
.home-notice-item:hover{
  border-color:rgba(245,158,11,.38);
  box-shadow:0 12px 26px rgba(15,23,42,.06);
}
.home-notice-list{
  display:grid;
  gap:10px;
}
.home-section-head-premium p{
  max-width:560px;
}
.home-trust-card-dark{
  background:linear-gradient(135deg,#0f172a 0%, #1e293b 55%, #334155 100%);
  color:#fff;
}
.home-trust-card-dark p,
.home-trust-card-dark .section-eyebrow-light{
  color:rgba(255,255,255,.84);
}
.step-grid-renewal-slim .step-card{
  background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  border:1px solid rgba(226,232,240,.92);
}
.job-list-title-link{
  color:inherit;
  text-decoration:none;
  display:block;
  position:relative;
  z-index:3;
}
.job-list-title-link:hover strong{
  color:var(--primary);
}
.job-list-actions,
.job-list-actions *{
  position:relative;
  z-index:4;
}

.admin-page-v2 .site-header,
.admin-page-v2 .site-footer{
  display:none;
}
.admin-v2-section{
  padding:0;
}
.admin-v2-shell{
  width:min(1400px, calc(100% - 40px));
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:24px;
  padding:28px 0 36px;
}
.admin-v2-sidebar{
  position:sticky;
  top:20px;
  align-self:start;
  background:#0f172a;
  border-radius:28px;
  padding:22px 18px;
  color:#fff;
  box-shadow:0 20px 50px rgba(15,23,42,.18);
}
.admin-v2-brand span{
  display:block;
  font-size:12px;
  letter-spacing:.08em;
  color:rgba(255,255,255,.65);
}
.admin-v2-brand strong{
  display:block;
  margin-top:6px;
  font-size:24px;
  letter-spacing:-.04em;
  color:#fff;
}
.admin-v2-nav{
  display:grid;
  gap:8px;
  margin-top:20px;
}
.admin-v2-nav a{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:0 14px;
  border-radius:14px;
  color:rgba(255,255,255,.76);
  text-decoration:none;
  font-weight:700;
}
.admin-v2-nav a.is-active,
.admin-v2-nav a:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.admin-v2-main{
  min-width:0;
}
.admin-v2-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.admin-v2-head h1{
  margin:8px 0 0;
  font-size:34px;
  line-height:1.12;
  letter-spacing:-.05em;
}
.admin-v2-metrics .metric-card{
  background:#111827;
  color:#fff;
  border:0;
}
.admin-v2-metrics .metric-card span{
  color:rgba(255,255,255,.76);
}
.admin-v2-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.admin-v2-panel{
  border-radius:26px;
  padding:22px;
  background:#fff;
  border:1px solid rgba(226,232,240,.92);
  box-shadow:0 12px 34px rgba(15,23,42,.05);
}
.admin-inline-check{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.admin-inline-check span{
  color:#111827;
}
.admin-table input[type="text"],
.admin-table input[type="number"],
.admin-table select,
.admin-table textarea,
.admin-cell-stack input,
.admin-cell-stack select,
.admin-cell-stack textarea,
.admin-prompt-card input,
.admin-prompt-card textarea,
.admin-support-card textarea,
.admin-support-card select{
  width:100%;
}
.admin-cell-stack{
  display:grid;
  gap:8px;
  min-width:180px;
}
.admin-check-group{
  min-width:140px;
}
.admin-check-group label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
}
.admin-prompt-group + .admin-prompt-group{
  margin-top:18px;
}
.admin-prompt-group h3{
  margin:0 0 12px;
}
.admin-prompt-list{
  display:grid;
  gap:14px;
}
.admin-prompt-card{
  display:grid;
  gap:10px;
  padding:16px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:18px;
  background:#f8fafc;
}
.admin-support-list{
  display:grid;
  gap:16px;
}
.admin-support-card{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:20px;
  background:#fff;
}
.admin-support-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.admin-support-head strong{
  display:block;
  font-size:18px;
}
.admin-support-head p{
  margin:6px 0 0;
  color:#667085;
}
.admin-support-body{
  display:grid;
  gap:12px;
}
.admin-support-message{
  padding:14px 16px;
  border-radius:16px;
  background:#f8fafc;
  color:#344054;
  line-height:1.7;
}
.admin-support-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
@media (max-width: 1100px){
  .admin-v2-shell{
    grid-template-columns:1fr;
  }
  .admin-v2-sidebar{
    position:static;
  }
  .admin-v2-grid-2{
    grid-template-columns:1fr;
  }
}
@media (max-width: 760px){
  .admin-v2-shell{
    width:min(100%, calc(100% - 24px));
    padding:16px 0 24px;
    gap:16px;
  }
  .admin-v2-head{
    flex-direction:column;
  }
  .admin-v2-head h1{
    font-size:28px;
  }
}


/* ===== 2026-03-23 final refine ===== */
.home-notice-head{
  margin-bottom:16px;
  padding-bottom:16px;
}
.home-notice-head > div{
  display:grid;
  gap:8px;
}
.home-notice-head .section-eyebrow{
  margin:0;
}
.home-notice-head h3{
  margin:0;
}
.home-notice-head p{
  margin:0;
  color:#64748b;
  font-size:14px;
  line-height:1.7;
}
.home-notice-panel{
  padding:26px;
  background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
}
.home-notice-list{
  gap:12px;
}
.home-notice-item{
  padding:17px 18px;
  border-radius:18px;
}
.home-notice-item p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.home-trust-grid{
  grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);
}
.home-trust-card-dark{
  background:linear-gradient(135deg,#111827 0%, #1f2937 58%, #334155 100%);
}
.home-trust-card-dark h2{
  font-size:clamp(1.7rem,2.4vw,2.35rem);
}
.home-trust-card-dark p,
.home-trust-card-dark .section-eyebrow-light{
  color:rgba(255,255,255,.9);
}
.step-grid-renewal-slim .step-card{
  padding:24px 22px;
}
.step-grid-renewal-slim .step-card h3{
  color:#111827;
}
.step-grid-renewal-slim .step-card p{
  color:#475569;
}

.admin-table-banners thead{display:none;}
.admin-table-banners,
.admin-table-banners tbody,
.admin-table-banners tr,
.admin-table-banners td{display:block;width:100%;}
.admin-table-banners tbody{display:grid;gap:18px;}
.admin-table-banners tr{
  padding:20px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}
.admin-table-banners td{
  padding:0;
  border:none;
}
.admin-table-banners tr{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.admin-table-banners td::before{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  font-weight:800;
  color:#64748b;
}
.admin-table-banners td:nth-child(1)::before{content:"순서 / 상태";}
.admin-table-banners td:nth-child(2)::before{content:"텍스트";}
.admin-table-banners td:nth-child(3)::before{content:"버튼";}
.admin-table-banners td:nth-child(4)::before{content:"배경";}
.admin-table-banners td:nth-child(5)::before{content:"오른쪽 비주얼";}
.admin-table-banners td:nth-child(6)::before{content:"표시 항목";}
.admin-table-banners .admin-cell-stack{
  gap:10px;
  min-width:0;
}
.admin-check-group{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 12px;
}
.admin-check-group label{
  padding:10px 12px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(226,232,240,.92);
}
@media (max-width: 1180px){
  .admin-table-banners tr{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
  .home-notice-head h3{font-size:24px;}
  .home-notice-head p{font-size:13px;}
  .admin-table-banners tr{grid-template-columns:1fr;padding:16px;}
  .admin-check-group{grid-template-columns:1fr;}
}

.admin-v2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;}
.admin-split-layout{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:20px;align-items:start;}
.admin-banner-thumb{width:110px;height:62px;border-radius:12px;object-fit:cover;border:1px solid #e5e7eb;background:#fff;display:block;}
.admin-banner-thumb-empty{display:grid;place-items:center;color:#94a3b8;font-size:11px;font-weight:800;}
.admin-banner-summary-table td strong{display:block;margin-bottom:4px;}
.admin-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:800;line-height:1;}
.admin-status-pill.is-active{background:#ecfdf3;color:#166534;}
.admin-status-pill.is-event{background:#fff7ed;color:#c2410c;}
.admin-status-pill.is-notice{background:#eff6ff;color:#1d4ed8;}
.admin-status-pill.is-pinned{background:#fff1f2;color:#be123c;}
.admin-banner-detail-form textarea,.admin-banner-detail-form input[type=text],.admin-banner-detail-form select,.admin-banner-detail-form input[type=number],.admin-detail-box,.admin-v2-panel textarea{width:100%;}
.admin-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.admin-grid-col-full{grid-column:1/-1;}
.admin-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:18px 20px;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb;}
.admin-check-grid label{font-size:14px;color:#334155;font-weight:600;}
.admin-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.admin-filter-row a{display:inline-flex;padding:9px 13px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;text-decoration:none;font-weight:800;font-size:13px;}
.admin-filter-row a.is-active{background:#111827;border-color:#111827;color:#fff;}
.admin-notice-list,.admin-inquiry-list{display:grid;gap:12px;max-height:920px;overflow:auto;padding-right:4px;}
.admin-notice-item,.admin-inquiry-item{display:block;padding:16px 18px;border-radius:18px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;color:#111827;transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;}
.admin-notice-item:hover,.admin-inquiry-item:hover,.admin-notice-item.is-active,.admin-inquiry-item.is-active{border-color:#fb923c;box-shadow:0 12px 28px rgba(15,23,42,.08);transform:translateY(-1px);}
.admin-notice-item-top,.admin-inquiry-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.admin-notice-item strong,.admin-inquiry-item strong{display:block;font-size:16px;line-height:1.45;letter-spacing:-.02em;margin-bottom:6px;}
.admin-notice-item p,.admin-inquiry-item p{margin:0 0 6px;color:#64748b;line-height:1.65;font-size:13px;}
.admin-form-actions{display:flex;gap:10px;flex-wrap:wrap;}
.admin-detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;}
.admin-detail-meta-grid>div{padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb;}
.admin-detail-meta-grid span{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:700;}
.admin-detail-meta-grid strong{display:block;color:#111827;line-height:1.5;}
.admin-detail-box{padding:20px;border-radius:20px;background:#fffaf5;border:1px solid #f1e2d3;margin-bottom:18px;}
.admin-detail-box h3{margin:0 0 14px;font-size:22px;line-height:1.3;letter-spacing:-.03em;}
.admin-detail-copy{color:#475569;line-height:1.85;white-space:pre-wrap;word-break:break-word;}
.btn-xs{padding:8px 12px;font-size:12px;border-radius:12px;}
@media (max-width: 1180px){.admin-split-layout{grid-template-columns:1fr;}.admin-notice-list,.admin-inquiry-list{max-height:none;}}
@media (max-width: 768px){.admin-v2-head{flex-direction:column;align-items:flex-start;}.admin-form-grid-2,.admin-check-grid,.admin-detail-meta-grid{grid-template-columns:1fr;}}


/* ===== 2026-03-23 home notice tabs ===== */
.home-premium-grid{
  align-items:stretch;
}
.home-premium-main,
.home-notice-panel{
  height:100%;
}
.home-premium-main{
  display:flex;
  flex-direction:column;
}
.feature-premium-grid{
  flex:1;
  align-content:stretch;
}
.home-notice-panel{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border:1px solid #dbe3ec;
  padding:22px 22px 20px;
  background:#f8fafc;
}
.home-notice-head{
  margin-bottom:14px;
  padding-bottom:14px;
  border-bottom:1px solid #dbe3ec;
}
.home-notice-head-copy{
  min-width:0;
}
.home-notice-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.home-notice-tab{
  appearance:none;
  border:1px solid #dbe3ec;
  background:#ffffff;
  color:#475569;
  border-radius:999px;
  min-height:40px;
  padding:0 16px;
  font-size:14px;
  font-weight:800;
  letter-spacing:-0.02em;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.home-notice-tab:hover{
  transform:translateY(-1px);
  border-color:#cbd5e1;
}
.home-notice-tab.is-active{
  background:#f6e9bf;
  color:#b45309;
  border-color:#f0d99a;
  box-shadow:0 8px 18px rgba(180,83,9,.08);
}
.home-notice-head h3{
  margin:12px 0 0;
  font-size:23px;
  line-height:1.2;
  letter-spacing:-0.03em;
}
.home-notice-board-link{
  color:#111827;
  text-decoration:none;
}
.home-notice-board-link:hover{
  color:#b45309;
}
.home-notice-panes{
  flex:1;
  min-height:0;
}
.home-notice-pane{
  height:100%;
}
.home-notice-pane[hidden]{
  display:none !important;
}
.home-notice-list{
  display:grid;
  gap:10px;
}
.home-notice-list-4{
  grid-template-rows:repeat(4, minmax(0, 1fr));
  height:100%;
}
.home-notice-item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:0;
  padding:14px 16px;
  background:#ffffff;
  border:1px solid #dbe3ec;
  border-radius:20px;
}
.home-notice-date{
  margin-bottom:6px;
  color:#0f172a;
  opacity:.62;
  font-size:12px;
}
.home-notice-item strong{
  color:#111827;
  font-size:15px;
  line-height:1.4;
}
.home-notice-item p{
  margin:6px 0 0;
  color:#475569;
  font-size:12.5px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
@media (max-width: 760px){
  .home-notice-panel{
    padding:20px 18px 18px;
  }
  .home-notice-head{
    flex-direction:column;
    align-items:stretch;
  }
  .home-notice-tabs{
    width:100%;
  }
  .home-notice-tab{
    flex:1 1 calc(50% - 4px);
    justify-content:center;
  }
  .home-notice-head h3{
    font-size:21px;
  }
  .home-notice-more{
    width:100%;
  }
  .home-notice-list-4{
    grid-template-rows:none;
    height:auto;
  }
}
/* =========================
   WHITE THEME OVERRIDE
========================= */

/* 기본 배경 */
body,
.section,
.section-soft,
.home-premium-section,
.service-overview-section,
.home-trust-section {
    background: #ffffff !important;
    color: #111111;
}

/* 제목 / 본문 */
h1, h2, h3, h4, h5, h6 {
    color: #111111;
}
p {
    color: #555555;
}

/* section eyebrow (문제였던 부분) */
.section-eyebrow {
    background: #f3f4f6;
    color: #111111;
}

.section-eyebrow-light {
    background: #f3f4f6 !important;
    color: #111111 !important;
}

/* 카드류 */
.feature-premium-card,
.renew-service-card,
.step-card,
.home-notice-item {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

/* 카드 hover */
.feature-premium-card:hover,
.renew-service-card:hover,
.step-card:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* 공지 패널 */
.home-notice-panel {
    background: #ffffff;
    border: 1px solid #e5e7eb;
}

/* 버튼 */
.btn-white {
    background: #111111;
    color: #ffffff;
}

.btn-darkline {
    border: 1px solid #111111;
    color: #111111;
}

/* CTA 영역 (기존 다크 제거) */
.cta-box-dark,
.cta-box-allddak {
    background: #f9fafb;
    color: #111111;
    border: 1px solid #e5e7eb;
}

/* 히어로 (배경 흰색 기준 대비) */
.hero-renewal {
    background: #ffffff;
}

.main-hero-slide {
    color: #111111;
}

/* 탭 */
.home-notice-tab {
    color: #888;
}

.home-notice-tab.is-active {
    color: #111111;
    font-weight: 600;
}

/* 링크 */
a {
    color: inherit;
}

/* 구분선 */
hr {
    border-color: #e5e7eb;
}
.cta-box-dark,
.cta-box-allddak {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  padding: 42px 40px;
  border-radius: 28px;
  background: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);
  border: 1px solid #dfe5ec;
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

/* 은은한 포인트 */
.cta-box-dark::before,
.cta-box-allddak::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -60px;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(245, 158, 11, 0.14) 0%, rgba(245, 158, 11, 0) 70%);
  pointer-events: none;
}

.cta-box-dark::after,
.cta-box-allddak::after {
  content: "";
  position: absolute;
  bottom: -90px;
  left: -70px;
  width: 240px;
  height: 240px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(17, 24, 39, 0.06) 0%, rgba(17, 24, 39, 0) 72%);
  pointer-events: none;
}

/* 텍스트가 위로 뜨게 */
.cta-box-dark > *,
.cta-box-allddak > * {
  position: relative;
  z-index: 1;
}

.cta-box-dark h2,
.cta-box-allddak h2 {
  margin: 0 0 12px;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.12;
  letter-spacing: -0.04em;
  color: #111827;
}

.cta-box-dark p,
.cta-box-allddak p {
  margin: 0;
  max-width: 760px;
  font-size: 16px;
  line-height: 1.8;
  color: #667085;
}

/* 버튼 영역 */
.cta-box-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.cta-box-dark .btn-white,
.cta-box-allddak .btn-white {
  background: #111827;
  color: #ffffff;
  border: 1px solid #111827;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.16);
}

.cta-box-dark .btn-white:hover,
.cta-box-allddak .btn-white:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(17, 24, 39, 0.2);
}

.cta-box-dark .btn-darkline,
.cta-box-allddak .btn-darkline {
  background: rgba(255, 255, 255, 0.72);
  color: #374151;
  border: 1px solid #cfd8e3;
}

.cta-box-dark .btn-darkline:hover,
.cta-box-allddak .btn-darkline:hover {
  background: #ffffff;
  border-color: #bfc9d6;
}

/* 모바일 */
@media (max-width: 860px) {
  .cta-box-dark,
  .cta-box-allddak {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 24px;
    gap: 20px;
    border-radius: 24px;
  }

  .cta-box-actions {
    width: 100%;
  }

  .cta-box-actions .btn {
    flex: 1 1 auto;
  }
}
@media (max-width: 760px){
  .home-trust-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .home-trust-card-dark{
    padding:22px 18px;
    border-radius:22px;
  }

  .home-trust-card-dark h2{
    font-size:28px;
    line-height:1.2;
    margin:10px 0 10px;
  }

  .home-trust-card-dark p{
    font-size:14px;
    line-height:1.7;
  }

  .step-grid-slim{
    gap:12px;
  }

  .step-card-renewal-slim{
    padding:18px 16px;
    border-radius:20px;
    min-height:auto;
  }

  .step-card-renewal-slim em{
    width:42px;
    height:42px;
    margin-bottom:12px;
  }

  .step-card-renewal-slim h3{
    font-size:18px;
    line-height:1.35;
    margin:0;
  }

  .step-card-renewal-slim p{
    margin-top:8px;
    font-size:14px;
    line-height:1.65;
  }
}
@media (max-width: 760px){
  .home-premium-section{
    padding-top:32px;
  }

  .home-premium-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .home-premium-main{
    padding:20px 16px;
    border-radius:22px;
  }

  .home-section-head-premium{
    gap:14px;
    margin-bottom:16px;
  }

  .home-section-head-premium h2{
    font-size:clamp(2rem, 8vw, 2.4rem);
    line-height:1.16;
    letter-spacing:-0.04em;
  }

  .home-section-head-premium p,
  .home-premium-main .section-head p{
    max-width:none;
    font-size:15px;
    line-height:1.75;
    margin:0;
  }

  .feature-premium-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .feature-premium-card{
    min-height:auto;
    padding:18px 16px;
    border-radius:20px;
  }

  .feature-premium-mark{
    width:42px;
    height:42px;
    margin-bottom:12px;
    border-radius:14px;
    font-size:18px;
  }

  .feature-premium-card strong{
    font-size:18px;
    line-height:1.35;
    margin-bottom:6px;
  }

  .feature-premium-card p{
    font-size:14px;
    line-height:1.65;
  }
}
@media (max-width: 760px){
  .home-section-head-premium,
  .home-premium-main .section-head,
  .home-section-head-premium > div{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
    width:100%;
  }

  .home-section-head-premium .section-eyebrow{
    align-self:flex-start;
    margin:0 0 10px;
  }

  .home-section-head-premium h2{
    width:100%;
    margin:0;
    text-align:left;
  }

  .home-section-head-premium p,
  .home-premium-main .section-head p{
    width:100%;
    text-align:left;
    margin:0;
  }
}

/* ===== 2026-03-23 businesscard ===== */
.businesscard-set-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.businesscard-set-card{
  border:1px solid #ece7dd;
  border-radius:26px;
  background:#fff;
  box-shadow:0 16px 32px rgba(15,23,42,.05);
  overflow:hidden;
}
.businesscard-set-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px;
  border-bottom:1px solid #f1ece4;
}
.businesscard-set-head strong{font-size:20px;line-height:1.3;color:#111827;}
.businesscard-set-head span{font-size:13px;font-weight:700;color:#8b7e69;}
.businesscard-set-previews{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:18px 20px 0;
}
.businesscard-side-card{display:grid;gap:10px;}
.businesscard-side-label{font-size:13px;font-weight:800;color:#8b7e69;}
.businesscard-side-preview{
  display:block;
  width:100%;
  padding:0;
  border:1px solid #efe7dc;
  border-radius:18px;
  background:#fffaf6;
  overflow:hidden;
  cursor:pointer;
}
.businesscard-side-preview img{display:block;width:100%;aspect-ratio:1.78/1;object-fit:cover;background:#fff;}
.businesscard-side-preview-empty{min-height:180px;display:flex;align-items:center;justify-content:center;}
.businesscard-set-actions{padding:18px 20px 20px;}
@media (max-width: 980px){
  .businesscard-set-grid{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .businesscard-set-card{border-radius:22px;}
  .businesscard-set-head{padding:16px 16px 14px;align-items:flex-start;flex-direction:column;}
  .businesscard-set-previews{grid-template-columns:1fr;gap:12px;padding:16px 16px 0;}
  .businesscard-set-actions{padding:16px;}
  .businesscard-set-actions .btn{width:100%;}
  .businesscard-set-actions form{width:100%;}
}


/* ===== AI model service ===== */
.services-page-renewal{display:grid;gap:24px;}
.section-head-services p{max-width:720px;}
.aimodel-feature-hero{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:22px;align-items:stretch;padding:34px;border-radius:30px;background:linear-gradient(135deg,#171717 0%,#2b1a14 40%,#d96f27 100%);color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative;}
.aimodel-feature-hero::after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.08);}
.aimodel-feature-copy,.aimodel-feature-visual{position:relative;z-index:1;}
.aimodel-feature-badge{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:900;letter-spacing:.06em;}
.aimodel-feature-hero h2{margin:18px 0 14px;font-size:40px;line-height:1.18;letter-spacing:-.05em;color:#fff;}
.aimodel-feature-hero p{margin:0;color:rgba(255,255,255,.84);line-height:1.85;font-size:16px;}
.aimodel-feature-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.aimodel-feature-tags span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:800;}
.aimodel-feature-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.aimodel-feature-visual{padding:22px;border-radius:26px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);display:grid;align-content:center;gap:14px;}
.aimodel-visual-card{display:grid;place-items:center;min-height:160px;border-radius:22px;background:rgba(255,255,255,.14);font-size:34px;font-weight:900;letter-spacing:-.04em;}
.aimodel-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.aimodel-visual-grid div{display:grid;place-items:center;min-height:78px;border-radius:18px;background:rgba(255,255,255,.1);font-size:14px;font-weight:800;}
.services-subcopy-card{padding:20px 24px;border-radius:24px;background:#fff;border:1px solid #f1e6db;box-shadow:var(--shadow-sm);}
.services-subcopy-card strong{display:block;font-size:19px;letter-spacing:-.03em;color:#111827;}
.services-subcopy-card p{margin:10px 0 0;color:#667085;line-height:1.8;}
.service-badge-aimodel{background:#fff1e8;color:#c2410c;}
.panel-aimodel .panel-head{align-items:flex-start;justify-content:flex-start;}
.aimodel-generator-grid{grid-template-columns:minmax(0,980px);justify-content:center;}
.aimodel-mode-banner{margin-top:12px;padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,#fffaf8 0%,#ffffff 100%);border:1px solid #f0e1d3;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:14px;align-items:center;box-shadow:0 10px 24px rgba(15,23,42,.04);}
.aimodel-mode-copy{min-width:0;}
.aimodel-mode-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff1e7;color:#c2410c;font-size:12px;font-weight:900;margin-bottom:10px;}
.aimodel-mode-banner strong{display:block;font-size:28px;letter-spacing:-.04em;color:#111827;line-height:1.24;}
.aimodel-mode-banner p{margin:8px 0 0;color:#667085;line-height:1.7;max-width:760px;font-size:14px;}
.aimodel-reference-preview{justify-self:end;width:88px;}
.aimodel-reference-preview img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px;border:1px solid #eadbcc;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);}
/* removed old topline */
.aimodel-step-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.aimodel-step-inline-item{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#fff7ef;border:1px solid #f1dfcf;color:#87562c;font-size:12px;font-weight:800;line-height:1;}
.aimodel-step-inline-item.is-current{background:#111827;border-color:#111827;color:#fff;box-shadow:0 8px 20px rgba(17,24,39,.16);}
.aimodel-step-inline-item.is-done{background:#fff1e7;border-color:#f4cda7;color:#c2410c;}
.aimodel-step-inline-no{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.72);color:inherit;font-size:11px;font-weight:900;}
.aimodel-step-inline-item.is-current .aimodel-step-inline-no{background:rgba(255,255,255,.18);color:#fff;}
.aimodel-step-inline-sep{font-size:12px;font-weight:900;color:#c6a07d;}
/* quick meta moved to top line */
/* quick chip moved to top line */
/* quick chip moved to top line */
.aimodel-guide-card h2{margin:10px 0 14px;font-size:24px;letter-spacing:-.04em;}
.aimodel-guide-card.soft{background:linear-gradient(180deg,#fffaf6,#fff);}
.aimodel-result-bridge{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:24px;border-radius:26px;background:linear-gradient(180deg,#fffdf8,#fff);border:1px solid #f1e6db;box-shadow:var(--shadow-sm);}
.aimodel-result-bridge-copy strong{display:block;margin-top:10px;font-size:26px;letter-spacing:-.04em;color:#111827;}
.aimodel-result-bridge-copy p{margin:10px 0 0;color:#667085;line-height:1.8;}
.aimodel-result-bridge-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
@media (max-width:980px){.aimodel-feature-hero{grid-template-columns:1fr;}.aimodel-mode-banner{grid-template-columns:1fr;}.aimodel-reference-preview{justify-self:start;}.aimodel-mode-topline{align-items:flex-start;}.aimodel-step-inline{justify-content:flex-start;}.aimodel-result-bridge{flex-direction:column;align-items:flex-start;}.aimodel-result-bridge-actions{justify-content:flex-start;}}
@media (max-width:760px){.aimodel-feature-hero{padding:24px;border-radius:24px;}.aimodel-feature-hero h2{font-size:30px;}.aimodel-feature-actions .btn,.aimodel-result-bridge-actions .btn{width:100%;}.aimodel-result-bridge-actions form{width:100%;}.aimodel-result-bridge-actions form .btn{width:100%;}.aimodel-mode-banner{padding:16px 16px;border-radius:22px;}.aimodel-mode-banner strong{font-size:22px;}.aimodel-mode-topline{gap:10px;}.aimodel-step-inline-item{font-size:11px;padding:6px 9px;}.aimodel-step-inline-no{width:17px;height:17px;font-size:10px;}}


/* services spotlight slider */
.services-page-renewal{display:grid;gap:24px;}
.service-spotlight{position:relative;overflow:hidden;border-radius:30px;box-shadow:var(--shadow);}
.service-spotlight-track{display:flex;transition:transform .55s ease;}
.service-spotlight-slide{min-width:100%;display:grid;grid-template-columns:minmax(0,1.08fr) 340px;gap:22px;align-items:stretch;padding:34px;background:linear-gradient(135deg,#171717 0%,#2b1a14 40%,#d96f27 100%);color:#fff;position:relative;overflow:hidden;}
.service-spotlight-slide::after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.08);}
.service-spotlight-slide-logo{background:linear-gradient(135deg,#171717 0%,#2b1a14 40%,#d96f27 100%);}
.service-spotlight-slide-thumb{background:linear-gradient(135deg,#111827 0%,#24314f 48%,#fb923c 100%);}
.service-spotlight-slide-blog{background:linear-gradient(135deg,#3a2315 0%,#8f4e18 50%,#ffab66 100%);}
.service-spotlight-slide-dbdocs{background:linear-gradient(135deg,#172033 0%,#39496c 52%,#f49d43 100%);}
.service-spotlight-slide-aimodel{background:linear-gradient(135deg,#171717 0%,#241815 34%,#b45309 100%);}
.service-spotlight-copy,.service-spotlight-visual{position:relative;z-index:1;}
.service-spotlight-badge{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:900;letter-spacing:.06em;}
.service-spotlight-slide h2{margin:18px 0 14px;font-size:40px;line-height:1.18;letter-spacing:-.05em;color:#fff;}
.service-spotlight-slide p{margin:0;color:rgba(255,255,255,.84);line-height:1.85;font-size:16px;}
.service-spotlight-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.service-spotlight-tags span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:800;}
.service-spotlight-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.service-spotlight-visual{padding:22px;border-radius:26px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);display:grid;align-content:center;gap:14px;}
.spotlight-visual-card{min-height:138px;border-radius:22px;display:flex;align-items:flex-end;justify-content:flex-start;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08));font-size:28px;font-weight:900;letter-spacing:-.04em;}
.spotlight-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.spotlight-visual-grid div{min-height:76px;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);text-align:center;font-size:13px;font-weight:800;line-height:1.5;}
.service-spotlight-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:none;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:28px;font-weight:700;display:grid;place-items:center;cursor:pointer;z-index:5;backdrop-filter:blur(8px);}
.service-spotlight-prev{left:18px;}
.service-spotlight-next{right:18px;}
.service-spotlight-dots{position:absolute;left:50%;bottom:18px;display:flex;gap:8px;transform:translateX(-50%);z-index:5;}
.service-spotlight-dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.35);}
.service-spotlight-dots button.is-active{background:#fff;width:28px;}
.service-badge-aimodel{background:#fff1e8;color:#c2410c;}
.aimodel-guide-card.soft{background:linear-gradient(180deg,#fffdf8 0%, #fff7ed 100%);}
@media (max-width:980px){.service-spotlight-slide{grid-template-columns:1fr;}.service-spotlight-visual{min-height:auto;}}
@media (max-width:760px){.service-spotlight-slide{padding:24px;border-radius:24px;}.service-spotlight-slide h2{font-size:30px;}.service-spotlight-actions .btn{width:100%;}.service-spotlight-arrow{width:40px;height:40px;font-size:24px;}.service-spotlight-prev{left:10px;}.service-spotlight-next{right:10px;}}

/* 2026-03-24 services banner db slider + aimodel choice ui */
.service-spotlight-fade{min-height:420px;}
.service-spotlight-fade .service-spotlight-track{position:relative;min-height:420px;display:block;}
.service-spotlight-fade .service-spotlight-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px) scale(.985);transition:opacity .6s ease, transform .6s ease, visibility .6s ease;pointer-events:none;}
.service-spotlight-fade .service-spotlight-slide.is-active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;z-index:2;}
.service-spotlight-fade .service-spotlight-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,0) 45%);pointer-events:none;}
.service-spotlight-face-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.service-spotlight-face-card{display:grid;place-items:center;min-height:92px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:22px;font-weight:900;letter-spacing:-.04em;color:#fff;}
@media (max-width: 760px){
  .service-spotlight-fade{min-height:unset;}
  .service-spotlight-fade .service-spotlight-track{min-height:440px;}
  .service-spotlight-fade .service-spotlight-visual{display:none !important;}
}

.aimodel-choice-section + .aimodel-choice-section{margin-top:22px;}
.aimodel-choice-label{display:block;margin-bottom:10px;font-size:15px;font-weight:900;color:#111827;}
.aimodel-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.aimodel-choice-grid-gender,.aimodel-choice-grid-age_range{grid-template-columns:repeat(3,minmax(0,1fr));}
.aimodel-choice-input{position:absolute;opacity:0;pointer-events:none;}
.aimodel-choice-card{display:grid;gap:10px;padding:14px;border-radius:20px;border:1px solid #eadbcc;background:#fffaf6;cursor:pointer;transition:.18s ease;min-height:164px;align-content:start;}
.aimodel-choice-card strong{font-size:15px;line-height:1.35;color:#111827;}
.aimodel-choice-card span{font-size:13px;line-height:1.65;color:#667085;}
.aimodel-choice-input:checked + .aimodel-choice-card{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.14), 0 18px 34px rgba(15,23,42,.06);transform:translateY(-1px);background:#fff;}
.aimodel-choice-thumb{display:block;height:88px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff6eb,#ffe1c2);border:1px solid #f3dfcf;}
.aimodel-choice-thumb::before{content:"";position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:58px;height:58px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 8px 16px rgba(15,23,42,.08);}
.aimodel-choice-thumb::after{content:"";position:absolute;left:50%;top:14px;transform:translateX(-50%);width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 8px 16px rgba(15,23,42,.08);}
.aimodel-choice-thumb-gender-female{background:linear-gradient(135deg,#fff0f5,#ffd9e8);}
.aimodel-choice-thumb-gender-male{background:linear-gradient(135deg,#eef6ff,#d7e8ff);}
.aimodel-choice-thumb-gender-neutral{background:linear-gradient(135deg,#f4f2ff,#e8e3ff);}
.aimodel-choice-thumb-age_range-10s{background:linear-gradient(135deg,#fff8e1,#ffe9a7);}
.aimodel-choice-thumb-age_range-20s{background:linear-gradient(135deg,#fff3e8,#ffd7b5);}
.aimodel-choice-thumb-age_range-30s{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);}
.aimodel-choice-thumb-age_range-40s{background:linear-gradient(135deg,#eef2ff,#dbe4ff);}
.aimodel-choice-thumb-mood_keywords-refined{background:linear-gradient(135deg,#fff8ef,#ffe3c4);}
.aimodel-choice-thumb-mood_keywords-fresh{background:linear-gradient(135deg,#eefdf7,#c8f5df);}
.aimodel-choice-thumb-mood_keywords-urban{background:linear-gradient(135deg,#eef2ff,#c9d7ff);}
.aimodel-choice-thumb-mood_keywords-soft{background:linear-gradient(135deg,#fff7fb,#f7d8ea);}
.aimodel-choice-thumb-face_keywords-soft{background:linear-gradient(135deg,#fff3ee,#ffd5c8);}
.aimodel-choice-thumb-face_keywords-sharp{background:linear-gradient(135deg,#f3f4f6,#d7dce5);}
.aimodel-choice-thumb-face_keywords-bright{background:linear-gradient(135deg,#fffbe6,#ffe493);}
.aimodel-choice-thumb-face_keywords-unique{background:linear-gradient(135deg,#f2f0ff,#d8ccff);}
.aimodel-choice-thumb-body_keywords-slim{background:linear-gradient(135deg,#f8fafc,#e9eef5);}
.aimodel-choice-thumb-body_keywords-balanced{background:linear-gradient(135deg,#eefdf7,#cef4e3);}
.aimodel-choice-thumb-body_keywords-athletic{background:linear-gradient(135deg,#fff5eb,#ffd2a0);}
.aimodel-choice-thumb-body_keywords-voluminous{background:linear-gradient(135deg,#fff4f7,#ffd9e6);}
.aimodel-choice-thumb-hair_keywords-natural-long{background:linear-gradient(135deg,#fff2e6,#ffd0b0);}
.aimodel-choice-thumb-hair_keywords-clean-short{background:linear-gradient(135deg,#eef2ff,#d9e3ff);}
.aimodel-choice-thumb-hair_keywords-soft-wave{background:linear-gradient(135deg,#fff6f0,#ffd8c5);}
.aimodel-choice-thumb-hair_keywords-straight{background:linear-gradient(135deg,#f3f4f6,#e4e7ee);}
.aimodel-choice-thumb-styling_keywords-minimal{background:linear-gradient(135deg,#ffffff,#f1f5f9);}
.aimodel-choice-thumb-styling_keywords-casual{background:linear-gradient(135deg,#fff7ed,#fed7aa);}
.aimodel-choice-thumb-styling_keywords-luxury{background:linear-gradient(135deg,#faf5ff,#e9d5ff);}
.aimodel-choice-thumb-styling_keywords-street{background:linear-gradient(135deg,#eff6ff,#bfdbfe);}
@media (max-width:980px){.aimodel-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.aimodel-choice-grid-gender,.aimodel-choice-grid-age_range{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:760px){.aimodel-choice-grid,.aimodel-choice-grid-gender,.aimodel-choice-grid-age_range{grid-template-columns:1fr;}.aimodel-choice-card{min-height:auto;}}

/* 2026-03-24 aimodel choice preview image upgrade */
.aimodel-choice-card{overflow:hidden;}
.aimodel-choice-thumb{
  display:block;
  height:88px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #f3dfcf;
  background:#fff8f3;
}
.aimodel-choice-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ===== aimodel v2 ===== */
.aimodel-select-grid{
  gap:14px;
  margin-top:6px;
}

.aimodel-select-grid select{
  width:100%;
}

.aimodel-choice-section{
  display:grid;
  gap:12px;
  margin-top:18px;
}

.aimodel-choice-label{
  display:block;
  font-size:15px;
  font-weight:800;
  color:#111827;
}

.aimodel-choice-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.aimodel-choice-grid-hair_keywords{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.aimodel-choice-input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.aimodel-choice-card{
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid #eadbcc;
  border-radius:20px;
  background:#fffaf6;
  cursor:pointer;
  transition:all .18s ease;
  min-height:188px;
}

.aimodel-choice-card strong{
  display:block;
  font-size:15px;
  line-height:1.35;
  color:#111827;
  letter-spacing:-0.02em;
}

.aimodel-choice-card span{
  display:block;
  font-size:13px;
  line-height:1.65;
  color:#667085;
}

.aimodel-choice-input:checked + .aimodel-choice-card{
  border-color:#c2410c;
  background:#fff4eb;
  box-shadow:0 12px 26px rgba(194,65,12,.10);
  transform:translateY(-2px);
}

.aimodel-choice-thumb{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1/1;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#f7efe7);
  border:1px solid rgba(194,65,12,.10);
}

/* 공통 인물 실루엣 느낌 */
.aimodel-choice-thumb::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  width:54%;
  height:44%;
  border-radius:30px 30px 18px 18px;
  background:rgba(255,255,255,.86);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
}

.aimodel-choice-thumb::after{
  content:"";
  position:absolute;
  left:50%;
  top:16%;
  transform:translateX(-50%);
  width:34%;
  height:34%;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

/* mood */
.aimodel-choice-thumb-pure{background:linear-gradient(180deg,#f7fbff,#e6f2ff);}
.aimodel-choice-thumb-refined{background:linear-gradient(180deg,#fff6f0,#f4e1d5);}
.aimodel-choice-thumb-chic{background:linear-gradient(180deg,#eff2f7,#d9e0ea);}
.aimodel-choice-thumb-friendly{background:linear-gradient(180deg,#fff8df,#ffe7a8);}
.aimodel-choice-thumb-lovely{background:linear-gradient(180deg,#fff1f6,#ffd9e7);}
.aimodel-choice-thumb-natural{background:linear-gradient(180deg,#f6fbf5,#deefd8);}
.aimodel-choice-thumb-unique{background:linear-gradient(180deg,#f6f0ff,#e4d6ff);}
.aimodel-choice-thumb-urban{background:linear-gradient(180deg,#eef3fb,#cfdcf1);}

/* face */
.aimodel-choice-thumb-soft::before{width:58%;border-radius:34px;}
.aimodel-choice-thumb-sharp::before{width:50%;border-radius:20px 20px 14px 14px;}
.aimodel-choice-thumb-cute::after{width:36%;height:36%;}
.aimodel-choice-thumb-mature::after{top:18%;width:32%;height:32%;}
.aimodel-choice-thumb-cool::before{width:48%;}
.aimodel-choice-thumb-bright{background:linear-gradient(180deg,#fffce8,#ffe9a8);}

/* body */
.aimodel-choice-thumb-slim::before{width:46%;}
.aimodel-choice-thumb-balanced::before{width:54%;}
.aimodel-choice-thumb-healthy::before{width:58%;}
.aimodel-choice-thumb-glamorous::before{width:62%;}

/* hair */
.aimodel-choice-thumb-natural-long::after,
.aimodel-choice-thumb-wave::after,
.aimodel-choice-thumb-short::after,
.aimodel-choice-thumb-tied::after,
.aimodel-choice-thumb-straight::after{
  box-shadow:none;
  background:#fff;
}

.aimodel-choice-thumb-natural-long::before{
  background:linear-gradient(180deg,#ffffff,#f9f3ec);
}
.aimodel-choice-thumb-natural-long::after{
  width:42%;
  height:42%;
  top:12%;
  border-radius:999px 999px 42% 42%;
}

.aimodel-choice-thumb-wave::after{
  width:44%;
  height:44%;
  top:12%;
  border-radius:45% 55% 48% 52%;
}

.aimodel-choice-thumb-short::after{
  width:34%;
  height:28%;
  top:16%;
  border-radius:55% 55% 35% 35%;
}

.aimodel-choice-thumb-tied::after{
  width:34%;
  height:34%;
  top:15%;
  border-radius:999px;
}
.aimodel-choice-thumb-tied::before{
  background:linear-gradient(180deg,#ffffff,#f8f1ea);
}
.aimodel-choice-thumb-tied::before{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
}

.aimodel-choice-thumb-straight::after{
  width:40%;
  height:42%;
  top:13%;
  border-radius:20% 20% 45% 45%;
}

/* skin */
.aimodel-choice-thumb-fair{background:linear-gradient(180deg,#fff7f2,#fde9df);}
.aimodel-choice-thumb-light-medium{background:linear-gradient(180deg,#fff1e8,#f7d8c3);}
.aimodel-choice-thumb-medium{background:linear-gradient(180deg,#f2dccb,#deb293);}
.aimodel-choice-thumb-deep{background:linear-gradient(180deg,#c98f68,#8a5a3d);}

/* makeup */
.aimodel-choice-thumb-natural{ }
.aimodel-choice-thumb-defined{background:linear-gradient(180deg,#fff1eb,#ffd4c7);}
.aimodel-choice-thumb-glam{background:linear-gradient(180deg,#fff0f4,#ffc7d8);}
.aimodel-choice-thumb-none{background:linear-gradient(180deg,#f8fafc,#edf2f7);}

#appearance_notes{
  min-height:110px;
}

@media (max-width: 1080px){
  .aimodel-choice-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .aimodel-choice-grid-hair_keywords{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 760px){
  .aimodel-select-grid{
    grid-template-columns:1fr;
  }

  .aimodel-choice-grid,
  .aimodel-choice-grid-hair_keywords{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .aimodel-choice-card{
    min-height:170px;
    padding:12px;
  }

  .aimodel-choice-card strong{
    font-size:14px;
  }

  .aimodel-choice-card span{
    font-size:12px;
  }
}
/* ===== aimodel step1 fixes ===== */
.aimodel-select-grid{
  gap:14px;
  margin-top:6px;
}

.aimodel-select-grid-optional{
  margin-top:18px;
}

.aimodel-image-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:10px;
}

.aimodel-image-card{
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid #eadbcc;
  border-radius:20px;
  background:#fffaf6;
  cursor:pointer;
  transition:all .18s ease;
  min-height:214px;
}

.aimodel-image-card strong{
  display:block;
  font-size:15px;
  line-height:1.35;
  color:#111827;
  letter-spacing:-0.02em;
}

.aimodel-image-card > span:last-child{
  display:block;
  font-size:13px;
  line-height:1.65;
  color:#667085;
}

.aimodel-image-thumb{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(194,65,12,.10);
}

.aimodel-image-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.aimodel-image-thumb-random{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#fff7ed,#ffedd5);
  color:#c2410c;
  font-size:18px;
  font-weight:900;
}

.aimodel-choice-input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.aimodel-image-card:has(.aimodel-choice-input:checked){
  border-color:#c2410c;
  background:#fff4eb;
  box-shadow:0 12px 26px rgba(194,65,12,.10);
  transform:translateY(-2px);
}

.aimodel-image-card-random{
  min-height:214px;
}

@media (max-width:1080px){
  .aimodel-image-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .aimodel-image-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .aimodel-image-card{
    min-height:190px;
    padding:12px;
  }

  .aimodel-image-card strong{
    font-size:14px;
  }

  .aimodel-image-card > span:last-child{
    font-size:12px;
  }
}



/* ===== aimodel product step + modal slider ===== */
.result-preview-image-clickable{cursor:zoom-in;}
.result-actions-aimodel{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;}
.result-actions-aimodel .btn-primary{width:100%;}
.result-actions-aimodel .btn-ghost{white-space:nowrap;}
.image-modal-head-actions{display:flex;align-items:center;gap:10px;}
.image-modal-body-aimodel{position:relative;padding:24px 68px;}
.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2;}
.image-modal-nav-prev{left:16px;}
.image-modal-nav-next{right:16px;}
@media (max-width:760px){.result-actions-aimodel{grid-template-columns:1fr;}.image-modal-head{align-items:flex-start;}.image-modal-head-actions{width:100%;justify-content:space-between;}.image-modal-body-aimodel{padding:20px 52px;}.image-modal-nav{width:38px;height:38px;font-size:22px;}}


/* ===== 2026-03-26 aimodel detail refinements ===== */
.aimodel-origin-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:stretch;margin-bottom:18px;padding:20px;border-radius:24px;border:1px solid #eedfce;background:linear-gradient(180deg,#fffdf9 0%,#fff7f0 100%);box-shadow:var(--shadow-sm);}
.aimodel-origin-preview{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;}
.aimodel-origin-preview img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:22px;border:1px solid #eadbcc;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.08);}
.aimodel-origin-copy strong{display:block;margin-top:4px;font-size:26px;line-height:1.24;letter-spacing:-.04em;color:#111827;}
.aimodel-origin-copy p{margin:8px 0 0;color:#667085;line-height:1.75;}
.aimodel-origin-badges{display:flex;gap:8px;flex-wrap:wrap;}
.aimodel-origin-summary{margin-top:14px;}
.aimodel-origin-summary h3{margin:0 0 10px;font-size:15px;font-weight:900;color:#111827;}
.aimodel-origin-chips{display:flex;flex-wrap:wrap;gap:10px;}
.aimodel-origin-chips span{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #ecdccc;color:#344054;font-size:13px;line-height:1.5;box-shadow:0 6px 16px rgba(15,23,42,.04);}
.aimodel-origin-chips span b{font-weight:900;color:#111827;white-space:nowrap;}
.aimodel-origin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.job-flow-badge.is-aimodel-flow{background:#fff1e8;color:#c2410c;}
@media (max-width:980px){.aimodel-origin-card{grid-template-columns:1fr;}.aimodel-origin-preview img{aspect-ratio:4/5;max-width:320px;}.aimodel-origin-actions{justify-content:flex-start;}}
@media (max-width:760px){.aimodel-origin-card{padding:16px;border-radius:20px;}.aimodel-origin-copy strong{font-size:22px;}.aimodel-origin-actions .btn{width:100%;}.aimodel-origin-chips span{border-radius:18px;align-items:flex-start;}}

/* ===== 2026-03-26 aimodel initial casting refinements ===== */
.aimodel-origin-card-initial{
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
  text-align:center;
  padding:24px;
  background:linear-gradient(180deg,#fffdf9 0%,#fff7ef 100%);
}
.aimodel-origin-card-initial .aimodel-origin-copy{
  width:min(100%, 980px);
}
.aimodel-origin-card-initial .aimodel-origin-badges,
.aimodel-origin-card-initial .aimodel-origin-chips{
  justify-content:center;
}
.aimodel-origin-card-initial .aimodel-origin-summary{
  margin-top:16px;
  padding:16px 18px;
  border-radius:24px;
  background:rgba(255,255,255,0.74);
  border:1px solid #f0e0cf;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.aimodel-origin-card-initial .aimodel-origin-summary h3{
  font-size:16px;
  margin-bottom:12px;
}
@media (max-width:760px){
  .aimodel-origin-card-initial{
    padding:18px 16px;
  }
  .aimodel-origin-card-initial .aimodel-origin-summary{
    padding:16px;
    border-radius:20px;
  }
}

.aimodel-head-copy{width:100%;}
.aimodel-head-topline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.aimodel-inline-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;}
.aimodel-inline-meta-item{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#fff7ed;border:1px solid #f3e2cf;color:#7c4a19;font-size:12px;font-weight:800;line-height:1;white-space:nowrap;}
.aimodel-inline-meta-item.is-credit{background:#111827;border-color:#111827;color:#fff;}
.aimodel-step-inline-left{justify-content:flex-start;}
.aimodel-reference-preview{justify-self:end;width:88px;}
.aimodel-reference-preview img{border-radius:18px;}
@media (max-width:980px){.aimodel-head-topline{align-items:flex-start;}.aimodel-inline-meta{gap:8px;}.aimodel-mode-banner{grid-template-columns:1fr;}.aimodel-reference-preview{justify-self:start;}}
@media (max-width:760px){.aimodel-head-topline{gap:10px;}.aimodel-inline-meta-item{font-size:11px;padding:7px 10px;}.aimodel-mode-banner{padding:14px 14px;border-radius:18px;}.aimodel-mode-banner p{font-size:13px;line-height:1.7;}}

.aimodel-primary-section{margin-top:18px;}
@media (max-width:760px){.aimodel-primary-section{margin-top:16px;}}

.aimodel-origin-card-product .aimodel-origin-media{display:flex;align-items:stretch;}
.aimodel-origin-card-product .aimodel-origin-preview img{aspect-ratio:4/5;border-radius:20px;}
.aimodel-origin-card-product .aimodel-origin-copy{display:flex;flex-direction:column;justify-content:center;}
.aimodel-origin-card-product .aimodel-origin-summary{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.76);border:1px solid #f0e0cf;box-shadow:0 8px 18px rgba(15,23,42,.04);}
.aimodel-origin-card-product .aimodel-origin-summary h3{font-size:15px;margin-bottom:10px;}
.aimodel-origin-card-product .aimodel-origin-chips span{border-radius:18px;background:#fffdfb;}


.aimodel-origin-summary-product-image{background:rgba(255,255,255,.88);}
.aimodel-product-image-box{display:flex;align-items:center;gap:14px;}
.aimodel-product-image-preview{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;}
.aimodel-product-image-preview img{display:block;width:88px;height:88px;object-fit:cover;border-radius:18px;border:1px solid #eadbcc;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.08);}
.aimodel-product-image-meta{display:flex;flex-direction:column;gap:4px;min-width:0;}
.aimodel-product-image-meta strong{margin:0;font-size:14px;line-height:1.4;letter-spacing:-.02em;}
.aimodel-product-image-meta span{color:#667085;font-size:12px;line-height:1.5;}
.aimodel-origin-actions form{margin:0;}
@media (max-width:760px){.aimodel-product-image-box{align-items:flex-start;}.aimodel-product-image-preview img{width:76px;height:76px;}}

.eventpage-origin-card{
  margin:0 0 24px;
  padding:24px 26px;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(135deg,#fff7ed 0%,#ffffff 100%);
  box-shadow:0 18px 40px rgba(15,23,42,.06);
}
.eventpage-origin-copy strong{
  display:block;
  font-size:20px;
  color:#111827;
  margin-bottom:8px;
}
.eventpage-origin-copy p{
  margin:0;
  color:#4b5563;
  line-height:1.7;
}
.eventpage-origin-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.eventpage-origin-chips span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(249,115,22,.18);
  color:#374151;
  font-size:14px;
}
.eventpage-origin-chips b{
  color:#111827;
  font-weight:700;
}
.eventpage-detail-document{
  grid-column:1 / -1;
}
.eventpage-document{
  padding:28px;
  border-radius:26px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.06);
}
.eventpage-hero{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:20px;
}
.eventpage-title{
  margin:6px 0 8px;
  font-size:28px;
  line-height:1.25;
  color:#111827;
}
.eventpage-meta{
  margin:0;
  color:#6b7280;
}
.eventpage-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.eventpage-preview-wrap{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.1);
  background:#f8fafc;
}
.eventpage-preview-frame{
  width:100%;
  min-height:760px;
  border:0;
  background:#fff;
}
.eventpage-code-box{
  margin-top:18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#f8fafc;
  overflow:hidden;
}
.eventpage-code-box summary{
  cursor:pointer;
  padding:16px 18px;
  font-weight:700;
  color:#111827;
}
.eventpage-code-textarea{
  width:100%;
  min-height:320px;
  border:0;
  border-top:1px solid rgba(15,23,42,.08);
  background:#0f172a;
  color:#e5e7eb;
  padding:18px;
  resize:vertical;
  font-family:Consolas, Monaco, 'Courier New', monospace;
  font-size:13px;
  line-height:1.7;
}
@media (max-width: 900px){
  .eventpage-hero{
    flex-direction:column;
  }
  .eventpage-preview-frame{
    min-height:620px;
  }
  .eventpage-document,
  .eventpage-origin-card{
    padding:20px;
    border-radius:20px;
  }
}