/* Daechiroot commerce system: compact, trustworthy and product-led. */
:root{
  --dr-blue:#3f6fe8;
  --dr-blue-dark:#2d56c8;
  --dr-blue-soft:#eef3ff;
  --dr-ink:#20242c;
  --dr-text:#4f5662;
  --dr-muted:#747c88;
  --dr-line:#e3e6eb;
  --dr-surface:#f7f8fa;
  --dr-footer:#f2f4f7;
  --dr-radius:12px;
  --dr-shadow:0 12px 30px rgba(34,48,78,.1);
}

.page-home,.page-details,.page-policies,.page-support{
  color:var(--dr-ink);
  background:#fff;
  font-family:Pretendard,"Pretendard Variable","Apple SD Gothic Neo",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
.page-home :focus-visible,.page-details :focus-visible,.page-policies :focus-visible,.page-support :focus-visible{
  outline:3px solid rgba(63,111,232,.45);
  outline-offset:3px;
}

/* Home header and product navigation */
.page-home .wrap{max-width:1280px;padding-left:40px;padding-right:40px}
.utility-bar{height:32px;background:#fff;border-bottom:1px solid #eff1f4;color:#68707c;font-size:10.5px}
.utility-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.utility-left,.utility-right{display:flex;align-items:center;gap:18px;white-space:nowrap}
.utility-bar a{transition:color .15s}
.utility-bar a:hover{color:var(--dr-blue)}
.page-home .nav{
  position:sticky;top:0;z-index:90;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--dr-line);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}
.page-home .nav-in{height:72px;gap:22px}
.page-home .logo{flex:none}
.page-home .logo-mark.brand-logo{width:40px;height:40px;flex-basis:40px}
.page-home .logo-type b{font-family:inherit;font-size:18px;font-weight:850}
.page-home .logo-type small{color:#7c8490;letter-spacing:.18em}
.page-home .nav-links{gap:25px;margin-left:34px;margin-right:auto;flex:none}
.page-home .nlink{font-size:13px;color:#3f4650;font-weight:700}
.page-home .nlink:hover{color:var(--dr-blue)}
.header-finder{
  width:min(280px,24vw);height:42px;padding:0 13px 0 16px;border:1px solid #dfe3e9;border-radius:8px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 1 280px;
  background:#fff;color:#8a919c;font-size:12px;transition:border-color .15s,box-shadow .15s;
}
.header-finder:hover{border-color:#9fb5f2;box-shadow:0 0 0 3px rgba(63,111,232,.08);color:#596273}
.header-finder svg{width:19px;height:19px;flex:none;fill:none;stroke:#68717f;stroke-width:1.8}
.page-home .nav .btn-blue{
  min-height:42px;padding:0 20px;border-radius:8px;
  margin-left:0;flex:none;background:var(--dr-blue);box-shadow:none;color:#fff;
}
.page-home .nav .btn-blue:hover{background:var(--dr-blue-dark);transform:none}

.catalog-rail{background:#fff;border-top:none;border-bottom:1px solid var(--dr-line);position:relative;z-index:20}
.catalog-rail-inner{
  width:min(1280px,100%);height:52px;margin:0 auto;padding:0 40px;
  display:flex;align-items:center;gap:28px;overflow:auto;scrollbar-width:none;
}
.catalog-rail-inner::-webkit-scrollbar{display:none}
.catalog-rail a{display:inline-flex;align-items:center;gap:8px;flex:none;font-size:12.5px;font-weight:750;color:#333a44;white-space:nowrap}
.catalog-rail a:hover{color:var(--dr-blue)}
.catalog-rail a span{font-size:9px;color:var(--dr-blue);font-weight:900;letter-spacing:.05em}

/* Hero: compact campaign panel using a 1200:356 commerce ratio */
.page-home .hero{
  width:min(1200px,calc(100% - 80px));margin:16px auto 0;
  border-radius:14px;background:#1c2738;box-shadow:none;
}
.page-home .hero-carousel,.page-home .hero-slide{min-height:356px}
.page-home .hero-slide{background-position:center;background-size:cover}
.page-home .hero-slide::before{
  background:linear-gradient(90deg,rgba(11,18,27,.82),rgba(11,18,27,.55) 48%,rgba(11,18,27,.08) 82%),linear-gradient(0deg,rgba(11,18,27,.25),transparent 55%);
}
.page-home .hero-slide.device-slide::before,.page-home .hero-slide.team-slide::before{
  background:linear-gradient(90deg,rgba(11,18,27,.82),rgba(11,18,27,.54) 48%,rgba(11,18,27,.07) 82%),linear-gradient(0deg,rgba(11,18,27,.24),transparent 55%);
}
.page-home .hero-slide-inner{width:min(1080px,calc(100% - 120px));padding:66px 0 76px}
.page-home .hero-slide-copy{max-width:900px}
.page-home .hero-slide-kicker{
  display:inline-flex;align-items:center;min-height:auto;padding:0 0 8px;
  border-radius:0;border-bottom:1px solid rgba(255,255,255,.7);background:transparent;opacity:1;
  color:#fff;font-size:10px;letter-spacing:.16em;
}
.page-home .hero-slide h1,.page-home .hero-slide h2{
  margin-top:18px;max-width:930px;font-size:clamp(38px,4.2vw,52px);
  line-height:1.08;font-family:inherit;font-weight:850;letter-spacing:-.055em;
}
.page-home .hero-slide-actions{margin-top:24px}
.page-home .hero-slide .hero-action{
  min-height:42px;padding:0 18px;border-radius:7px;border:1px solid rgba(255,255,255,.76);
  color:#fff;background:rgba(20,29,45,.26);box-shadow:none;
}
.page-home .hero-slide .hero-action:hover{background:#fff;color:#191919}
.page-home .hero-slide .hero-action::after{content:" →";margin-left:7px}
.page-home .hero-arrow{width:38px;height:38px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(18,28,44,.45);color:#fff;box-shadow:none}
.page-home .hero-arrow.prev{left:18px}.page-home .hero-arrow.next{right:18px}
.page-home .hero-dots{bottom:22px}

/* Quick product finder */
.home-discovery{padding:48px 0 54px;background:#fff}
.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.home-section-head p{font-size:11px;line-height:1;font-weight:750;letter-spacing:.02em;color:var(--dr-blue);margin-bottom:12px}
.home-section-head h2{font-size:27px;line-height:1.18;letter-spacing:-.04em;font-weight:850}
.home-section-head>a{font-size:12px;font-weight:800;color:var(--dr-blue);white-space:nowrap}
.home-section-head>a span{margin-left:4px}
.discovery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;border-top:0}
.discovery-card{
  min-width:0;min-height:132px;padding:18px 16px;border:1px solid var(--dr-line);border-radius:11px;
  background:#fff;transition:color .18s,background .18s,border-color .18s,transform .18s;
}
.discovery-card:nth-child(3n+1){padding-left:16px}
.discovery-card:hover{transform:translateY(-3px);border-color:#aeb8c4;box-shadow:0 10px 24px rgba(34,48,78,.08);background:#fff;color:var(--dr-blue)}
.discovery-icon{
  display:flex;width:42px;height:42px;margin-bottom:17px;border-radius:10px;align-items:center;justify-content:center;
  background:var(--dr-blue-soft);color:var(--dr-blue);font-size:9px;font-weight:850;letter-spacing:.06em;
}
.discovery-card strong{display:block;font-size:15px;line-height:1.25;letter-spacing:-.025em}
.discovery-card small{display:block;margin-top:7px;color:var(--dr-muted);font-size:12px;line-height:1.45}

/* Curated product shelves: repeated 1200 x 374 commerce rows */
.commerce-shelves{background:#fff}
.product-shelf{padding:30px 0 32px;border-top:1px solid var(--dr-line)}
.page-home .commerce-shelves .product-shelf{border-top:none}
.shelf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.shelf-head p{margin-bottom:7px;color:var(--dr-blue);font-size:10.5px;font-weight:800;letter-spacing:.03em}
.shelf-head h2{font-size:25px;line-height:1.2;font-weight:850;letter-spacing:-.04em}
.shelf-head>a{color:var(--dr-blue);font-size:12px;font-weight:800;white-space:nowrap}
.shelf-track{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.featured-product{
  min-width:0;height:238px;padding:14px 15px;border:1px solid var(--dr-line);border-radius:11px;
  display:grid;grid-template-columns:112px 1fr;grid-template-rows:1fr auto;column-gap:16px;align-items:center;
  background:#fff;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s;
}
.featured-product:hover{transform:translateY(-3px);border-color:#aeb8c4;box-shadow:0 10px 24px rgba(34,48,78,.08)}
.featured-visual{height:150px;grid-row:1/3;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f1f3f6;overflow:hidden}
.featured-visual svg,.featured-visual img{height:122px;width:auto;max-width:100%;object-fit:contain}
.featured-copy{align-self:end;min-width:0}
.featured-copy small{display:block;color:var(--dr-blue);font-size:9.5px;font-weight:850;letter-spacing:.05em}
.featured-copy strong{display:block;margin-top:6px;font-size:16px;line-height:1.25;letter-spacing:-.03em}
.featured-copy span{display:block;margin-top:5px;color:var(--dr-muted);font-size:11px;line-height:1.4}
.featured-price{align-self:start;margin-top:13px;color:var(--dr-ink);font-size:13px;font-weight:850}
.featured-price span{display:block;margin-top:4px;color:var(--dr-muted);font-size:9.5px;font-weight:600}

/* Product catalogue */
.page-home #models{padding:60px 0 68px;background:var(--dr-surface);border-bottom:1px solid var(--dr-line)}
.page-home #models .sec-head{margin-bottom:25px}
.page-home #models .sec-kicker{display:block;width:max-content;padding:0;border:0;background:transparent;box-shadow:none;color:var(--dr-blue);font-size:10px}
.page-home #models .sec-title{font-family:inherit;font-size:clamp(32px,3.8vw,46px);font-weight:850;line-height:1.16;letter-spacing:-.045em}
.page-home #models .sec-title b,.page-home #models .sec-title span{font-family:inherit;color:var(--dr-ink);font-weight:850}
.page-home #models .sec-sub{max-width:760px;margin-top:12px;color:var(--dr-muted);font-size:14px}
.page-home .models-brandline{margin:0 0 18px;padding:13px 0;border:0;border-top:1px solid var(--dr-ink);border-bottom:1px solid var(--dr-line);border-radius:0;background:transparent}
.page-home .models-brandline b{color:var(--dr-blue)}
.page-home .dev-toggle{display:inline-flex;margin-bottom:14px;padding:3px;border:1px solid var(--dr-line);border-radius:3px;background:#fff}
.page-home .dbtn{min-width:112px;border-radius:1px;padding:10px 18px;font-size:13px}
.page-home .dbtn.on{color:#fff;background:var(--dr-blue);box-shadow:none}
.page-home .filter{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:0 0 24px}
.page-home .filter::-webkit-scrollbar{display:none}
.page-home .fchip{flex:none;border:1px solid var(--dr-line);border-radius:999px;background:#fff;padding:9px 16px;color:#525a66}
.page-home .fchip.on{border-color:var(--dr-ink);background:var(--dr-ink);color:#fff}
.page-home .mgrid{
  display:flex;gap:14px;overflow-x:auto;padding:2px 0 18px;scroll-snap-type:x proximity;
  scrollbar-width:thin;scrollbar-color:#c9d1d9 #e9edf5;
}
.page-home .mgrid::-webkit-scrollbar{height:7px}
.page-home .mgrid::-webkit-scrollbar-track{background:#e9edf5;border-radius:999px}
.page-home .mgrid::-webkit-scrollbar-thumb{background:#c9d1d9;border-radius:999px}
.page-home .mcard{
  flex:0 0 calc((100% - 42px)/4);min-height:342px;padding:18px 16px;border:1px solid var(--dr-line);border-radius:11px;
  background:#fff;box-shadow:none;text-align:left;overflow:hidden;
  scroll-snap-align:start;
}
.page-home .mcard:hover{transform:translateY(-4px);border-color:#cbd6ef;box-shadow:var(--dr-shadow)}
.page-home .mcard.sel{border-color:var(--dr-blue);box-shadow:0 0 0 2px var(--dr-blue)}
.page-home .mcard .mimg{height:150px;margin:0 -2px 16px;border-radius:8px;background:#eef0f4;align-items:center}
.page-home .mcard .mimg svg,.page-home .mcard .mimg img{height:120px;width:auto;max-width:100%;object-fit:contain}
.page-home .cur-model .cm-img img{height:60px;width:auto;max-width:100%;object-fit:contain}
.page-home .sum-head .sp img{height:54px;width:auto;max-width:100%;object-fit:contain}
.page-home .mcard .mnew{height:13px;color:var(--dr-blue);font-weight:850}
.page-home .mcard .mname{font-size:17px;font-weight:850}
.page-home .mcard .mtag{min-height:35px;margin-top:5px;color:var(--dr-muted)}
.page-home .mcard .mprice{margin-top:10px;color:var(--dr-ink);font-size:15px;font-weight:850}
.page-home .mcard .msub{color:var(--dr-muted)}
.page-home .mcard .mtrust{justify-content:flex-start;margin-top:12px}
.page-home .mcard .mtrust span{border-radius:999px;background:var(--dr-blue-soft);color:#5069a8}
.page-home .mcard .msel-badge{top:16px;right:16px;border-radius:6px;background:var(--dr-blue)}
.page-home .price-note{margin-top:22px;padding:16px 18px;border:1px solid #dbe5ff;border-radius:12px;background:#f4f7ff;color:#5a6576}

/* Editorial trust cards */
.benefit-showcase{padding:62px 0 76px;background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.benefit-card{
  min-height:350px;padding:26px;border-radius:12px;overflow:hidden;position:relative;
  display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background-position:center;background-size:cover;
  isolation:isolate;box-shadow:none;transition:transform .2s,box-shadow .2s;
}
.benefit-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,18,27,.88),rgba(11,18,27,.05) 78%)}
.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--dr-shadow)}
.benefit-card.inspection{background-image:url('assets/hero/hero-inspection.jpg')}
.benefit-card.team{background-image:url('assets/hero/hero-team.jpg')}
.benefit-card.local{background-image:url('assets/hero/hero-local.jpg')}
.benefit-card>span{display:inline-flex;width:max-content;margin-bottom:auto;padding:0 0 7px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.72);background:transparent;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}
.benefit-card strong{font-size:27px;line-height:1.2;letter-spacing:-.045em;font-weight:850}
.benefit-card small{margin-top:12px;color:rgba(255,255,255,.76);font-size:12px;line-height:1.5}

/* Builder */
.page-home .bo{background:#fff}
.page-home .bo-head{background:#fff;border-color:var(--dr-line)}
.page-home .bo-head-in>b{color:var(--dr-ink)}
.page-home .bo .snum,.page-home .bo .app.sel .ck{background:var(--dr-blue)}
.page-home .bo .opt.sel,.page-home .bo .app.sel,.page-home .bo .addon.sel{border-color:var(--dr-blue);background:var(--dr-blue-soft);box-shadow:0 0 0 1px var(--dr-blue)}
.page-home .bo .btn-blue{background:var(--dr-blue)}

.page-home .final{
  width:min(1200px,calc(100% - 80px));margin:0 auto 64px;padding:66px 40px;
  border-radius:14px;background:#202b42;color:#fff;
}
.page-home .final .wrap{max-width:900px;text-align:center}
.page-home .final h2{font-family:inherit;font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:-.045em}
.page-home .final p{max-width:700px;margin:16px auto 0;color:rgba(255,255,255,.72)}
.page-home .final .btn-blue{margin-top:28px;border-radius:2px;background:#fff;color:#20201e;box-shadow:none}

/* Home footer */
.page-home footer{padding:54px 0;background:var(--dr-footer);border-top:1px solid var(--dr-line);color:#6b7280}
.page-home footer .f-cols{border-color:#dfe3e9}
.page-home footer .flogo,.page-home footer h4{color:var(--dr-ink)}

/* Shared inner-page shell */
.page-details,.page-policies,.page-support{--ink:var(--dr-ink);--text:var(--dr-text);--muted:var(--dr-muted);--line:var(--dr-line);--bg:#fff;--card:#fff;--gold:var(--dr-blue);--navy:#1e2c48}
.page-details .wrap{width:min(1200px,calc(100% - 80px))}
.page-details .top,.page-policies .top,.page-support .top{background:rgba(255,255,255,.96);border-bottom:1px solid var(--dr-line);backdrop-filter:blur(18px)}
.page-details .topin{height:72px}
.page-details .brand img,.page-policies .brand img,.page-support .brand img{object-fit:contain}
.page-details .nav a:hover{color:var(--dr-blue);text-decoration:none}
.page-details .cta,.page-policies .doc-link,.page-support .btn{border-radius:9px;background:var(--dr-blue);color:#fff}
.page-details .ghost,.page-policies .back,.page-support .back{border-radius:9px;border-color:var(--dr-line);background:#fff}
.page-details .hero,.page-policies .hero,.page-support .hero{
  background:linear-gradient(135deg,#f4f7ff 0%,#f7f8fa 64%,#eef3ff 100%);
  border-bottom:1px solid var(--dr-line);
}
.page-details .hero{padding:58px 0 52px}
.page-details .kicker,.page-policies .eyebrow,.page-policies .kicker,.page-support .eyebrow,.page-support .kicker{color:var(--dr-blue)}
.page-details h1,.page-policies h1,.page-support h1{font-family:inherit;font-weight:900;letter-spacing:-.055em}
.page-details .hero h1{max-width:760px;font-size:clamp(42px,5vw,56px);line-height:1.1}
.page-details .hero .lead{max-width:760px;font-size:15px;line-height:1.7}
.page-details .section{padding:64px 0;border-color:var(--dr-line)}
.page-details .section h2{font-size:clamp(30px,3.4vw,42px);line-height:1.2}
.page-details .section.alt{background:var(--dr-surface)}
.page-details .card,.page-details .person,.page-details .faq details,.page-support .quicknav a,.page-support .step,.page-support .action,.page-support .form,.page-support .faq details{
  border:1px solid var(--dr-line);border-radius:12px;background:#fff;box-shadow:none;
}
.page-details .card{padding:22px}
.page-details .num{background:var(--dr-blue)}
.page-details .table-wrap{border-color:var(--dr-line);border-radius:12px;box-shadow:none}
.page-details th{background:#f3f5f8}
.page-details .person img{width:96px;height:96px;border-radius:12px}
.page-details .badge{background:var(--dr-blue-soft);color:#4661a5}
.page-details .callout{background:#243558}
.page-details .faq details[open]{border-color:#bdcdf8}
.page-details footer,.page-policies footer,.page-support footer{background:var(--dr-footer);color:#6b7280;border-top:1px solid var(--dr-line)}

/* Policies */
.page-policies .wrap{width:min(1200px,calc(100% - 80px));max-width:none}
.page-policies .top-in{height:68px}
.page-policies .hero{padding:58px 0 46px}
.page-policies .hero h1{font-size:clamp(40px,4.7vw,54px);line-height:1.1}
.page-policies .tabs{gap:9px;padding:20px 24px;position:sticky;top:68px;z-index:8;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.page-policies .tabs a{border-radius:9px;border-color:var(--dr-line);font-weight:750}
.page-policies .tabs a:hover{border-color:var(--dr-blue);color:var(--dr-blue)}
.page-policies .policy{padding:58px 0;border-color:var(--dr-line)}
.page-policies .summary div,.page-policies .checklist li{border-color:var(--dr-line);border-radius:13px;background:#fff}
.page-policies .summary div{background:var(--dr-surface)}
.page-policies .checklist li::before{background:var(--dr-blue)}
.page-policies .callout{background:var(--dr-blue-soft);color:#46577f}

/* Support */
.page-support .wrap{width:min(1200px,calc(100% - 80px))}
.page-support .topin{height:68px}
.page-support .hero{padding:58px 0 48px}
.page-support .hero h1{font-size:clamp(40px,4.7vw,54px);line-height:1.1}
.page-support .support-finder{padding:34px 0 40px;background:#fff;border-bottom:1px solid var(--dr-line)}
.page-support .support-finder .quicknav{margin:0}
.page-support .quicknav{grid-template-columns:repeat(3,1fr);gap:12px}
.page-support .quicknav a{min-height:90px}
.page-support .quicknav a:hover{border-color:#b9c9f4;box-shadow:var(--dr-shadow)}
.page-support .section{padding:56px 0;border-color:var(--dr-line)}
.page-support .step,.page-support .action,.page-support .form{padding:21px}
.page-support .step b{color:var(--dr-blue)}
.page-support input,.page-support select,.page-support textarea{border-color:var(--dr-line);background:#f8f9fb}
.page-support .contact{background:#203154}
.page-support .contact .btn{background:var(--dr-blue)}

/* Floating Kakao CTA */
.page-home .kakao-float,.page-policies .kakao-float,.page-support .kakao-float,.page-details .kakao{
  border:0;box-shadow:0 12px 30px rgba(25,32,45,.18);
}

@media(max-width:1000px){
  .page-home .nav-links{display:none}
  .page-home .nav .btn-blue{margin-left:auto}
  .header-finder{margin-left:auto;width:min(320px,42vw);flex-basis:320px}
  .discovery-grid{grid-template-columns:repeat(3,1fr)}
  .shelf-track{grid-template-columns:repeat(2,1fr)}
  .page-home .mcard{flex-basis:calc((100% - 28px)/3)}
  .benefit-grid{grid-template-columns:1fr 1fr}
  .benefit-card:last-child{grid-column:1/-1;min-height:330px}
}

@media(max-width:700px){
  .utility-bar{display:none}
  .page-home .wrap{padding-left:18px;padding-right:18px}
  .page-home .nav-in{height:62px}
  .page-home .logo-mark.brand-logo{width:36px;height:36px;flex-basis:36px}
  .page-home .logo-type small{display:none}
  .page-home .nav .btn-blue{min-height:39px;padding:0 15px;font-size:12px}
  .header-finder{display:none}
  .catalog-rail-inner{height:46px;padding:0 18px;gap:23px}
  .page-home .hero{width:calc(100% - 24px);margin-top:12px;border-radius:3px}
  .page-home .hero-carousel,.page-home .hero-slide{min-height:430px}
  .page-home .hero-slide{background-position:67% center}
  .page-home .hero-slide-inner{width:calc(100% - 44px);padding:84px 0 98px}
  .page-home .hero-slide h1,.page-home .hero-slide h2{font-size:34px;white-space:normal}
  .page-home .hero-arrow{display:none}
  .home-discovery{padding:42px 0 52px}
  .home-section-head{align-items:flex-start;margin-bottom:20px}
  .home-section-head h2{font-size:25px}
  .discovery-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .discovery-card{padding:20px 12px;min-height:132px}
  .discovery-card:nth-child(3n+1){padding-left:12px}
  .discovery-card:nth-child(2n+1){padding-left:0}
  .discovery-icon{width:40px;height:40px;margin-bottom:18px;border-radius:9px;font-size:9px}
  .product-shelf{padding:36px 0 40px}
  .shelf-head{align-items:flex-start;margin-bottom:17px}
  .shelf-head h2{font-size:23px}
  .shelf-track{display:flex;gap:10px;overflow-x:auto;margin-right:-18px;padding-right:18px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .shelf-track::-webkit-scrollbar{display:none}
  .featured-product{flex:0 0 82%;height:238px;grid-template-columns:104px 1fr;scroll-snap-align:start}
  .featured-visual{height:164px}
  .featured-visual svg,.featured-visual img{height:132px}
  .page-home #models{padding:58px 0 64px}
  .page-home #models .sec-title{font-size:32px}
  .page-home .models-brandline{align-items:flex-start;gap:7px}
  .page-home .mgrid{gap:10px;margin-right:-18px;padding-right:18px}
  .page-home .mcard{flex:0 0 76%;min-height:330px;padding:14px 12px;text-align:left}
  .page-home .mcard .mimg{height:130px;margin-bottom:14px}
  .page-home .mcard .mimg svg,.page-home .mcard .mimg img{height:106px}
  .page-home .mcard .mname{font-size:15px}
  .page-home .mcard .mtrust{display:none}
  .benefit-showcase{padding:58px 0 72px}
  .benefit-grid{grid-template-columns:1fr}
  .benefit-card,.benefit-card:last-child{grid-column:auto;min-height:335px;padding:24px}
  .benefit-card strong{font-size:25px}
  .page-home .final{width:calc(100% - 24px);margin-bottom:48px;padding:62px 18px;border-radius:12px}
  .page-details .wrap,.page-support .wrap{width:calc(100% - 36px)}
  .page-details .topin{height:62px}
  .page-details .top .nav{display:none}
  .page-details .hero,.page-policies .hero,.page-support .hero{padding:52px 0 44px}
  .page-details .hero h1,.page-policies .hero h1,.page-support .hero h1{font-size:38px}
  .page-details .section,.page-policies .policy,.page-support .section{padding:54px 0}
  .page-details .card,.page-details .person{border-radius:13px}
  .page-policies .tabs{top:56px;overflow:auto;flex-wrap:nowrap;padding-left:18px;padding-right:18px;scrollbar-width:none}
  .page-policies .tabs a{flex:none}
  .page-support .quicknav{grid-template-columns:1fr 1fr}
  .page-support .support-finder{padding:26px 0 32px}
}

/* Inspection carousel slide: framed visual matching the editorial team-slide structure. */
.page-home .hero-slide.inspection-slide{
  background-image:none;background-color:#20201e;
  background:
    radial-gradient(circle at 82% 18%,rgba(180,153,113,.18),transparent 34%),
    linear-gradient(120deg,#171816 0%,#24231f 58%,#343028 100%);
}
.page-home .hero-slide.inspection-slide::before{
  background:linear-gradient(90deg,rgba(11,12,11,.94) 0%,rgba(11,12,11,.82) 38%,rgba(11,12,11,.42) 58%,rgba(11,12,11,.08) 80%);
}
.page-home .hero-slide.inspection-slide{background-color:#171715;background-position:center center;background-size:cover}
.page-home .inspection-slide .hero-slide-copy{position:relative;z-index:2;max-width:700px}
.page-home .inspection-slide .hero-slide-inner{
  display:flex;align-items:center;gap:0;
}
.page-home .hero-inspection-frame{
  position:relative;z-index:2;aspect-ratio:1.48;min-width:0;overflow:hidden;
  padding:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);
}
.page-home .hero-inspection-workbench{
  display:block;width:100%;height:100%;object-fit:cover;object-position:68% center;
  filter:saturate(.78) contrast(1.04) brightness(.72);
}
.page-home .hero-inspection-cover,
.page-home .hero-inspection-sheet{position:absolute;width:auto;border:1px solid rgba(255,255,255,.72);object-fit:contain;box-shadow:0 18px 40px rgba(0,0,0,.42);pointer-events:none}
.page-home .hero-inspection-cover{right:116px;top:30px;height:calc(100% - 60px);max-width:40%;background:#1c1c1b;transform:rotate(-3deg)}
.page-home .hero-inspection-sheet{right:22px;top:16px;height:calc(100% - 32px);max-width:43%;background:#fff;transform:rotate(1.5deg)}
.page-home .hero-inspection-frame figcaption{
  position:absolute;left:22px;bottom:18px;padding:7px 9px;border:1px solid rgba(255,255,255,.22);
  background:rgba(15,15,14,.7);color:rgba(255,255,255,.78);font-size:8.5px;font-weight:800;letter-spacing:.13em;
}
@media(max-width:900px){
  .page-home .inspection-slide .hero-slide-inner{display:flex;gap:0}
  .page-home .hero-inspection-cover{right:92px}
  .page-home .hero-inspection-sheet{right:18px}
}
@media(max-width:700px){
  .page-home .hero-slide.device-slide{background-position:56% center}
  .page-home .hero-slide.inspection-slide{min-height:560px}
  .page-home .hero-slide.inspection-slide{background-position:70% center;background-size:cover}
  .page-home .hero-slide.inspection-slide::before{background:linear-gradient(90deg,rgba(11,12,11,.92),rgba(11,12,11,.72) 68%,rgba(11,12,11,.48))}
  .page-home .inspection-slide .hero-slide-inner{
    min-height:560px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;
    gap:0;padding:52px 0 72px;
  }
  .page-home .inspection-slide .hero-slide-copy{max-width:none}
  .page-home .inspection-slide h2{max-width:none;font-size:34px;white-space:normal}
  .page-home .hero-inspection-frame{width:100%;padding:4px;aspect-ratio:1.48}
  .page-home .hero-inspection-cover{right:74px;top:18px;height:calc(100% - 36px);max-width:40%}
  .page-home .hero-inspection-sheet{right:12px;top:12px;height:calc(100% - 24px);max-width:44%}
  .page-home .hero-inspection-frame figcaption{left:14px;bottom:12px;font-size:7px}
}

@media(max-width:430px){
  .page-home .mcard{min-height:310px}
  .page-home .mcard .mtag{min-height:34px}
  .page-support .quicknav{grid-template-columns:1fr}
}

/* 2026-07 visual refinement: preserve the commerce layout, improve finish. */
.page-home{
  --dr-blue:#3768db;
  --dr-blue-dark:#2853bd;
  --dr-blue-soft:#edf3ff;
  --dr-ink:#1c2430;
  --dr-text:#495361;
  --dr-muted:#6f7987;
  --dr-line:#e2e7ee;
  --dr-surface:#f6f8fb;
  --dr-shadow:0 16px 38px rgba(25,43,78,.1);
}

.page-home .utility-bar{color:#687281;background:#fafbfc;border-color:#edf0f4}
.page-home .nav{background:rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(29,44,69,.04)}
.page-home .nav-in{height:68px}
.page-home .nlink{position:relative;padding:24px 0 22px}
.page-home .nlink::after{
  content:"";position:absolute;right:0;bottom:15px;left:0;height:2px;border-radius:2px;
  background:var(--dr-blue);transform:scaleX(0);transition:transform .18s ease;
}
.page-home .nlink:hover::after{transform:scaleX(1)}
.header-finder{border-color:#dce2ea;background:#fbfcfe}
.header-finder:hover{background:#fff}
.page-home .nav .btn-blue{font-weight:750;box-shadow:0 7px 16px rgba(55,104,219,.2)}
.page-home .nav .btn-blue:hover{box-shadow:0 9px 22px rgba(55,104,219,.25);transform:translateY(-1px)}

.catalog-rail{box-shadow:0 5px 16px rgba(30,45,70,.025)}
.catalog-rail a{transition:color .16s ease}
.catalog-rail a span{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:var(--dr-blue-soft)}

.page-home .hero{margin-top:20px;border-radius:18px;box-shadow:0 18px 46px rgba(23,36,59,.12)}
.page-home .hero-slide::before{
  background:linear-gradient(90deg,rgba(10,18,31,.86),rgba(10,18,31,.58) 49%,rgba(10,18,31,.08) 83%),linear-gradient(0deg,rgba(10,18,31,.24),transparent 58%);
}
.page-home .hero-slide.device-slide::before,.page-home .hero-slide.team-slide::before{
  background:linear-gradient(90deg,rgba(10,18,31,.87),rgba(10,18,31,.58) 49%,rgba(10,18,31,.08) 83%),linear-gradient(0deg,rgba(10,18,31,.24),transparent 58%);
}
.page-home .hero-slide-kicker{color:#dce7ff;border-bottom-color:rgba(220,231,255,.7)}
.page-home .hero-slide h1,.page-home .hero-slide h2{text-shadow:0 4px 26px rgba(0,0,0,.28)}
.page-home .hero-slide .hero-action{border-radius:9px;background:#fff;color:#172338;font-weight:800;box-shadow:0 9px 24px rgba(0,0,0,.14)}
.page-home .hero-slide .hero-action:hover{border-color:#fff;transform:translateY(-2px);box-shadow:0 13px 30px rgba(0,0,0,.2)}
.page-home .hero-arrow{transition:background .18s,border-color .18s,transform .18s}
.page-home .hero-arrow:hover{background:rgba(255,255,255,.2);border-color:#fff;transform:scale(1.06)}
.page-home .hero-dot{transition:width .18s,background .18s}

.home-discovery{padding-top:56px}
.home-section-head p,.shelf-head p{letter-spacing:.08em}
.home-section-head h2,.shelf-head h2{color:var(--dr-ink)}
.discovery-card{border-color:#e1e6ed;box-shadow:0 5px 16px rgba(30,50,82,.035)}
.discovery-card:hover{transform:translateY(-4px);border-color:#b8c9f4;box-shadow:0 14px 28px rgba(44,70,130,.1)}
.discovery-icon{border:1px solid #dce6ff;background:linear-gradient(145deg,#f7f9ff,#e8efff)}

.product-shelf{padding-top:36px;padding-bottom:38px}
.featured-product{height:244px;border-color:#e1e6ed;box-shadow:0 5px 17px rgba(30,50,82,.035)}
.featured-product:hover{transform:translateY(-4px);border-color:#bdcbec;box-shadow:0 15px 32px rgba(44,70,130,.11)}
.featured-visual{background:linear-gradient(145deg,#f5f7fa,#e9edf3)}
.featured-copy small{letter-spacing:.09em}

.page-home #models{background:linear-gradient(180deg,#f8f9fb 0%,#f3f6fa 100%)}
.page-home .mcard{border-color:#dfe5ed;box-shadow:0 5px 18px rgba(29,47,77,.04)}
.page-home .mcard .mimg{background:linear-gradient(145deg,#f5f7fa,#e8edf4)}
.page-home .mcard:hover{box-shadow:0 18px 38px rgba(39,61,104,.12)}
.page-home .price-note{border-color:#d7e2fb;background:linear-gradient(135deg,#f8faff,#eef4ff)}

.benefit-card{border-radius:16px;box-shadow:0 8px 24px rgba(27,40,63,.08)}
.benefit-card::before{background:linear-gradient(0deg,rgba(8,17,32,.92),rgba(8,17,32,.08) 78%)}
.benefit-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(24,40,72,.16)}
.benefit-card small{color:rgba(255,255,255,.82)}

.page-home .final{border-radius:18px;background:linear-gradient(135deg,#182640,#243c69);box-shadow:0 20px 50px rgba(29,46,80,.14)}
.page-home .final .btn-blue{border-radius:9px;font-weight:800;transition:transform .18s,box-shadow .18s}
.page-home .final .btn-blue:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.page-home .kakao-float{transition:transform .18s,box-shadow .18s}
.page-home .kakao-float:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(25,32,45,.22)}

/* Carry the same restrained polish through the existing inner-page templates. */
.page-details,.page-policies,.page-support{
  --dr-blue:#3768db;--dr-blue-dark:#2853bd;--dr-blue-soft:#edf3ff;
  --dr-ink:#1c2430;--dr-text:#495361;--dr-muted:#6f7987;--dr-line:#e2e7ee;
  --dr-surface:#f6f8fb;--dr-shadow:0 16px 38px rgba(25,43,78,.1);
}
.page-details .top,.page-policies .top,.page-support .top{box-shadow:0 1px 0 rgba(29,44,69,.04)}
.page-details .cta,.page-policies .doc-link,.page-support .btn{
  box-shadow:0 7px 16px rgba(55,104,219,.18);transition:transform .18s,box-shadow .18s,background .18s;
}
.page-details .cta:hover,.page-policies .doc-link:hover,.page-support .btn:hover{
  background:var(--dr-blue-dark);transform:translateY(-1px);box-shadow:0 10px 22px rgba(55,104,219,.23);
}
.page-details .hero,.page-policies .hero,.page-support .hero{
  background:linear-gradient(135deg,#f6f9ff 0%,#f8f9fb 58%,#edf3ff 100%);
}
.page-details .card,.page-details .person,.page-details .faq details,
.page-support .quicknav a,.page-support .step,.page-support .action,.page-support .form,.page-support .faq details,
.page-policies .summary div,.page-policies .checklist li{box-shadow:0 5px 18px rgba(29,47,77,.04)}
.page-details .card,.page-details .person,.page-support .quicknav a{
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
.page-details .card:hover,.page-details .person:hover,.page-support .quicknav a:hover{
  transform:translateY(-2px);border-color:#c4d1ed;box-shadow:0 14px 30px rgba(39,61,104,.09);
}

@media(max-width:700px){
  .page-home .nav-in{height:62px}
  .page-home .hero{margin-top:12px;border-radius:14px;box-shadow:0 13px 32px rgba(23,36,59,.12)}
  .page-home .hero-slide::before,.page-home .hero-slide.device-slide::before,.page-home .hero-slide.team-slide::before{
    background:linear-gradient(90deg,rgba(7,14,26,.9),rgba(7,14,26,.7) 68%,rgba(7,14,26,.35)),linear-gradient(0deg,rgba(7,14,26,.32),transparent 60%);
  }
  .page-home .hero-slide h1,.page-home .hero-slide h2{font-size:clamp(31px,9.5vw,36px);line-height:1.16}
  .home-discovery{padding-top:46px}
  .discovery-card,.discovery-card:nth-child(2n+1),.discovery-card:nth-child(3n+1){padding:18px 14px}
  .featured-product{box-shadow:0 6px 18px rgba(30,50,82,.05)}
  .benefit-card,.benefit-card:last-child{min-height:315px}
  .page-home .final{border-radius:14px}
}

@media(prefers-reduced-motion:reduce){
  .page-home .nlink::after,.page-home .hero-action,.page-home .hero-arrow,.page-home .hero-dot,
  .discovery-card,.featured-product,.page-home .mcard,.benefit-card,.page-home .kakao-float{transition:none}
}

/* Final finish pass: keep the existing commerce structure, tighten hierarchy and states. */
.page-home,.page-details,.page-policies,.page-support{
  font-feature-settings:"kern" 1,"ss01" 1;
  text-rendering:optimizeLegibility;
  -webkit-tap-highlight-color:rgba(55,104,219,.12);
}
.page-home h1,.page-home h2,.page-home h3,
.page-details h1,.page-details h2,.page-policies h1,.page-policies h2,.page-support h1,.page-support h2{
  text-wrap:balance;
}
.page-home a,.page-home button,.page-details a,.page-details button,
.page-policies a,.page-policies button,.page-support a,.page-support button{
  touch-action:manipulation;
}
.page-home :focus-visible,.page-details :focus-visible,.page-policies :focus-visible,.page-support :focus-visible{
  outline:3px solid rgba(55,104,219,.42);
  outline-offset:3px;
}

.page-home .logo-type b{letter-spacing:-.045em}
.page-home .logo-type small{margin-top:2px}
.header-finder span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-rail-inner{scroll-padding-inline:40px}
.catalog-rail a{padding:8px 0}

.page-home .hero-slide-inner{display:flex;align-items:center}
.page-home .hero-slide-copy{padding-left:2px}
.page-home .hero-slide h1,.page-home .hero-slide h2{max-width:18ch}
.page-home .hero-dots{padding:5px 8px;border-radius:999px;background:rgba(9,17,30,.18);backdrop-filter:blur(8px)}

.home-section-head,.shelf-head{position:relative}
.home-section-head>a,.shelf-head>a{
  display:inline-flex;align-items:center;gap:3px;padding:8px 0;
  text-underline-offset:4px;transition:color .16s,transform .16s;
}
.home-section-head>a:hover,.shelf-head>a:hover{color:var(--dr-blue-dark);transform:translateX(2px)}
.discovery-card{display:flex;flex-direction:column;align-items:flex-start}
.discovery-card small{margin-top:auto;padding-top:7px}
.discovery-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}

.featured-visual,.page-home .mcard .mimg{box-shadow:inset 0 0 0 1px rgba(96,112,139,.06)}
.featured-price{padding-top:12px;border-top:1px solid #edf0f4}
.page-home .fchip,.page-home .dbtn{transition:color .16s,background .16s,border-color .16s,box-shadow .16s}
.page-home .fchip:hover:not(.on){border-color:#bac9ed;background:#f8faff;color:var(--dr-blue-dark)}
.page-home .mcard.sel{box-shadow:0 0 0 2px var(--dr-blue),0 16px 34px rgba(39,61,104,.1)}
.benefit-card>span{letter-spacing:.1em}

.page-home .bo-head{box-shadow:0 1px 0 rgba(29,44,69,.05)}
.page-home .bo .step{border-color:#e8ebf0}
.page-home .bo .opt,.page-home .bo .app,.page-home .bo .addon{
  border-radius:11px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;
}
.page-home .bo .opt:hover:not(.sel):not(:disabled),.page-home .bo .app:hover:not(.sel),.page-home .bo .addon:hover:not(.sel){
  border-color:#bdccef;background:#fbfcff;transform:translateY(-1px);
}
.page-home .sum{border-color:#dfe5ed;box-shadow:0 16px 38px rgba(31,49,79,.09)}
.page-home .sum-total b{color:var(--dr-blue-dark)}

.page-details .card,.page-details .person,.page-support .quicknav a,
.page-support .step,.page-support .action,.page-support .form,.page-policies .summary div{
  border-color:#dfe5ed;
}
.page-details .faq summary,.page-support .faq summary{transition:color .16s}
.page-details .faq summary:hover,.page-support .faq summary:hover{color:var(--dr-blue-dark)}

@media(max-width:700px){
  .catalog-rail-inner{scroll-padding-inline:18px}
  .catalog-rail a{padding:6px 0}
  .page-home .hero-slide-inner{width:calc(100% - 40px);padding:78px 0 94px}
  .page-home .hero-slide h1,.page-home .hero-slide h2{max-width:10.5ch;letter-spacing:-.05em}
  .page-home .hero-slide .hero-action{min-height:44px;padding:0 18px}
  .home-section-head,.shelf-head{gap:14px}
  .home-section-head>a,.shelf-head>a{padding-top:4px}
  .discovery-card{min-height:140px}
  .featured-product{border-radius:13px}
  .page-home .mcard{border-radius:13px}
  .page-home .fchip{padding:10px 16px}
  .page-home .kakao-float{min-height:50px}
}

@media(hover:none){
  .page-home .nlink:hover::after{transform:scaleX(0)}
  .discovery-card:hover,.featured-product:hover,.page-home .mcard:hover,.benefit-card:hover,
  .page-details .card:hover,.page-details .person:hover,.page-support .quicknav a:hover{
    transform:none;
  }
}

/* 2026-07 editorial reset: remove the playful app-card treatment. */
.page-home,.page-details,.page-policies,.page-support{
  --dr-blue:#80643f;
  --dr-blue-dark:#5f492e;
  --dr-blue-soft:#f1ece3;
  --dr-ink:#1c1b19;
  --dr-text:#514e48;
  --dr-muted:#77726a;
  --dr-line:#d8d4cc;
  --dr-surface:#f4f2ee;
  --dr-footer:#ece9e3;
  --dr-shadow:none;
  -webkit-tap-highlight-color:rgba(128,100,63,.12);
}

.page-home :focus-visible,.page-details :focus-visible,.page-policies :focus-visible,.page-support :focus-visible{
  outline:2px solid rgba(128,100,63,.58);
}

/* Header */
.page-home .utility-bar{display:none}
.page-home .nav{background:rgba(255,255,255,.96);box-shadow:none;border-color:var(--dr-line)}
.page-home .nav-in{height:76px}
.page-home .nav-links{margin-left:auto}
.page-home .nlink{padding:28px 0 26px;color:#45413b;font-weight:650}
.page-home .nlink::after{height:1px;border-radius:0;background:var(--dr-ink)}
.header-finder{display:none}
.page-home .nav .btn-blue{
  min-height:42px;border:1px solid var(--dr-ink);border-radius:2px;background:var(--dr-ink);
  box-shadow:none;font-weight:700;
}
.page-home .nav .btn-blue:hover{background:#000;box-shadow:none;transform:none}
.catalog-rail{box-shadow:none;border-color:var(--dr-line)}
.catalog-rail-inner{height:48px}
.catalog-rail a{gap:7px;color:#49453f;font-weight:650}
.catalog-rail a span{
  display:inline;width:auto;height:auto;border-radius:0;background:transparent;
  color:#94764e;font-size:9px;
}

/* Hero */
.page-home .hero{
  width:min(1200px,calc(100% - 80px));margin-top:24px;border-radius:2px;
  box-shadow:none;background:#22211f;
}
.page-home .hero-carousel,.page-home .hero-slide{min-height:430px}
.page-home .hero-slide-inner{padding:82px 0 92px}
.page-home .hero-slide::before,
.page-home .hero-slide.device-slide::before,.page-home .hero-slide.team-slide::before{
  background:linear-gradient(90deg,rgba(18,18,17,.88),rgba(18,18,17,.6) 50%,rgba(18,18,17,.09) 84%),linear-gradient(0deg,rgba(18,18,17,.2),transparent 60%);
}
.page-home .hero-slide-kicker{color:#e4d1b5;border-bottom-color:rgba(228,209,181,.72)}
.page-home .hero-slide h1,.page-home .hero-slide h2{text-shadow:none;font-weight:780}
.page-home .hero-slide .hero-action{
  min-height:44px;border:1px solid rgba(255,255,255,.78);border-radius:1px;
  background:transparent;color:#fff;box-shadow:none;font-weight:700;
}
.page-home .hero-slide .hero-action:hover{background:#fff;color:#1c1b19;box-shadow:none;transform:none}
.page-home .hero-arrow{
  width:40px;height:40px;border-radius:1px;background:rgba(18,18,17,.38);
  box-shadow:none;
}
.page-home .hero-arrow:hover{background:rgba(18,18,17,.68);transform:translateY(-50%)}
.page-home .hero-dots{padding:0;border-radius:0;background:transparent;backdrop-filter:none}
.page-home .hero-dot{width:18px;height:2px;border-radius:0}
.page-home .hero-dot[aria-current="true"]{width:42px;border-radius:0}

/* Service index */
.home-discovery{padding:72px 0 78px}
.home-section-head{margin-bottom:28px}
.home-section-head p,.shelf-head p{color:var(--dr-blue);letter-spacing:.04em}
.home-section-head h2{font-size:31px;font-weight:760}
.home-section-head>a,.shelf-head>a{color:var(--dr-blue);font-weight:700}
.home-section-head>a:hover,.shelf-head>a:hover{color:var(--dr-blue-dark);transform:none}
.discovery-grid{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--dr-ink)}
.discovery-card,.discovery-card:nth-child(3n+1){
  min-height:142px;padding:24px 22px 25px 0;border:0;border-bottom:1px solid var(--dr-line);
  border-radius:0;background:transparent;box-shadow:none;
}
.discovery-card:nth-child(3n+2),.discovery-card:nth-child(3n){padding-left:22px}
.discovery-card:hover{transform:none;border-color:var(--dr-line);box-shadow:none;background:#faf9f7;color:var(--dr-blue-dark)}
.discovery-icon{
  display:block;width:auto;height:auto;margin-bottom:28px;border:0;border-radius:0;
  background:transparent;box-shadow:none;color:#94764e;font-size:9px;letter-spacing:.14em;
}
.discovery-card strong{font-size:17px;font-weight:730}

/* Product shelves */
.product-shelf{padding:48px 0 52px}
.shelf-head{margin-bottom:24px}
.shelf-head h2{font-size:28px;font-weight:760}
.shelf-track{grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--dr-ink)}
.featured-product{
  height:220px;padding:22px 24px;border:0;border-bottom:1px solid var(--dr-line);border-radius:0;
  grid-template-columns:150px 1fr;column-gap:28px;background:#fff;box-shadow:none;
}
.featured-product:nth-child(odd){border-right:1px solid var(--dr-line)}
.featured-product:hover{transform:none;border-color:var(--dr-line);box-shadow:none;background:#faf9f7}
.featured-visual{height:170px;border-radius:1px;background:#efede8;box-shadow:none}
.featured-copy small{color:var(--dr-blue)}
.featured-price{border-color:#e4e0d9}

/* Full catalogue */
.page-home #models{padding:76px 0 82px;background:var(--dr-surface)}
.page-home .dev-toggle{border-radius:1px}
.page-home .dbtn{border-radius:0}
.page-home .dbtn.on{background:var(--dr-ink)}
.page-home .fchip{border-radius:2px}
.page-home .fchip:hover:not(.on){border-color:#999187;background:#fff;color:var(--dr-ink)}
.page-home .mgrid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;overflow:visible;padding:2px 0 0;
  scrollbar-width:none;
}
.page-home .mcard{
  min-width:0;min-height:350px;padding:18px 16px;border-radius:2px;border-color:var(--dr-line);
  box-shadow:none;
}
.page-home .mcard:hover{transform:none;border-color:#9f978b;box-shadow:none}
.page-home .mcard.sel{border-color:var(--dr-ink);box-shadow:0 0 0 1px var(--dr-ink)}
.page-home .mcard .mimg{border-radius:1px;background:#eeece7;box-shadow:none}
.page-home .mcard .mtrust span{border-radius:2px;background:#eee9e0;color:#6c5c46}
.page-home .mcard .msel-badge{border-radius:1px;background:var(--dr-ink)}
.page-home .price-note{border-radius:2px;border-color:#ded7ca;background:#eeeae2;color:#625b51}

/* Trust, builder and closing */
.benefit-grid{gap:2px;background:#fff}
.benefit-card{border-radius:1px;box-shadow:none}
.benefit-card:hover{transform:none;box-shadow:none}
.benefit-card::before{background:linear-gradient(0deg,rgba(18,18,17,.92),rgba(18,18,17,.08) 78%)}
.page-home .bo .opt,.page-home .bo .app,.page-home .bo .addon{border-radius:3px}
.page-home .bo .opt:hover:not(.sel):not(:disabled),.page-home .bo .app:hover:not(.sel),.page-home .bo .addon:hover:not(.sel){
  border-color:#9f978b;background:#faf9f7;transform:none;
}
.page-home .bo .opt.sel,.page-home .bo .app.sel,.page-home .bo .addon.sel{
  border-color:var(--dr-ink);background:var(--dr-blue-soft);box-shadow:0 0 0 1px var(--dr-ink);
}
.page-home .sum{border-radius:3px;border-color:var(--dr-line);box-shadow:none}
.page-home .sum-total b{color:var(--dr-ink)}
.page-home .final{
  border-radius:2px;background:#22211f;box-shadow:none;
}
.page-home .final .btn-blue{border-radius:1px;box-shadow:none}
.page-home .final .btn-blue:hover{transform:none;box-shadow:none}

/* Inner pages */
.page-details .hero,.page-policies .hero,.page-support .hero{background:#f2f0eb}
.page-details .cta,.page-policies .doc-link,.page-support .btn{border-radius:2px;box-shadow:none}
.page-details .cta:hover,.page-policies .doc-link:hover,.page-support .btn:hover{transform:none;box-shadow:none}
.page-details .card,.page-details .person,.page-details .faq details,
.page-support .quicknav a,.page-support .step,.page-support .action,.page-support .form,.page-support .faq details,
.page-policies .summary div,.page-policies .checklist li{border-radius:3px;box-shadow:none}
.page-details .card:hover,.page-details .person:hover,.page-support .quicknav a:hover{transform:none;box-shadow:none;border-color:#aaa296}
.page-details .callout,.page-support .contact{background:#292722}

@media(max-width:1000px){
  .page-home .mgrid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:700px){
  .page-home .nav-in{height:62px}
  .page-home .hero{width:calc(100% - 24px);margin-top:12px;border-radius:1px}
  .page-home .hero-carousel,.page-home .hero-slide{min-height:470px}
  .page-home .hero-slide::before,.page-home .hero-slide.device-slide::before,.page-home .hero-slide.team-slide::before{
    background:linear-gradient(90deg,rgba(18,18,17,.92),rgba(18,18,17,.73) 70%,rgba(18,18,17,.4)),linear-gradient(0deg,rgba(18,18,17,.32),transparent 60%);
  }
  .home-discovery{padding:48px 0 58px}
  .discovery-grid{grid-template-columns:repeat(2,1fr);gap:0}
  .discovery-card,.discovery-card:nth-child(2n+1),.discovery-card:nth-child(3n+1){padding:20px 12px 22px 0}
  .discovery-card:nth-child(2n){padding-left:12px}
  .shelf-track{display:grid;grid-template-columns:1fr;gap:0;margin-right:0;padding-right:0;overflow:visible}
  .featured-product{width:100%;height:210px;grid-template-columns:124px 1fr;padding:18px 0;column-gap:22px}
  .featured-product:nth-child(odd){border-right:0}
  .featured-visual{height:170px}
  .page-home .mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-right:0;padding-right:0;overflow:visible}
  .page-home .mcard{min-height:320px;padding:12px 10px}
  .benefit-grid{gap:2px}
  .page-home .final{border-radius:1px}
}

/* Detail page alignment with the landing page editorial system. */
.page-details{
  background:#fff;
  color:var(--dr-ink);
}
.page-details .wrap{width:min(1200px,calc(100% - 80px))}
.page-details .top{
  background:rgba(255,255,255,.96);border-color:var(--dr-line);box-shadow:none;
}
.page-details .topin{height:76px}
.page-details .top .logo{display:flex;align-items:center;gap:7px;flex:none}
.page-details .top .logo-mark.brand-logo{display:block;width:40px;height:40px;flex:0 0 40px}
.page-details .top .logo-mark img{width:100%;height:100%;object-fit:contain}
.page-details .top .logo-type{display:flex;flex-direction:column;line-height:1}
.page-details .top .logo-type b{font-size:18px;font-weight:850;letter-spacing:-.045em}
.page-details .top .logo-type small{margin-top:5px;color:#7c7770;font-size:8px;font-weight:700;letter-spacing:.18em}
.page-details .top .nav-links{display:flex;gap:25px;margin-left:auto;margin-right:0;align-items:center}
.page-details .top .nlink{padding:28px 0 26px;position:relative;color:#45413b;font-size:13px;font-weight:650}
.page-details .top .nlink::after{
  content:"";position:absolute;right:0;bottom:17px;left:0;height:1px;
  background:var(--dr-ink);transform:scaleX(0);transition:transform .18s ease;
}
.page-details .top .nlink:hover{color:var(--dr-ink);text-decoration:none}
.page-details .top .nlink:hover::after{transform:scaleX(1)}
.page-details .top .btn-blue{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;
  min-height:38px;padding:0 16px;border:1px solid var(--dr-ink);border-radius:2px;
  margin-left:12px;background:var(--dr-ink);color:#fff;box-shadow:none;
  font-size:12px;font-weight:700;line-height:1;
}
.page-details .top .btn-blue:hover{background:#000;transform:none;box-shadow:none}
.page-details .detail-catalog-rail a[aria-current="page"]{color:var(--dr-blue-dark)}
.page-details .detail-catalog-rail a[aria-current="page"] span{color:var(--dr-blue-dark)}

.page-details .hero{
  width:min(1200px,calc(100% - 80px));min-height:430px;margin:24px auto 0;
  position:relative;isolation:isolate;padding:0;overflow:hidden;border:0;border-radius:2px;
  display:flex;align-items:center;background:#22211f url('assets/hero/hero-service.jpg') center/cover no-repeat;color:#fff;
}
.page-details .hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(18,18,17,.92),rgba(18,18,17,.66) 56%,rgba(18,18,17,.18));
}
.page-details .hero .kicker{color:#e4d1b5}
.page-details .hero .kicker{
  display:inline-block;padding-bottom:9px;border-bottom:1px solid rgba(228,209,181,.72);
  font-size:10px;letter-spacing:.13em;
}
.page-details .hero>.wrap{width:min(1080px,calc(100% - 120px));padding:82px 0 92px}
.page-details .hero h1{
  max-width:820px;margin-top:18px;color:#fff;font-size:clamp(42px,4.2vw,52px);
  font-weight:780;line-height:1.08;letter-spacing:-.055em;
}
.page-details .hero .lead{max-width:700px;color:rgba(255,255,255,.72);font-size:16px}
.page-details .hero-actions{gap:10px}
.page-details .hero .cta,.page-details .section .cta{
  min-height:44px;padding:0 18px;border:1px solid var(--dr-ink);border-radius:1px;
  background:var(--dr-ink);color:#fff;box-shadow:none;
}
.page-details .hero .cta{border-color:rgba(255,255,255,.78);background:transparent;color:#fff}
.page-details .hero .ghost,.page-details .section .ghost{
  min-height:44px;padding:0 18px;border-radius:1px;background:transparent;
}
.page-details .hero .ghost{border-color:rgba(255,255,255,.72);color:#fff}
.page-details .hero .cta:hover,.page-details .hero .ghost:hover,
.page-details .section .cta:hover,.page-details .section .ghost:hover{transform:none;box-shadow:none}
.page-details .hero .cta:hover,.page-details .hero .ghost:hover{background:#fff;color:var(--dr-ink)}

.page-details .section{padding:72px 0 78px;border-color:var(--dr-line);scroll-margin-top:76px}
.page-details .section.alt{background:var(--dr-surface)}
.page-details .section .kicker{
  margin-bottom:12px;color:var(--dr-blue);font-size:11px;line-height:1;
  font-weight:750;letter-spacing:.04em;
}
.page-details .section h2{
  max-width:860px;font-size:31px;font-weight:760;line-height:1.18;letter-spacing:-.04em;
}
.page-details .intro{max-width:760px;margin-top:16px;color:var(--dr-muted);font-size:14px;line-height:1.75}

.page-details .grid2,.page-details .grid3,.page-details .grid4{
  gap:0;margin-top:38px;border-top:1px solid var(--dr-ink);
}
.page-details .card{
  min-height:156px;padding:25px 22px 26px 0;border:0;border-bottom:1px solid var(--dr-line);
  border-radius:0;background:transparent;box-shadow:none;
}
.page-details .grid2 .card:nth-child(even),
.page-details .grid3 .card:not(:nth-child(3n+1)),
.page-details .grid4 .card:not(:nth-child(4n+1)){padding-left:22px}
.page-details .grid2 .card:nth-child(odd),
.page-details .grid3 .card:not(:nth-child(3n)),
.page-details .grid4 .card:not(:nth-child(4n)){border-right:1px solid var(--dr-line)}
.page-details .card:hover{transform:none;border-color:var(--dr-line);box-shadow:none;background:rgba(255,255,255,.38)}
.page-details .card strong{font-size:19px;font-weight:740}
.page-details .card p{margin-top:9px;color:var(--dr-muted);line-height:1.65}
.page-details .num{
  display:block;width:auto;height:auto;margin-bottom:30px;border-radius:0;background:transparent;
  color:#94764e;font-size:10px;letter-spacing:.12em;
}

.page-details .steps{margin-top:36px;border-top-color:var(--dr-ink)}
.page-details .step{grid-template-columns:64px 1fr;padding:25px 0;border-color:var(--dr-line)}
.page-details .step b{color:var(--dr-blue);letter-spacing:.05em}
.page-details .media{
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:0;margin-top:42px;
  border-top:1px solid var(--dr-ink);
}
.page-details .media figure{min-width:0;padding:24px 24px 0 0}
.page-details .media figure+figure{padding-right:0;padding-left:24px;border-left:1px solid var(--dr-line)}
.page-details .media img,.page-details .media video{border-radius:1px;border-color:var(--dr-line)}
.page-details .media figcaption{padding:16px 0 4px}
.page-details .media figcaption span{
  display:block;color:var(--dr-blue);font-size:9px;font-weight:800;letter-spacing:.14em;
}
.page-details .media figcaption strong{display:block;margin-top:7px;font-size:16px;font-weight:730}

.page-details .table-wrap{
  margin-top:34px;border:1px solid var(--dr-line);border-radius:1px;background:#fff;box-shadow:none;
}
.page-details table{font-size:13px}
.page-details th,.page-details td{padding:17px 15px;border-color:var(--dr-line)}
.page-details th{background:#e9e6df;color:var(--dr-ink);font-weight:750}
.page-details tbody tr:last-child td{border-bottom:0}

.page-details .team{
  grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border-top:1px solid var(--dr-ink);
}
.page-details .person{
  min-height:310px;padding:28px 24px 28px 0;border:0;border-right:1px solid var(--dr-line);
  border-bottom:1px solid var(--dr-line);border-radius:0;background:transparent;box-shadow:none;
}
.page-details .person:nth-child(3n+2),.page-details .person:nth-child(3n){padding-left:24px}
.page-details .person:nth-child(3n){border-right:0}
.page-details .person:hover{transform:none;border-color:var(--dr-line);box-shadow:none;background:#faf9f7}
.page-details .person img{width:104px;height:104px;border-radius:2px;filter:saturate(.82)}
.page-details .person h3{font-size:19px;font-weight:760}
.page-details .person .uni{color:var(--dr-blue)}
.page-details .badge{
  margin-top:16px;padding:0 0 5px;border-bottom:1px solid #b9a584;border-radius:0;
  background:transparent;color:#6c573a;letter-spacing:.04em;
}
.page-details .callout{
  margin-top:34px;padding:30px;border-radius:2px;background:#292722;box-shadow:none;
}
.page-details .section>.wrap>.hero-actions{margin-top:28px;gap:22px}
.page-details .section>.wrap>.hero-actions .cta,
.page-details .section>.wrap>.hero-actions .ghost{
  min-height:0;padding:0 0 5px;border:0;border-bottom:1px solid #a99981;border-radius:0;
  background:transparent;color:var(--dr-ink);font-size:12px;font-weight:700;
}
.page-details .section>.wrap>.hero-actions .cta::after,
.page-details .section>.wrap>.hero-actions .ghost::after{content:" →"}
.page-details .section>.wrap>.hero-actions .cta:hover,
.page-details .section>.wrap>.hero-actions .ghost:hover{color:var(--dr-blue-dark);border-color:var(--dr-blue-dark)}

.page-details .faq{margin-top:32px;border-top:1px solid var(--dr-ink)}
.page-details .faq details{
  margin:0;padding:20px 2px;border:0;border-bottom:1px solid var(--dr-line);
  border-radius:0;background:transparent;box-shadow:none;
}
.page-details .faq details[open]{border-color:var(--dr-line)}
.page-details .faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  list-style:none;font-weight:740;
}
.page-details .faq summary::-webkit-details-marker{display:none}
.page-details .faq summary::after{
  content:"+";flex:none;color:var(--dr-blue);font-size:20px;font-weight:400;line-height:1;
}
.page-details .faq details[open] summary::after{content:"−"}
.page-details .faq details[open] p{max-width:760px;padding:2px 40px 4px 0}
.page-details .detail-final{
  width:min(1200px,calc(100% - 80px));margin:64px auto;padding:66px 40px;
  border-radius:2px;background:#22211f;color:#fff;text-align:center;
}
.page-details .detail-final .wrap{width:min(900px,100%);max-width:900px}
.page-details .detail-final .kicker{color:#e4d1b5}
.page-details .detail-final h2{
  margin-top:16px;color:#fff;font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.16;letter-spacing:-.045em;
}
.page-details .detail-final p:not(.kicker){max-width:700px;margin:16px auto 0;color:rgba(255,255,255,.72);font-size:14px}
.page-details .detail-final .btn-blue{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:28px;padding:0 20px;
  border:1px solid #fff;border-radius:1px;background:#fff;color:var(--dr-ink);font-size:13px;font-weight:700;
}
.page-details .detail-final .btn-blue:hover{background:transparent;color:#fff;transform:none;box-shadow:none}
.page-details .kakao{
  right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));
  display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:0 18px;border:0;border-radius:999px;
  background:#fee500;color:#191919;font-size:14px;font-weight:700;box-shadow:0 12px 30px rgba(25,32,45,.18);
}
.page-details .kakao svg{width:22px;height:22px;flex:none}
.page-details footer{padding:54px 0;background:var(--dr-footer);color:#6b7280;border-color:var(--dr-line)}
.page-details footer .f-cols{display:block;padding-bottom:26px;border-bottom:1px solid #dfe3e9}
.page-details footer .flogo{color:var(--dr-ink);font-size:16px;font-weight:800}
.page-details footer .f-brand p{margin-top:13px;font-size:12px;line-height:1.8}
.page-details footer .f-brand p a{text-decoration:underline;text-underline-offset:3px}
.page-details footer .f-policy{display:flex;gap:16px;flex-wrap:wrap;margin-top:17px;color:var(--dr-ink);font-weight:650}
.page-details footer .legal{margin-top:20px;font-size:11px;color:#858078}

@media(max-width:760px){
  .page-details .wrap{width:calc(100% - 36px)}
  .page-details .topin{height:62px}
  .page-details .top .logo-mark.brand-logo{width:36px;height:36px;flex-basis:36px}
  .page-details .top .logo-type small{display:none}
  .page-details .top .nav-links{display:none}
  .page-details .top .btn-blue{min-height:34px;margin-left:auto;padding:0 12px;font-size:11px}
  .page-details .detail-catalog-rail .catalog-rail-inner{height:46px;padding:0 18px;gap:23px}
  .page-details .hero{width:calc(100% - 24px);min-height:470px;margin-top:12px;background-position:62% center}
  .page-details .hero>.wrap{width:calc(100% - 44px);padding:78px 0 94px}
  .page-details .hero::before{background:linear-gradient(90deg,rgba(18,18,17,.94),rgba(18,18,17,.76) 74%,rgba(18,18,17,.45))}
  .page-details .hero h1{font-size:34px;line-height:1.16}
  .page-details .section{padding:48px 0 58px;scroll-margin-top:62px}
  .page-details .section h2{font-size:25px}
  .page-details .grid2,.page-details .grid3,.page-details .grid4,.page-details .team{grid-template-columns:1fr}
  .page-details .grid2 .card,.page-details .grid3 .card,.page-details .grid4 .card{
    min-height:0;padding:22px 0;border-right:0;
  }
  .page-details .grid2 .card:nth-child(n),
  .page-details .grid3 .card:nth-child(n),
  .page-details .grid4 .card:nth-child(n){padding:22px 0;border-right:0}
  .page-details .num{margin-bottom:20px}
  .page-details .team .person{
    min-height:0;padding:24px 0;border-right:0;
    display:grid;grid-template-columns:88px 1fr;column-gap:18px;
  }
  .page-details .person img{grid-row:1/6;width:88px;height:88px}
  .page-details .person h3{margin-top:0}
  .page-details .person .badge{width:max-content}
  .page-details .callout{padding:24px 20px}
  .page-details .media{grid-template-columns:1fr;margin-top:34px}
  .page-details .media figure,.page-details .media figure+figure{padding:20px 0 0;border-left:0}
  .page-details .media figure+figure{margin-top:18px;border-top:1px solid var(--dr-line)}
  .page-details .media .video{width:min(100%,360px);margin:0 auto}
  .page-details .detail-final{width:calc(100% - 24px);margin:12px auto 48px;padding:60px 18px;border-radius:1px}
  .page-details .detail-final h2{font-size:30px}
  .page-details .kakao{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));min-height:48px;padding:0 15px;font-size:13px}
}

/* Education-team hero: use the six published profile photos, not a generated group image. */
.page-home .hero-slide.team-slide{
  background-image:none;
  background-color:#20201e;
  background:
    radial-gradient(circle at 82% 20%,rgba(180,153,113,.2),transparent 32%),
    linear-gradient(120deg,#171816 0%,#24231f 58%,#343028 100%);
}
.page-home .hero-slide.team-slide::before{
  background:linear-gradient(90deg,rgba(15,15,14,.42),rgba(15,15,14,.12) 56%,transparent 78%);
}
.page-home .hero-slide.team-slide::after{
  right:36%;top:-250px;width:560px;height:560px;color:#c7af89;opacity:.1;
}
.page-home .team-slide .hero-slide-inner{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,520px);align-items:center;gap:56px;
}
.page-home .team-slide .hero-slide-copy{position:relative;z-index:2;max-width:560px}
.page-home .team-slide .hero-slide-kicker{color:#e2ccb0;border-bottom-color:rgba(226,204,176,.58)}
.page-home .team-slide h2{max-width:9ch;white-space:normal}
.hero-team-portraits{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  padding:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);
}
.hero-team-portraits figure{
  position:relative;min-width:0;aspect-ratio:.84;overflow:hidden;background:#eeece7;
}
.hero-team-portraits img{
  width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.82) contrast(1.02);
}
.hero-team-portraits figure::after{
  content:"";position:absolute;inset:auto 0 0;height:58%;pointer-events:none;
  background:linear-gradient(transparent,rgba(13,13,12,.86));
}
.hero-team-portraits figcaption{
  position:absolute;right:9px;bottom:8px;left:9px;z-index:1;color:#fff;text-align:left;
}
.hero-team-portraits figcaption strong{
  display:block;font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.01em;
}
.hero-team-portraits figcaption span{
  display:block;margin-top:3px;color:rgba(255,255,255,.74);font-size:8.5px;line-height:1.25;
  font-weight:600;letter-spacing:-.015em;word-break:keep-all;
}

@media(max-width:900px){
  .page-home .team-slide .hero-slide-inner{grid-template-columns:minmax(0,.8fr) minmax(380px,1.2fr);gap:30px}
}

@media(max-width:700px){
  .page-home .hero-slide.team-slide{min-height:560px}
  .page-home .hero-slide.team-slide::before{
    background:linear-gradient(180deg,rgba(15,15,14,.2),rgba(15,15,14,.08));
  }
  .page-home .team-slide .hero-slide-inner{
    min-height:560px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;
    gap:28px;padding:52px 0 72px;
  }
  .page-home .team-slide .hero-slide-copy{max-width:none}
  .page-home .team-slide h2{max-width:none;font-size:34px;white-space:normal}
  .hero-team-portraits{gap:4px;padding:4px}
  .hero-team-portraits figcaption{right:6px;bottom:6px;left:6px}
  .hero-team-portraits figcaption strong{font-size:9px}
  .hero-team-portraits figcaption span{margin-top:2px;font-size:7px;line-height:1.18}
}

/* Customer-review hero: replace the local-configuration photo with published reviews. */
.page-home .hero-slide.review-slide{
  background-color:#20201e;
  background-position:center center;
  background-size:cover;
}
.page-home .hero-slide.review-slide::before{
  background:linear-gradient(90deg,rgba(12,14,14,.96) 0%,rgba(12,14,14,.86) 36%,rgba(12,14,14,.5) 57%,rgba(12,14,14,.1) 82%);
}
.page-home .hero-slide.review-slide::after{
  right:34%;top:-250px;width:560px;height:560px;color:#c7af89;opacity:.1;
}
.page-home .review-slide .hero-slide-inner{
  display:flex;align-items:center;gap:0;
}
.page-home .review-slide .hero-slide-copy{position:relative;z-index:2;max-width:700px}
.page-home .review-slide .hero-slide-kicker{color:#e2ccb0;border-bottom-color:rgba(226,204,176,.58)}
.page-home .review-slide h2{max-width:10ch;white-space:normal}
.hero-review-frame{
  position:relative;z-index:2;margin:0;padding:10px 10px 35px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.07);box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.hero-review-frame img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#fff}
.hero-review-frame figcaption{
  position:absolute;right:12px;bottom:10px;left:12px;color:rgba(255,255,255,.62);
  font-size:9px;line-height:1;letter-spacing:.18em;text-align:right;font-weight:750;
}

@media(max-width:900px){
  .page-home .review-slide .hero-slide-inner{display:flex;gap:0}
}

@media(max-width:700px){
  .page-home .hero-slide.review-slide{min-height:560px}
  .page-home .hero-slide.review-slide::before{
    background:linear-gradient(90deg,rgba(12,14,14,.94),rgba(12,14,14,.76) 68%,rgba(12,14,14,.5));
  }
  .page-home .hero-slide.review-slide{background-position:64% center;background-size:cover}
  .page-home .review-slide .hero-slide-inner{
    min-height:560px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;
    gap:0;padding:52px 0 72px;
  }
  .page-home .review-slide .hero-slide-copy{max-width:none}
  .page-home .review-slide h2{max-width:none;font-size:34px;white-space:normal}
  .hero-review-frame{padding:6px 6px 27px}
  .hero-review-frame figcaption{right:8px;bottom:8px;left:8px;font-size:7px}
}

/* Hero copy and controls: copy sits at the lower-left; controls live below the image. */
.page-home .hero{display:block;background:#fff}
.page-home .hero-carousel{width:100%;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.page-home .hero-slide-inner{position:static;min-height:inherit;align-items:flex-end;padding-top:58px;padding-bottom:52px}
.page-home .hero-slide-copy,
.page-home .inspection-slide .hero-slide-copy,
.page-home .team-slide .hero-slide-copy,
.page-home .review-slide .hero-slide-copy{
  position:absolute;left:max(60px,calc((100% - 1080px)/2));right:auto;bottom:52px;z-index:4;
  width:min(620px,62%);margin:0;text-align:left;transform:none;
}
.page-home .hero-slide-copy>*{
  opacity:0;transform:translate3d(0,16px,0);
  transition:opacity .42s ease,transform .5s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.page-home .hero-slide[aria-hidden="false"] .hero-slide-copy>*{opacity:1;transform:translate3d(0,0,0)}
.page-home .hero-slide[aria-hidden="false"] .hero-slide-kicker{transition-delay:.08s}
.page-home .hero-slide[aria-hidden="false"] .hero-slide-copy h1,
.page-home .hero-slide[aria-hidden="false"] .hero-slide-copy h2{transition-delay:.15s}
.page-home .hero-slide[aria-hidden="false"] .hero-slide-lead{transition-delay:.22s}
@media(prefers-reduced-motion:reduce){
  .page-home .hero-slide-copy>*{opacity:1;transform:none;transition:none;will-change:auto}
}
.page-home .hero-slide-link{position:absolute;inset:0;z-index:3;display:block}
.page-home .hero-slide-link:focus-visible{outline:3px solid #fff;outline-offset:-7px}
.page-home .hero-slide-copy,
.page-home .hero-inspection-frame,
.page-home .hero-team-portraits,
.page-home .hero-review-frame{pointer-events:none}
.page-home .hero-inspection-frame,
.page-home .hero-team-portraits,
.page-home .hero-review-frame{grid-column:2;align-self:center;justify-self:stretch}
.page-details #reviews{scroll-margin-top:76px}
.page-home .hero-controls{
  position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;
  width:max-content;height:40px;margin:10px auto 12px;border:0;
  background:transparent;color:#1c1b19;
}
.page-home .hero-controls .hero-arrow{
  position:static;display:grid;width:34px;height:34px;place-items:center;border:0;
  border-radius:50%;background:transparent;color:#1c1b19;box-shadow:none;transform:none;
}
.page-home .hero-controls .hero-arrow:hover{background:rgba(28,27,25,.06);transform:none}
.page-home .hero-controls .hero-arrow svg{width:14px;height:14px}
.page-home .hero-controls .hero-dots{position:static;gap:5px;padding:0 5px;transform:none}
.page-home .hero-controls .hero-dot{width:4px;height:4px;background:#1c1b19;opacity:.22}
.page-home .hero-controls .hero-dot[aria-current="true"]{width:15px;opacity:.8}

/* Mobile commerce refinement: compact, swipeable and proportioned like a native storefront. */
@media(max-width:700px){
  .page-home .wrap{width:100%;max-width:none;padding-left:16px;padding-right:16px}

  .page-home .nav-in{height:58px;padding-left:16px;padding-right:16px;gap:12px}
  .page-home .logo-mark.brand-logo{width:34px;height:34px;flex-basis:34px}
  .page-home .logo-type b{font-size:17px}
  .page-home .logo-type small{display:none}
  .page-home .nav .btn-blue{min-height:38px;padding:0 14px;font-size:12px}
  .catalog-rail-inner{height:44px;padding:0 16px;gap:22px}
  .catalog-rail a{font-size:11.5px}

  .page-home .hero{width:100%;margin:0;border-radius:0}
  .page-home .hero-carousel,.page-home .hero-slide,
  .page-home .hero-slide.inspection-slide,
  .page-home .hero-slide.team-slide,
  .page-home .hero-slide.review-slide{min-height:390px}
  .page-home .hero-slide{background-position:64% center}
  .page-home .hero-slide.device-slide{background-position:60% center}
  .page-home .hero-slide.inspection-slide,
  .page-home .hero-slide.team-slide{background-image:none}
  .page-home .hero-slide-inner,
  .page-home .inspection-slide .hero-slide-inner{
    width:calc(100% - 32px);min-height:390px;padding:38px 0 28px;align-items:flex-end;
  }
  .page-home .hero-slide-copy,
  .page-home .inspection-slide .hero-slide-copy,
  .page-home .team-slide .hero-slide-copy,
  .page-home .review-slide .hero-slide-copy{
    left:16px;right:auto;bottom:28px;width:calc(100% - 32px);margin:0;text-align:left;
  }
  .page-home .hero-slide-kicker{padding-bottom:6px;font-size:8.5px}
  .page-home .hero-slide h1,.page-home .hero-slide h2,
  .page-home .inspection-slide h2{max-width:10ch;margin-top:14px;font-size:30px;line-height:1.14}
  .page-home .hero-slide-actions{margin-top:20px}
  .page-home .hero-slide .hero-action{min-height:40px;padding:0 15px;font-size:12px}
  .page-home .hero-controls{
    position:relative;right:auto;bottom:auto;z-index:5;display:flex;width:max-content;height:40px;min-height:40px;
    margin:8px auto 10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .page-home .hero-dots{position:static;gap:5px;padding:0 6px;transform:none}
  .page-home .hero-dot{width:4px;height:4px;background:#1c1b19;opacity:.24}
  .page-home .hero-dot[aria-current="true"]{width:15px;opacity:.85}
  .page-home .hero-arrow{
    position:static;display:grid;width:34px;height:34px;flex:0 0 34px;
    border:0;background:transparent;color:#1c1b19;box-shadow:none;transform:none;
  }
  .page-home .hero-arrow.prev,.page-home .hero-arrow.next{left:auto;right:auto}
  .page-home .hero-arrow:hover{background:#ebe9e3;transform:none}
  .page-home .hero-arrow:active{background:#dedbd4;transform:scale(.94)}
  .page-home .hero-arrow svg{width:14px;height:14px}

  .page-home .inspection-slide .hero-slide-inner,
  .page-home .team-slide .hero-slide-inner,
  .page-home .review-slide .hero-slide-inner{
    min-height:390px;display:flex;justify-content:flex-end;gap:0;padding:38px 0 28px;
  }
  .page-home .inspection-slide h2,.page-home .team-slide h2,.page-home .review-slide h2{
    max-width:none;font-size:27px;
  }
  .page-home .hero-inspection-frame,
  .page-home .hero-team-portraits,
  .page-home .hero-review-frame{
    position:absolute;inset:0;z-index:0;display:block;width:auto;height:auto;
    grid-column:auto;align-self:stretch;justify-self:stretch;
    margin:0;padding:0;border:0;border-radius:0;background:#171816;box-shadow:none;overflow:hidden;
  }
  .page-home .hero-inspection-frame::after,
  .page-home .hero-team-portraits::after,
  .page-home .hero-review-frame::after{
    content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
    background:
      linear-gradient(90deg,rgba(10,12,12,.92) 0%,rgba(10,12,12,.74) 56%,rgba(10,12,12,.32) 100%),
      linear-gradient(0deg,rgba(8,10,10,.38),transparent 62%);
  }
  .page-home .hero-inspection-workbench{
    width:100%;height:100%;object-fit:cover;object-position:72% center;
    filter:saturate(.78) contrast(1.04) brightness(.78);
  }
  .page-home .hero-inspection-sheet{
    right:14px;top:24px;height:142px;max-width:38%;opacity:.78;
  }
  .page-home .hero-inspection-cover{
    right:64px;top:32px;height:130px;max-width:36%;opacity:.7;
  }
  .page-home .hero-inspection-frame figcaption{display:none}
  .page-home .hero-team-portraits{
    display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:0;
  }
  .page-home .hero-team-portraits figure{height:auto;aspect-ratio:auto}
  .page-home .hero-team-portraits img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
  .page-home .hero-team-portraits figcaption{display:none}
  .page-home .hero-review-frame img{
    width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:52% center;
  }
  .page-home .hero-review-frame figcaption{display:none}

  .home-discovery{padding:42px 0 46px}
  .home-section-head,.shelf-head{align-items:flex-end;margin-bottom:18px;gap:12px}
  .home-section-head p,.shelf-head p{margin-bottom:8px;font-size:9px}
  .home-section-head h2,.shelf-head h2{font-size:22px;line-height:1.2}
  .home-section-head>a,.shelf-head>a{font-size:11px}
  .discovery-grid{grid-template-columns:repeat(2,1fr)}
  .discovery-card,.discovery-card:nth-child(n){
    min-height:112px;padding:17px 12px 18px 0;border-right:0;
  }
  .discovery-card:nth-child(even){padding-left:12px;border-left:1px solid var(--dr-line)}
  .discovery-icon{margin-bottom:17px;font-size:8px}
  .discovery-card strong{font-size:15px}
  .discovery-card small{margin-top:5px;font-size:11px}

  .product-shelf{padding:34px 0 38px}
  .shelf-track{
    display:flex;gap:12px;margin:0 -16px;padding:0 20px 12px;overflow-x:auto;
    scroll-padding-inline:20px;scroll-snap-type:x mandatory;scrollbar-width:none;
  }
  .shelf-track::-webkit-scrollbar{display:none}
  .featured-product,.featured-product:nth-child(odd){
    flex:0 0 76%;width:auto;height:192px;padding:14px;column-gap:14px;
    grid-template-columns:104px 1fr;border:1px solid var(--dr-line);background:#fff;
    scroll-snap-align:start;
  }
  .featured-visual{height:160px}
  .featured-visual svg,.featured-visual img{height:126px}
  .featured-copy strong{font-size:15px}
  .featured-copy span{font-size:10.5px}
  .featured-price{font-size:12px}

  .page-home #models{padding:46px 0 52px}
  .page-home #models .sec-head{margin-bottom:20px}
  .page-home #models .sec-title{font-size:27px;line-height:1.18}
  .page-home #models .sec-sub{font-size:12.5px;line-height:1.65}
  .page-home .models-brandline{margin-bottom:14px;padding:11px 0;font-size:10.5px}
  .page-home .dev-toggle{width:100%;margin-bottom:12px}
  .page-home .dbtn{flex:1;min-width:0;padding:9px 12px;font-size:12.5px}
  .page-home .filter{margin-bottom:16px}
  .page-home .fchip{padding:8px 14px;font-size:12px}
  .page-home .mgrid{
    display:flex;gap:12px;margin:0 -16px;padding:2px 20px 16px;overflow-x:auto;
    scroll-padding-inline:20px;scroll-snap-type:x mandatory;scrollbar-width:none;
  }
  .page-home .mgrid::-webkit-scrollbar{display:none}
  .page-home .mcard{
    flex:0 0 68%;width:auto;min-height:294px;padding:12px;text-align:left;scroll-snap-align:start;
  }
  .page-home .mcard .mimg{height:126px;margin-bottom:12px}
  .page-home .mcard .mimg svg,.page-home .mcard .mimg img{height:102px}
  .page-home .mcard .mname{font-size:15px}
  .page-home .mcard .mtag{min-height:32px;font-size:11.5px}
  .page-home .mcard .mprice{margin-top:8px;font-size:13px}
  .page-home .mcard .msub{font-size:10px}
  .page-home .price-note{margin-top:14px;padding:13px 14px;font-size:11px}

  .benefit-showcase{padding:42px 0 48px}
  .benefit-grid{
    display:flex;gap:12px;margin:0 -16px;padding:0 20px 12px;overflow-x:auto;
    scroll-padding-inline:20px;scroll-snap-type:x mandatory;scrollbar-width:none;
  }
  .benefit-grid::-webkit-scrollbar{display:none}
  .benefit-card{flex:0 0 82%;min-height:292px;padding:22px;scroll-snap-align:start}
  .benefit-card strong{font-size:23px}

  .page-home .bo-head-in{padding-left:16px;padding-right:16px}
  .page-home .step{padding:21px 0}
  .page-home .final{width:100%;margin:0;padding:52px 18px;border-radius:0}
  .page-home .final h2{font-size:29px}
  .page-home .final p{font-size:12.5px}
  .page-home footer{padding:42px 0 88px}
  .page-home .kakao-float{right:12px;bottom:12px;min-height:48px;padding:0 15px;font-size:12px}

  .page-details .wrap,.page-policies .wrap,.page-support .wrap{
    width:100%;max-width:none;padding-left:16px;padding-right:16px;
  }
  .page-details .topin,.page-policies .topin,.page-support .topin{height:58px}
  .page-details .hero,.page-policies .hero,.page-support .hero{
    width:100%;min-height:340px;margin:0;border-radius:0;padding:48px 0 54px;
  }
  .page-details .hero>.wrap{width:100%;padding:48px 16px 54px}
  .page-details .hero h1,.page-policies .hero h1,.page-support .hero h1{font-size:30px;line-height:1.16}
  .page-details .hero .lead,.page-policies .hero .lead,.page-support .hero .lead{font-size:13px;line-height:1.65}
  .page-details .section,.page-policies .policy,.page-support .section{padding:42px 0 48px}
  .page-details .section h2,.page-policies h2,.page-support .section h2{font-size:23px;line-height:1.22}
  .page-details .intro,.page-policies p,.page-support .section p{font-size:12.5px}
  .page-details .detail-final{width:100%;margin:0;padding:50px 18px;border-radius:0}
  .page-details .kakao,.page-support .kakao,.page-policies .kakao{
    right:12px;bottom:12px;min-height:48px;padding:0 14px;font-size:12px;
  }
}

@media(max-width:380px){
  .page-home .hero-slide h1,.page-home .hero-slide h2{font-size:28px}
  .featured-product{flex-basis:82%}
  .page-home .mcard{flex-basis:76%}
  .benefit-card{flex-basis:88%}
}

@media(max-width:700px){
  .page-details #reviews{scroll-margin-top:62px}
}

/* 2026-07 UX pass: touch targets, non-obscuring chat, and stable media. */
.field-error{display:block;min-height:18px;margin-top:6px;color:#a03535;font-size:12px;font-weight:700;line-height:1.4}
.field-error:empty{min-height:0;margin-top:0}
[aria-invalid="true"]{border-color:#a03535!important;box-shadow:0 0 0 1px #a03535!important}
.consent-error{margin:6px 0 0 28px}
body.builder-open .kakao-float,body.order-modal-open .kakao-float,body.hide-floating-chat .kakao-float{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}
body.order-modal-open #builderOverlay>.bo-head{visibility:hidden}
.page-details .person img{background:#ebe8e1;object-position:center 24%;filter:saturate(.78) contrast(1.02)}
.page-home .hero-inspection-frame img:not([src]),.page-home .hero-team-portraits img:not([src]),.page-home .hero-review-frame img:not([src]){background:#262624}
.swipe-hint{display:none}
.representative-note{margin:18px 0 0;padding:14px 16px;border:1px solid var(--dr-line);background:#faf9f7;color:var(--dr-muted);font-size:11.5px;line-height:1.65}
.models-more{display:flex;align-items:center;justify-content:center;min-height:48px;margin:18px auto 0;padding:0 24px;border:1px solid var(--dr-ink);background:#fff;color:var(--dr-ink);font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.models-more:hover{background:#f4f2ed}
.models-more[hidden]{display:none}

@media(max-width:700px){
  .catalog-rail{position:relative}
  .catalog-rail.rail-has-more::after{content:"";position:absolute;z-index:4;right:0;top:0;bottom:0;width:42px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 82%)}
  .catalog-rail a{min-height:44px;padding-block:0}
  .page-home .nav .btn-blue,.page-details .top .btn-blue,.page-support .support-order,.page-policies .btn-blue{min-height:44px}
  .page-home .dbtn,.page-home .fchip{min-height:44px}
  .page-home .hero-controls{height:48px;min-height:48px;gap:2px}
  .page-home .hero-controls .hero-arrow,.page-home .hero-arrow{width:44px;height:44px;flex-basis:44px}
  .page-home .hero-controls .hero-dots{gap:0;padding:0}
  .page-home .hero-controls .hero-dot,.page-home .hero-dot{position:relative;width:44px;height:44px;background:transparent;opacity:1}
  .page-home .hero-controls .hero-dot::after,.page-home .hero-dot::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:999px;background:#1c1b19;opacity:.24;transform:translate(-50%,-50%)}
  .page-home .hero-controls .hero-dot[aria-current="true"],.page-home .hero-dot[aria-current="true"]{width:44px;background:transparent;opacity:1}
  .page-home .hero-controls .hero-dot[aria-current="true"]::after,.page-home .hero-dot[aria-current="true"]::after{width:15px;opacity:.85}
  .page-home .kakao-float,.page-details .kakao,.page-support .kakao-float,.page-policies .kakao-float{width:48px;min-width:48px;height:48px;padding:0;justify-content:center}
  .page-home .kakao-float span,.page-details .kakao span,.page-support .kakao-float span,.page-policies .kakao-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .page-home .mcard,.featured-product{scroll-margin-inline:16px}
  .page-details .faq summary,.page-support .faq summary{min-height:52px}
  .swipe-hint{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:5px;color:#706a61;font-size:10.5px;font-weight:700}
  .swipe-hint span{font-size:14px}
  .models-swipe-hint{margin:2px 0 0}
  .representative-note{margin-top:12px;padding:12px 13px;font-size:10.5px}
  .models-more{width:100%;min-height:48px;margin-top:14px}
  .page-home footer .f-policy a,.page-details footer .f-policy a,.page-support footer .footer-policy a,.page-policies footer .footer-policy a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
  .page-policies .tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding-block:0}
}

/* Focused feedback pass: keep the editorial system, improve mobile wayfinding. */
.page-policies .tabs a[aria-current="location"]{
  border-color:var(--dr-ink);background:var(--dr-ink);color:#fff;
}
.page-details [data-section-link][aria-current="page"]{color:var(--dr-ink);text-decoration:underline;text-underline-offset:5px}
.page-support .video{width:min(760px,100%);margin-left:auto;margin-right:auto}

@media(max-width:700px){
  .catalog-rail.rail-has-more::after{width:50px}
  .swipe-hint{margin-top:7px;font-size:11.5px}
  .page-home .featured-product,.page-home .featured-product:nth-child(odd){flex-basis:84%}
  .page-home .mcard{flex-basis:80%}
  .page-home .benefit-card{flex-basis:86%}
  .page-support .video{width:100%}
  .page-policies .tabs a[aria-current="location"]{box-shadow:inset 0 -2px 0 #c9ab80}
}
